移动端APP交互设计原则

移动端APP的交互设计原则《交互设计》第三章第三节

xxxx大学本文档共15页；当前第1页；编辑于星期一\18点14分CONTENT内容优先3.1为触摸而设计3.2总结总结本文档共15页；当前第2页；编辑于星期一\18点14分01界面布局应以内容为核心，提供符合用户期望的内容，如何设计和组织内容，使用户能够快速理解应用所提供的内容，使内容真正有意义，这是非常重要的。3.1内容优先本文档共15页；当前第3页；编辑于星期一\18点14分3.1内容优先ZAKER是一款资讯聚合与互动分享阅读软件，拥有资讯、娱乐、科技、财经、时尚、汽车、旅游、生活等二十大版块，聚合2000家媒体、自建频道内容资源。ZAKERZAKER本文档共15页；当前第4页；编辑于星期一\18点14分3.1内容优先用户可以根据个人喜好订阅相应的内容，也可以通过热点推送功能获取自己感兴趣的信息。订阅和热点用户可在ZAKER内直接与好友分享互动，也可以通过微博、微信、等社交媒体平台将图文分享收藏。分享互动本文档共15页；当前第5页；编辑于星期一\18点14分3.1内容优先1.内容要符合设备要求在PC上的网页内容往往相对复杂，在进行内容移动化时，并不适合把内容直接照搬到移动端，针对不同的设备，内容要符合其设备的特征。ZAKER在不同设备上的呈现本文档共15页；当前第6页；编辑于星期一\18点14分3.1内容优先关注用户需求的内容，其次才是导航，同时提升屏幕空间的利用率，把屏幕资源更多的给内容，而不是导航。2.优先突出用户需要的信息，简化界面的导航花瓣网的手机客户端本文档共15页；当前第7页；编辑于星期一\18点14分02移动端基于手指的手势操作已经代替了鼠标的点击操作。手势灵活多变，交互自然，但也带来识别性差，操作精度不高等缺点，需要一些手势设计的基本原则来指导和完善。以信息构架为基础，建立手势交互规范。3.2为触摸而设计本文档共15页；当前第8页；编辑于星期一\18点14分3.2为触摸而设计设计时更多的思考新型的交互形式，使用户在操作过程中能更自然、更高效，更有趣。1.优先设计自然的手势交互，而不只是Tap点击基本的操作手势本文档共15页；当前第9页；编辑于星期一\18点14分3.2为触摸而设计在触摸操作设计时，界面中的可触摸物理区域边长不应小于7~9mm。2.可触摸区域必须大于7mm*7mm，尽量大于9mm*9mm双手食指静坐状态单手拇指行走状态本文档共15页；当前第10页；编辑于星期一\18点14分3.2为触摸而设计减少文本输入。手势操作会以更快的形式进行输入，提升了输入效率。转化输入形式。尽量把用户要输入的内容变成选择，而不是直接让用户输入。3.转换输入方式高德地图苹果闹钟本文档共15页；当前第11页；编辑于星期一\18点14分3.2为触摸而设计将用户完成任务的操作触点连接起来就能组成一个完整的操作流，我们可以通过操作路径来判断界面的流畅性，操作路径短在一定程度上被认为是操作效率更高，流畅性更好。4.流畅性对于应用产品，提倡的是简单、直接的操作，让用户快速学会使用。通过界面元素的表意和界面提供的线索就能让用户清晰地知道操作方式。5.易学性本文档共15页；当前第12页；编辑于星期一\18点14分3.2为触摸而设计一个应用除了满足用户需求和可用性之外，能让用户感受到惊喜是应用设计中最为推崇的。6.智能有爱MyScriptCalculator本文档共15页；当前第13页；编辑于星期一\18点14分3.2总结交互设计原则1.内容要符合设备的特征在PC上的网页内容往往相对复杂，在进行内容移动化时，并不适合直接照搬到移动端。2.简化界面导航用户获得的是内容，而不是导航，设计时将屏幕空间更多地留给内容。为触摸而设计内容优先1.不只是Tap点击在设计时，能更多地思考适合自己应用的手势交互形式。2.可触摸区域尽量大于9mm*9mm为了让用户在各种情境下都容易操作，建议触摸物理区域边长不应小于9mm转换输入方式流畅性易学性智能有爱减少文本输入，转化输入形式尽量把用户要输入的内容变成选择，而不是直接让用户输入。通过操作路径来判断界面的流畅性，路径短能在一定程度上被认为是操作效率更高，流畅性更好保持界面构架简单明了，导航设计清晰易理解，操作简单可见，让用户能够快速学会使用。满足用户需求和良好的可用性之外，还应