移动端APP交互设计原则 .ppt

3.2 为触摸而设计 在触摸操作设计时，界面中的可触摸物理区域边长不应小于7~9mm。 2.可触摸区域必须大于7mm*7mm，尽量大于9mm*9mm 双手食指 静坐状态 单手拇指 行走状态 3.2 为触摸而设计 减少文本输入。手势操作会以更快的形式进行输入，提升了输入效率。 转化输入形式。尽量把用户要输入的内容变成选择，而不是直接让用户输入。 3.转换输入方式 高德地图 苹果闹钟 移动端APP交互设计原则 CONTENT 内容优先 3.1 为触摸而设计 3.2 总结 总结 01 界面布局应以内容为核心，提供符合用户期望的内容，如何设计和组织内容，使用户能够快速理解应用所提供的内容，使内容真正有意义，这是非常重要的。 3.1 内容优先 3.1 内容优先 ZAKER是一款资讯聚合与互动分享阅读软件，拥有资讯、娱乐、科技、财经、时尚、汽车、旅游、生活等二十大版块，聚合2000家媒体、自建频道内容资源。 ZAKER ZAKER 3.1 内容优先 用户可以根据个人喜好订阅相应的内容，也可以通过热点推送功能获取自己感兴趣的信息。 订阅和热点 用户可在ZAKER内直接与好友分享互动，也可以通过微博、微信、等社交媒体平台将图文分享收藏。 分享互动 3.1 内容优先 1.内容要符合设备要求 在PC上的网页内容往往相对复杂，在进行内容移动化时，并不适合把内容直接照搬到移动端，针对不同的设备，内容要符合其设备的特征。 ZAKER在不同设备上的呈现 3.1 内容优先 关注用户需求的内容，其次才是导航，同时提升屏幕空间的利用率，把屏幕资源更多的给内容，而不是导航。 2.优先突出用户需要的信息，简化界面的导航 花瓣网的手机客户端 02 移动端基于手指的手势操作已经代替了鼠标的点击操作。手势灵活多变，交互自然，但也带来识别性差，操作精度不高等缺点，需要一些手势设计的基本原则来指导和完善。以信息构架为基础，建立手势交互规范。 3.2 为触摸而设计 3.2 为触摸而设计 设计时更多的思考新型的交互形式，使用户在操作过程中能更自然、更高效，更有趣。 1.优先设计自然的手势交互，而不只是Tap点击 基本的操作手势