移动端导航中的微交互设计研究

张超 谭枫 康艺方

摘要 ：随着出行环境日益复杂化，移动端导航也呈现出迅猛发展的趋势。本文通过文献研究法及案例对比分析法对移动端导航中的微交互特点及设计方法进行了系统研究。首先，归纳了移动端导航微交互的主要类型及特点 ;其次，结合用户体验的原理对移动端导航中的微交互设计功能与特征进行了分析 ;最后，在前期研究基础上提出了移动端导航中的微交互设计策略。通过本文的研究，以期为移动端导航中的微交互设计提供有利的理论指导。

关键词 ：移动端 ;导航 ;微交互 ;设计 ;策略

中图分类号 ：TB37文献标识码 ：A

文章编码 ：1672-7053（2021）07-0114-02

Abstract ：With the increasingly complex travel environment， mobile navigation is also showing a trend of rapid development. This paper systematically studies the characteristics and design methods of micro-interactions in mobile navigation through the literature research method and case comparative analysis method. First， summarize the main types and characteristics of mobile navigation microinteractions; secondly， combine the principles of user experience to analyze the functions and characteristics of micro-interaction design in mobile navigation. Finally， based on the previous research， the mobile navigation is proposed. A strategic approach to micro-interaction design. Through the research of this article， we hope to provide favorable theoretical guidance for the micro-interaction design in mobile navigation.

Key Words ：Mobile Terminal; Navigation; The Micro Interaction; Design; Strategy

微交互设计是由人机专家 Dan · Saffer 最早提出，之后逐渐被学界及业界重视。微交互围绕用户使用场景对细节视觉与操作体验进行优化，在微交互设计过程中通过深层次的解构、简化、重组设计细节，使交互设计变得更加简约、优雅、人性化 [1]。它通常以更“人性化”的方式，可以使人们全身心地投入到移动设备中，以此增加用户使用时的参与感，更好地吸引用户的注意力，使用户在对移动设备进行操作时可以忽视周围的场景，有更好的体验。移动端导航是集地图、定位、导航及位置信息等服务为一体的数字化产品。本文从微交互设计理论出发，结合产品的可用性以及用户的使用体验，系统地对移动端导航中的微交互设计进行了研究。

1 移动端导航中的微交互分类

在与移动端导航的交互过程中，微交互行为往往分散在不同模塊功能的实现过程中，虽然移动端导航设备的种类多样，但满足用户的移动行为需求的目的统一，用户的寻路行为具有统一的行为模式，因此不同移动端导航产品在功能模块设置上具有一定的相似性。在众多移动端导航设备中，手机端导航产品的功能较为全面，是用户使用较为频繁的一种导航设备，为了更系统地研究移动端导航中的微交互，本文选取了手机端导航的高德地图及谷歌地图两个品牌进行了产品案例的对比分析。对比分析的内容主要基于用户导航的使用流程，从用户行为导向的原则出发，将移动端导航中的微交互划分为 ：查询微交互、路线规划微交互、导航过程微交互、地理信息服务微交互，并逐类进行了归纳与分析。

1） 查询微交互 ：用户在进入到移动端导航首页时，通常触发到的第一个微交互就是查询微交互，其微交互的设计围绕查询行为，主要依托于查询控件及相关位置信息显示。反馈多以图标与文字结合的形式显示于界面中或简单的语音播报。视觉形式多牵扯到目的地的地图视图转化和目的地信息标签页的展示。

2） 路线规划微交互 ：在路线规划中，微交互主要集中在地图的界面操作中，显示关于路线的一些动态信息，如当前方向、行进方向动画、预计到达时间、路况信息等。路线规划中的微交互主要辅助用户选路，一些信息同时兼具操控功能，例如路况信息会显示拥堵原因，点击可以显示路况当前状态等。控件图标的动态化微交互设计能在复杂的地图界面中吸引用户的注意力，有效提高用户感知信息的效率和愉悦感。

