指尖之美 如何打造优秀的移动应用
TRANSCRIPT
指尖之美—如何打造优秀的移动应⽤用
彭澎 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