移动互联网产品和用户体验设计的 6.5 个支点

6.5 产品和用户体验设计的

个 支点

Ma Li 马 力

About

IBM bri 创新工场 用户体验设计师 UX Designer

& 产品经理

Product Manager

联合创始人 Co-founder

&

用户体验设计师 UX Designer

用户体验设计师 UX Designer

Lotus ing 豌豆荚 咨询 & 设计 & 产品 移动互联网 & PC

点心 为大企业和优秀创业公司服务 超过 1000 万用户

协同办公 全球市场，26 种语言

移动互联网 Android OS

{

一家创新服务公司；

提供全流程的用户体验咨询和设计服务；

致力于创造优雅、易用和有意义的产品体验；

}

// Powered by design

我们专注于以下领域的全流程用户体验设计：

•  移动互联网（iPhone/iPad/Android/Symbian/WP7 平台应用）

•  PC客户端和互联网网站

•  智能家居、物联网和车载系统

•  网上银行

@北京 @上海

我们提供实现高品质用户体验所需的执行力： 用户需求研究 + 易用高效的交互设计 + 优雅的视觉设计 + 精确的工程开发

Now

问题 C A B

快 还要快 再快 A 移动互联网

快速迭代的时代 （创新工场早期，12 个兄弟挤在一起工作，只为能迅速沟通）

设计 妥协 PK B 无建设性 PK 无原则性妥协 无条理性设计

产品设计 体验设计 C 重叠与渗透

犀牛浏览器

目标

探索

产品设计与用户体验设计的 共性 总结

有效率的 思考框架 简化

不同角色的 沟通语言

19

优先级 秩序 感觉 期望 临界点 隐喻

产品和用户体验设计的 6.5 个支点

权衡

1 优先级

狗&骨头&直线

用户体验资源总是稀缺的

边际收益递减

用户体验经济学

2

•  手机、电脑的显示空间有限 •  用户的认知能力有限

1

•  每单位投入带来的用户体验效用会逐渐减少 •  好钢用在刀刃，聚焦到关键的用户体验上

基本假设

www.brixd.com 23

思想

章节

段 落

句 子

金字塔原理

www.brixd.com 24

视觉 优先级 信息 优先级

任务 优先级 需求 优先级

用户 优先级

优先级

A 用户优先级

www.brixd.com 25

我们的用户是所有人

边界 边界

侧重的目标用户群体

?

所有上网用户不是好答案 “ ”

?

喜欢安装各种各样的应用软件

经常向周围的人传播手机资讯

上下班路上会用手机来消磨时间 用手机处理日常事务

在意上网流量 安卓网 机锋网

手机论坛下载APK 手机Market安装

PC客户端安装

男 女 18～30岁 大专 本科

IT 学生 市场行政商务 QQ空间 新浪微博 人人

打电话发短信 折腾各种应用 上网读新闻 玩小游戏/单机游戏 读电子书 听音乐

VS 非主流？ “MTK群体” VS

VS ⋯ ？

VS ⋯ ？

早期用户 后继用户

“村外”用户 “中关村”用户

天使用户

用户观察

地铁

白领为主

上下班时间

研究的Context

VS 旅游者 www.brixd.com 41

另一个 Case

Source:  h4p://blog.sina.com.cn/s/blog_605b0e2e0100n0c8.html

Source:  h4p://blog.sina.com.cn/s/blog_605b0e2e0100n0c8.html

Source:  h4p://blog.sina.com.cn/s/blog_605b0e2e0100n0c8.html

B 需求优先级

www.brixd.com 48

歌词？

双因素理论 保健因素 激励因素

保健因素

激励因素

更好的Contact+SMS 整合需求

更好的 应用下载 VS

哪个是重点？

冲锋 新

维护 稳

The Story

电子书需求的优先级？

内容？

格式转换？

本地管理？

分享？

笔记？ PDF？

C 任务优先级

www.brixd.com 59

www.brixd.com 60

VS

www.brixd.com 61

次要任务对应的控件会在阅读时被隐藏起来

