引导页在交互设计中的实用性研究

张丽

摘要：文中详细介绍了引导页的类型及设计原则，并从常用的三类引导页入手分析了其重要作用。着重介绍了在交互设计中引导页的类型，分为前置引导和中间引导。还重点讲述了引导页的设计原则：合理化原则、优化编排原则、眼球效应原则。通过本文即可对引导页在交互设计中的作用和设计原则有一个较为全面的认识。

关键词：引导页；移动应用；WEB；游戏；交互设计

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2015）08-0254-03

Abstract：This paper describes the type and design principles of the page guiding， which has three classifications .In this paper， the important role of the three-page guiding is analyzed. This paper focuses on the types of pages in interactive design guide ， the guide is divided into front and center guide . Research rationalization principle ， optimize scheduling principles ，the principle of eye effect.The role of design principles and interaction design is researched in this paper.

Key words：Guide page；mobile applications；WEB；Games；Interactive Design

引導页是带领用户更快捷更愉悦的达到目标的过程，能在用户使用软件产品遇到障碍之前给予及时的帮助。在具有交互性的软件产品中，新手引导的设计是在用户初次使用该产品时，给予一些必须性的帮助以使得用户能够快速了解这个产品的功能与具体操作方式。为了完成不同的引导内容和引导目标，软件产品的引导设计会根据需求进行多样化处理。引导页即是用户在首次使用软件产品时进行产品推介和引导的说明书。由于传统的说明书相对枯燥和乏味，非必要情况，用户一般不会先去阅读，但在计算机软件产品中，可以通过更生动形象的表现方法来实现具有说明书功能的产品引导页的设计，从而使这类型的说明信息更能为用户所接受，并能使用户在最短的时间内了解这个软件的主要功能、操作方式以便于迅速上手。好的UI设计需要具备很多的条件，但是以用户为中心的设计原则将是最为基本的[1]，这在引导页的设计中也是非常适用的。

1引导页类型

引导页具有指引用户了解和掌握软件应用的功能、特性、操作方法等作用。根据软件应用的安装情况，从位置上一般将引导页分为前置引导和中间引导。

1.1前置引导

所谓前置引导，即在用户安装完成软件应用，并第一次打开的时候出现的引导页。该引导页一般由2到6页连续或不连续的相关页面构成，某些应用引导页可达10页。前置引导是用户使用软件应用前所看到的内容，此时用户对所安装的产品了解并不多，对于产品的功能、布局、具体操作方法等内容还没有相关的认知。所以前置引导担任的作用主要就在于介绍产品的概况内容、核心功能、比同类产品更具竞争力的功能，以及重要的操作步骤等。由于前置引导的功能和特性决定了其只能在第一次安装并打开的时候出现。如果软件应用是版本迭代安装，则在引导页更多的出现新增功能及具有重大改变的操作方法的引导内容。

有部分前置引导页开始出现了动态效果的引导方式，或以动画或以视频的方式呈现引导内容，更加贴切的展示软件产品的功能和操作方式。某些引导页中还加入了交互特效，让用户的参与感加强，成功的避免了部分用户直接跳过引导页的局面。当然，对于老用户和熟手用户来用，在前置引导页上出现skip的选择也是有利于用户选择的。

1.2中间引导

对于版本更新的软件应用，采用中间引导是一个常见的选择。中间引导往往是对已有版本更新升级后，新功能的一些说明性操作指导。在第一次使用有新功能出现的页面或操作中，弹出指导性的说明界面，能够让用户快速掌握新功能的使用，而不会因为对新功能的不解造成使用上的困扰。

中间引导在设计中常用比较贴近用户的俏皮口语进行引导，而非正式官方的书面用语。因为在使用过程中，用户往往更倾向于舒适满意的服务性语言，而不使用说教形式的官方用语。设计中多用卡通形象进行引导，以对话的方式逐步提示，使用户带入感更强，更利于引导内容的呈现，有兴味性，也避免了用户的反感。

2引导页设计原则

2.1合理化原则

对于引导页内容的把握要遵循合理化原则。即只做必要的内容引导，对于无意义的引导内容，只会增加信息的的冗余，减淡重要信息的呈现。根据引导页的目的，出发点不同，大致可以将其分为产品说明类，使用说明类，推广类和问题解决类。在设计之初就应该对需要设计的引导页进行充分分析，从而得出合理化的设计方案。

2.2优化编排原则

确定引导页面内容后，就需要对其呈现方式进行优化编排。引导页最常用设计方式有文字与界面组合、文字与插图组合、动态效果与音乐、视频特效等[2]。常用的编排有逐一展示、故事串联、应景节日等。逐一展示是将一个个内容总结成点，并顺序排列出来，各点之间没有必要的关联。而故事串联则是将需要引导的内容，编排成有机的故事，以图片或视频的方式来呈现，在讲故事的时候，把引导内容贯穿其中，以引起用户的关注，此引导具有非常好的情景性，参让用户对引导的功能点感同身受。应景节日一般是在节日期间进行更新，或提前准备在节日期间进行更新的时候采用。常常以节日气氛烘托引导内容，从而引起用户的共鸣。

