跨平台移动终端app界面的创新设计思考

-精选财经经济类资料- -最新财经经济资料-感谢阅读- 1 跨平台移动终端 APP 界面的创新设 计思考 【摘 要】本文从目前在移动终 端占市场份额最大的两个操作系统 iOS 系统和 Android 系统的设计特点分析入 手，阐述了两个系统差异的深层次原因， 并阐述了跨平台移动终端 APP 界面设 计受 iOS 系统和 Android 系统设计规范 和特点的影响所面临的设计差异性问题。 最后结合笔者前期的研究结论以及对 APP 界面设计的案例分析，提出了P 于跨平台移动终端 APP 界面的创新设 计思考：建立整体多感官的认知隐喻系 统展现功能可供性，以及跨平台的品牌 风格统一性。 中国论文网 /8/view-12933131.htm -精选财经经济类资料- -最新财经经济资料-感谢阅读- 2 【关键词】iOS 系统； Android 系统；认知隐喻；品牌风格 中图分类号： TP872 文献标识 码： A 文章编号： 2095- 2457（2018）03-0031-004 Innovative design thinking of the mobile terminal APP interface of cross- platform YANG Jie （Chongqing University of Posts and Telecommunications，Chongqing 400065，China） 【Abstract】This paper starts with the analysis of the design features of the two-operating systems iOS and Android systems， which have the largest market share in mobile terminals， expounds the deep reasons for the difference between the two systems， and the differences between the design of cross platform mobile terminal of APP interface design -精选财经经济类资料- -最新财经经济资料-感谢阅读- 3 by iOS and Android systems design specifications and features of the facing problems. Finally， combined with the authors early research conclusion and analysis of the APP interface design of the case， put forward the innovative design thinking on the mobile terminal APP interface cross platform： the establishment of the overall system of multi-sensory cognitive metaphor to show the function of supply， and cross platform unified brand style. 【Key words】iOS systems； Android system； Cognitive metaphor； Brand style 目前，移动终端设备尤其是智能 手机使用的操作系统中，占市场份额最 大的两个操作系统非 iOS 系统和 Android 系统莫属。本文将从这两个系 统的设计特点入手，探讨跨平台移动终 端 APP 界面的创新设计思考。 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 4 1 iOS 及 Android 系统的设计特 点 1）iOS 系统的设计特点 iOS 系统是苹果公司开创的图形 化操作系统，用户可以使用物理按键和 多点触控对移动终端设备进行控制并与 系统进行互动。iOS 的系统架构通常是 通过视觉隐喻以引导式的方式进行功能 的设定，提供给用户有限的、高度统一 的交互方式和路径，为用户排除了很多 认知干扰和选择负担。根据 iOS 的系统 架构层次，用户通过直接操作媒体层和 可触摸层就可以按照一定的逻辑实现与 系统的交互，获取到想要的信息。而在 用户的交互过程中随时可以通过单击 Home 键返回到系统主界面，且双击 Home 键可以实现后台应用程序之间的 选择切换。所以说“iOS 系统的本质可以 分解为：演示隐喻、直接操纵的概念和 Home 键的中心性 ”1。iOS 系统的“屏 幕界面以应用程序方格的形式呈现，可 以有最多四个程序图标被固定在最底部 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 5 Dock 栏上”2，这一视觉界面的布局结 构确立了应用于 iOS 系统上的 APP 界 面区别于 Android 系统的结构特征。此 外，iOS 系统 “定义所有 APP 的入口为 图标，所有 APP 的出口为 Home 键”3 ， 所有 APP 的前进、返回等交互操作均 由 APP 中的虚拟按钮通过用户的手势 操作完成，另外不提供系统统一可用的 操作栏按钮。 2）Android 系统的设计特点 2007 年 11 月 5 日，谷歌公司正 式向外界展示了名为 Android 的操作系 统，并且在这天 Google 宣布建立一个 全球性的联盟组织，这一联盟将支持谷 歌发布的手机操作系统以及应用软件， 将共同开发 Android 系统的开放源代码。 Android 系统从诞生之日起就是一个有 别于 iOS 系统的一个自由开放的系统。 早期的 Android 系统带有极强的 Google“以工程师为主导”的文化特色， 在 Android4.x 之前，Google 对应用开发 市场没有一个统一和严格的标准，导致 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 6 Android 应用良莠不齐。Android 在 5.0 版本时经历了一个彻底的变革， Material Design 出现了。Material Design 结合卡片式设计，讲究自然过渡，颜色 更鲜艳并倾向于用颜色来进行视觉隐喻 提示，更强调动画效果，规范了 Android 系统的运动元素。这套设计系 统为应用 Android 系统的智能手机、平 板电脑、台式机等设备的用户界面提供 了一致、美观的视觉体验以及交互的设 计方法。但它只是一个设计标准的参考， 各个品牌应用商依然可根据自己的实际 情况对运行的 Android 系统进行个性化 设计。 其次，在建立视觉认知 隐喻为主的隐喻系统的基础上，加强对 用户听觉、触觉、本体认知隐喻的建立 以展现有特殊功能可供性操作的引导设 计。移动终端的用户使用行为始终是碎 片化的，仅仅依靠视觉认知隐喻是无法 完全满足用户的需求的。以“高德地图” APP 为例，该 APP 在之前的版本中提 供了一项在驾车导航的过程中根据路况 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 7 临时调整路线的功能给用户，这项功能 采用的是文字提示+语音提示的方式提 醒用户，但如果用户同意切换路线则需 要在驾车过程中去点击屏幕进行确认， APP 才会进行路线的切换。在用户处于 驾车的移动环境中如果还这样依赖视觉 隐喻进行功能可供性操作，无疑增加了 用户驾车过程的安全隐患，是不符合用 户的实际需求的。所以，在用户没有将 移动终端产品拿在手里使用时如何提示 用户进行有关操作，这就需要设计出视 觉以外的其它感官的认知隐喻。设计师 可以利用麦克风增加语音输入操作的隐 喻设计，还可以通过设计个性化的声音 隐喻或者振动来提示用户，但在进行声 音设计时尽量采用逗号音，越短暂就越 容易被用户接受。 “高德地图 ”APP 在最 新的版本中就做了设计改进，增加了切 换路线时用户可通过语音下达确认命令 的设计。随着技术的不断发展， VR、AR 在移动端设备上的运用，可以 考虑更多地使用移动端设备的各种传感 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 8 器来进行用户操作，如通过环境传感器、 运动传感器让用户不需要用手操作屏幕 就可以发出指令操作某些 APP 功能。 依靠听觉、触觉、本体认知建立的特殊 功能可供性操作的设计更适合用于一些 需要反复操作且简单的功能，但也需要 有与之相配合的视觉隐喻才能降低用户 的初次学习成本，比如通过图标、文字 说明等来对这些特殊使用做一些必要的 提示。 2）跨平台的品牌风格统一性 虽然在不同平台和操作系统下没 有完全通用的 APP 设计，但也不能完 全用不同的设计方案，这样既会造成设 计和开发成本的高昂，又会给用户造成 认知困扰，所以移动终端的 APP 在不 同平台间的界面设计上还是需要保持一 定的品牌风格统一性，尤其是视觉设计 风格和视觉隐喻系统。对于与可穿戴设 备相关的 APP，由于通常会涉及到智能 手机和移动可穿戴设备两个完全不同的 使用终端，更需要设计师有意识地去保 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 9 持品牌风格的统一性才能在情感和认知 上带给用户更好地使用体验。以米兔儿 童电话手表中的应用及其智能手机端 APP 的界面设计为例（图 7-图 8） 。通 过图 5 和图 6 的对比可以看到在智能手 表端的“运动记步 ”和“讲故事”应用的图 标设计与智能手机 iOS 系统中的 APP 界面相对应的图标设计无论在视觉隐喻 图形的设计上还是色彩的设计都是完全 不同的。尤其是“ 运动记步 ”，图标的隐 喻图形一个设计的是秒表，一个设计的 是颗心。再看图 5 和图 7 的对比，同样 的语音聊天界面，智能手表中的界面设 计了妈妈的头像，没有孩子的头像，而 在智能手机 iOS 系统中的界面设计了孩 子的头像却又没有跟智能手表端一样的 妈妈的头像。通过此案例分析可以看到 混乱不统一的视觉隐喻系统会让用户对 跨平台移动终端产品的认知带来一定困 扰。 虽然 iOS 系统和 Android 系统从 最初的开发模式就不一样，设计规范也 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 10 有很多差异，但也不是不能做到保持同 一款 APP 的品牌风格统一性。首先， 设计师需要清楚了解各系统的特点，但 最需要关注的还是用户的认知特点和行 为逻辑，根据 APP 的信息架构和具体 内容确定适用于所有目标系统平台上的 布局、导航模块，确定出用户使用的通 用主流程。其次，确定统一的图形/图标 设计风格、色彩系统、背景纹理、阴影 颜色、模糊半径以及其他具体的视觉元 素应用规范。规范好字体系统，对于图 文结合的链接文字和详情页的文字要分 开进行规范的设定。最后，尽量采用约 定俗成的操作手势，越简单越好，以降 低在不同运行系统和移动终端设备上用 户进行交互操作的认知成本。如多使用 点击手势、滑动手势。 4