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