3） 导航过程微交互 ：导航服务以定位服务和路线规划服务为基础，它是移动端导航服务的核心功能 [2]。根据用户所输入的目的地位置，通过视觉、语音结合等方式提示方向信息，实行准确的导航 [3]。

移动端导航过程中的微交互较为丰富，例如，动效的出现，使时间维度信息引入到交互界面，让用户能直观地感受到其并不处于静止状态。如果系统没有及时进行微交互的动效反馈，会造成用户的认知感知延迟。除了位置反馈，微交互也服务于导航过程中的界面转换，如关键复杂路况的窗口放大和方向指引等。在进入路线导航时，微交互不仅有视觉上的交互，语音微交互也是其重要的形式，对导航过程起着重要的作用，语音微交互的反馈设计中多采用语音、文字提示相结合的形式，例如，当系统通过语音提示用户转弯时，在进行左转或者右转的同时系统界面在视觉上也会出现相同方向的提示，从生理学来看，人脑的一部分知识是存在自然世界中的，所以导航系统界面的微交互设计的时间和节奏也需要同现实一样，遵循现实的物理规律和节奏，使得行为与事情之间存在着空间同向、时间同时、运动同步，保证移动界面元素运动的物理感 [4]。

4） 地理信息服务微交互 ：地理信息服务主要是包括了用户查询位置点的概况介绍、周边服务设施信息及餐饮、娱乐的整合。以高德地图为例，用户通过点亮星星的方式在用餐后对店铺进行评分。每点亮一颗其颜色会被填充，且其上端会出现分数评价的变化，界面的动态走向更符合手指的动效 [5]。

2 移动端导航中的微交互设计功能与特征

2.1 移动端导航中的微交互设计功能

1） 增加移动端导航交互行为的有用性。导航微交互可以帮助用户更好地注意和识别信息，提高操作效率。例如，在路线规划完成显示路线概况时，动画是自出发点到终点的动态颜色显示，既吸引了用户注意，又可以使用户识别起点与终点的区别，清楚识别将要行进的路线方向。在移动端导航界面中，召唤控件位于导航界面顶部，通过长按等可以动态显示出二级控件，使得移动端导航操作更加简洁、高效。

2） 增强移动端导航交互行为的愉悦性。通过细小的动画可以使移动端导航的界面视觉形式感增强，界面和交互层次更加细致。例如，导航界面会利用颜色显示交通状况，适当的动效设计会使微交互高效传达信息，增添产品的趣味性。声音的设计也可以利用音律的编排达到刺激用户情感体验的目的。

2.2 移动端导航中的微交互设计特征

1） 微交互过程的多情境化。移动端导航的使用过程具有复杂性的特点，首先表现在设备终端的多样性上，如手机、车载设备、智能眼镜及智能手表等都是目前较为普遍的设备 ;其次，移动端导航的使用发生在移动过程中，交互环境具有变化性，如较为嘈杂的声音环境等 ;最后，用户意图、移动方式及个性化因素等也是影响移动端导航微交互的重要因素。总体看，终端、环境及用户行为的复杂性导致移动端导航产品微交互过程具有多情境化特征。

2） 微交互形式的多态性。由于移动端导航使用的多情境化特点，移动端导航微交互的形态也具有多样性特征。从用户感知和操作行为来看，移动端导航的微交互主要包含有听觉微交互、触觉微交互、视觉微交互、体感微交互等多种形态。面向听觉的语音交互是移动端导航的重要交互形式，语音微交互主要完成语言和声音的操作与信息交流，如在汽车导航的过程中，当临近路口转弯等重要路段时，系统会发出“叮”一声的提示音，通过声音提示用户注意关键行进指示 ;面向触觉的微交互除了触屏之外，还包括震动反馈等，如在手机端步行导航过程中，除了语音提示外，关键路口有手机会有震动提醒 ;视觉交互部分，用户可以依托终端视觉界面进行微交互，如关键路口的界面切换及路线指引动画显示等。而在如谷歌一类的穿戴设备中则提供了基于增强现实的各种微交互。体感交互也是未来移动端导航发展的重要趋势，在汽车驾驶及穿戴设备导航过程中，通过手势操作等结合其它形态的微交互会使得微交互的反馈更加自然，且反馈更加细致化。

