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

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