三大移动平台上的交互设计差异.pdfVIP

三大移动平台上的交互设计差异 iO S ，A ndro id ，W indowsPho ne是现在移动互联网上面主流的三个平台了 ，我也都分别参 过这三 个平台的设计。在设计的过程中 ，因为这三个平台的不同特性 ，往往要角色切换 ，不断的换位思维 。 可能新手和外行人觉得iO S和A ndro id没什么区别 ，有的甚至拿A ndro id直接照抄iO S设计就可以了。 还有一些人可能对W indowsPho ne平台一直觉得魔幻无比 ，但就是找不到应该如何下手。今天我总 结了一下这三个平台之间交互设计上的差异性 ，在开展交互设计的过程中 ，必须要注意的问题 ： 一、布局形式的差异 iO S经典的“t ab bar” 在iO S应用内如果要切换不同的模块 ，或者页面内要切换不同的栏目 ，往往都会用到“t ab bar”这一形 式的控件。这个经典设计从iO S早期沿用至今 ， 大部分iO S应用都是这样设计的。当然 ，ios本身是很包容的 ，最近也很流行抽屉式导航。但 是t ab bar一直是最受欢迎也最好被用户认知的方式 ： A ndro id提供了2种视图控制方式 在A ndro id4 .0规范出来之后 ，A ndro id提出了2种视图控制方式 ，一种是直接在导航栏的标题下加入 一个触控按钮 ，点击后会弹出切换栏目的菜单 （图中2标注的位置 ） （比如日历应用点击后可以切换不同的视图 ） 另外一种是直接在导航栏的下面加入了一个视图控制栏 ，和iO S的t ab bar很像 ，不过是仅放在了 上面 ，而且提倡支持手势滑动切换 ： （图中2标注位置 ） W indowsPho ne的创新 W indowsPho ne 上面两个平台就差距很大了 ，因为W indowsPho ne独特的Met ro UI提倡回归传统 的阅读体验 ，像浏览报纸和杂志一样浏览手机上的内容 ，更关注 内容而不是修饰。所 以W indowsPho ne整体都给人一种像在看杂志的感觉。 W indowsPho ne的视图控制通过一种叫做“全景视图”的方式展开 实际上 ，4个视图的内容是在一个页面上的 ，而且是一个页面同时加载的。用户的手机默认只显示 第一屏的内容 ，通过滑动把后面的内容拉出来~ 这种视图方式很创新 ，而且方便阅读 ，不得不说浏览的体验好了很多。但是需要注意的是 ： 1 ）因为其实这3个栏目是同一页面视图 ，所以不要将内容放的过多 ，否则加载会很慢影响效率 ； 2 ）对交互设计过程中的排版和视觉提出了很高的要求 ；（你得提前想好怎么布局好看了 ） 另外 ，W indowsPho ne还提供了一种叫做枢轴的方式 ，枢轴和iO S的t ab bar相差不是很大 ，只不过 完全是通过滑动来切换栏目的 ： （枢轴布局 ） 二、导航逻辑的差异 大家都知道iO S是没有实体返回按键的 ，所有返回都是通过导航栏的bac 按钮来完成。 在iO S的导航逻辑中 ，我们可以明显的看出来 ，整个程序是一页一页的切换 ，就像一个幻灯片。而 返回按钮也就是切换到上一页。所以 ，iO S的返回控制的是页面。 但是A ndro id和W indowsPho ne就不是这样了 ，A ndro id和W indowsPho ne是有物理返回按钮的 ，点 击物理返回按钮 ，控制的不光是一个页面 ，而且包括了上一步的操作 ，比如说 ： 进入页面A ，点击文本框弹出键盘。那么点击返回按键就是 – 收起键盘 所以安卓和W indowsPho ne的返回逻辑是按照时间流来判断的 ，而不仅仅是页面 ，返回按钮控制的 是动作。 需要特意提一下的是 ：W indowsPho ne的返回逻辑不单限于应用内 ，还影响到应用之间。也就是说 你当前正在桌面 ，再点击一次bac ，就会进入你上一次打开的应用。 另外在A ndro id4 .0中 ，提出了一个向上的概念 ，就是导航栏标题前面的一个小箭头 ，点击这个箭头 ，是回到该页面的上一个层级 ： 三、应用之 联系的差异 众所周知 ，iO S是一个封闭的系统 ，而A ndro id是一个开放的系统。我们可以比喻iO S每一个应用都 是一个小房间 ，每个应用都在自己的房间里做自己的事情 ，互相之间不进行任何来往。 而A ndro id则是一个大大的办公区 ，每个应用虽然也有自己的工位 ，但是可以互相串门或者借用 东西 ，而W