2011中国交互设计体验日在北京举行,elya和Alex代表百度MUX出席并主持了“用讲故事的方式来做手机产品交互设计”的工作坊。本篇博文是针对该工作坊的总结,也算给刚过十一长假奔波回来的同学们收收心。

一、手机产品交互设计

十年间,从小屏到大屏,从按键到触摸,从电话到智能终端,移动设备发生了太多的变化。手机已经可以逐渐替代相机、导航仪、游戏机、视频播放器、网络设备,App Store里的25万个应用、65亿次下载量让开发者看到了希望,苹果最牛的地方不在于体验的精良,而在于构建了新的移动生态系统的战略眼光。

1. 移动设备有哪些独特的优势呢?

  • · 真正的个媒体时代
  • · 永远在线的大众媒体
  • · 永远随身的媒体设备
  • · 内置收费模块的工具
  • · 无限想象力的引爆点

2. 移动设备交互设计有哪些挑战呢?

  • · 设备碎片化
  • · 平台多样性
  • · 适配多种分辨率
  • · 考虑多个方向
  • · 为拇指而设计
  • · 考虑多种环境

3. 人们使用移动互联网的方式有哪些不同?

  • · 从舒适的环境到多变的环境
  • · 从良好的网络环境到不稳定的网络环境
  • · 从充足的电源到悲催的电池
  • · 从精准的点击到模糊的点击
  • · 从精力集中的到注意力分散的
  • · 从复杂开放的到简单私密的

4. 移动交互新规则

  • · 保持简单
  • · 重视交互方式的差异
  • · 了解平台但不要受限于平台
  • · 了解目标用户
  • · 重视环境的影响
  • · 学会讲故事

5. 为什么要用讲故事的方式呢?

做设计本来就是在讲故事,设计的不是交互,而是情感。故事有起承转合,设计也有轻重缓急。用讲故事的方式,可以深入到问题本身去解决问题,有利于激发新的ideas;用讲故事的方式,可以让设计师产生跟用户接近的情景体验,产生同理心;用讲故事的方式,可以帮助设计师更好的讲述设计,传达设计需求。

二、找到真正的目标用户

在不同时期,你需要为不同的用户做设计。在新产品探索阶段,你需要定义目标用户,为目标用户做设计;当产品发布之后,就会有了第一批真实用户,其中有20%的核心用户贡献了大部分内容,还有更多的主流用户可能只是围观却对产品产生着不可替代的影响作用,这时候你要为真实用户做设计;在用户基础及产品形态都比较稳定了之后,开始探寻潜在用户,为了市场扩张,开始为潜在用户做设计。

至于定义目标用户,则有非常多的方法。你需要先有一些人口统计学的资料,然后至少访问30个可能的目标用户,拿到一些定性的结论之后,再通过问卷的形式去验证一下,得到一些定量的数据结论。这时候,你才算是有了一个清晰的目标用户。

挖掘潜在核心需求的时候,是可以先去先导型用户那里深入沟通,然后去目标用户那里求证的。因为目标用户可能比较迟钝,对自己的需求没有那么清晰的认知,而先导型用户则有明确的意愿,知道自己想要的是什么。但是一定要注意区分先导型户和尝鲜型用户,尝鲜型用户不是需求导向的,而是好玩导向的,他们容忍能力超强,也不太清楚自己喜欢某个功能是因为自己有需求还是纯粹是觉得酷。

目标用户可以绘制人物角色,而人物角色不等于真实用户,有了真实用户可以绘制用户画像,然后调整策略。

1. 设计工具:人物角色

三、还原真实的使用场景

拿到一个功能需求的时候,首先搞清楚给谁去用,其次考虑的就是在什么场景下去使用,否则你的设计就会变成功能堆砌、页面调整逻辑、点击和响应,对于设计师来说,失去了场景还原能力,失去了跟用户的同理心,你的立足点就动摇了,所以一定要先想清楚,给什么人?在什么场景下?什么目的?怎么去做?

举个例子:

1. 设计工具2:使用场景