D 信息优先级

www.brixd.com 63

文字大小

颜色

区块

美国银行将账户余额作为默认显示给用户的内容

国内网银则常常需要3步来查询余额

1

2

3

认知心理学研究表明：人的短时记忆容量只有 7±2 个

7±2 9个

E 视觉优先级

www.brixd.com 71

www.brixd.com 74

www.brixd.com 76

2 秩序

www.brixd.com 77

双胞胎妈妈是这样分辨大小滴~

A 内部一致性

B 平台一致性

IBM 桌面端协同产品 —— Lotus Notes, ⋯

IBM 移动设备端协同产品 —— iNotes, ⋯

C 领域一致性

Office 的图标位置

Nokia 手机下拉菜单的例子: 下划手指调出菜单

D 异常控制与处理

www.brixd.com 87

用户总会出错

www.brixd.com 88

防御性设计

www.brixd.com 89

这路只能飞过去？

3 临界点

牛二第一定律， ⋯“惰性”⋯

Mental Model ?

?

?

Mental Model Adapt

Adapt

Adapt

Syncplicity 创始人的血泪控诉: 为什么 Dropbox 更受欢迎

A 减少到达临界点的阻碍

临界点

多 点一次

远 了一点

绕 一个弯

B 衡量自己推动用户的力量有多大

Office 2007 Office 2003

C 简单就是机会

www.brixd.com 103

Instagram CEO Kevin Systrom说他们起初的设想是开发一款名为“Burbn”的地理位置服务软件，但在原生应用程序开发完成后，他们觉得功能太多反而失去重点，最终只保留了现在的特质：照片是唯一通行语言。

“ ”

4 感觉

www.brixd.com 107

www.brixd.com 108

A 善用感觉和真实的差异

浙江台州的3D斑马线，车主见了立刻减速⋯

快 的感觉

哪种进度条让人感觉最快

先保存数据还是先显示界面？

B 信赖感与安全感

C 新鲜感与卖相

www.brixd.com 119

新奇

卖相

在我们组织的对普通用户的访谈中，用户对 WP7 的第一印象很好

www.brixd.com 122

5 期望

www.brixd.com 123

效用 Utility

www.brixd.com 124

重要的是差值

A 为用户建立合适的预期

今天会场？ 北京地铁？

你懂的⋯

B “抓用户”的小感动

www.brixd.com 130

刚刚发现，Gmai的服务现在真是太牛了，竟然会有这样的提醒——“您是不是要附件文件？您在邮件中提到‘附件是’，却没有附加任何文件，就这样发送吗？”一个小小的弹出对话框提醒，就可以避免邮件发送者出现忘记粘贴附件这类常见失误，天使蕴藏于细节之中！

“ ”

一桌一桌抓用户的海底捞

早期一个一个抓用户的我们

C 善用阶段性的期望

难度一点点提高

版本升级是维系老用户的一种手段

www.brixd.com 137

6 隐喻

www.brixd.com 138

这是日本一款鱼肝油品牌推出的日历药板，每天吃一颗鱼肝油胶囊，同时也为日历记下了刻度。

A 使用熟悉、自然的隐喻

www.brixd.com 141

乔布斯的红绿灯

www.brixd.com 142

B 已有的未必是合适的

www.brixd.com 145

APP List

Shortcut

Screen 1 Screen 2

APP Management

X

X

X

X

Android

程序菜单

桌面

软件卸载

iPhone

Changeable Shortcut

Screen 1 Delete Screen 2 X X X X

X X X X

X X X X

X X X X

www.brixd.com 147

6.5 权衡

收益最大化

损失最小化

用户体验经济学

2

1 趋利避害

或

优先级 秩序 感觉 期望 临界点 隐喻

权衡

优先级 感觉 VS

广告中直接放鞋比放美女的购买点击高2.6倍

产品？交互？运营？或者其他？

^_^

www.brixd.com 153

谢谢

新浪微博： @Ma_Li 知乎： www.zhihu.com/people/mali