2.3眼球效应原则

有效的吸引用户的眼球才能使引导页面起到事半功倍的效果，需要将焦点聚集在重点阅读的内容上，才能达到突出信息的目的。聚焦可以通过光影突出、虚化背景、放大镜突出内容等方式来实现。

通过优化引导页传达的信息，来达到吸引用户眼球的目的。通常图片比文字更具有吸引力，尤其是时效火爆的信息提取出来的图片信息，更容易引起用户的共鸣从而强化用户的认知。如，近期火爆的陈妍希版小龙女，常常被漫画为鸡腿头饰，如在适当的引导页面中使用，则会引起用户的共鸣，进而让信息得以快速进入用户眼帘。

眼球效应还可以通过交互效果、动画和视频来实现。对于泛滥的静态引导页面来说，采用动态内容更能够吸引用户的注意力。所以除了采用静态的表现方式，还可以通过增加合适的动态内容来吸引用户的眼球。

采用不一样的引导页切换方式，也可以吸引用户的眼球。一般引导页的切换都是从右向左滑动切换，对于用户来说没有多余的学习负担，但长久以后就会麻木从而感觉没有创意。可以通过设计出具有新意的切换方式来博取用户的关注，比如，类似抽取、刮开、上下等切换形式，在合适的时候，能取得与从不同的效果。

3常用引导页场合

3.1移动端应用引导页

随着移动设备的硬件等级不断提升，移动端的应用也是非常随之飞速提升，从功能到界面，到用戶体验，各软件开发商都在进行着竞争。如何才能让一个好的移动应用新品快速占领新手用户的心，做为启动图标和启动后第一个显示的引导页就成为了吸引用户眼球的法宝。移动端应用的引导页在设计过程中也要能够尽量适配各种机型。占据手机行业大半江山的IOS和Android两大平台，及各种规格的主流平板，在引导页的设计上都需要进行适当的适配。

3.2 WEB引导页

从用户心理上讲，网站引导页起到了一定的缓冲作用[3]。传统的WEB网站基本是在PC端通过浏览器进行访问，以往PC端的WEB网站使用引导页的大多是影视或房产等领域的网站，可以通过FLASH或视频动态引导，并带有交互功能，从而引导用户进入网站。现在移动端设备的普及，使得WEB页必须适应新的显示环境。众多WEB站点在设计的时候都需要尽量考虑在移动端的显示效果。引导页在传统的PC端上是比较少见的，但有是由于HTML5和CSS3的普及以及各大浏览器厂商对其的支持。采用HTML5和CSS3构建的网站常常会使用具有特殊效果的引导页用为功能介绍或产品展示。其具有声音、动画、特效和交互效果的展示，潮范儿实足能够引起用户的特别关注。

PC端从硬件上要比移动端优越许多，故在WEB引导页的设计中，不需要像移动端那样考虑多种分辨率的适配，也不太需要考虑硬件的卡顿。所以特效、音频、视频和交互的选择，成为引导页效果的首选。

3.3游戏引导页

游戏引导页可以分为客户端引导和手游引导。客户端引导大多体现为新手指导，是新手玩家必经之路，通过指引性的任务和情节，引导玩家完成。通过新手引导让玩家掌握游戏必备操作技能，熟悉游戏环境。这基本是客户端类游戏的固定模式。

手游中由于屏幕较小，引导页既可以做成一般的移动引导页，也可以设置成新手任务引导。通过引导页让玩家熟悉游戏的基本操作，完成新手任务后整个游戏引导页才算完结。游戏的特殊性导致其引导需要融合在游戏进程中，优秀的游戏UI设计是用户的需求始终贯穿在整个设计过程之中[4]。

4结束语

引导页在交互设计中应当根据项目需求来制定设计方案，并且需要根据产品的受众及竞品等调研进行合理化设计。引导页的设计对于新用户来说是非常重要的，而功能性的升级版本中的引导页也能让老用户快速掌握新升级功能，能起到很好的辅助作用，提升用户体验。由此可见，引导页的设计在未来都是一个设计的重点，值得在项目中推广使用。

参考文献：

[1] 万斐.以用户为中心的UI界面设计[J].艺术设计，2015（5）.

[2] 周玉滨.由引导页说开来[J].计算机与网络，2014（19）.

[3] 孔维广.网站引导页界面设计研究[D].河北科技大学，2014（6）.

[4] 陈晓忠.网络游戏UI界面的设计原则[J].吉林广播电视大学学报，2010（5）.