IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

浅谈iOS与Android设计规范:6类交互设计规范对比

Catherine • 2017-05-03 23:44 • 交互设计

iOS和Android两个不同的平台,肯定是有很多区别的,下面就从交互的角度,谈谈区别。

文章目录[隐藏]

  • 一、全局导航
  • 二、二级导航
  • 三、工具栏
  • 四、提示框
  • 五、警示框
  • 六、手势定义
  • 结语

iOS和Android两个不同的平台,肯定是有很多区别的,下面就从交互的角度,谈谈区别。

浅谈iOS与Android设计规范:6类交互设计规范对比

以前就读过IOS和Android的规范,但是觉得没啥大用处,因为现在APP为了保持一致性,通常在IOS和Android上的设计是一样的,而且一些小公司只设计IOS的交互原型,因为只要IOS上能用,安卓上肯定没问题,前段时间,和一个人聊,问我它俩的区别,当时一脸懵逼,不知从何说起。毕竟是两个不同的平台,肯定是有很多区别的,下面就从交互的角度,谈谈区别。

一、全局导航

  • IOS:通常放在底部,方便用户点击
  • Android:通常放在上面,下面有物理按键,防止误操作。

浅谈iOS与Android设计规范:6类交互设计规范对比

浅谈iOS与Android设计规范:6类交互设计规范对比

解析:因为Android比IOS多了物理按键,为了防止误操作,所以只能将全局导航放在上面,但是随着屏幕越来越大,上面是手指无法触及的区域,所以切换起来相对成本较高。

二、二级导航

  • IOS:通常放返回、上一级标题、标题(居中),操作通常只有一个
  • Android:通常返回控件、logo、下拉菜单、重要操作、更多操作

浅谈iOS与Android设计规范:6类交互设计规范对比

浅谈iOS与Android设计规范:6类交互设计规范对比

解析:IOS显示了上一级的名称,让用户点击返回后,心里有预期,Android放了APP的logo,增加了品牌性,但是就使用来讲,用户不知道点击会回到哪,下拉菜单和更多操作都需要点击才能显示,增加了操作步骤。

三、工具栏

  • IOS:通常放在最下面,方便操作
  • Android:放在导航栏里,将重要操作放在外面,其他放在更多里。

浅谈iOS与Android设计规范:6类交互设计规范对比

浅谈iOS与Android设计规范:6类交互设计规范对比

解析:IOS将操作都放在底部,区域更大,操作更方便。Android将操作放在了顶部,显得很拥挤,并且还收起了一部分,需要用户查找,但是却节省了空间,让内容显示区更大。

四、提示框

  • IOS:出现在屏幕中间,可以带图标,可以不带,可以是静态的,也可以是动态的。
  • Android:不可以带图标,不能是动态的,最多只可以带一个操作按钮,最多只能出现一个提示,不能和低端的悬浮按钮重合。

浅谈iOS与Android设计规范:6类交互设计规范对比

浅谈iOS与Android设计规范:6类交互设计规范对比

解析:IOS的设计理念是尽量不打扰用户,只要用户能看见变化,轻易不会出现提示,只有一些用户无法感知时,才会出现提示框,所以可以是动态的,像调节音量。Android的提示要比IOS重一些,因为它可以带一个按钮。

五、警示框

IOS:标题和按钮是必须的,可以有内容和输入

浅谈iOS与Android设计规范:6类交互设计规范对比

浅谈iOS与Android设计规范:6类交互设计规范对比

Android:主要有四种:用途、内容、事件、表现。

1、用途包含了标题,内容和事件。

浅谈iOS与Android设计规范:6类交互设计规范对比

2、内容:只包含标题和内容

浅谈iOS与Android设计规范:6类交互设计规范对比

3、事件:标题、内容、更多操作按钮(不只是接受不接受)

浅谈iOS与Android设计规范:6类交互设计规范对比

4、表现:有标题、可输入、可操作、有按钮。

浅谈iOS与Android设计规范:6类交互设计规范对比

解析:警示框按钮的排列是一致的,左侧是消极的,右侧是积极的。IOS的警示框划分要少一些,构成就是标题和按钮,也可以解释和输入。但是,Android要复杂的多,分了4种情况,但是我觉得第一种和第三种差不多,标题和内容是必须的,按钮和输入可以选择。

六、手势定义

IOS的手势规定有8种,如下:

浅谈iOS与Android设计规范:6类交互设计规范对比

Android:将手势进行了单指和双指的划分,有14种。

  • 单次触击(Touch):一只手指按下,提起
  • 双次触击(Double Touch):两只手指按下,提起,其中一只手指按下,提起
  • 拖拽(Drag),轻滑(Swipe)和快掷(Fling):一只手指按下,移动再提起
  • 长按:一只手指按下,稍后再提起
  • 长按拖动:一只手指按下后稍后,移动,再提起
  • 双触拖动:一只手指按下后提起,再按下后,拖动,再提起
  • 捏放(Pinch Open):双指按下,向外移动,再提起
  • 捏合:双指按下,向内移动,再提起
  • 双指触击:双指快速按下,提起
  • 双指拖拽,轻滑和快掷:两指按下,移动后提起
  • 双指长按:双指按下,稍后提起
  • 双指长按拖动:双指按下,稍后移动,再提起
  • 双指双次触击:双指快速按下提起,重复一次该动作
  • 旋转:双指按下,以指间中点为圆心快速转动,再提起

解析:IOS只有8种手势,Android有14种,但是很多都不常用,个人感觉IOS的8种已经完全够用了,定义那么多种,用户的学习成本就会提高,而且Android的有些手势并没有定义可以做什么,所以给出这么多手势也没有用。

结语

