安卓手机交互特性

安卓手机交互特性 本文描述了与其它触屏手机系统和桌面系统不同的 Android 平台特性，这些特性 需要更多的现在我们开发的应用程序中，以保证这是一款 Android 手机的应 用。这些特性可能对于习惯了其它手机操作系统的用户可能有不习惯的地方，需 要重新学习和适应，另外在成长期中的 Android 系统也会存在不足，这些特性的 有助于应用的用户体验提升。 milestone 为代表的 android 手机 首先我们简单说下谁在用 Android 的手机。据尼尔森最近数据调查结果显示：  在女性消费者当中，想购买 iPhone 的比例为 31%，想购买 Android 手机 的比例为 23%；  在男性消费者当中，想购买 iPhone 的比例为 29%，想购买 Android 手机 的比例为 33%。 可以得出性别差异，男性更倾向买 Android 手机。这也给 Android 带来了个性 色彩的定义：技术、工程、规矩，理性。 另外，我们可以认为使用Android手机的用户有一大部分有使用symbian的历史。 可以理解用户习惯 symbian 系统在底部安排功能按钮和菜单的习惯。 - 交互上有个简单原则叫 don’t make me think，但是使用 Android 手机后， 会让你感觉it makes me think a lot。对比norman定义的交互原则，我给Android 打了个分数（满分 100）： 可见 Visibility- can is see it? 50 反馈 Feedback – what is it doing now? 80 表意 Affordance – how do I use it? 60 导航 Mapping – where am 1 and where can I go? 60 约束 Constraint – why can’t I do that? 80 一致 Consistency – this is familiar 40 因为 menu 等元素让位于屏幕空间，相比 iPhone，用户是很少能全面了解页面功 能的，必须先点击 menu 键展示更多的功能，所以可见性并不好；而由于上文中 提到的多版本，多变种，多屏幕，多应用，多用户的现状，一致性是个很严重的 问题。 - 在分析之前，我总结了 5条交互设计的原则： 1. 减少视觉压力。精简文字 2. 减少思考压力。惯常图标，少的选择 3. 减少记忆压力。一致性，运用“7±2”和“组块”原理， 4. 减少移动压力。显示与操作的就近 5. 减少或消除技术带来的负担。惯常用语。 —————————————————————————————————— ———- 人作为交互主体与界面客体通过意图动作完成交互，以实现用户某任务。而界面 是信息载体在手机上直观传达了用户能做什么,需要怎么做。 下文把 Android 系统的交互分解如下：  布局 1. Screen 2. box  意图动作 1. 单击，长按，拖拽，pinch……  意图对象 1. 物理按键，menu，置于屏幕对象，状态栏  反馈  导航  其它 —————————————————————————————————— ———- 布局 应用的界面构成 对于一个应用来说，从开发的角度来说就是一系列的 activity 构成了一个应用， 从设计的角度来说，应用由一系列的 screen 和 box 组成的，他们是应用中信息 和操作的载体。 - screen Android 和 iPhone 的对比 对比可以看见 Android 的 title 没有承载导航的功能，因为返回的功能给了物理 键，目的是节约空间。 Android 的 status bar 需要在任何应用中可见，因为承载了通知机制，任务管 理等功能。 布局特性是根据操作特性决定的，要追求视觉平衡，另外更重要的 要符合手机操作的情景，比如 Android 智能手机属于全触屏手机，屏幕尺寸需要 用户单手握持，我们要达到键盘机单手操作的需要，就需要尽可能把更多的操作 放在屏幕的下面，特别是一些紧急应用的功能。 因此我建议把分类 tab 放置在 页面下方，当没有固定 button 的时候。当两者冲突时优先考虑需要放置在屏幕 上的命令按钮。（这也是依据满足最小移动的原则） 下图出现了几种典型的情 况，分别是 1. 常用按钮外置出现的 toolbar； 2. menu 出现的位置和数量，系统定义的 2×3的排列，在更多的场景中不适 用，更多的 menu 可以放出来，我们这边定义了 2×4的排列方式；后面会 介绍 menu 的策略。 3. 底部 tab 的情况，tab 一般是图标加文字的形式，我们给定了个 max 数量 5， 4. 和底部 tab 不同的是顶部 tab 需要省略掉 title。因为 tab 能实现当前页 面的定位需求。 - Box 为什么要出现 box 的形式呢？原因在于： 1. 合理运用能减少内容层级，让应用的结构更扁平。 2. Box 比 screen 更醒目，内容也更清楚。因为可视区域减小，信息更紧凑。 下图是 box 的分类，我们可以看到上下分为有按钮的和没有按钮的情况。另外有 种 toast 的弱提示形式也包含在 box 中。 各种 box 区分不同的对话框在于框内的内容， 1. 警示对话框：重度提示警示用 2. 选择对话框：做单选或复选，需要有确认按钮来确认选择。 3. 输入框：内部有输入的空间，如果遇到键盘遮挡，输入框需要划动到屏幕 顶部，保证不被遮挡。 4. 列表框：类似单选对话框，不同的是没有了 radio button。如何区别于 单选框就看内容选择结果是否有严重后果。 5. 上下文菜单：是 Android 长按出现的，是一个命令集合，形式和列表框类 似，但内容不同。在这里一般是动作命令。 6. 说明框：多用于版本说明。 - 在设计 box 的时候要注意： 1. 标题：正常的框都是必须有标题的，标题要简洁，直接说明框的目的，比 如“退出”“重新下载”等，出现“提示”的标题是没有意义的。标题中 也不能有疑问语气。 2. 内容：要形式上对齐，结构上相似，意义要明确简洁。 3. 收回方式：是否放个“取消”按钮呢？我的经验是按照情况来定，基本依 据上面的图，能不放就不放，尽量用返回键。 4. 按钮数量：1，2，3？ 尽量少让用户做选择。最好不让有歧义的按钮，按 钮彼此要互斥相对。 5. 文本：标题上的文本，内容文本和按钮文本要一致，尽量使用“确认”“取 消”。不要用别的文字。 上图是一些 box 案例 - 意图动作 跟其它的触屏手机类似，特别强调的是 Android 中的长按动作在系统中有丰富的 应用，是屏幕尺寸限制下的丰富交互的一个捷径。 意图动作实例 - 意图对象（intent object） 意图对象简单来说就是能触发命令的界面元素，是指上文中的动作可以操作的对 象，Android 手机分为物理对象和屏幕对象两大类。 - 物理对象 物理键是 Android 系统手机的经典标志。  返回键：展现了 Android 系统活动栈的概念  主屏键：保证了导航的起点，在失去方向的时候能快捷的回到原点。  菜单键：为呼出和收纳功能命令。目的是保留更多的空间给内容展示  搜索键：推销 google 搜索业务的  关机键：和其它手机一样，关机和锁屏。  轨迹球 触摸板  音量键（- +）及拍照键 全局的返回按键 1. 它可以是跨应用的，比如你开启了 a应用，通过通知系统去了 b应用，你 是可以通过返回键回去的；另外你的应用调用了另外的应用，你是可以通 过返回键回去的。屏幕上是否出现返回键是应用自身的事情。所以因应用 情况不同而不同。你觉得应用层级不深，且页面间不会频繁的前进，后退 等有任务流向的应用不出现返回；类似浏览器这样的应用，页面存在多 tab 的层层页面操作，是有必要加返回 button 的。 2. 返回的最终是主屏键；WP7 的返回键不同的是，它的返回有点混乱的，因 为主屏将是其中的一个节点，而非终点。 3. Android 用户是习惯用返回键的。 轨迹球。  按顺序切换焦点，  有焦点但没有鼠标悬停的效果，  轨迹球的好处，确实能很好的实现单手操作，摆脱必须点触屏幕的束缚。 - 屏幕对象 屏幕对象包括三部分：隐藏的菜单；置于屏幕的命令；状态栏。这三部分都需要 用户通过不同的意图动作触发对象以实现和界面的交互。在 android 系统上别有 一番特色。 - 隐藏的 menu（不可见=不可预见）  隐藏的目的是为了节约屏幕空间；  Menu 的不可预见性 因为隐藏，所以要猜。大多猜错。  上下文菜单的不可预见性 菜单的三种表现形式 图中包含 Android 系统中三类菜单表现形式： 1. 选项图标菜单 第一次按下菜单键会在屏幕底部显示一个不可滚动的图标 框。（系统默认最多 6个按钮，以 2×3的形式展现，但大多自绘菜单可 以安排为 2×4，下图展示在一个应用中从 1 到 8的排列方式） 2. 选项扩展菜单 当有比图标菜单多的菜单项时，最后一个图标被命名为“更 多”，选择了它之后会有一个包含了任意数量的菜单项列表，当需要的时 候可以滚动显示。 3. 上下文菜单 在对象上长按，出现应用于对象的菜单对话框。 全局操作和针对某对象的操作用不同的菜单命令 选项菜单应用于全局，而上下 文菜单用于内容中的一项。如图中所示，用户导航到菜单，然后选择一个菜单项 来执行一个操作或打开一个对话框。 应自绘需要，安排 8个图标菜单的情况下， 假如出现 1-7 个的情况，推荐用下面的排列方式，排列理念就是对称和稳定的金 字塔形式。注意把右下角的位置始终留给“退出”命令。 2×4模式下，从 1 到 8的推荐排列形式 上下文菜单可以说是对某元素的次级操作快捷入口，也出现了特殊的交互方式， 如下图的横向图标排列形式，这种情况适合命令数量少的情况。 这种情况是把 一个 item 的交互区域分割为 2到 3个区域，分别是置前或置后的图标配合较长 的文字。点击图标浮出如图的上下文菜单，长按文字出现上下文菜单，短按文字 出现第一命令。 - 置于屏幕的命令 命令直接置于屏幕上，通常是以文本链接，图标按钮或是文字加图标的形式。 屏幕上命令容易被发现，可以直接看见命令。直观的代价是占用用户空间以及可 能的视觉杂乱。 这类命令是频繁操作的，屏幕有空间来展示这些命令。在运用 这类命令的时候注意信息层次和传达效果。 - 状态栏 状态栏承载了任务管理，下载进度，任务通知等功能切换。状态栏里面的通知机 制是 Android 最具特性的一面。通过下拉拖拽的形式打开通知系统，用向上拖拽 或返回键退出通知系统。 M9 的通知页不是全页面的，有一定的好处 注意：在不同应用中都要方便的从状态栏接收到外部通知。除了全屏的阅读，游 戏，下拉的 Status bar 通知系统不可遮挡的。 下图是手机 QQ阅读应用如何利 用状态栏的通知系统贯穿在下载管理中的。点击“下载”在状态栏有加入下载提 示，下载完成出现提示，并通过通知直接打开刚下载的图书文件。 在手机 QQ阅读中对状态栏的运用 其它特性 分离的 sd 卡 和 iPhone 相比，Android 手机是需要插卡来增加手机存储空间。 每次开启要加 载，如果没有安装 sd卡将出现不能正常使用的情况。设计应用时需要考虑没有 SD卡或者没有安装好 SD卡的情况。 桌面和应用抽屉 桌面和应用抽屉 启动应用有很多的方式和位置。延续了 PC上 windows 的特色，用户认为重要的 应用会在桌面创建快捷方式。所有的应用将放在应用抽屉中，就是从屏幕底部向 上拉出的页面。 对于一个应用都可能存在两个启动位置，这样的交互不同于 iPhone 的单入口形式，造成的困扰：  可能重复放置应用快捷方式到桌面；  在应用抽屉中按字母派讯，不好找想要用的应用，无法确定位置；  桌面应用快捷方式横向翻屏和应用抽屉的下拉方式没有统一的交互方向， 增加思考的成本。 注意：在应用开发中要避免多入口，多交互方向的情况。要让用户在确定的位 置找到目标对象。 软件退出  按主屏键回到主屏并不结束活动，应用仍在在后台运行，  按返回键或菜单中的退出命令一般会出现退出确认框。 屏幕方向 Android 手机有重力感应器，能自动横屏和竖屏切换。但并不是所有应用都要去 做这个横竖屏适配。因为屏幕多的缘故，给人的效果是不一样的。应该考虑应用 的特殊性来特殊对待。 为节电和节约流量的设计 Android 手机的屏幕一般较大，应用耗电相当的大，而屏幕电量消耗占了主要部 分，开发应用时要注意考虑用户无意的让屏幕常亮，要增加机制自动锁屏，类似 游戏中的防沉溺机制。 为节约流量的设计。 耗费流量的应用要设立保护机制， 做 wifi 和 gprs 的优先判断。在普通网络中最好给用户预先提示。让用户心理有 个消费预期。 - 总结  自由与统一：Android 的开放特性决定了他交互规范的成长的（与时俱进 的）特性，不会有特别严格的规范来限制设计的创新。所以对设计师来说 有很大的发挥空间，但是一致的体验是产品最重要的因素之一。一致性是 指开发的应用和系统应用有一致的交互和视觉一致，同个产品在不同平台 有产品理念的一致；同公司的产品有公司形象的一致。  更 Android 还是更 iPhone：有很多的应用直接照搬 iPhone 的交互形式， 在这里我并不推荐，因为Android手机有自己的特色，用户会养成Android 的习惯，简单的移植 iPhone 到 Android，是忽略用户的使用习惯的，也 不能更好的发挥 Android 的优势。