童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

2月14日 失了心投稿
  iOS,Android,WindowsPhone是现在移动互联网上面主流的三个平台了,我也都分别参与过这三个平台的设计。在设计的过程中,因为这三个平台的不同特性,往往要角色切换,不断的换位思维。
  
  可能新手和外行人觉得iOS和Android没什么区别,有的甚至拿Android直接照抄iOS设计就可以了。还有一些人可能对WindowsPhone平台一直觉得魔幻无比,但就是找不到应该如何下手。今天我总结了一下这三个平台之间交互设计上的差异性,在开展交互设计的过程中,必须要注意的问题:
  
  一、布局形式的差异
  iOS经典的“bar”
  在iOS应用内如果要切换不同的模块,或者页面内要切换不同的栏目,往往都会用到“bar”这一形式的控件。这个经典设计从iOS早期沿用至今,
  大部分iOS应用都是这样设计的。当然,ios本身是很包容的,最近也很流行抽屉式导航。但是bar一直是最受欢迎也最好被用户认知的方式:
  
  Android提供了2种视图控制方式
  在Android4。0规范出来之后,Android提出了2种视图控制方式,一种是直接在导航栏的标题下加入一个触控按钮,点击后会弹出切换栏目的菜单
  (图中2标注的位置)
  (比如日历应用点击后可以切换不同的视图)
  
  另外一种是直接在导航栏的下面加入了一个视图控制栏,和iOS的bar很像,不过是仅放在了上面,而且提倡支持手势滑动切换:
  (图中2标注位置)
  
  WindowsPhone的创新
  WindowsPhone与上面两个平台就差距很大了,因为WindowsPhone独特的MetroUI提倡回归传统的阅读体验,像浏览报纸和杂志一样浏览手机上的内容,更关注与内容而不是修饰。所以WindowsPhone整体都给人一种像在看杂志的感觉。
  WindowsPhone的视图控制通过一种叫做“全景视图”的方式展开
  
  实际上,4个视图的内容是在一个页面上的,而且是一个页面同时加载的。用户的手机默认只显示第一屏的内容,通过滑动把后面的内容拉出来
  这种视图方式很创新,而且方便阅读,不得不说浏览的体验好了很多。但是需要注意的是:
  1)因为其实这3个栏目是同一页面视图,所以不要将内容放的过多,否则加载会很慢影响效率;
  2)对交互设计过程中的排版和视觉提出了很高的要求;(你得提前想好怎么布局好看了)
  
  另外,WindowsPhone还提供了一种叫做枢轴的方式,枢轴和iOS的bar相差不是很大,只不过完全是通过滑动来切换栏目的:
  (枢轴布局)
  
  二、导航逻辑的差异
  大家都知道iOS是没有实体返回按键的,所有返回都是通过导航栏的back按钮来完成。
  
  在iOS的导航逻辑中,我们可以明显的看出来,整个程序是一页一页的切换,就像一个幻灯片。而返回按钮也就是切换到上一页。所以,iOS的返回控制的是页面。
  
  但是Android和WindowsPhone就不是这样了,Android和WindowsPhone是有物理返回按钮的,点击物理返回按钮,控制的不光是一个页面,而且包括了上一步的操作,比如说:
  
  进入页面A,点击文本框弹出键盘。那么点击返回按键就是收起键盘
  所以安卓和WindowsPhone的返回逻辑是按照时间流来判断的,而不仅仅是页面,返回按钮控制的是动作。
  
  需要特意提一下的是:WindowsPhone的返回逻辑不单限于应用内,还影响到应用之间。也就是说你当前正在桌面,再点击一次back,就会进入你上一次打开的应用。
  另外在Android4。0中,提出了一个向上的概念,就是导航栏标题前面的一个小箭头,点击这个箭头,是回到该页面的上一个层级:
  
  三、应用之间联系的差异
  众所周知,iOS是一个封闭的系统,而Android是一个开放的系统。我们可以比喻iOS每一个应用都是一个小房间,每个应用都在自己的房间里做自己的事情,互相之间不进行任何来往。
  而Android则是一个大大的办公区,每个应用虽然也有自己的工位,但是可以互相串门或者借用东西,而WindowsPhone则遵循着和iOS差不多的方式。到了iOS6的时候可以支持应用直接互相跳转了,但那也仅限于你跳出去了,就不再回来了,也就是说到了那个房间你就是那个房间的人了,与之前的房间没有关联了。
  
  这样的差异意味着,iOS和WindowsPhone应用的权限变得很低,身为应用的你既不能修改系统的一些属性(除非越狱了),也不能修改其他应用的内容。而Android的一款应用不但可以控制系统的一些操作,还可以控制其他应用执行某些特定的操作。
  
  这种差异会让安卓上的应用设计有了更多的可能,身为设计师的你可以根据这一特性设计很多不错的功能,比如系统美化或者系统优化,杀毒,拦截电话等功能,而iOS和WindowsPhone就不能。
  但是这也让Android系统面临了很严峻的安全问题,所以安卓上各种优化和杀毒软件很流行。
  
  四、多任务的差异
  多任务的差异用一句话来形容就是:iOS和WindowsPhone都是假的多任务,而Android是真的多任务。
  如果你设计的应用有下载,那么iOS和WindowsPhone切换到后台下载就被暂停了,而Android不但不会暂停,你还可以设计一些偷偷在后台运行的功能!
  
  五、分辨率的差异
  亲,你知道Android现在有多少种分辨率吗?
  
  适配一直是Android很头痛的问题,身为前端往往要为不同的分辨率调效果而保证界面不会变形和模糊。而分辨率问题不仅仅影响视觉这一块,对交互设计也有很大的影响。因为这些手机往往屏幕比例也是不同的,你需要考虑不同的长宽比下,你的界面布局应该是怎样的。
  
  所以在设计Android的时候,你不能要求把界面布局写死,应该尽量保证每个控件都是浮动的,而且自己能评估出各种古怪的布局下的效果。
  iOS和WindowsPhone就会好很多。iOS分辨率分为320480,640960,6401136,WindowsPhone分辨率分为480800,8001280,8001136,虽然看起来也蛮多的,但是界面的比例基本上没有什么变化。所以对于交互上的布局影响并不是很大,视觉设计师也可以通过脚本缩小裁图简单的解决问题。
  
  六,设计风格的差异
  设计风格是这3个客户端自己独特的个性,设计风格不单影响的是视觉设计的层面,对交互设计也非常的重要。尤其是在考虑动效,拟物化交互的时候需要重视。
  iOS的设计风格偏向拟物化风格,这个拟物化不光是视觉上做出很多拟物的小按钮小控件的,为了配合视觉,你往往在交互上也可以加一些生动有趣的内容。
  比如说像最新的path,进入商店时遮阳板会有一个收起的效果,小卡片也会根据重力感应而摇摆。如果交互上就能体现出平台的设计风格的话,无疑会非常讨好用户,增加产品细节上的亮点。
  Android平台就简单一些了,在整体的布局和交互形式和iOS差不多的情况下,尽量的简洁,呈现一种科幻的风格即可以了。Android平台尽量少用拟物化的动效,因为Android系统对于动画效果的渲染比较差,如果太复杂的话可能会让界面非常的卡。
  本人强烈推荐一款叫fuubo的应用,它是一款非常符合AHolo风格又在交互上处理的很有创新的产品。
  WindowsPhone平台则有着很大的不同,MetroUI的理念要求设计者更多的考虑如何展现内容,使用平滑的过渡动画。而且还对设计者的排版和平面设计提出了一些考验。所以建议交互设计的人好好读读WindowsPhone界面设计准则,并且平时就积累一些WindowsPhone界面的视觉界面感觉,不然视觉设计师很可能会埋怨你哦!
  来源:伯乐在线
