从「重新设计火车票样式」,谈用户体验设计


Warning: Invalid argument supplied for foreach() in /data/cxweb/www/gupowang.com/public/article/view.html on line 71
5年前

作者:无森鹿

​来源:人人都是产品经理

编辑:善小倩

 

“用户体验”是随着互联网的日益深化而变得越来越热的话题之一,它所代表的就是互联网产品和人性本身的相互共鸣,并且这种共鸣在今天而言,显得越来越弥足珍贵。

 

从交互设计到视觉设计,怎么样才算是“好的用户体验”?

 

一直以来,大部分情况下的论调都停留在主观意识层面上,这也使“用户体验”的话题本身显得更加难以拿捏和扑朔迷离。

 

本文将从“重新设计高铁票样式”的角度来切入举例,着重讨论一下用户体验设计的维度和标杆。

 

一、使用场景分析

 

高铁已经成为大部分国人出行的首选,一方面价位不算昂贵,另一方面速度确实足够快。

 

然而,从12306 的App到官网,这种上世纪90代风格的古老网站以及模板式的交互方式,能一直存在下去,也是侧面证明了国人的忍耐力。也因此,12306 App和高铁票经常被拿来当做用户体验改版的热手范例。

 

本文也不例外,不同的是:本文将量化改进目标,从更为全面的用户体验理论维度进行改进尝试。

 

在一般的高铁使用场景中,以车票作为核心要素的乘车流程应是:

 

 

乘车流程

 

在这样一个使用流程中,可以先提取比较重点的信息元素:

 

  • 用户侧:日期、车次、车厢、座位、时间点、检票口

  • 检票侧:日期、车次、身份证信息、检票口

 

在获取这些较为重要的信息之后,再看一下高铁票原来的样式:

 

 

高铁票样式

 

高铁票原样式可以认为存在以下的问题:

 

  1. 美观度不够;

  2. 信息层级区分不明确;

  3. 排版比较糟糕。

 

车票样式上存在的比较严重的信息就是:重点信息不明确,乘客需要耗费一定的时间才能得到自己想要的信息。

 

主要还是因为:信息层级不明确,留白区域不够,无法将对应的重点信息主动传达给用户

 

并且在实际场景中,务必要照顾到时间比较紧张的乘客,缩短阅读的时间成本和脑力思考成本是必须要考虑的因素。

 

这样就大致得出了改进的方向:

 

  1. 美观度改进;

  2. 信息层次区分需明确;

  3.  排版优化;

  4. 减少不必要的文字信息。

 

二、用户体验理论层面分析

 

根据前面的论述中所列举的高铁票中的重点信息和改进方向,这里可以采用的用户体验理论进行细化改进,包括:

 

  1. 信息设计;

  2. 可抵达性;

  3. 价值性。

 

其中信息设计是用户体验五层理论中的信息层的重点核心,可抵达性(Adoptable)和价值性(Value)是用户体验VADU理论中的A和V。

 

信息设计可解决的就是信息层次不明确的问题,这里可以采用的突出某些重点信息的方式有:

 

  1. 字号区分;

  2. 颜色区分;

  3. 粗细区分。

 

优化方案-1

 

可抵达性指的是用户get到信息的快速程度,使用户更加快速地“抵达”自己想要达到的“目的地”,可按照这个标准进一步剔除和归类不重要信息。

 

通过加粗字体,变大字号,增大留白区域突出显示对乘客而言比较重要的信息。

 

价值性即是突出对用户最有价值的信息,使用户在短时间内可以快速获取对自己最有价值的信息。

 

通过字号的变化来突出显示信息仍然不够,其他干扰信息仍然存在,这里将采用弱化干扰信息的方式来进一步强化车票传达信息的能力。

 

 

优化方案-2

 

总结处理方法:

 

  1. 辨别重要信息,字号加大,重要信息字体加粗;

  2. 根据信息类型归类,如车次信息、检票口信息、座位信息等都可以认为是和车相关的具体信息,而始发站、终点站和出发时间可以认为是和此次出行具体相关的信息,个人信息和车票相关的信息单列;

  3. 隐藏(对乘客而言)不重要信息、突出(对乘客而言)重要的信息。这里采用字体颜色弱化的方式来减弱不重要信息(即干扰信息)的存在感。

 

三、背面信息

 

 

高铁票背面

 

背面信息一般情况下都是被忽略的部分,这里仅对背面信息进行排版上的优化,背面信息目前的样式很“偷懒”地把所有文字堆积到一起,在可阅读性上较差,这里厘清文字的段落,使之传达的信息更加明确:

 

高铁票-背面优化

 

四、视觉样式重设计

 

在重新界定了火车票上的所有信息之后,就可以开始“放肆”地进行视觉上的重新设计啦~

 

一般而言,火车票的视觉样式不宜大起大落,毕竟受众群体过于广大,太小清新不合适,逼格太高也显得违和,太俗的话,还不如不改。

 

以下本着“认真不负责”的态度进行几种样式的火车票(正面)设计:

 

 

极富“逼格”长条形

 

 

机票形

 

考虑到印刷成本,其实不建议在车票上采用图标样式。

 

还有一个原因:在车票上使用图标其实并不能对车票信息的识别度起到非常大的作用,一方面是因为可使用图标的元素较少,另一方面图标元素极易出现误导的情况。

 

如:检票口的图标,不论采用何种方式,都无法通过尺寸有限的图标进行表意。

 

五、总结

 

其实“重新设计火车票”本身就是信息设计的一个典型案例,而信息设计是用户体验中固有的一环。

 

很多设计师把火车票设计得更加花哨,或者追求好看将字号变小,都是某种意义上的“夹带私货”的行为。

 

使火车票重新回到它应该的样子,这可以说是用户体验的功劳,其实也可以说是设计精神没有普及开来的悲哀。

 

好的用户体验是可以量化的,具体的标准就是VADU理论的尺度标杆。VADU所代表的含义即:价值性(Value)、可抵达性(Adoptable)、欲望(Desire)和可用性(Usability):

 

  • 价值性可以通过比对解决方案和需求的重合度来进行判断,解决方案如果可以完全满足需求,那就可以说是价值性高;

 

  • 可抵达性即用户到达自己“目的地”的难易程度,如果用户可以在短时间内不耗费大量时间成本和脑力成本即可抵达“目的地”的,就认为是可抵达性好;

 

  • 欲望指的更多的是在视觉和主观感受上,譬如:产品的吉祥物或插画的作用,更大程度上就是为了迎合欲望,唤起用户的好感和认同感,当然好看的界面也会对此有所帮助;

 

  • 可用性则是所有产品的根基,可用性的好坏往往需要通过用户调研才可以得出结论,无法直接量化。

 

好的用户体验往往是这四个维度进行综合表现的结果,如果某个产品在这四个方面中的任何一项出现短板,都很难说它的用户体验是好的。

 

在火车票这个例子中,我们可以得见的是:好的信息设计会极大缩短乘客的时间成本,也可以让顾客不困惑于票面信息的含义;既达到美观的目的,也保证了乘客可以完全无误差地抵达“目的地”。

 

其实,对于火车票而言,清爽美观仅仅是最低级的需求,更高级的需求需要在信息层面上大做文章,而非为了美观而舍弃核心重点。

 

— end —

 

收藏

{{favCount}}

个人收藏

投稿请戳这里!投稿
0

次分享

文章评论(0)

{{ user.nickname }}
发表评论
登录 进行评论
加载更多 正在加载中... 没有更多了