1. 指尖之美
—如何打造优秀的移动应⽤用
彭澎 2014.04.15

2. 职业规划
• 专注于移动互联⺴⽹网
• 从事移动应⽤用的分析，设计与实现
• 成为这个领域的专家

3. 为什么是移动互联⺴⽹网
良好的⽣生态环境爆发增⻓长的⾏行业 智能⽣生活的⼊入⼝口

4. • 平台特性 Platform Characteristics
• 设计原则 Design Principles
• 从概念到产品 From Concept to Product
• 参考资料 Reference

5. 平台特性
Platform Characteristics

6. ⼀一个应⽤用只会有⼀一个窗⼝口与⽤用户互动
Most Apps Have a Single Window
抓住核⼼心任务，并让⽤用户有逻辑可循

7. 设备的持握⽅方向是会变的
Device Orientation Can Change
⽤用户可能在任何时间由于多种原因旋转屏幕，相应的内容和功能按键应针对作出改变

8. 让点按⺫⽬目标的尺⼨寸符合指尖⼤大⼩小
Make Targets Fingertip-Size
⼈人的⼿手指可以舒适点按的⾯面积是0.7-1 cm²左右，换算成像素，⼤大概是80~90（以iPhone5s和
GalaxyS3为例）

9. 使⽤用⼿手势，⽽而⾮非点击
Apps Respond to Gestures, Not Clicks
多点触摸技术结合⼿手势操作，给⽤用户⼀一种与设备互动，可直接操纵屏幕上物体的感觉。

10. 设计原则
Design Principles

11. 整体之美 Aesthetic Integrity
所谓整体之美，是指应⽤用的外观、交互⾏行为和功能共同传递⼀一致的，清晰明了的信息。

12. ⼀一致性 Consistency
让⽤用户利⽤用在其他App积累的知识和技巧在你的App中畅⾏行⽆无阻

13. 直接操作 Direct Manipulation
让⽤用户直接在屏幕上操作对象，这样他们会更沉浸其中，也更容易理解操作产⽣生的结果。

14. 反馈 Feedback
反馈是对⽤用户动作的承认，向他们展⽰示操作的结果，更新他们任务的进程。

15. 隐喻 Metaphors
如果应⽤用中虚拟的对象和动作在现实世界中有迹可循，那么⽤用户可以快速掌握其使⽤用⽅方法。

16. ⽤用户控制 User Control
给⽤用户他们想要的结果，也能帮他们规避不想要的⿇麻烦，优秀的应⽤用应该能平衡两者。

17. 从概念到产品
From Concept to Product

18. 定义你的应⽤用 Define Your App
Step 1：列出所有你认为⽤用户
可能喜欢的功能
Step 3：通过定义⽤用户来筛选
功能列表
Step 2：弄清⺫⽬目标⽤用户是谁

19. 为任务量⾝身定做界⾯面
Tailor Customization to the Task
优秀app的定制界⾯面可以在清晰的⺫⽬目的和易⽤用性中求得平衡。为了达到这种平衡，你应该在设计之
初就应该把品牌、创意以及可⾏行性纳⼊入设计范畴。

20. 原型&迭代 Prototype & Iterate
在投⼊入⼤大量⼯工程资源进⾏行设计之前，为⽤用户测试创建原型是个很好的⽅方法。即使仅有⼏几个同事对
原型进⾏行了测试，你也将从他们的反馈中获益。

21. 参考资料
Reference

22. 官⽅方平台指南
Windows PhoneAndroidiOS 7

23. 发现美的应⽤用
爱应⽤用最美应⽤用豌⾖豆荚设计奖

24. 练习
AppCookerBalsamiqMockupsAxure

25. 感谢 & 提问
Thank you & QA
我的微博：http://weibo.com/nofate
我的知乎：http://www.zhihu.com/people/pengpeng