2. 什么人?

  • 用户是谁?你对用户了解多少?你能预言出用户的那些行为?

3. 什么场景?

  • 用户身在何处?是公共场所,还是私人领域?是室内还是室外?白天还是夜晚?
  • 用户何时使用?是在拥有充裕时间的家里,还是只能忙中偷闲的工作中?等车的空暇时间?
  • 用户怎样使用移动设备?拿在手里还是放在口袋?打开还是折叠?竖着还是横着?

4. 用户为什么使用?

  • 用户为什么使用你的应用程序?
  • 用户在当前条件下,能够从内容或服务中获得什么价值?

5. 怎么做?

  • 达到目的可能采取的手段有哪些?
  • 可能需要的行动步骤有哪些?
  • 可能遭遇的特殊情况有哪些?
  • 可能产生的同步/异步交互有哪些?

四、讲好一个生动的故事

1. 设计工具3:网站路径图

你需要可以在上面绘图的东西,越大越好;大量不同颜色的记号笔和小贴纸;一些Persona,如果有照片就更好了。

先画一个大圈,代表交互系统;再画一些用户,就是与系统交互的所有用户;原则上最重要的用户放在左上角,采用完全不同的方式使用英语的用户放在右边。

参考场景文档,选择一个主流场景,从最主要的用户开始走流程从主页开始,考虑所有可能发生的事情,每件事情画个圈考虑其他用户,可能跟已有事件产生的交叉点。

2. 一个例子:陌生人交友

3. 实战演习:日历应用

4. 设计工具4:故事版

5. 故事版有什么作用呢?

  • 体验问题情景
  • 寻找解决方案
  • 发现新的问题
  • 多方沟通工具

6. 故事版的四个要素?

  • 角色:目标用户、人物角色
  • 功能:对于故事板来说,可以是确定的内容,也可以是不确定的功能
  • 环境:环境的概念包括物理环境和社会环境。具体到故事板中,环境的概念就成为了一种情景。情景包括时间、地点、周围的情况等一系列的内容
  • 事件:是具体的人和系统的交互行为,它将人、物和环境结合起来,构成了整个故事的内容

7. 实战演习:日历应用

五、用故事串起设计循环

做设计的过程,就是一个不断讲故事的过程。在前期找到人物角色,还原使用场景,讲清楚一个故事之后,还要把故事拆分成任务,按任务优先级去绘制交互原型。然后拿着低保真原型去找用户测试,最好可以在真实环境中去测试。等到高保真DEMO出来之后,还是要迭代测试,还原真实的故事,然后把问题反馈到讲故事的环境,再去修改情节和场景,使故事不断丰满。

【本文首发于:百度用户体验部】http://mux.baidu.com/?p=1938
【关注百度技术沙龙】
本文转自百度技术51CTO博客,原文链接:http://blog.51cto.com/baidutech/746889,如需转载请自行联系原作者

