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

重构购票流程的信息架构假期将至,你打开再熟悉不过的订票网页,輸入出发日期、目的地、人数,选择了最合适时段的火车票,预定、付款,整个过程不超过 3 分钟。关闭网页后,你甚至不会记得支付后的画面到底显示了什么,因为这一切流畅的就像呼吸般的自然。4 月 14 日,我们邀请到了春秋航空的高级交互设计师——程琳琳,带领一群对交互设计有热情的伙伴们,以欧洲铁路局的项目为范本,一起重现购票流程的信息架构,让大家了解这流畅的购票交互设计是通过什么方法一...

文章目录[隐藏]

重构购票流程的信息架构

 

假期将至,你打开再熟悉不过的订票网页,輸入出发日期、目的地、人数,选择了最合适时段的火车票,预定、付款,整个过程不超过 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 实录

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

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

相关推荐

  • 用户体验设计专题——前言

    元宵佳节一过,春节假期正式步入尾声,相信大家的工作也已步入正轨。为了感谢大家对我们这个略显晦涩却干货满满的公众号的支持,经过系统梳理,我们归纳总结了9个用户产品设计的基本原理,结合从数千个小流量评估实验中筛选的经典案例予以阐述,在未来两个月的时间里,会逐步分享给大家!废话少叙,步入正题!笼统地说,用户体验(User Experience,简称UX或者UE),是指用户在使用一个产品、系统或者服务时建立起来的纯主观感受。这里我们会关注两个重...

    微信热点 2018-03-02
  • Sketch 这几招你肯定不知道

    1.精确调整元素属性在点击元素属性旁的箭头时按住 alt 键可以以10px 倍进行调整,按住 option 键则是0.1px 倍。2.用对齐工具对齐锚点Sketch 中的对齐工具不仅可以对齐群组和图层,还能够对齐锚点,非常方便。3.导航栏文本状态调整与其为导航栏每一个状态都重新做一下,不如将导航栏中的所有元素转为一个符号(symbol),这一个符号中调整样式即可。如果要隐藏文字图层的话只需要在符号的对应文字中输入空格键即可。4.直接拖动...

    2018-04-26
  • Axure 原型 | 用Axure画流程图

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放吻得太逼真张敬轩 - Urban Emotions作者:陈张良来源:简书用Axure绘制流程图好处是可以随时预览,比较灵活。不过就是没有Visio那么多模板和强大的功能。Axure默认的流程图控件:其实我们最常用的是:矩形、菱形、箭头。因为这些基本图形其实并没有形象的表明它们是什么,更多的还是需要使用者根据自身的流程实际情况多加注释,所以大部分流程图只需使用这两个控件即可。Axu...

    2018-03-04
  • Axure RP 8 入门手册 – 第3章

    第3章元件功能概述第1节鼠标的操作第2节元件的使用第1节鼠标的操作麦子:老师,老师!小楼:干吗,干吗?麦子:不......小楼:呃......麦子:我想做一个页面,但是那些元件都怎么用啊?小楼:点住了拖到画布里面用呀!麦子:我知道是拖进去,但是我想要一个向左倾斜的圆形。小楼:你是仇人派来玩儿我的吗?圆形怎么倾斜?麦子:对不起,老师!少打个“椭”字。小楼:艹。在Axure中,如果需要一个椭圆形,可以放入一个矩形元件到画布中,然后,点击矩形...

    2018-04-05
  • 独家UED手机端 保险投注

    活动时间:2018年3月1日中午12:00至2018年3月31日上午11:59 (北京时间)针对于优惠期间内第一次使用头头移动平台的会员50%本金返还,高达RMB 88手机保险投注!活动详情:1.头头移动平台包括手机网页版版平(m.toutou158.com),UED手机端安卓版和iOS版;2.没有下载头头手机端安卓版和iOS版的会员可以进入官网www.toutou158.com下载;3.头头会员需在优惠期间通过头头手移动平台投注第一笔...

    2018-03-29
  • 金蝶首席用户体验官对“用户体验”的思考

    “也曾经有人要我用一句话来描述清楚什么是用户体验,我说,不好意思,我一句话描述不出来,你给我半个小时。”金蝶公司首席用户体验官钟承东这样回答。产品人,你是否也曾这样认真地思考过:用户体验究竟是什么?你又需要要花掉多少时间多少语言,来组织出一个满意明确的答案?我们渴望的用户体验是什么样子?相信每个人都憧憬这样的用户体验,使用精心设计的产品,有如诗如画的视感,有如沐春风的触感,有余音绕梁的听感,甚至会精细到照顾用户的嗅觉和味觉,接触和使用产...

    2018-04-04
  • 交互设计之寻求设计需求点

    交互设计师如何进行设计需求分析?首先看交互设计的职责,协助产品经理进行需求分析,进行交互稿绘制,与视觉设计师对接。交互设计必须懂得进行需求的分析,不仅仅是用户需求,还有业务需求的分析,也就是来自产品的诉求,企业做这个产品的目的是什么。因此一个方案如果不能满足业务需求、用户需求和一个好的用户体验,那么它就不是一个好的方案。在这篇文章主要介绍的是如何进行需求分析和关键因素分析,找到设计的需求点。在这里主要分为了四个步骤:分析业务需求、分析用...

    2018-04-30
  • 用户体验至上 三星Pay与苹果Pay谁更胜一筹?

    文\孟永辉如今,移动支付市场早已过百家争鸣时代,深耕细作成为当下移动支付市场的主旋律,阿里和腾讯便是这主旋律的代表。虽然两大巨鳄占据移动支付市场大部分份额,但终端市场的支付竞争依然存在。苹果与腾讯就因为App端微信赞赏功能抽成的事情闹出矛盾,原因是两家公司对赞赏抽成的比例及支付渠道存在分歧。由此也不难看出,移动支付市场潜力巨大,想要成为移动支付大潮的弄潮儿,领略潮流之下的无限风光不仅需要强大的研发实力,还要有对市场运行趋势和规律的精准把...

    2018-03-30
  • UED沉思录

    Q:设计前期至输出时常见问题及解决思路以下分享,全是血淋淋的教训积累与总结。当然也是这段时间在AJK优秀Leader的带领下成长出来的。Q:设计师存在的表象问题?设计方案缺乏理论系统化因需求而丧失设计原则页面结构较为混乱,映射设计思路不清晰页面设计细节打磨程度较低页面制作时参数命名不严谨输出适配的兼容欠考虑Q:设计的根本目的是什么?解决问题Q:设计需要具备哪些能力?洞察力「发现身边的好设计」分析力「分析需求、解决痛点的思路」匠人精神「设...

    2018-03-15
  • 2018用户体验趋势报告

    在2017年我们看到了很多用户体验的进步和优秀的产品。在与来自全世界的189489名设计师分享学习了1926篇优秀文章之后,我们(uxdesign.cc)分析得到了2018年的一些用户体验趋势。1 用户体验的死亡与重生作为用户体验设计师,我们一直都在争取尽早地参与战略决策,现在,设计师在项目中的地位越来越重要,那么我们要如何应对呢?你的app的用户引导页使用体验如何呢?下面是最佳的自查表;不确定哪种导航最适合你的网站?去看看网站设计样例...

    2018-02-03