天天看点

《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一17.9 信息整理后的火车票视觉结构

本节书摘来自异步社区《ucd火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一书中的第17章,第17.9节,作者 ucdchina,更多章节内容可以访问云栖社区“异步社区”公众号查看

ucd火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论

文/raymond from ueui.com.cn

每次返回青岛时,我总听能到火车站播音室传出:“旅客们注意了,乘坐×××次从北京开往青岛的列车,开始检票进站……请旅客们有序进站上车”。我就会不自主地看一眼手中的车票。

《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一17.9 信息整理后的火车票视觉结构

(由于找不到北京→青岛的样票,遂用北京→天津的车票代替)。

端详车票,上面提供的信息有许多:

火车站代码;

车票;

地点;

发车时间;

车厢;

座位;

车型;

座型;

起始地点;

车次;

价格;

友情提醒;

票种;

售票地点;

底部编码。

这些信息零散的排列在票面上,好像并未有效组织起来,视觉结构松散,看起来有点累。

怎么办?我想尝试改变一下。先从火车票的设计目的入手。

火车票的设计目的如下:

《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一17.9 信息整理后的火车票视觉结构

ok,那让我们来把信息和目的一一对应起来。

先将信息按关注度和逻辑顺序分为3类:乘客上车前关注、乘客上车后关注和乘客不关注,并根据内容的相关度加以合并。

(1)上车前乘客所关注的。

起始地点:乘客要达到的目的地

发车时间:准备什么时间走,查看确切发车时间

车次:通过“字母+数字”一起传达了当天发车时间、起始地点、车型这3个-

信息的含义,同时决定了在哪个候车室进站。

座位类型/价格:乘坐的舒适度、消费成本。

(2)上车后需关注的。

车厢/座位:确定乘坐位置。

(3)旅客不关注(这部分是检票人员关注的)。

售票地点/火车站代码,底部编码(防伪):辨别假票用的。

友情提醒:提示顾客车票只能当日使用。

再看一下这些信息之间的关系:

《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一17.9 信息整理后的火车票视觉结构

从上述信息看来,车次的信息维度最大,包含3个重要信息:当天发车时间、起始地点、车型。

但有3个问题:

普通人是无法从“数字+字母”中直接感知到什么具体内容。

用户会基于“起始地点”来对车票进行判断,车次只是n多辆从a地发往b地的其中一辆车的代号而已。

它所表现的乘车时间只能到分钟,并不包含年/月/日的维度。

基于上述3点,所以设计时还是应该以目的地为重点,“车次”则成了以“起始地点”为维度的辅助信息,加以年月日和确切时间说明。

再加上开头的那段火车票语音提示:“乘坐×××次从北京开往青岛的列车……”,这是一个很重要的场景,因为它传达的信息顺序是“先车次,后地点”。

那么,个人认为火车票设计应该是这样的:

《UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论》一17.9 信息整理后的火车票视觉结构

另外,也许还应该加上“退票的流程和退票价格”,如此重要的信息是被火车站忽略了。

我的一个老乡头一次来北京找工作,本想待一天就走,他就买了次日回青岛的车票,但我想留他多玩几天,就让其速速退票,结果他很惊讶:“票还可以退么?到哪而退?怎么退?能退多少钱?(值不值得退)”

我们设想:他有退票动机时已经离火车站很远,翻出这张票来,却不知该怎样操作,的确是很不方便的事。

感觉前一篇《交互设计中的视觉结构 》中有关信息间的逻辑关系和先后顺序,说的不是很充分。其实我是想说交互设计并不是随手画画线框图就ok了,通过信息的组织和整理,编排其视觉结构,以达到信息交互(传达)的目的,这才是视觉结构的真正意义。

继续阅读