交互学堂
专注分享专业知识

交互设计工作坊探秘 | WTM 2018 实录

重构购票流程的信息架构

 

假期将至,你打开再熟悉不过的订票网页,輸入出发日期、目的地、人数,选择了最合适时段的火车票,预定、付款,整个过程不超过 3 分钟。关闭网页后,你甚至不会记得支付后的画面到底显示了什么,因为这一切流畅的就像呼吸般的自然。


交互设计工作坊探秘 | WTM 2018 实录

4 月 14 日,我们邀请到了春秋航空的高级交互设计师——程琳琳,带领一群对交互设计有热情的伙伴们,以欧洲铁路局的项目为范本,一起重现购票流程的信息架构,让大家了解这流畅的购票交互设计是通过什么方法一步步被设计出来的。

 

交互设计工作坊探秘 | WTM 2018 实录

 

一开始,程琳琳老师以谷歌有趣的『speechless』方式破冰,带领现场的伙伴们一齐互动,同时也将伙伴们重新打散分组,让工作坊的每一个小组都有不同领域的成员组成。其实,因著使用者的多样性,一个成功的交互设计往往不是交互设计师的单一功劳,而是由不同专业背景成员组成的团队,从不同角度切入问题点,考量多方面需求后,共同协力提出的最佳方案。

 

交互设计工作坊探秘 | WTM 2018 实录

 

程琳琳老师首先分享了世界知名设计谘询公司 IDEO 在 1999 年的手推车项目,这个项目的团队成员就体现了多样性:工程师、哈佛 MBA、设计师、心理师、语言学家、生物学家 …等,多元背景的成员们,在起初定义问题的阶段,就从各自的背景提出当今手推车需要被解决的问题。

 

交互设计工作坊探秘 | WTM 2018 实录

 

带著假设的问题,团队走访卖场、超市,观察人们如何使用手推车,去发现那些隐藏的设计机会点,以纸笔、相机快速记录。回到办公室,经过一连串的头脑风暴,激发了许多创意点子。经过去芜存菁,快速的原型设计后,一台好用、安全、符合消费者需求的手推车就这样诞生了。

 

交互设计工作坊探秘 | WTM 2018 实录

 

通过 IDEO  的例子,你会发现团队成员没有一位是制作手推车的专家,却可以通过设计思维建立起的流程,从发现问题开始,一步步推进直到提出解决方案。回到这次工作坊的题目:重构购票流程,一开始也不是直接拿起纸笔画起原型,而是先让小组讨论「谁」才是购票流程的典型用户,以及有哪些方法可以帮助我们更好地找到典型用户。

 

交互设计工作坊探秘 | WTM 2018 实录

 

定义好典型用户,接著通过头脑风暴,找到这群用户在购票过程当中所遇到的挑战,将发现的问题分类归纳,并依照被解决的重要程度作先后排序。到了这一步,工作坊已经过了一半的时间,许多伙伴们了解到,在进入实际的介面设计之前,这些思考可以帮助我们更多的认识用户,同时通过这样的讨论,小组成员们的想法能够彼此融合、激发意外的创意,进而为用户们提供更好的设计解决方案。

 

 

交互设计工作坊探秘 | WTM 2018 实录

好不容易进入到了设计信息架构的阶段,伙伴们面对屏幕上的字段与眼前空白的原型纸却不知所措。原来,看似普通的购票介面,是许多交互设计师心机的成果,通过字段的组合排列、不同布局的设计尝试、反覆的使用者测试修改,最后产出了在没有说明下仍可以引导使用者完成操作的设计介面。

 

交互设计工作坊探秘 | WTM 2018 实录

工作坊的尾声,看到许多伙伴对于自己提出的解决方案仍不满意,依旧绞尽脑汁修改设计,对于这次的交互设计工作坊感到意犹未尽。通过程琳琳老师精采的分享与专业的带领下,让参与的伙伴们满载而归。这次没有参加到的伙伴们也别气馁,我们相约明年见。

 

交互设计工作坊探秘 | WTM 2018 实录

赞(0) 打赏
未经允许不得转载:IAMUE » 交互设计工作坊探秘 | WTM 2018 实录

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