用讲故事的方式来做手机产品交互设计相关推荐

  1. 基于用户体验的手机产品交互设计原则

    基于用户体验的手机产品交互设计原则 一.用户体验信息收集 在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理.收集用户体验信息首先需要确定 ...

  2. 手机产品交互设计样式

    很多人都说,手机产品交互限制因素很多,过小的屏幕分辨率,过低的系统性能,过慢的网速,过弱的电池续航能力等等.但是在限制中还能做出优秀的设计,才显得弥足珍贵,就像风靡Symbian平台的gravity一 ...

  3. 产品设计体会(7024)有关交互设计,读过的6本书

    前段时间把交互设计之父Alan Cooper大爷(此牛也是VB之父)的<About Face 3.0>中译版<软件观念革命:交互设计精髓>翻完了,发现自己对交互设计的" ...

  4. 交互设计学习心得体会

    交互设计,在我看来,是人与人机交互的一种载体.它通过合理的设计来提高人与计算机.人与人工智能.人与移动设备等新型科技的体验,从而达到改善用户体验的目的.作为一名交互设计课程的学习者,我发现这门课程对于 ...

  5. 交互设计的原理与方法

    设计从学科角度上是一个大类,包含我们常见的工业设计.视觉传达设计.界面设计.交互设计等等. 很多设计同学都想从事互联网行业,而在互联网领域中除了界面设计之外最为热火的设计岗位便是交互设计. 很多小公司 ...

  6. 交互设计实用指南系列11-减少记忆负担

    http://ued.taobao.org/blog/2010/03/交互设计实用指南系列11-减少记忆负担/ 科普 <辞海>中"记忆"的定义是:"人脑对经验 ...

  7. 交互设计实用指南系列(11)—减少记忆负担

    写在前面的话关于<交互设计实用指南>,我们最近收到很多朋友的反馈,有支持的也有批评的,在此一并感谢了,有你们的关注,我们才能走得更远.<交互设计实用指南>其实是收集和总结了交互 ...

  8. sketch如何做设计稿交互_当屏幕可以折叠,交互设计怎么做

    折叠屏终端上市,无形中增加了电商平台的开发运维成本.笔者根据折叠屏的特点,提出了三种交互方案,看看如何在折叠屏上展示界面. 2007年,当乔布斯举着没有物理键盘的iPhone向全世界展示他的新发明时, ...

  9. sketch如何做设计稿交互_交互设计师是做什么的——交互设计的历史、现状和未来...

    交互设计是定义.设计人造物系统的行为的设计领域,它定义了两个或者多个互动的个体之间交流的内容和结构,使之互相配合,达成某种目的.--百度百科 交互设计师是以人的需求为导向,理解用户的期望和需求的同时, ...

最新文章

  1. 自动化早已不是那个自动化
  2. 习题3-3 数数字(Digit Counting , ACM/ICPC Danang 2007, UVa1225)
  3. 济宁医学院计算机专业好就业吗,山东这3所医学院实力强,就业率高,中等生可捡漏...
  4. 已知一个掺杂了多个数字字符的中文名拼音,去掉所有数字字符之后,形式为“名”+空格+“姓”;并且名和姓的首字母大写,其他小写,要求输出姓名全拼,且全为小写。(后附详细样例说明)
  5. span的取值与赋值(原生js与jquery) - 对比篇
  6. Android应用第一次安装成功点击“打开”后Home键切出应用后再点击桌面图标返回导致应用重启问题...
  7. dbnetlib不存在或拒绝访问_idou老师教你学Istio 16:如何用 Istio 实现微服务间的访问控制...
  8. c++中的构造函数和析构函数
  9. 河流干涸的原因可能是水循环被破坏
  10. kafka安装java,Linux下Kafka单机安装配置方法(图文)
  11. 说长道短注册码、序列号
  12. unc0ver 越狱工具来袭,支持iOS11.0~iOS14.8稳定越狱 更新至V8.0.2 支持 A7-A14
  13. celeste第二章_《蔚蓝(Celeste)》全水晶之心收集攻略
  14. SUDOKU-数独游戏
  15. setTimeout的隐藏小知识
  16. android 绑定服务 解绑服务,安卓案例:绑定和解绑服务
  17. 沈剑老师的MySQL军规
  18. oracle+standard+cost,成本管理系统
  19. [附源码]java毕业设计中青年健康管理监测系统
  20. 蓝以中老师《高等代数》第01章:代数学的经典课题,笔记

热门文章

  1. js算法 -- 买股票
  2. 对话快手 | 如何从0到1建立商业化品牌的海外影响力?
  3. rtk采点后如何导入cad_CAD图形如何导入SAP2000中?这些方法赶紧学起来
  4. app、web开发模板
  5. JS实现奇偶行变色,鼠标滑上改变颜色,离开恢复颜色
  6. JHipster JDL的学习记录
  7. java stack (null -1)_关于单链表实现的一个stack的问题
  8. GJK之判断是否相交
  9. matlab 中sin60 怎么打,已知60=x*2*sin(pi*74/(4*x)),用matlab解此方程的语句该怎么写?
  10. JAVA基础(持续更新中)