细节见真章丨一张火车票信息的设计.pdfVIP

细节见真章 丨一张火车票的信息设计 前两天写工作日志 ，在看一些纪念性的 东西。其中一张今年3月从上海到北京的火车票 ，多少勾 起了我对当时的回忆。望着车票出神 ，却也越发觉得这张车票有意义但并不美观 ，从产品设计的角 度来看可能问题更多。 我把这种感觉以问题的方式在PMClub微信群 （一群互联网 伙伴们聊天提问的地方 ）中提出 ：火车 票是乘客搭乘固定班次列车的资格凭证 ，人们使用它的场景可能有三种 ：上车前凭票乘车、上车后 找到座位和下车后的纪念保存偶尔翻看。具体看车票中罗列的信息也是在满足以上使用场景的 ，只 是信息的布置比较混乱 ，视觉体验不够友好。如果让你来重新设计这张火车票 ，你会如何设计 ？ 问题讨论的过程中 ，主要观点有四种 ： 一、删减不必要信息。 Power@吴胜 设计理由 ： 1 ）删除乘客不需要的信息 （如车票编号可以放在背面 ），突出显示始发地、目的站、车次编号和 发车时间等乘客最常查看的信息。 2 ）发车时间放在车票头部的原因是考虑到这个字段是独立的信息类型且字符较多 ，发车时间如果 和车票其他信息距离近的话 ，会影响乘客查看该信息时的视觉传达效率。 二、新增人性化的信息。 Power@志鹏 设计理由 ： 我们无论在火车、飞机甚至公交车上都有听到人们常常在电话中说到 ，到哪里啦 ？什么时间到 ？我 好去接你……也就是说 ，到达目的地的时间是出行中很重要的信息 ，哪怕不准确 ，但不应该被忽略 。 儿行千里母担忧 ，到达时间有木有 ？O K ，情怀设计让妈妈放心。 三、区分乘车和乘客信息 ，信息分类。 Power@隐形人 设计理由 ： 1 ）删减乘客和检票员均不必要的信息 ，如车票编号、售票渠道和售票地。 2 ）区分乘车和乘客信息 ，把信息分类后展示在同一界面中 ；以方便快速查找信息。 四、通过对文 的处理和简单归类 ，让信息传达更高效。 Power@影子 设计理由 ： 1 ）火车票上虽然信息很多 ，但基本都是必要的 ，如果可行的话就不要任意删除。比如车票上方的 黑色三角、方块等都是验证车票时必要的信息 ，并且位置是和验证机器相适配的 ，不便于调整。 2 ）突出重要信息的方式主要有两种 ：放大字体和标注文字为高亮颜色 ；弱化的方式与之对应。所 以车厢和座位号红色标记 ，价格和“限乘当日车次”等均缩 放在不重要位置。 后来 ，旭勇给大家展示了新版火车票的样式 ： 有进步但很进步很有限是我们对这张车票的评价 ，你是否同意 ？ 回想自己和这张车票的所有经过好像是这样 ：12306买票→火车站取票→候车室等待上车→检票进 站→找车厢和座位号→车厢里的凝望→检票出站→纪念保存。 在综合了以上朋友们的观点和自身经历之后。 我的基本思路和设计结果大致如下 ： 一、明确信息接收对象和使用场景 信息接收对象 ： 1. 乘客 2. 检票员 信息使用场景 ： 1. 买到票后 ，候车乘车前 2. 乘车后 ，对号入座前 3. 出站后 ，保存查看时 二、火车票中的所有信息汇总 车次 发车时间 出发地 目的地 检票口 座位 （车厢号、座位号 ） 座位类型 票价 乘客姓名 身份证号码 售票渠道 售票地区 火车站代码 底部代码 友情提示 防伪二维码 车票标识 三、根据信息对象和场景 ，将信息归类 将第一步中的信息接受对象和使用场景自由组合 ，并把第二步中的信息一一与之对应 ，归类整理后 如下 ： A - 1 ：·车次·发车时间·出发地·目的地·检票口 A -2 ：·座位 （车厢号、座位号 ）·座位类型 A -3 ：·发车时间·出发地·目的地·票价 B ：·车次·发车时间·乘客姓名·身份证号码·售票渠道·售票地区·火车站代码·底部代码·友情提示·防伪 二维码·车票标识 四、界面切分和位置重要性排序 五、信息重新聚合和界面设计 A - 1、A -2、A -3相关信息聚合 ，在界面中的表现如下 ： 设计理由 ： 1 ）始发地到目的地的列车有很多 ，对你更重要的是知道搭乘哪一车次。 2 ）买到票到正确检票上车前的必要流程是 ：候车厅等待。候车厅对于乘客的提醒往往是“XX车次的 乘客们请注意 ，从XX 出发地开往XX 目的地的列车开始检票了 ，请到XX检票口排队进站” ，由此 可见 ，XX车次字段信息的重要性。所以 ，我把它放在主内容区左上角的第一个位置。 3 ）座位号是检票进站后的最重要的信息 ，和车次一样同属于“消费型”信息 ，即仅在进站后、对号入 座位前有效。但也就是这个过程决定用户是否能快速高效的