交互设计工作坊探秘 | 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

相关推荐

  • 交互设计篇-如何处理需求

    如何处理需求,是产品经理的基本功,不管是来自老板还是客户的,亦或来自企业内部(运营、业务)及产品本身的发展,产品经理都需要把需求的收集、分析、管理做到有效进行。一、需求收集用户调研运用场景:产品规划初期或者遇到重大版本迭代,需要重新架构设计时,将会进行用户问卷、用户访谈的方式去挖掘用户的真实需求。基本方法:用户问卷-定量研究的方法,问卷问题一般为15个左右,包含用户基础资料信息(包括年龄、收入、教育水平等人口统计学范畴信息)和主观性的信...

    2018-05-06
  • 用户体验对于SEO而言有多重要?

    用户体验对于SEO而言有多重要?SEO优化无论是针对资讯类的门户站,还是原创文章的撰写,都是非常重要的,SEO优化能够帮助网站更合理的定位,能够更好的展现在最重要、最关键用户体验对于SEO而言有多重要?SEO优化无论是针对资讯类的门户站,还是原创文章的撰写,都是非常重要的,SEO优化能够帮助网站更合理的定位,能够更好的展现在最重要、最关键的位置,也是现在最具潜力的网络营销方式之一。我们先来了解一下:在百度算法中,如何判定一个页面是否有价...

    2018-02-28
  • 写给产品经理和设计师的用户体验知识

    从2015年起,我陆续写了《写给产品经理和设计师的用户体验知识》系列文章,得到了大家的肯定,此篇文章是这个系列的最后一篇文章,算是给这个系列画上句号。作者:刘涵宇腾讯高级产品经理1用户场景用户场景这东西,或许每一个产品经理和设计师每天都在用,但我查了很多资料,还真的很难找到一个准确的定义。所以,我试图结合我自己的理解,自己去定义它。我认为用户场景有两层属性,分别是:「工具属性」和「思维属性」。用户场景首先是一种对过程逻辑的阐述方法,简单...

    2018-04-19
  • NO.14 下一站用户体验

    今天要为大家推荐的书是杨艾祥的《下一站用户体验》,用户体验这个词大家并不陌生,但用户体验的定义以及所包含的具体内容有哪些,这个问题,可能并不是很多人都特别清楚的了解,用户体验这个被用“烂”了的词到底具备哪些威力,作为一个设计师又如何去提升产品的用户体验,在《下一站用户体验》这本书中都可以找到答案。目录(简版):一、那些让人讨厌的流氓行为1、这是个烦躁的世界2、这个世界没有新物种3、美丽的错误二、用户究竟在体验些什么1、腾讯为什么那样牛2...

    微信热点 2018-02-25
  • Axure RP入门第七篇——中继器来实现聊天室效果

    产品经理入门:Axure RP入门第七篇——中继器来实现聊天室效果

    2018-03-24
  • 饿了么 UED 又搞事情啦!

    近日,据保洁阿姨匿名举报,在上海饿了么总部的榴莲酥会议室内,有人在工作时间聚众搞事情……据说场面隆重,气氛活跃,不堪入目。本台记者 @孟小雨 迅速赶往了现场。-----据调查,这次始作俑者是作为宇宙霹雳无敌超级吃货公司饿了么中最有逼格+设计感的团队—— UED 部门。在这个辞旧迎新、恭喜发财、还不放假的时刻,该部门秘密召开了第一届 UED 年度颁奖典礼!记者被大会的美食吸引,潜入该组织内部,随即被惊呆了。说到颁奖会,你以为是这样的?领导...

    2018-02-25
  • 一个产品设计师必须会讲的故事——用户体验设计中的故事板

    作为一名设计师,情绪板的运用想必你已轻车熟路了,然而情绪板其实还有个小姐妹不常被人们提及,她就是故事板。【情绪板】常用于品牌与形象设计领域,用来发掘用户对视觉体验的需求,而【故事板】则常用在用户研究和交互设计领域,通过还原用户使用场景来深度挖掘用户对产品整体体验的需求,是提升用户使用体验的有效研究方法。很多希望从视觉设计师过渡到体验设计师的新手设计师,心里很清楚要关注和挖掘用户除视觉以外的其他体验,但是却不知如何下手。各种用户研究方法虽...

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

    第5节检视功能-元件命名千语:楼叔,我才问一个问题,你就给我讲了这么多!好感动哦!小楼:嘿嘿,因为这个群里你最大嘛!千语:切!反正你也有空,顺便把元件的设置也给我讲讲吧!我看不管是元件的样式还是属性,都很复杂呢。小楼:您好!因为网络原因,您发送的消息是乱码。千语:还想等你给我讲完,发张我昨天泡温泉的照片给你呢!小楼:你看,其实这个元件设置也非常简单,你看在点中一个元件后,检视面板中就会呈现与该元件相关的设置……从上至下,首先看到的是元件...

    2018-04-22
  • Sketch常用插件介绍

    sketch大家应该都不陌生,在互联网设计尤其是UI设计相对于老牌PS,sketch提升了工作效率,改变了以往的工作模式,sketch的强大除了软件本身,另一个不可磨灭的功劳就是丰富的插件。今天给大家介绍几款常用的插件:一、Sketch Measure一键自动生成 HTML 页面,离线下检查所有设计细节,包括 CSS 样式。在线演示: http://utom.design/news/二、Craft帮你提高效率的自动填充神器a.文本自动填...

    2018-04-12
  • PS、AI、Sketch 用着太费劲?这些插件本宝宝力荐!

    虽然 Mac 和 Windows 平台有许多特别棒的软件或工具,但 PS、AI 和 Sketch 仍然是设计师的标配。有时候看到一个特别棒的效果花了很久才折腾出来,殊不知一些插件能够轻松完成,这里小编推荐一些特别实用、效率翻倍的插件给大家,让设计工作事半功倍!GuideGuideGuideGuide 是小编用过的最棒的参考线拓展工具!没有之一!再也不用从标尺一条一条拉参考线还要担心位置不精确,只要输入需要的数值就可以自动生成对应的参考线...

    2018-03-03