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

相关推荐

  • 微信交互设计

    微信交互设计看点01一:交互设计(Interaction Design简称ID)在使用网站(软件、产品、各种服务)的时候,使用过程中的感觉就是一种交互体验。情感化交互设计意义:人机交互的发展趋势,会让用户感到更加亲切,自然.体现:交互界面(视觉),交互功能特质(感情),交互操作方式(惊喜)二:温暖感诉求(孤独和希望的对比||现实和理想的对比)登录页面====用心经营,寻找温暖感发现页面(朋友圈、扫一扫、摇一摇、附近的人)简单感诉求联系老...

    2018-03-17
  • Axure从入门到精通-第0课,课程介绍

    紫豆子开始新的教程编写,讲解Axure的使用。还是希望5次课程可以把这个软件讲通。这是一款很容易上手的产品,可能有的人已经会了。我们先看看下面由Axure做的网页是不是有点跟我们见过的Axure不太一样了为什么学这个软件?入门简单,它就像一个大的画布,你可以简单的通过拖拽组建在页面中添加你要放置的内容;不像PS那么难学。可以做一些简单的动画效果;可以让一个组建旋转、移动、缩放、消失、出现等等;可以做一些简单的交互效果;例如点击一个画布中...

    2018-04-29
  • 用通俗的方式告诉你什么是「交互设计」

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理...

    2018-04-11
  • 最近很火的租衣APP用户体验报告

    以下内容并非广告,但是如果衣二三和女神派的营销部门看到的话,要不要考虑来主动给我发点广告费?其实租衣APP这个东西应该火了好一阵了。有我微信的宝宝们可能知道,我这个人有个很大的毛病就是喜欢买衣服。且买来并穿不了一两次,接着就开始在朋友圈各种亏本卖闲置。最近整理衣服发现实在太多真的不能再剁手了,因为根本没地方放。然后突然想到了公司一个客户和我说过她一直用一个租衣APP叫衣二三。看到这个APP的时候我的内心是激动的 --- 终于有软件解决我...

    2018-03-30
  • 小编来告诉你交互设计是什么啦!

    什么是交互设计用户界面有两部分的设计:交互设计和视觉设计。交互设计的产出物是可交互的低保真原型,设计内容包括:信息架构、页面布局、流程跳转。1. 信息架构信息架构,是为了让用户在使用APP、软件、网页的时候,能够快速找到自己需要的信息、资料、功能,并且在使用的过程不会迷路。它有层级、有逻辑顺序、要能反映信息(功能)的重要程度和关系。信息架构的组成部分:组织系统:关注如何组织信息。比如小说,按篇幅,可以分为短篇、中篇、长篇;按年代,可以分...

    2018-04-12
  • 从用户体验的角度聊《南方公园:手机破坏者》是如何盈利的

    原文作者:Matt Suckley & DeltaDNA欢迎回到In-App Purchase Inspector,在这里我们会以消费者的视角,定期测评一些F2P游戏。每期文章,我们都会考虑游戏中IAP的诱因、压力、它们的感知价值、IAP带来的扩展内容还有整个游戏体验的评估。最终目的就是看看这游戏究竟值不值得我们砸钱,不花钱的游戏体验是否也能让玩家感到满足。本期文章,我们与数据分析公司DeltaDNA合作,对改编自动画情景喜剧《南方公园...

    2018-04-02
  • 《用户体验要素》的笔记 (2) 第三章 战略层

    1. 战略层主要解决两个问题:1)我们想通过这个产品得到什么?即产品目标是什么?2)用户想通过这个产品得到什么?即用户需求是什么?此处的关键词是【明确】。当我们能越清楚的表达我们想要什么,以及确切的知道其他人想要从我们这里得到什么时,我们就能越精确的满足双方的需求。注:而最终导致产品失败的原因也经常出现在这个环节,很多产品口号喊的很响亮,但就是不愿意进一步去描述,并不是说产品经理一定要上层决策好目标和需求的每一个字,然后就不容易出错,没...

    微信热点 2018-04-08
  • 改善电商网站用户体验的6个技巧

    电子商务是一个复杂的系统,作为电子商务的典型模式之一,B2C网上零售网站要考虑的因素很多,甚至一些看似不起眼的因素都可能决定一个用户最终是否在该网站完成购物。 在消费者注意力越来越分散的今天。如果您希望潜在客户更多的停留在自己的网页上,进而产生购买行为,就需要牢牢吸引他们的注意力,并且提供简便愉快的购物体验。做到以下这6点,相信没有用户会拒绝从你的网站购买商品,甚至会带来更多的返购和忠实用户。1.提升网站的加载速度落地网页的速度通常是转...

    2018-05-08
  • 2018年产品经理交互设计交流分享大会

    活动背景一个优秀的产品经理不仅能引导产品的发展,而且还能引导公司的发展。同时,他还是一名优秀的执行者、项目管理和团队管理者,具备敏锐的洞察力,能在用户心理和产品细节间灵活游走,打磨出令人惊叹的产品。所以,在成为CEO之前,先成为一名出色的产品经理吧。然而当我们投入到实际工作中时,总是一次又_次遇到阻碍:和运营、枝术部门沟通不畅,项目推进难。公司要求不高,任务很轻松就能完成,想要挑战大公司,却深知自己还欠火候。看过许多千货,听过许多直播,...

    2018-04-17
  • 联想实习 | 手机事业部招聘交互设计实习生

    公司简介联想是一家营业额达460亿美元的《财富》世界500强公司,在全球消费、商用以及企业级创新科技领域居领先地位,为用户提供安全及高质量的产品组合和服务,当中包括个人电脑﹙经典的Think 品牌和多模式YOGA品牌﹚、工作站、服务器、存储、智能电视,以及一系列移动互联产品如智能手机﹙包括联想和摩托罗拉品牌﹚、平板电脑和应用软件等。招聘岗位手机事业部-交互设计实习生岗位描述1. 参与联想ZUI手机操作系统的交互设计;2. 参与产品的规划...

    2018-04-21