投诉 评论 转载

关于iOS7当中“编辑”与“新增”按钮的布局问题初次使用iOS7的时候,我便有些受挫的感觉,其中最典型的问题包括大家所质疑的“这是按钮还是普通文字?”,“这个按钮可点击吗?”一类。在接下来的几个月里,我又逐渐发现细节当中更多……VC教程!教你使用最受欢迎的配色小工具KULER经常听朋友抱怨说颜色如何难用,那今天给大家推荐一个PS自带的小工具,kuler线上版地址:https:kuler。adobe。或……帅呆了!一组令人愉悦的APP动效设计在App设计完成后,你如何向客户展示功能和界面相关的内容呢?与其花时间费口舌向客户解释,不如用漂亮的动画来演绎产品的设计水平。上一篇《聊聊那些令人愉悦的动画效果》已经说明……标准之惑套用经验,还是创新?科技的发展使得人类的生产效率大幅度的提高,为了适应大规模的快速生产,标准诞生了。在传统行业,标准所创造的奇迹可谓举不胜举。标准化的麦当劳可以保证全世界任何一家餐厅在几分钟……和你的用户谈一场恋爱最近读了一篇文章叫互联网的女性主义特征,大体意思是说:互联网的世界中虽然有男有女,但现如今的产品越来越重体验,重情感和去中心化等都说明了互联网时代的用户具有强烈的女性主义特征。……用户体验中巧妙的过场动画一些网页优于其他网页,不仅仅是因为它们的内容、可用程度、设计或是特色等等。现代网页间根本的区别在于它们交互及动画细节。我们将分享一些从各种模型中获得的经验,同时分析为何这些简单……那些年我们一起用过的QQ小伙伴们,你们是否已经发觉,曾经爱过的姑娘在不知不觉中已变了模样,曾经鲜艳的红领巾也不再飘荡于前胸,而曾经最熟悉的QQ电脑UI,竟在不知不觉中改头换面了。没关系,少年,还……综合下拉菜单:下一个网页设计趋势就目前而言,“综合下拉菜单”这种设计模式还是相对少见的。但是我确信,不出半年,它将会普及开来。什么是的“综合下拉菜单”?大型网站的导航系统一直是一个难点。当然你可以……6种常见的数据加载模式设计设计师在进行APP设计的设计时,往往会更加专注于界面长什么样,界面和界面之间怎么跳转,给予用户什么样的操作反馈,却偏偏特别容易忽略掉一个比较重要的环节,就是APP数据加载中的设……三大移动平台上的交互设计差异iOS,Android,WindowsPhone是现在移动互联网上面主流的三个平台了,我也都分别参与过这三个平台的设计。在设计的过程中,因为这三个平台的不同特性,往往要角色切换……聊聊软件产品中的情趣化设计最近看了不少有关软件产品中关于情感设计、情趣化设计的相关文章,今天也想从个人的角度结合一些具体的例子来和大家分享一下关于软件产品中的情趣化设计内涵、原则以及方法和技巧。在……浅谈游戏官网现状及设计趋势为什么游戏官网的构建好像这年从来没变过?这是功能使然还是思维惯性?什么才是真正是对的?设计师的工作就是在此框架下在样式上做文章?思考点其实很多,答案其实也是随环境在一直变……
别扯大数据!请先面朝用户用户体验的要素?学会这几招,大数据分分钟变现金流!你知道用户研究能赚钱,但知道什么是用户研究吗?所谓的社交都是从陌生开始,熟人社交你吃几分牛排?APP导航设计:五大导航设计优势分析小白学数据分析留存率是什么?三道值得思考的产品问题!谈谈产品面试的准备不要强行帮老奶奶过马路人为了什么留在一个平台?Uber,一段近距离的陌生人社交
安娜贝拉面膜好用吗安娜贝拉面膜保质期是多久职场心灵鸡汤语录摘录令人感动的一件事400字重庆有个木头的敦煌,精美的老木雕老石雕看不够A股突然大跌,原因找到了每日品读人生2019年中考话题作文范文有一种声音,在记忆深处《童年收》致你我的无忧童年重启第二季刘丧永久失聪是怎么回事他的耳朵到底怎么捞铁牛课堂实录小米13Ultra官宣4月18日发布,携手徕卡打造又一款影像 苹果开始提供iPhoneX手机FaceID单独零部件维修服务

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界