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

相关推荐

  • 微信10个交互设计细节问题的探讨(下) 从零开始学交互

    微信10个交互设计细节问题的探讨(下)

    文章转自:http://qinsman.com/1701_wechatrd/微信号:西市馒头铺接上篇~~~5. 删除会话时的危险操作警告左滑会话可以调出删除按钮是一个iOS下很常规的交互操作,但微信中删除一个会话意味着所有聊天记录、图片文…

    2017-08-02
  • 浅析用户体验在APP界面设计中的表现及应用 交互设计

    浅析用户体验在APP界面设计中的表现及应用

    如果要成功运营一款APP,第一个基本的原则就是要全线贯彻落实“以用户为中心”的理念。当今这个时代,在设计过程中能够体现出“以用户为中心”原则的设计就叫做用户体验设计。这就不得不提到两个名词:即用户体验和用户界面概念的理解。一个成功的交互产品离不开优秀的用户体验,一个高用户的App更无法脱离用户体验设计。当产品和用户之间的连接点变成了摩擦点,那么工业设计师的设计就是失败的。相反,如果产品能让人们感觉更安全,更舒适,更乐于购买,更加高效,甚至只是让人们单纯地更加快乐,那么此处的设计师是成功的。

    2017-05-15
  • 交互设计

    交互设计的未来:技术的改变使交互设计的可能性愈加丰富

    Terry Cao是UXPin(一款线框图与原型制作APP)的内容策略专家。要了解如何掌握现在交互设计的艺术,可以参考免费的电子书籍《Interaction Design Best Practices》。这本书中含AirBnB、 Google、 Apple、Etsy 以及其他诸多公司的30多余交互案例。“Modality Interactivity对用户来说更有说服力。因为这使用户在浏览网站的时候更有趣,更吸引他们,并且帮助用户对网站信息产生更积极的态度。” 一位来自罗伯特·莫里斯大学的通讯系助理教授Jeeyun Oh如是说,“交互(Interactivity)通过让用户更深层次地理解网站信息而更具说服力。”欲更多地了解现代交互设计的艺术,可以阅读《Interaction Design Best Practices》一书。

    2017-06-02
  • 微信热点

    【招聘】阿里、腾讯、网易、百度、亚马逊、德勤、滴滴、京东、华兴资本、去哪儿、蚂蚁金服、特斯拉等

    上海|携程+实习携程运营实习生工作内容 一周内入职1、携程app微领队社交功能“结伴”、“旅友圈”运营(删违规帖+内容运营)2、旅途聚会物料负责、寄送、整理3、旅途聚会新产品冷启动4、聚会产品上货至其他平台(搬砖+运营)5、公用区图片库等内容整理6、大型活动报名信息收集+统计(不定期,非日常)7、临时日常行政工作协助加分项1、熟练excel、ppt、word,书面表达佳2、足够耐心、细心,强责任心3、有办公室实习经验4、可来携程坐班至少...

    2018-04-08
  • 交互设计工作记录(二) 从零开始学交互

    交互设计工作记录(二)

    作者:飞阿婷的交互设计生活 系列:交互设计工作记录 互联网热点引发的思考 对百度用户体验总监刘超事件,怎么看? 首先,他此次的表现的确挺让人失望的,主要是态度问题,不够尊重台下好学且交了学费的设计师们,…

    2016-07-06
  • 设计原则:组织信息的方式 交互设计

    设计原则:组织信息的方式

    我们的设计必须显示展现出组织性良好的信息,这样用户才能很容易地理解所显示的内容。这是提供良好用户体验的关键。“信息可能是无限的,但信息的组织是有限的,因为它只能由LATCH组织:Location位置,Alphabet字母,Time时间,Category类别或Hierarchy视觉层级。”
    – Wurman,1996“我已经尝试了一千次找到其他方式来组织信息,但我最终仍使用这五种之一。” – Wurman,1996年

    2017-04-30
  • 埃森哲设计思维成就价值创新:从“外在美”到“内在美”

    作者:杨鹏(埃森哲数字设计与创新经理);田晖(埃森哲数字咨询服务总监);王曦(原埃森哲数字设计与创新顾问)   领先企业已经认识到,设计不仅仅停留在产品的 “外在美”,而应聚焦在更具商业价值的“内在美”。那…

    交互专题 2017-09-18
  • 实例分享|在界面排版中,需要注意的七大原则(下) 交互设计

    实例分享|在界面排版中,需要注意的七大原则(下)

    在上篇《实例分享|在界面排版中,需要注意的七大原则(上)》大家了解了界面排版的前四个原则,今天接着将后面三个原则也分享出来。一、亲密原则
    二、对比原则
    三、平衡原则
    四、相似原则
    五、简洁原则
    六、封闭原则
    七、情感原则

    2017-05-08
  • 微信热点

    交叉学科-交互设计春季周末班课程计划

    开课时间:本周末4.14日开课,可预约免费试听。请单独联系教务老师。联系方式:教务老师微信二维码上课地址:北京海淀区北四  环保福寺桥南  恒兴大厦10层E室

    2018-04-11
  • IxD-IxDSchool百科

    IxD Interaction design  交互设计 很多人在问:IxD是什么意思?,IxD中文意思是交互设计 国外一般称之UX或IaD,国内一般称为交互/交互设计 标签:IxD是什么意思  

    交互设计 2015-01-05
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

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