移动端APP交互设计原则_第1页
移动端APP交互设计原则_第2页
移动端APP交互设计原则_第3页
移动端APP交互设计原则_第4页
移动端APP交互设计原则_第5页
已阅读5页，还剩10页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、,移动端APP的交互设计原则,交互设计 第三章 第三节,xx,xx大学,CONTENT,01,3.1 内容优先,ZAKER是一款资讯聚合与互动分享阅读软件，拥有资讯、娱乐、科技、财经、时尚、汽车、旅游、生活等二十大版块，聚合2000家媒体、自建频道内容资源。,ZAKER,ZAKER,3.1 内容优先,用户可以根据个人喜好订阅相应的内容，也可以通过热点推送功能获取自己感兴趣的信息。,订阅和热点,用户可在ZAKER内直接与好友分享互动，也可以通过微博、微信、等社交媒体平台将图文分享收藏。,分享互动,3.1 内容优先,1.内容要符合设备要求 在PC上的网页内容往往相对复杂，在进行内容移动化时，并不适

2、合把内容直接照搬到移动端，针对不同的设备，内容要符合其设备的特征。,ZAKER在不同设备上的呈现,3.1 内容优先,关注用户需求的内容，其次才是导航，同时提升屏幕空间的利用率，把屏幕资源更多的给内容，而不是导航。,2.优先突出用户需要的信息，简化界面的导航,花瓣网的手机客户端,02,3.2 为触摸而设计,基本的操作手势,3.2 为触摸而设计,双手食指 静坐状态,单手拇指 行走状态,3.2 为触摸而设计,减少文本输入。手势操作会以更快的形式进行输入，提升了输入效率。 转化输入形式。尽量把用户要输入的内容变成选择，而不是直接让用户输入。,3.转换输入方式,高德地图,苹果闹钟,3.2 为触摸而设计,

3、将用户完成任务的操作触点连接起来就能组成一个完整的操作流，我们可以通过操作路径来判断界面的流畅性，操作路径短在一定程度上被认为是操作效率更高，流畅性更好。,4.流畅性,对于应用产品，提倡的是简单、直接的操作，让用户快速学会使用。通过界面元素的表意和界面提供的线索就能让用户清晰地知道操作方式。,5.易学性,3.2 为触摸而设计,My Script Calculator,3.2 总结,交互设计 原则,1.内容要符合设备的特征 在PC上的网页内容往往相对复杂，在进行内容移动化时，并不适合直接照搬到移动端。 2.简化界面导航 用户获得的是内容，而不是导航，设计时将屏幕空间更多地留给内容。,1.不只是Tap点击 在设计时，能更多地思考适合自己应用的手势交互形式。 2.可触摸区域尽量大于9mm*9mm 为了让用户在各种情境下都容易操作，建议触摸物理区域边长不应小于9mm,通过操作路径来判断界面的流畅性，路径短能在一定程度上被认为是操作效率更高，流畅性更好,满足用

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论