第1页
设计+技术创造最美体验
设计感觉
马力 @ 最美应用团队
版本：1.0.1 www.zuimeia.com Email: ma.li@zuimeia.com
设计感觉
马力 @ 最美应用团队
版本：1.0.1 www.zuimeia.com Email: ma.li@zuimeia.com
第2页
About
www.zuimeia.com
www.zuimeia.com
第3页
新浪微博：@Ma_Li
www.zuimeia.com
www.zuimeia.com
第4页
IBM
用户体验设计师
UX Designer
创新工场
用户体验设计师
UX Designer &
产品经理
Product Manager
最美应用
创始人
Founder &
产品设计师
Product Designer
www.zuimeia.com
用户体验设计师
UX Designer
创新工场
用户体验设计师
UX Designer &
产品经理
Product Manager
最美应用
创始人
Founder &
产品设计师
Product Designer
www.zuimeia.com
第5页
Now
www.zuimeia.com
www.zuimeia.com
第6页
90年代的胡椒罐只需要能装胡椒面就可以
第7页
阿莱西的调味罐
第8页
www.zuimeia.com
第9页
看脸的世界
www.zuimeia.com
www.zuimeia.com
第10页
应用想脱颖而出越来越难
第11页
电影开始的那一刻，设计就开始了
www.zuimeia.com
www.zuimeia.com
第12页
应用打开的那一刻…
www.zuimeia.com
www.zuimeia.com
第13页
1 营造氛围 2 轻轻一推 3 人品杠杆
www.zuimeia.com
www.zuimeia.com
第14页
营造氛围
www.zuimeia.com
www.zuimeia.com
第15页
www.zuimeia.com
第16页
www.zuimeia.com
第17页
TIP 1: 创造第一眼体验
www.zuimeia.com
www.zuimeia.com
第18页
体量感
www.zuimeia.com
www.zuimeia.com
第19页
Hero Moment
www.zuimeia.com
www.zuimeia.com
第20页
TIP 2: 创造闪到人的一个亮点体验
www.zuimeia.com
www.zuimeia.com
第21页
www.zuimeia.com
第22页
www.zuimeia.com
第23页
www.zuimeia.com
第24页
www.zuimeia.com
第25页
TIP 3: 从像素级打造产品
www.zuimeia.com
www.zuimeia.com
第26页
像素眼
www.zuimeia.com
www.zuimeia.com
第27页
轻轻一推
www.zuimeia.com
www.zuimeia.com
第28页
Adapt
Mental Model
Adapt
Adapt
?
Mental Model
? ?
www.zuimeia.com
Mental Model
Adapt
Adapt
?
Mental Model
? ?
www.zuimeia.com
第29页
Syncplicity 创始人的血泪控诉: 为什么 Dropbox 更受欢迎
www.zuimeia.com
www.zuimeia.com
第30页
TIP 4:
越强大，越渺小；越灵活，越复杂
功能
用户群
www.zuimeia.com
越强大，越渺小；越灵活，越复杂
功能
用户群
www.zuimeia.com
第31页
灵活度与复杂度正相关
www.zuimeia.com
www.zuimeia.com
第32页
隐喻
www.zuimeia.com
www.zuimeia.com
第33页
TIP 5: 建立合适隐喻，帮助用户平滑过渡
www.zuimeia.com
www.zuimeia.com
第34页
www.zuimeia.com
第35页
www.zuimeia.com
第36页
www.zuimeia.com
第37页
www.zuimeia.com
第38页
TIP 6: 给出更少、但更重要的选择
www.zuimeia.com
www.zuimeia.com
第39页
www.brixd.com
第40页
www.zuimeia.com
文字 大小
颜色
区块
文字 大小
颜色
区块
第41页
www.zuimeia.com
第42页
www.zuimeia.com
第43页
TIP 7: 体现出层次
www.zuimeia.com
www.zuimeia.com
第44页
www.zuimeia.com
第45页
广告中直接放鞋比放美女的 购买点击高2.6倍
www.zuimeia.com
www.zuimeia.com
第46页
TIP 8: 符合情境，「得体」
www.zuimeia.com
www.zuimeia.com
第47页
浙江台州的3D斑马线，车主见了立刻减速…
www.zuimeia.com
www.zuimeia.com
第48页
哪种进度条让人感觉最快
www.zuimeia.com
www.zuimeia.com
第49页
TIP 9: 跟着感觉走，有时可以不「实事求是」
www.zuimeia.com
www.zuimeia.com
第50页
www.zuimeia.com
第51页
服务器的故事
www.zuimeia.com
www.zuimeia.com
第52页
TIP 10: 用户和产品都需要逐渐成长、适应
www.zuimeia.com
www.zuimeia.com
第53页
“ Instagram CEO Kevin Systrom说他们起初的设想是开 发一款名为“Burbn”的地理位置服务软件，但在原生应
用程序开发完成后，他们觉得功能太多反而失去重点， 最终只保留了现在的特质：照片是唯一通行语言。
”
www.zuimeia.com
用程序开发完成后，他们觉得功能太多反而失去重点， 最终只保留了现在的特质：照片是唯一通行语言。
”
www.zuimeia.com
第54页
人品杠杆
www.zuimeia.com
www.zuimeia.com
第55页
用户 VS 用友
www.zuimeia.com
www.zuimeia.com
第56页
效用 Utility
www.zuimeia.com
www.zuimeia.com
第57页
重要的是差值
www.zuimeia.com
www.zuimeia.com
第58页
TIP 11: 建立合适的期望
www.zuimeia.com
www.zuimeia.com
第59页
地铁？
今天会场？
www.zuimeia.com
今天会场？
www.zuimeia.com
第60页
www.zuimeia.com
第61页
TIP 12: 超出期望
www.zuimeia.com
www.zuimeia.com
第62页
给你造成的损失真抱歉 我帮你充话费好吗？
www.zuimeia.com
www.zuimeia.com
第63页
破窗理论
www.zuimeia.com
www.zuimeia.com
第64页
防御性设计
www.zuimeia.com
www.zuimeia.com
第65页
TIP 13: 恰当干预与保护
www.zuimeia.com
www.zuimeia.com
第66页
Geek
演进
爱好者 活跃者
小白
www.zuimeia.com
演进
爱好者 活跃者
小白
www.zuimeia.com
第67页
TIP 14: 用户群始终在动态变化
www.zuimeia.com
www.zuimeia.com
第68页
www.zuimeia.com
第69页
The Story
www.zuimeia.com
www.zuimeia.com
第70页
TIP 15: 确保商业目标与用户目标的平衡
www.zuimeia.com
www.zuimeia.com
第71页
THANKS
www.zuimeia.com
www.zuimeia.com
第72页
最美应用 | 最美壁纸 | 最美锁屏
马力 微博: @Ma_Li weibo.com/ariama 知乎: 马力 zhihu.com/people/mali 网站: zuimeia.com 邮箱: ma.li@zuimeia.com
www.zuimeia.com
马力 微博: @Ma_Li weibo.com/ariama 知乎: 马力 zhihu.com/people/mali 网站: zuimeia.com 邮箱: ma.li@zuimeia.com
www.zuimeia.com