移动互联网产品和用户体验设计的 6.5 个支点
TRANSCRIPT
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