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

 

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

【 关注百度技术沙龙】