移动端APP交互设计原则 ppt课件

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