本节书摘来自异步社区《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一书中的第17章,第17.9节,作者 UCDChina,更多章节内容可以访问云栖社区“异步社区”公众号查看
17.9 信息整理后的火车票视觉结构
UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论
文/Raymond from ueui.com.cn
每次返回青岛时,我总听能到火车站播音室传出:“旅客们注意了,乘坐×××次从北京开往青岛的列车,开始检票进站……请旅客们有序进站上车”。我就会不自主地看一眼手中的车票。
(由于找不到北京→青岛的样票,遂用北京→天津的车票代替)。
端详车票,上面提供的信息有许多:
- 火车站代码;
- 车票;
- 地点;
- 发车时间;
- 车厢;
- 座位;
- 车型;
- 座型;
- 起始地点;
- 车次;
- 价格;
- 友情提醒;
- 票种;
- 售票地点;
- 底部编码。
这些信息零散的排列在票面上,好像并未有效组织起来,视觉结构松散,看起来有点累。
怎么办?我想尝试改变一下。先从火车票的设计目的入手。
火车票的设计目的如下:
OK,那让我们来把信息和目的一一对应起来。
先将信息按关注度和逻辑顺序分为3类:乘客上车前关注、乘客上车后关注和乘客不关注,并根据内容的相关度加以合并。
(1)上车前乘客所关注的。
- 起始地点:乘客要达到的目的地
- 发车时间:准备什么时间走,查看确切发车时间
- 车次:通过“字母+数字”一起传达了当天发车时间、起始地点、车型这3个-
信息的含义,同时决定了在哪个候车室进站。 - 座位类型/价格:乘坐的舒适度、消费成本。
(2)上车后需关注的。
车厢/座位:确定乘坐位置。
(3)旅客不关注(这部分是检票人员关注的)。
- 售票地点/火车站代码,底部编码(防伪):辨别假票用的。
- 友情提醒:提示顾客车票只能当日使用。
再看一下这些信息之间的关系:
从上述信息看来,车次的信息维度最大,包含3个重要信息:当天发车时间、起始地点、车型。
但有3个问题:
- 普通人是无法从“数字+字母”中直接感知到什么具体内容。
- 用户会基于“起始地点”来对车票进行判断,车次只是N多辆从A地发往B地的其中一辆车的代号而已。
- 它所表现的乘车时间只能到分钟,并不包含年/月/日的维度。
基于上述3点,所以设计时还是应该以目的地为重点,“车次”则成了以“起始地点”为维度的辅助信息,加以年月日和确切时间说明。
再加上开头的那段火车票语音提示:“乘坐×××次从北京开往青岛的列车……”,这是一个很重要的场景,因为它传达的信息顺序是“先车次,后地点”。
那么,个人认为火车票设计应该是这样的:
另外,也许还应该加上“退票的流程和退票价格”,如此重要的信息是被火车站忽略了。
我的一个老乡头一次来北京找工作,本想待一天就走,他就买了次日回青岛的车票,但我想留他多玩几天,就让其速速退票,结果他很惊讶:“票还可以退么?到哪而退?怎么退?能退多少钱?(值不值得退)”
我们设想:他有退票动机时已经离火车站很远,翻出这张票来,却不知该怎样操作,的确是很不方便的事。
感觉前一篇《交互设计中的视觉结构 》中有关信息间的逻辑关系和先后顺序,说的不是很充分。其实我是想说交互设计并不是随手画画线框图就OK了,通过信息的组织和整理,编排其视觉结构,以达到信息交互(传达)的目的,这才是视觉结构的真正意义。