信息整理后的火车票视觉结构
分类 : 用户体验 - 09/03/25每当返青时，我总听能到火车站播音室传出 ："旅客们注意了，乘坐xxx次从北京开往青岛的列车，开始检票进站……请旅客们有序进站上车"
我就会不自主的看一眼手中的车票。
（由于找不到北京-青岛的样票，隧用北京-天津的代替）
端详车票, 信息有许多：
火车站代码
车票，
地点，
发车时间，
车厢，
座位，
车型，
座型，
起始地点
车次
价格
友情提醒
票种
售票地点
底部编码
这些信息零散的排列在票面上，好像并未有效组织起来，视觉结构松散，看起来有点累。
怎么办？我想尝试改变一下。
先从火车票的设计目的入手。
火车票的设计目的：
对乘客：
1.明确始发地点和目的地.
2.让乘客准时上车
3.帮其找到座位
4.进站途径
5.价格越高，座位（享受服务）越好
对检票员：
1.易识别真伪
2.防止顾客上错车或坐错座位
OK，那让我们来把信息和目的一一对应起来
先将信息按关注度和逻辑顺序分为3类：上车前、上车后和不关注，并根据内容的相关度加以合并。
- 上车前乘客所关注的:
起始地点 ： 乘客要达到的目的地
发车时间 ： 准备什么时间走， 查看确切发车时间
车次 ： 通过“字母+数字”一起传达 当天发车时间、起始地点、车型 3个信息的含义 ，哪个候车室进站
座位类型/价格 ： 乘坐的舒适度、消费成本
- 上车后需关注的
车厢/座位 ：确定乘坐位置。
- 旅客不关注 （这部分是检票人员关注的）
售票地点/火车站代码，底部编码(防伪) ： 辨别假票用的。
友情提醒 ： 提示顾客车票只能当日使用。
再看一下这些信息之间的关系：
从上述信息看来，，车次的信息维度最大，包含3个重要信息：当天发车时间，起始地点，车型。
但有2个问题：
1.普通人是无法从“数字+字母”中直接感知到什么具体内容。
2.用户会基于“起始地点”来对车票进行判断，车次只是N多辆从A地发往B地的其中一辆车的代号而已。
3.它所表现的乘车时间只能到分钟，并不包含年/月/日的维度。
基于上述3点，所以设计时还是应该以目的地为重点，“车次”则成了以“起始地点”为维度的辅助信息，加以年月日和确切时间说明。
再加上开头的那段火车票语音提示：“乘坐xxx次从北京开往青岛的列车……”,这是一个很重要的场景，因为它传达的信息顺序是“先车次，后地点”
那么，个人认为火车票设计应该是这样的：
另外，也许还应该加上“退票的流程和退票价格”。
如此重要的信息是被火车站忽略了。
我的一个老乡头一次来北京找工作，本想1天就走，他就买了次日回青岛的车票，但我想留他多玩几天，随让其速速退票，结果他很惊讶：“票还可以退么？到哪而退？怎么退？能退多少钱？（值不值得退）”
我们设想他有退票动机时已经离火车站很远，翻出这张票来，却不知该怎样操作，的确是很不方便的事。
感觉前一篇《交互设计中的视觉结构》中有关信息间的逻辑关系和先后顺序，说的不是很充分。
其实我是想说交互设计并不是随手画画线框图就OK了，通过信息的组织和整理，编排其视觉结构，以达到信息交互（传达）的目的，这才是视觉结构的真正意义。
直接看图没觉得好
[回复]
看你最后的设计没什么变化
[回复]
真别说，怎么改改，确实信息结构清晰了好多
[回复]
你太强了，这个都能说的头头是道~
[回复]
漂亮的思路，漂亮的文章
地球上太缺你这种人啦
[回复]
嗯，就这张车票，我最后找到的信息才是车次信息。2次坐动车都是靠发车时间找到正确的检票口号码。
[回复]
真开眼界了，你丫太牛B了！！！以后国家我开机场，找你设计机票！！
[回复]
@huyue ，@vincent
欢迎提出更好的方案
@iamsujie
说的我跟“那美克星人”似的，多谢咯
@Cloudream:
咱俩的经历很相似，每次上火车前掏出票时，都会不自觉的强迫自己多看好几遍，总怕看错了。车次，发车时间，这些重要信息找起来很麻烦，我相信这属于设计问题。
@yaiba:
机票相当于买东西给的发票，到机场后乘客还要去领登机牌,咱还是设计登机牌吧:)
[回复]
果伦 reply on 3月 28th, 2009:
哈哈哈，“那美克星人”，想起七龙珠了。
[回复]
很棒，
信息的主次很清晰，”凹凸有致”
[回复]
写的不错，最近忙的我都没什么时间写博客，应该检讨一下。
[回复]
好文，收藏至20ju.com
[回复]
楼主的逻辑能放皆四海吗？
收集信息、收集用户目标。
将目标实现的顺序按逻辑分类，然后将信息与目标对应，确定每个类别里的信息关系，判断优先级，按视觉顺序及信息先级填入设计图纸中。
[回复]
@兔子
加油！你的RSS我一直订着
@稻草
没错，信息不是平的，是有凹凸的！
@Vincent.H
总结的不错！
[回复]
感觉博主改的有点像按照F型的视觉方向在排版，其实不一定是这样最好，但是这是一种可以用的比较广泛的做法。
[回复]
拼音没了，外国人挂了，不识字的识拼音的挂了。
发票处有用吗？下边的号足够防了吧？
价格和规格既然相关，为什么不放一起？
[回复]
@Vincent.H
1. 多谢提醒，“拼音”的疏忽的确不应该，回头加上。
2.“发票处”是指“售票处”的意思。
至于火车票顶部数字的含义，这是百科的解释：
第1-5位数字表示发售车票的车站代码，例如京B代码是21152，京D代码是12713，清华园
代码是12710。
第6位代表售票点类型，0表示车站售票处,2表示代售点，所以京A售就对应100010，京A
有没有用咱问百科吧
http://baike.baidu.com/view/2150188.htm
3.我认为“价格”和“规格”虽然相关，但没有必要放在一起，原因有两点：
其一. 地方不够用（如果以车票的规格作为标题头的话）。
其二. 标题头是实色底，“58元”又足够大，而且是代表整张车票的价值。
我并不认为凡是有联系的信息都必须要放到一起，那样设计视觉结构岂不是太简单了，注意“包含关系”
[回复]
有一个问题，我们思索下，为什么这么多人看到了这张票，都没有意识到这里面没有拼音呢？
[回复]
原车票的设计确实需要改进，很赞。
p.s. 这评论表单也有点问题：没有对齐，而且e-Mail看起来怪怪的。
[回复]
以我个人的乘车经验看，我主要关心的信息是：
- 车次： 这个错了麻烦就大了；
- 时间： 防止错过乘车时间；
- 车厢和座位，无座也包含在这儿
车型什么的也许还稍微关心一下，
起点和终点基本上不会给太多注意力的，我自己知道我要去那里。
所以车次，时间可以大一些。起点和重点没必要那么大。
[回复]
kyalong reply on 3月 30th, 2009:
[回复]
阿木 reply on 7月 20th, 2010:
同意，首先关心的是车次和时间。
[回复]
其实基本上20%的设计就能达到80%的效果
但是 注意到 很多地方都没有设计
[回复]
这种思考的方式不错！ 我觉得你对信息的结构确实比较敏感！
但是，老兄，我还是要发表我的观点：
1. 仔细看博文前，我觉得最上图的那张票和你重新设计的票都没给我造成影响，你的略好；
2. 火车票的信息量其实足够小的，数都数得着，用户不会来思考这张票的信息架构，扫描几眼就能找到上边的任何信息；
当然，你的设计更清晰；
3. 车次、起/终点、发车时间 在买票的时候就知道了，不管这个人有没有文化，认不认字，自己要到哪里，什么时候的车，其实是很清楚的，相反用户会忽略的是座位号！经常上车后看看座位号！
4. 对检票员这种分类我认为没有必要，检票员一个车次要看N遍车票，车次、车厢、真伪放在哪他都了然于心。瞄一眼就知道；
其实，我的思路是，票不是有2面吗？把对用户来说不太紧要的信息放另外一面去，每一面按区域划分信息！
周全，你的思路很好！继续，你这种思路对你设计更复杂的产品是很有价值的！
[回复]
Raymond reply on 3月 29th, 2009:
那你感觉什么信息放到“反面”会更合适一些呢？
[回复]
阿木 reply on 7月 20th, 2010:
大佬，铁路局还要靠广告继续盈利，“背面”你去见鬼吧！
[回复]
@ctoicqtao
这个问题提得好。
《你可以装，但不能过分》中已表达过我对“设计师装用户”的观点.
http://www.ueui.com.cn/user-experience/you-could-personate-but-not-too-much.html
设计师在做产品设计时也许有70%的“用户血统”(或更少)，剩下的30%还需靠调研、场景模拟。而这次的设计疏漏（漏掉拼音），也验证了我不是用户 —— Vincent.H 提醒我还有“外国人”，还有对汉字不敏感的人。
我想可能还会有不少还未测试未考虑的场景而带来更多的问题，索性不改，留着这个经典的错误作一个例子好了
[回复]
Vincent.H reply on 4月 18th, 2009:
@Raymond
大众型的产品直接回忆一下使用现场就大概知道会有哪些人去用，不要漏掉就好，甚至可以为了节省成本和时间缩减前期的调研，但对于个性化的产品来说，调研的必要性就很高了：）
另外我想问问，你们有谁试用过腾讯的浏览器，是不是和我的初步体验一样？在cnbeta上被一群uc fans围攻-_-
http://www.cnbeta.com/articles/81917.htm
[回复]
原因是：
车票购买者很清楚自己去哪儿，只是去那儿可能存在多次列车，因而更为关注自己是哪次车！
同理乘飞机
[回复]
囧。。看jj也p了张火车票。。忍不住过来看看。。
①.这张票给我的第一眼感觉就是“满版的文字”；在视觉上没有根据旅客对票面信息需求的优先级进行分类和排序。
②.票面信息需求的优先级是否需要调研？是否需要多人探讨旅客普适性的出行流程和逻辑？
③.根据调研结果和探讨结论，按照优先级进行排序，在视觉呈现上可使用：
a.“字体（宋体/黑体）、字号（大小）、字体风格（粗体/下划线）等”；
b.“字体颜色、明度（深浅/色盲者对此敏感）、背景色、底纹、字体周围轮廓线等”；
c.兼顾使用不同语言的国外旅客提供“汉语拼音和重要信息的英文翻译”；对盲人旅客提供重要信息的“凸版（触摸）”印刷等。
简单写下旅客在地球上的位移流程：
去一个地方（目的车站点已确定）——坐车/飞机/轮船等——买票——确定出发时间/车次/票价（根据不同线路/发车时间/车型等级和铺位等价位不同）——OK，买到票——看票——买对了票/买错了（车票反面可注明退票流程和价格等注意事项），end。
[回复]
d.票面的视觉风格：信息简洁明了，颜色素雅和谐、文字和背景等是否需要修饰（文字背景轮廓可否使用圆角/jj用了），整体风格偏商务型/Q版可爱型/涂鸦个性化型等；
以上这些都可以是思考方向。
ps：你blog回复的评论会发邮件通知评论者吗？我好像没收到；
评论框要是提供简单的“文字和图片编辑功能”就好了，毕竟你这里发表UE方面的文章比较多，评论和探讨相应地也就多了，再说UI/UE设计师时刻都要处理好UI/UE相关方面的信息。
[回复]
Raymond的设计当然比火车站的设计好，但我基本同意果伦的观点。
火车票信息量少，改进之后虽然更好了，但不明显。80年代电影票的设计可能会有借鉴意义，把座位信息突显，其他信息其次，再次的信息放到反面。
另外，忽略了拼音是由于忽略了外国客人，这不太好。如果是故意要忽略也不是不可以，但需要探讨。
[回复]
理解的很好，但是我觉得原车票也挺方便的，因为车票本身不是独立的，它与列车相关，与站内指示相关。所有相关在视觉上统一更重要。另外我觉得，车票上的文字不易过小，明确指示才是关键。
[回复]
:)很高兴认识您，看了这篇文章，可能思维不一样吧，个人也从自己作为用户的角度去设计一个，
思路是我是一个要回家的人，首先我关注的是时间，因为如果错过了，我就要改签了，然后我在发车前到了火车站，要找到我去往的地方，就是起站到终站，还有候车厅，所以这时车次起到很重要的作用，到了候车厅，我同样要按目的地和车次找到我的候车道（候车厅里车次和目的地是一样大小的，可见重要程度），然后检票了，我需要找到我的座位，逻辑思维我的是，车次和目的地的火车，找到了火车我要找车厢，再是座位号。这里车次和起点目的地是多次我要使用到的，所以它的位置和大小是要始终被我能一眼看到的。所以自己按照需求也设计了一个，希望大家也能提出宝贵的建议，让我们的生活更便捷。因为留言不能贴图：所以发上来地址是http://p.kaixin001.com/privacy/photo/3/25/231707_124032522.gif 希望大家给出建议。
其实我不是很想突出和谐号的，这种身份的象征无疑会让更多的普通老百姓感到…。其中第一行的编号保持了在第一行、标红是为了检票员的查票便捷。
[回复]
周老大，加您MSN了。
[回复]