基于ios、android手机设备应用程序交互适配设计研究报告_(编辑修改稿)

基于ios、android手机设备应用程序交互适配设计研究报告_(编辑修改稿)内容摘要：

方式对比可见，触屏手机基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 11 页 共 48 页 与电脑的使用方式之间有着极大的差异，不同的操作方式也将导致设计时需要考虑不同的因素，其使用体验也将不同。 场景需求对比 ： 随着手机的普及，几乎人人都会有一部手机，使用手机的场景随处可见，而几乎随时随地都会使用到手机。 并且使用手机应用服务的场景相当比较分散，不同于使用电脑的用户集中于空闲时间。 移动互联网用户除了在等待时间、乘坐交通工具时间时使用手机外，睡觉前、上课与上班时使用的比 例也很高。 图 在公车上使用手机 而由于硬件与操作的关系，使用电脑的场景则更多的是发生在家里、办公室甚至咖啡厅等等固定的地点。 基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 12 页 共 48 页 图 在家里使用电脑 ： 从移动互联网的概念提出之前的很长一段时间，人们使用手机还停留在打电话、发短信、听音乐、看视频、看小说与打小游戏等等相对比较单纯的功能。 使用电脑时所做的则相对丰富很多，看新闻、看电影与打大型游戏等等都可以做到。 ： 图 移动互联网新型产品 基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 13 页 共 48 页 随着移动互联网越来越火爆，科技发展得越来越迅速。 人们的需求也越来越复杂，其中涌现了一系列优秀移动应用产品。 如今的产品需求正朝着查看附近的情况（ LBS）、基于商务的 O2O 应用与社交 SNS等等方向发展。 而电脑方面，社交 SNS 与搜索领域则越来越火爆，其中，电子商务领域发展迅猛，网络购物变得越来越便捷。 综合而言，手机与电脑的使用特点差别非常大。 使用移动应用时，容易受到周边环境、设备握持姿势等许多因素的干扰，但是使用电脑类应用时，最大的干扰往往来自于应用与应用之间的相互影响。 并且手机使用应用的累计时间更短，但是由于使用场景比较固定，使用电脑应用时时间更长。 并且由于手机便于携带的原因，手机应用相对于电脑的即时性更强，比电脑的使用频率更加频繁。 基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 14 页 共 48 页 第四部分 基于 IOS、 Android 手机设备应用程序交互适配设计原则研究 适配原则 如今的手机屏幕尺寸越来越大，但是最大也不过 寸，相对电脑来说还是相差甚远，因此在如此狭小的屏幕上做设计是个很大的挑战。 所做的产品设计不仅要针对小屏幕设计高效的交互效果，还需考虑操作行为，比如要靠手拿着，靠手指操作等。 首先要做的就是省去多余的文字，句子里不应该夹杂太多文字。 就像 Krug 可用性第一定律所讲的：“去掉每个页面上一半的文字，然后把剩下的文字再去掉一半”。 图 人人网与 Chrome 浏览器的注册页面对比 如图 所示人人网的注册界面很好的将服务条款与注册账号界面结合，整整节省了一个页面。 账号与密码提示以浅色显示在输入基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 15 页 共 48 页 框中，避免了不必要的空间浪费，整个页面没有任何多余的文字。 图 团 800 与 360 团购的首页页面对比 如图 所示，团 800 首页将其所有功能元素放在首页中，导致各个元素之间相隔很近，很容易误点击，极易增加用户的挫败 感；而360 团购很好地将几个元素整合后分布到四个标签导航内，使每个目标的可点击范围够大，很好地节省了屏幕空间。 44 像素 图 使用 44 像素的区域 苹果公司将指尖点击目标大小定义为 44 像素，任何应用的按钮都不能低于这个标准，这里的指的是可点击的范围，视觉看到的目标基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 16 页 共 48 页 可以再小一点。 这个标准也逐渐成为业界的标准。 专一原则 如今的手机应用数以万计，仅苹果公司的 app store 就有近百万的应用，而其中也有导航、工具、体育、娱乐等几十种分类。 虽说市场上的同类产品很多，但这些产品大多张牙舞爪 地四处掠地，恨不得把所有应用功能集于一身。 但是最受欢迎的应用往往是功能最专一的应用，正所谓术业有专攻，唯有专心做好自己的根本工作，满足用户的核心需求才能成功。 图 有道翻译官应用首页 如图 所示的有道翻译官的功能很简单，满足用户翻译语言的需求，整个应用没有任何其他多余的功能，哪怕是新用户也很容易上手使用。 基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 17 页 共 48 页 主次原则 由于手机屏幕有限，不可能一下子将所有产品功能全部展示出来，如同电脑端的软件一样，对于任何应用的操作都存在主次之分。 如图 所示的人人网首页中的说话、发状态、传照片、报到功能是重要功能，并且属于相同等级，而找人、聊天、查看好友等功能属于次要功能，因此需要点击设置后才会展现。 图 人人网应用首页 由于内容比较多，空间比较少，所以需要主要的内容先显示，次要的内容藏在“更多”里。 当面对很多操作的时候，也要分清主次关系，注意哪些是希望用用户去做的，经常做的，哪些是不希望用户做的，不常做的，而对于希望用户去做的操作还要进一步分清主次关系。 基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 18 页 共 48 页 图 360 云盘登录页面 如图 所示，登录与注册功能属 于同级别功能，但是由于是登录页面，因此登录键颜色加深，而立即登录与忘记密码属于同级别功能，但是立即登录是希望用户去做的、常用的功能，所以“立即登录”做成了颜色明亮的按钮；而忘记密码是不希望用户去做、不常做的功能， 所以使用了颜色相对弱化的文字链接的形式。 要考虑清楚应用的主次关系，取决于需要重点引导用户操作的功能与通过用户研究与数据分析得出的功能相结合。 简洁原则 大部分的手机应用都符合二八法则，即最重要的功能只占其 20%，而其他的 80%都是次要的。 具美国某权威机构的研究报告称 64%的软件功能极少使用过甚至从未使用过，因此通过大胆删除的方法可以有效地简化设计。 基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 19 页 共 48 页 但是在删除一些功能之前一定要仔细评估其重要性，避免删除掉本该有用的功能，不能随便删除，要总揽全局，找到最重要的功能实现给用户，而对于无用的功能设计可以大胆摒弃。 多余的操作会使用户烦躁，因此删除一些无用的设计显得至关重要。 如图 所示的应用注册过程中在提取用户的生日时自动推算出年龄，减少了用户的多余操作，是大胆删很好的实用例子。 即使是很小的错误也会导致用户烦恼，在对手机应用做产品设计的时候要时刻为用户着想，尽最大可能避免用户 犯错误，消除错误也是删除设计的一部分。 该应用使用了滑轮的方式，避免了输入时产生的错误。 图 遇见应用注册页面 对产品功能重新组织是产品设计的常见方法，但是在组织功能的时候往往会遇到很多问题，要考虑尺寸、视觉色彩、形状、功能搭配等，所以这时做组织的时候要有一个权重，只强调几个主题，按照这几个主题去组织，主题太多会扰乱用户。 重要的、相同功能类型的放基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 20 页 共 48 页 在一个模块，按模块去组织。 图 旧版人人网应用首页 如图 所示，人人网将其应用的所有功能很好地进行分类，分成了拍照、传照片 、写日志、发状态、新鲜事、个人主页、好友、地点、消息与站内信 10 个模块。 用户可以很轻易地理解每个模块的意义，信息架构很清晰。 多余的功能设计应该摒弃，但是有些不常用但是又必须存在的功能就只能使用适当隐藏的方法了。 如图 所示该应用由于需要获取许多用户资料才可完成注册，因此将整个过程拆分成 3 个步骤，将繁多的录入操作很好地隐藏起来，使用户感觉不到烦躁。 基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 21 页 共 48 页 图 遇见注册页面 适当地隐藏功能可以很大程度简化产品设计，但是切记要精准控制隐藏，要是用户需要时能够找得到，否则 效果会适得其反。 隐藏很重要，适时出现也很重要。 如图 微信首页所示的删除按钮只有在用户横滑页面才会出现，这样的设计防止了用户不必要的误点击，但是当用户需要删除时，又可以很快地找到。 当然还有搜索框的显示问题，由于搜索框平时并不常用，当首次登录时并不会显示搜索框，唯有将整个页面下拉，搜索框才会出现。 图 微信首页 基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 22 页 共 48 页 该方法用于手机与电脑设备之间的转移最为多见。 该方法可将较为重要但简单的功能用于手机端，然后将更为复杂的操作交给电脑端去处理。 任何的设备都有自己的不足，移 动设备更适合输入少量文本、显示少量信息、传输速度慢、随时精确确定地理位置等等，而桌面设备则恰恰相反。 注意将正确的功能放到正确的设备上去显得尤为重要。 如图 所示， 360 手机助手聪明地抓住了手机网络下载速度慢这一需求，将下载的任务转移给电脑端，将下载好的任务再传给手机，实现了灵巧转移。 类似的应用还有 360 云盘，可以将手机上的资料同步到互联网，然后由电脑端访问处理，都是同样的道理。 图 360 手机助手电脑版与手机版 灵巧转移的精妙之处就在于将适合的任务交给适合的设备去做，进而减轻原先设备的负 担，起到简化功能的设计。 基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 23 页 共 48 页 反馈原则 图 UC 浏览器打开网页状态 如图 所示的浏览器打开页面时的进度条可以很好的反馈给用户此时的网页下载进行的程度。 从心理学的角度来说，时间是相对的，事情发展得快慢取决于周围环境，取决于视觉的分散程度。 即使网页打开得总时间不变，但是用户的心理感受会显得网页打开得更快。 类似的情况还有俗称的“菊花转”、程序启动时的闪屏等等，可以表示该程序正在正常运转，给用户一个很好的反馈，使用户不会烦躁。 反馈原则在产品设计中有时就像是人与人之间的对 话一样，当某人说出一句话是必然希望对方会有怎样的回应。 用户每做出一个操作，都希望能及时收到信息的反馈。 因此，让用户时刻清楚自己此时的状态、自己的每一步操作都显得十分重要。 基于 IOS、 Android 手机设备应用程序交互适配设计研究报告 第 24 页 共 48 页 大多数人在做一件事的时候都不希望被人打扰，如果是因为无关紧要的小事，更会使用户烦躁。 因此在进行手机应用设计的时候要谨慎使用警告框、提示框、推送通知等等，因为此类操作会经常打断正。