本文对IOS和Android的规范进行了对比,Android的规范那是相当详细,但是IOS的只给出了设计原则,所以,一些是我自己总结的,可能对比的还不够全面,欢迎大家一起讨论。

 

本文由 @设计Zan 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23076/

AndroidioslogoUEDUX交互交互设计交互设计规范产品产品经理原型图标用户设计设计原则设计规范转载
赞 (0)
CatherineCatherine
0
生成海报
认知设计论:关于认知最全面的一篇
上一篇 2017-05-03 22:33
视觉设计师需要懂的4个设计原理
下一篇 2017-05-04 00:53

相关推荐

  • 新手入门:交互设计师的知识架构 交互设计

    新手入门:交互设计师的知识架构

    如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书、学了一大堆软件、画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本《交互设计学习大纲》就…

    2016-01-26
  • 微信热点

    增强现实正在提升用户体验

    当苹果的CEO Tim Cook在一次季度财报电话会议上,向分析师说出“增强现实将会改变一切”这句话时,人们都感到了一丝震惊。而现在看来,库克对增强现实(AR)的评价似乎并没有过分夸大。事实上,增强现实技术正在为各种应用创造出一个全新的范例。毕竟,我们已经很快地从在电脑键盘上打字,“进化”到了用智能手机打字或滑动屏幕,又或者是用语音来告诉Alexa或Siri来帮我们做什么事。现在AR把我们带到了全息计算时代。Animoji、Pokémo...

    2018-03-28
  • 在无线产品中,一些普适的交互设计原则及实践(上) 交互设计

    在无线产品中,一些普适的交互设计原则及实践(上)

    本文作者将逐条列出其总结的无线产品设计领域应当遵循的的一些基本原则,并在每条原则下辅以实例说明以便理解。

    2017-05-04
  • 微信热点

    信息与交互设计专业委员会走访北京服装学院艺术设计学院

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn第四站——北京服装学院2017年11月3日上午,信息与交互设计专业委员会卞亚君秘书长及秘书处谢老师、王老师一行三人到北京服装学院艺术设计学院进行了走访。新媒体系主任丁肇辰教授热情地接待了我们,在交谈中丁教授向我们介绍了学院的基本情况以及带学生做的一些研究项目及活动。如《都会寝室》项目,面向20-35岁人群,致力于通过卧室环境控制、健康食物推荐等,改...

    2018-01-31
  • 撇开设计师的视角,普通用户是如何看待设计细节的? 交互设计

    撇开设计师的视角,普通用户是如何看待设计细节的?

    做设计久了,设计师很少能够真正站在用户的角度看待网站和APP。今天的文章,我们来聊聊普通用户眼里的设计细节~我们应该迎合用户,如果连对的东西都不能坚持,产出物的最终目标就会发生偏离,甚至完全无效。 ——@冯铁

    2017-05-13
  • 微信热点

    瑞昌2018年3.31-4.6一周企业招聘信息及待遇......

    【招聘信息】客服招聘企业:精彩网络科技详细地址:江西省瑞昌市摩恩大厦8楼801岗位要求:女性/中专/技校/1-3年工作经验 /30岁以下职位要求:会办公软件,联系人:范联系电话:18079284619【招聘信息】美容师,学徒招聘企业:汉娜尚妃美容中心详细地址:阳光国际,大唐岗位要求:女性/学历不限/经验不限 /35岁以下职位要求:汉娜尚妃美容中心高薪招聘一、店长2名,底薪2000+提成+业绩+奖金,总工资5000一7000左右二、美容师...

    2018-04-08
  • 微信热点

    用户体验是一门玄学秘籍

    Part 01 - 用户体验和用户体验设计关于“用户体验”这个词,很多刚入行的新人都觉得它玄之又玄,妙不可言。一方面是不知道他具体到底是什么,就好像那是一块理想地,看不见也摸不着,另一方面呢糟糕的用户体验,作为用户是能清晰感觉到它的存在。所以呢,在这里,会围绕“用户体验”这个词做一个科普性质的解释和综述,希望对初学者一些小小的帮助。1.1 什么是用户体验?用户体验的定义有很多种,我比较倾向的解释是:“用户体验是人对于使用一个产品、系统、...

    2018-02-22
  • 超实用的响应式排版快速指南 交互设计

    超实用的响应式排版快速指南

    译者语:无论是对于印刷、网站或是电视广告来说,排版都是我们用来沟通信息的主要方式。排版之重要性我想已无须赘述。然而,“理解”和“实践”还是相差十万 八千里的,特别是在网页设计中,“一个字号走天下”的想法可以歇歇了。我们或许都听说过响应式网站,但我想你们中可能很少有人知道什么是响应式排版吧。

    2017-06-02
  • 微信热点

    如何用axure参与团队项目

    1、下载安装axure破解版,可以去axure.com下载。这里为了方便大家,分享个人的百度云盘资源,链接:https://pan.baidu.com/s/1o9qFOyY 密码:hodp2、下载File Zilla,File Zilla从百度上搜索即可下载,这里不需要多言,以下主要讲讲如何配置File Zilla。Ctrl+S创立本地站点,输入主机IP地址,协议默认是SFTP,输入团队用户&密码,点击连接,进入团队项目。3、在团队项目...

    2018-03-15
  • 邮件其实是一种不容忽视的用户体验 交互设计

    邮件其实是一种不容忽视的用户体验

    人们总是愿意相信,他们自己的创作本身就能够说明一切。由于电影《梦幻成真》里 “车到山前必有路” 的这种心态,加上非理性的恐惧,通常这类思想会影响到产品的设计,造成用户体验脱节,这个过程中又很少与用户交流沟通。

    2017-06-01
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress