指尖之美—如何打造优秀的移动应⽤用

彭澎 2014.04.15

职业规划

• 专注于移动互联⺴⽹网

• 从事移动应⽤用的分析，设计与实现

• 成为这个领域的专家

为什么是移动互联⺴⽹网

良好的⽣生态环境爆发增⻓长的⾏行业 智能⽣生活的⼊入⼝口

•平台特性 Platform Characteristics

•设计原则 Design Principles

•从概念到产品 From Concept to Product

•参考资料 Reference

平台特性 Platform Characteristics

⼀一个应⽤用只会有⼀一个窗⼝口与⽤用户互动 Most Apps Have a Single Window

抓住核⼼心任务，并让⽤用户有逻辑可循

设备的持握⽅方向是会变的 Device Orientation Can Change

⽤用户可能在任何时间由于多种原因旋转屏幕，相应的内容和功能按键应针对作出改变

让点按⺫⽬目标的尺⼨寸符合指尖⼤大⼩小 Make Targets Fingertip-Size

⼈人的⼿手指可以舒适点按的⾯面积是0.7-1 cm²左右，换算成像素，⼤大概是80~90（以iPhone5s和GalaxyS3为例）

使⽤用⼿手势，⽽而⾮非点击 Apps Respond to Gestures, Not Clicks

多点触摸技术结合⼿手势操作，给⽤用户⼀一种与设备互动，可直接操纵屏幕上物体的感觉。

设计原则 Design Principles

整体之美 Aesthetic Integrity

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

⼀一致性 Consistency

让⽤用户利⽤用在其他App积累的知识和技巧在你的App中畅⾏行⽆无阻

直接操作 Direct Manipulation

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

反馈 Feedback

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

隐喻 Metaphors

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

⽤用户控制 User Control

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

从概念到产品 From Concept to Product

定义你的应⽤用 Define Your App

Step 1：列出所有你认为⽤用户可能喜欢的功能

Step 3：通过定义⽤用户来筛选功能列表

Step 2：弄清⺫⽬目标⽤用户是谁

为任务量⾝身定做界⾯面 Tailor Customization to the Task

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

原型&迭代 Prototype & Iterate

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

参考资料 Reference

官⽅方平台指南

Windows PhoneAndroidiOS 7

发现美的应⽤用

爱应⽤用最美应⽤用豌⾖豆荚设计奖

练习

AppCookerBalsamiqMockupsAxure

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