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

作者:无鹿森全文共 2522 字,阅读需要 6 分钟———— / BEGIN / ————“用户体验”是随着互联网的日益深化而变得越来越热的话题之一,它所代表的就是互联网产品和人性本身的相互共鸣,并且这种共鸣在今天而言,显得越来越弥足珍贵。从交互设计到视觉设计,怎么样才算是“好的用户体验”?一直以来,大部分情况下的论调都停留在主观意识层面上,这也使“用户体验”的话题本身显得更加难以拿捏和扑朔迷离。本文将从“重新设计高铁票样式”的角度来切...

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

作者:无鹿森

全文共 2522 字,阅读需要 6 分钟

———— / BEGIN / ————

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

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

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

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

一、使用场景分析

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

然而,从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 / ————

本文由 @无鹿森 原创发布于人人都是产品经理。未经许可,禁止转载

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

点击“阅读原文”下载APP

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36844/

(0)
交互精选交互精选
上一篇 2018-05-04
下一篇 2018-05-04

相关推荐

  • 用Axure写PRD:虎扑app产品需求文档(附下载链接)

    需求文档是产品经理的基本功,产品小白入门的必经之路,但对于小白来说,没经历过一个完整的项目,自然也没有产品可以写,所以倒推产品是一个练手的好方法。Axure也是产品经理的基本功,画原型图的利器,但axure不止是能画原型,还可以用来写prd,正如臻龙大神说的做这样一个一体化产品需求文档出于的目的就是传统的方式产生的文件过多,过于杂乱,不易整理和回溯。如果把每个版本的内容都整理在一个html中,这样无论是团队协作还是文档回溯都能大大提高效...

    2018-03-15
  • UED专访 | 李冀:建筑设计的唯一性与多样性

    📌 编辑 | XK P.S建筑行业之所以能百花竞放是因为有人独树一帜,自成一派有人匠心筑梦,执著务实在各展所长的事务所里李冀的原地工作室像潜生的植物一样有着自己的节奏与坚守静默地成长着……©UED我们常说懂一个作品应是知其然并知其所以然。本次我们专访内容围绕李冀及其原地建筑事务所作品展开,以长白山河谷别墅群等作品为切入点,尽可能多地去探究建筑建造过程的一些原由故事,倾听设计师还原当时的设计思路,了解作品从无到有精细入微的生长。也许你会因...

    2018-02-08
  • Axure RP 8 入门手册 – 第6章(三)

    第8节检视功能-元件属性Alice.:小楼大大好!小楼大大帅!我有些小困惑,想请你帮我指点下。可以吗?小楼:你诚实直白的我无法拒绝。Alice.:嘻嘻!我的问题有点多哦。小楼:来嘛!Alice.:我想做个密码输入框,就是输入文字时只能看到圆点那种。帅帅的小楼老师,这个怎么实现呢?小楼:这个是文本框的类型,看来你对这个元件的属性不太了解呀!我给你详细讲解吧!在检视功能的属性面板中有每个元件的属性设置,不同元件的属性会有差别。这里我对各类元...

    2018-04-22
  • 嘿,快点!这些小程序岗位正在被疯抢...

    招聘旺季,很多人都在考虑是不是要换(炒)个(老)新(板)环(鱿)境(鱼)。听说小程序很火,但小程序公司实在太多太杂,万一遇到“小程序教母”可肿么办!我们花了整整两天时间,综合参考企业规模、融资情况及阿拉丁排名指数优选整理出来第一期12家优秀小程序企业招聘岗位,希望能够帮助优秀的人才快速找到优秀的企业。何必东奔西走,这里可能就有!美团点评北京三快科技有限公司美团点评公司是全球领先的一站式生活服务平台,为超过6亿消费者和和超过450万的优质...

    2018-03-12
  • 交互设计

    产品设计流程和方法产品设计4大原则交互设计及基本原理(简约4策略)交互设计的作用【未完,待续~~~】

    2018-01-31
  • Sketch49交互原型新功能测评教程!

    昨天,Sketch49新版本发布,小编朋友圈又被刷了一波屏。对于该全新版本,具体有哪些新功能,以及如何使用呢?「10000个知识点」特邀讲师UIBANG-乔帮主连夜做了sketch新功能测评教程,分享给大家,希望可以给予你们帮助。深夜给大家整理了Sketch49版本更新的新功能-交互原型,希望大家能有所收获。下午在圈内微信群里,忽然看到2月28日发布了Sketch49新版本的...

    2018-03-03
  • 从用户体验的角度谈多数RPG战斗系统中的缺陷

    在为RPG创建战斗系统时,多数开发者首先会考虑到这个问题:“游戏中的各个角色会有哪些优势和弱点”。四大元素系统基本的战斗系统之一是,带有水、火、风、土的“四大元素系统”——水比火厉害,火比风厉害等等。这一系统适用于元素不多的游戏,因为玩家几乎立刻就会明白哪些元素能对敌人造成更大伤害。在现实生活中,不同元素的相互作用是众所周知的,因此开发者可以在不提供大量教程的情况下使用这些现实生活中的元素。但如果将这个系统进行延伸的话,就会导致交叉优势...

    2018-04-17
  • 为你的App增加WiFi认证检测,让用户体验更加丝滑

    前言前段时间在上海坐地铁时连接了花生地铁WIFI,打开QQ音乐开始听歌,QQ音乐居然给了我一个"WIFI认证提醒"的弹窗,点击认证就跳转到了花生地铁WIFI的认证页,之后顺利联网成功,体验非常爽。作为一名iOS开发,不禁思考这个是怎么做到的呢?忘记WIFI重新连接后,打开手机里各个应用轮番测试一遍,发现QQ音乐、QQ、QQ空间三个应用都做了比较好的WIFI认证提示:成功提示.png而其它的大应用如微信、手淘、支付宝、钉钉、美团、点评、爱...

    2018-02-07
  • 用户体验之旅-开篇

    设计菜会有啥?设计菜主要针对用户体验的方方面面进行分享。也会适当分享行业的一些资讯。主要为了沉淀,不追求快节奏,慢下来去思考去沉淀是设计菜的宗旨。没有商业目标~没有商业目的~欢迎围观和点评。欢迎━(*`∀´*)ノ亻留言及分享!谢谢!图片来自于:pinterest

    2018-04-27
  • AxureUX电商平台WEB端交互原型模板正式发布

    01作品信息作品名称:AxureUX电商平台WEB端交互原型模板作品类型:模板类发布日期:2018-02-25最新版本:v1.0主要适用:Web端软件版本:Axure 8.0文件大小:13MB作品编号:TEM006作品售价:¥169.00详细介绍及演示:http://www.axureux.com/home/templateswebec.html复制以上链接在浏览器打开或点击文章底部阅读原文,建议在电脑上查看原型演示。02作品介绍本作品...

    2018-03-04