3 移动端导航中的微交互设计策略

3.1 交互易用性为中心

移动端导航多样的使用情境造成了导航使用交互的复杂性，多数导航的使用情境都是多任务性的，如驾车过程中，用户使用导航的同时要进行驾驶和观察路况，自行车用户需要控制自行车等，因此可用性和易用性应是移动端导航中微交互设计的核心，在保证可用性和易用性的基础上才能进行审美体验设计。从而，可以避免不重要信息的过度动态化设计影响用户对有用信息的认知 [6]。

3.2 增强细节审美愉悦体验

审美愉悦体验可以从两方面进行设计，一是通过颜色、动态、声音的形式化设计增加界面的美感，塑造多感官的交互体验细节。二是增强导航界面中定制化设计，为用户提供个性化服务，用户可以根据自己的偏好来自行选择导航页面各功能控件的表现形式。例如，在高德导航的自定义导航中可以切换成简洁卡片的模式，简洁模式的导航卡片在导航地图中可以显示出更多的路线信息。三是加入更多文化元素，通过符号象征性等特點增强微交互在形式上的审美愉悦性。

3.3 积极的动态交互反馈

导航设备中动态反馈是微交互使用较多的部分，是保证导航设备与用户进行沟通的重要交流方式，动态反馈的参与可以吸引用户的视线，起到提醒、引导的作用，同时也丰富了界面的视觉效果。设计师应对动态微交互单元进行分类化且细致化设计，在导航设备的使用过程中向用户提供系统运行的状态与结果，积极的动态反馈为用户交互行为和移动行为提供依据，如利用转场动效可消除用户因界面层级转换而带来的不适感，制造视觉上界面与真实物理世界的协调统一感，减少用户在使用导航设备时与真实物理环境转换所产生的摩擦 [7]。例如，在高德地图中进行语音输入时，会有语音操作状态反馈显示，声音输入时用户可以通过动画清楚自己是否成功输入声音。

3.4 自然化交互设计

一是增加导航过程中的自主化的触发设计，主动识别用户行为和情境，增强微交互的环境和行为适应性 ;二是可以模拟物理化的动态视觉，增强用户对界面层级及控件属性的感知与识别 ;三是综合感知多通道，灵活匹配微交互的交互形态，如语音 + 体感 + 视觉在导航微交互中的综合运用。

4 结语

出行环境的复杂化导致用户对移动端导航提出了更高的要求，微交互可以在动效、功能上引导用户，优化产品的使用感。未来随着移动端导航设备的更新变革，面向多样化设备的微交互细致化分析将会是未来研究的重要方向。

本文系湖南省哲学社会科学基金项目（项目编号 ：18YBQ004）;湖南省教育厅科学研究项目（项目编号 ：18B154）;湖南省艺术文化科普宣传基地基金项目（项目编号 ：2018YSJDA02）。

参考文献

[1] 钱程.微交互在 B2C 网站界面设计中的应用与研究 [D].湖北工业大学 ，2016.

[2] 邓力源.可供性视域下地图服务类应用的交互设计研究 [D].江南大学，2020.

[3] 金宇阳.基于可用性理论的大屏车载信息系统微交互设计研究 [D].华东理工大学，2015.

[4] 吴俭涛，李蒙晓，王之苑.移动应用界面中动效设计的运用与探究 [J].艺术与设计（理论），2015（09）：42-44.

[5] 徐千尧，徐迎庆.智能手机动效设计研究 [J].计算机辅助设计与图形学学报，2020（07）：82-87.

[6] 栗娜.基于用户体验的电子商务网站微交互研究 [D].四川美术学院，2017.

[7] 李娇.移动界面微交互的视觉动效“三融合”设计研究 [D].西南交通大学，2018.