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

相关推荐

  • 语音交互中的“等待体验”研究

    文 | 叨叨来自雷锋网(leiphone-sz)的报道雷锋网按:本文来自百度人工智能交互设计院,通过实验的方式,研究了语音交互中用户对于智能音箱的“等待体验”。雷锋网编辑在不改变原意的基础上做了精编。回顾人机交互发展史,人类先后经历了基于命令行的CLI 时代,基于鼠标键盘的GUI时代,基于触摸的初级NUI时代。后面每一个阶段比前一个阶段更自然,学习成本更低,综合效率更高。进入AI时代,人工智能给机器带来三种能力:感知能力、认知能力、自然...

    2018-01-30
  • 交互设计之对象属性文档

    对象属性文档是描述一个产品的多个角色的文档,通过这些文档后台程序员可以更好、更方便的设计你制定的规则,例如:字段的限制、状态和权限、展示顺序...一.对象属性文档需要写明什么:1.字段的限制:字段是构成后台的最基础单位,他可以表示一个人的name、也可以是一大段文本。我们在设计字段时,绝大部分时候会涉及到限制,一般构成限制的是:字段长度、字段个数、字段构成(例如:金额--货币数量+美元)、字段来源(例如:外来接口、用户上传)、重要程度、...

    2018-03-27
  • Sketch常用插件介绍

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

    2018-04-12
  • 交互体验设计师竟选择不能抛的捧花 | 真实婚礼

    新娘:@Seiya大鲍鱼婚礼场地:北京阿根廷庄园婚礼人数:120总花费:24w策划布置:6.5w策划:@华尔兹婚礼服务婚礼vendor:5.1w摄影:@ShengVision胜男摄像:@PerfectFilm视频记录化妆造型:@魏臻WeMakeup主持:@李伟MIC甜品:@乡田小墅服饰:3w出门纱:Willowby主纱:Catherine Deane新郎礼服:@殷小小爱喵咪新娘婚鞋:@RogerVivier_罗杰维维亚@Charlott...

    2018-01-30
  • 奥斯陆建筑学院国际建造课程招募!| 2018楼纳教育启航

    📌 编辑 | YHz奥斯陆建筑与设计学院(AHO)位于挪威首都奥斯陆,是挪威顶尖的建筑学院,也是挪威研究型大学系统中的自治机构。学院提供建筑与工业设计领域的教育,在建筑教育领域有很大影响力。- 课程背景 -2018年4月,奥斯陆建筑与设计学院(AHO)将首次在中国楼纳开设建造课程——“传统木构节点的数字化演绎”工作坊,将由于2012年在奥斯陆建筑与设计学院成立的Scarcity and Creativity Studio(以下简称“SC...

    2018-03-13
  • 用户体验要素,商品介绍,它们两竟发生了这种关系!

    有人去电影院是为了看电影,而有些人……上次我们讲到,网络课程的课程介绍的工作流程问题。广泛来说可以是网购中任何商品或服务的介绍的撰写或制作过程,这个工作流程和用户体验要素十分相似 ▼这一次我们来探讨用户体验要素具体对商品介绍的指导作用,先来看看一下详细的用户体验要素 ▼关于上图的模型,在《用户体验要素》一书中有详细的阐述,这里只讲与本文内容有关的部分。先来看到这个模型的右上方,有功能型和信息型两种分类。基于我当时的工作任务是商品介绍,那...

    2018-03-20
  • 【软件资源】Axure RP 8.0软件安装教程——附下载地址

    本次给大家提供Axure RP8.0软件破解版,整个破解过程非常简单。软件适合32,64位的操作系统,破解文件下载地址在文末,请查看!软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。安装步骤:1、选择下载的软件压缩包,鼠标右击选择解压...

    2018-03-24
  • 【酒店设计】关注用户体验的酒店设计永不过时

    位于德国巴登-巴登(Baden-Baden)的Roomers酒店,建筑的外观采用简洁的黑白灰格调,错落有致的立面构成,干净利落。建筑的外观采用简洁的黑白灰格调,干净利落、错落有致的立面构成。酒店共设有130间客房及套房,另外还有餐厅与酒吧、屋顶酒吧、500m²的水疗中心、户外花园、无边泳池等等。在精品酒店的设计中,越来越关注客人的亲身体验感,其中有几个重要的关键点:家的温馨感、艺术馆般的艺术气息、现代极致的设计感。一楼的moriki餐厅...

    2018-04-07
  • 智能语音交互设计 1 — 总览篇

    大家好,从本周开始会进行Conversational AI Design Newsletter编写。希望把一些现有的语音交互的研究成果和一些关于Conversational AI的方法收集起来分享给大家。source: Pinterest第一篇 — 总览篇语音助手(Voice Assistant)主要由几种重要的技术组成:自动语音识别系统(ASR),自然语言处理(NLU),和机器学习(Machine Learning)。ASR类似于我们...

    2018-02-05
  • ​50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载

    50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载素材下载方法:长按识别二维码,用微信扫描或者长按识别二维码即可加入。并不是只是下载这个素材。超过200G精品素材全部任意下。素材不断更新,添加。。。有任何问题,请联系微信uisheji----------------------------------------欢迎订阅,查看更多精品UI设计素材下载,请关注公众号mobileui

    2018-04-08