“重新设计高铁火车票样式”谈用户体验设计的维度和标杆

2018-05-0519:24:24交互设计Comments5,245 views字数 2482阅读模式

本文将从“重新设计高铁票样式”的角度来切入举例,着重讨论一下用户体验设计的维度和标杆。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

文/无鹿森文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

“重新设计高铁火车票样式”谈用户体验设计的维度和标杆文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

“用户体验”是随着互联网的日益深化而变得越来越热的话题之一,它所代表的就是互联网产品和人性本身的相互共鸣,并且这种共鸣在今天而言,显得越来越弥足珍贵。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

从交互设计到视觉设计,怎么样才算是“好的用户体验”?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

一直以来,大部分情况下的论调都停留在主观意识层面上,这也使“用户体验”的话题本身显得更加难以拿捏和扑朔迷离。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

本文将从“重新设计高铁票样式”的角度来切入举例,着重讨论一下用户体验设计的维度和标杆。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

一、使用场景分析

高铁已经成为大部分国人出行的首选,一方面价位不算昂贵,另一方面速度确实足够快。然而从12306App到 12306 官网,这种上世纪 90 代风格的古老网站以及模板式的交互方式,能一直存在下去,也是侧面证明了国人的忍耐力。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

也因此,12306App和高铁票经常被拿来当做用户体验改版的热手范例。本文也不例外,不同的是:本文将量化改进目标,从更为全面的用户体验理论维度进行改进尝试。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

在一般的高铁使用场景中,以车票作为核心要素的乘车流程应是:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

“重新设计高铁火车票样式”谈用户体验设计的维度和标杆文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

乘车流程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

在这样一个使用流程中,可以先提取比较重点的信息元素:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

  • 用户侧:日期、车次、车厢、座位、时间点、检票口;
  • 检票侧:日期、车次、身份证信息、检票口。

在获取这些较为重要的信息之后,再看一下高铁票原来的样式:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

“重新设计高铁火车票样式”谈用户体验设计的维度和标杆文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

高铁票样式文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

高铁票原样式可以认为存在以下的问题:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

  • 美观度不够;
  • 信息层级区分不明确;
  • 排版比较糟糕。

车票样式上存在的比较严重的信息就是:重点信息不明确,乘客需要耗费一定的时间才能得到自己想要的信息。主要还是因为信息层级不明确,留白区域不够,无法将对应的重点信息主动传达给用户。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

并且在实际场景中,务必要照顾到时间比较紧张的乘客,缩短阅读的时间成本和脑力思考成本是必须要考虑的因素。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

这样就大致得出了改进的方向:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

  • 美观度改进;
  • 信息层次区分需明确;
  •  排版优化;
  • 减少不必要的文字信息。

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

根据前面的论述中所列举的高铁票中的重点信息和改进方向,这里可以采用的用户体验理论进行细化改进,包括:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

  •  信息设计;
  •  可抵达性;
  •  价值性。

其中信息设计是用户体验五层理论中的信息层的重点核心,可抵达性(Adoptable)和价值性(Value)是用户体验VADU理论中的A和V。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

信息设计可解决的就是信息层次不明确的问题,这里可以采用的突出某些重点信息的方式有:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

  • 字号区分;
  • 颜色区分;
  • 粗细区分。

“重新设计高铁火车票样式”谈用户体验设计的维度和标杆文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

优化方案-1文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

可抵达性指的是用户get到信息的快速程度,使用户更加快速地“抵达”自己想要达到的“目的地”,可按照这个标准进一步剔除和归类不重要信息。通过加粗字体,变大字号,增大留白区域突出显示对乘客而言比较重要的信息。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

价值性即是突出对用户最有价值的信息,使用户在短时间内可以快速获取对自己最有价值的信息。通过字号的变化来突出显示信息仍然不够,其他干扰信息仍然存在,这里将采用弱化干扰信息的方式来进一步强化车票传达信息的能力。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

“重新设计高铁火车票样式”谈用户体验设计的维度和标杆文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

优化方案-2文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

总结处理方法:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

  • 辨别重要信息,字号加大,重要信息字体加粗;
  • 根据信息类型归类,如车次信息、检票口信息、座位信息等都可以认为是和车相关的具体信息,而始发站、终点站和出发时间可以认为是和此次出行具体相关的信息,个人信息和车票相关的信息单列;
  • 隐藏(对乘客而言)不重要信息、突出(对乘客而言)重要的信息。这里采用字体颜色弱化的方式来减弱不重要信息(即干扰信息)的存在感。

三、背面信息

“重新设计高铁火车票样式”谈用户体验设计的维度和标杆文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

高铁票背面文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

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

“重新设计高铁火车票样式”谈用户体验设计的维度和标杆文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

高铁票-背面优化文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

四、视觉样式重设计

在重新界定了火车票上的所有信息之后,就可以开始“放肆”地进行视觉上的重新设计啦。一般而言,火车票的视觉样式不宜大起大落,毕竟受众群体过于广大,太小清新不合适,逼格太高也显得违和,太俗的话,还不如不改。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

以下本着“认真不负责”的态度进行几种样式的火车票(正面)设计:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

“重新设计高铁火车票样式”谈用户体验设计的维度和标杆文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

极富“逼格”长条形文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

“重新设计高铁火车票样式”谈用户体验设计的维度和标杆文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

机票形文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

考虑到印刷成本,其实不建议在车票上采用图标样式。还有一个原因:在车票上使用图标其实并不能对车票信息的识别度起到非常大的作用,一方面是因为可使用图标的元素较少,另一方面图标元素极易出现误导的情况。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

如:检票口的图标,不论采用何种方式,都无法通过尺寸有限的图标进行表意。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

五、总结

其实“重新设计火车票”本身就是信息设计的一个典型案例,而信息设计是用户体验中固有的一环,很多设计师把火车票设计得更加花哨或者追求好看将字号变小,都是某种意义上的“夹带私货”的行为。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

使火车票重新回到它应该的样子,这可以说是用户体验的功劳,其实也可以说是设计精神没有普及开来的悲哀。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

好的用户体验是可以量化的,具体的标准就是VADU理论的尺度标杆。VADU所代表的含义即:价值性(Value)、可抵达性(Adoptable)、欲望(Desire)和可用性(Usability)。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

  • 价值性可以通过比对解决方案和需求的重合度来进行判断,解决方案如果可以完全满足需求,那就可以说是价值性高;
  • 可抵达性即用户到达自己“目的地”的难易程度,如果用户可以在短时间内不耗费大量时间成本和脑力成本即可抵达“目的地”的,就认为是可抵达性好;
  • 欲望指的更多的是在视觉和主观感受上,譬如:产品的吉祥物或插画的作用,更大程度上就是为了迎合欲望,唤起用户的好感和认同感,当然好看的界面也会对此有所帮助;
  • 而可用性则是所有产品的根基,可用性的好坏往往需要通过用户调研才可以得出结论,无法直接量化。

好的用户体验往往是这四个维度进行综合表现的结果,如果某个产品在这四个方面中的任何一项出现短板都很难说它的用户体验是好的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

在火车票这个例子中,我们可以得见的是好的信息设计会极大缩短乘客的时间成本,也可以让顾客不困惑于票面信息的含义,既达到美观的目的,也保证了乘客可以完全无误差地抵达“目的地”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

其实,对于火车票而言,清爽美观仅仅是最低级的需求,更高级的需求需要在信息层面上大做文章,而非为了美观而舍弃核心重点。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/jiaohu/3395.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/jiaohu/3395.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定