中图分类号：J04 文献标志码： A 文章编号：1008-2832（2015）01-02-0053-03
Analysis the User Experience Design of Guide Page for Mobile App
WU Dong， WANG feng， XU Man-lu（School of Digital Media Jiangnan University，Wuxi 214122，China）
Abstract ：When you first time open a mobile App， usually not directly enter the main user interface， but will be presented a guide page with descriptions and help message for users. This article from the perspective of user experience design， summarize and analyze the type of guide page for mobile App， on this basis， to explore the design principles and methods of the user experience design of guide page for mobile App.
Key words ：mobile app； guide page； user experience design
Internet ：www.artdesign.org.cn
移动App引导页是指用户在首次打开移动App时呈现给用户的指引性页面。其主要目的是在用户使用移动App之前，给予用户关于移动App的功能介绍和新手使用帮助，使用户能愉悦的了解移动App的主要功能或具体操作方式，并且吸引用户快速开始使用移动App。尽管引导页仅仅在首次打开移动App时短暂出现，但它是移动App的整体用户体验的一部分，并且是用户最先感知到的一部分。因此，设计优秀的引导页对于移动App的用户体验是十分重要的。可以说引导页在一定程度上奠定了用户对移动App的第一印象，影响着用户对产品的整体感受。优秀的引导页设计不仅要尽量减少和避免用户在使用移动App时可能遇到的障碍，同时也承载着让用户建立起对移动App的初步认知的功能。
一、移动App引导页的类型
根据要达成的不同目标，移动App引导页也有着不同的设计需求。结合功能需求和表现形式，基本可以分为以下3种类型：
（一）介绍式
介绍式的移动App引导页主要包括：功能介绍、使用说明介绍和版本更新内容介绍。主要目的在于向用户传递App的核心价值和介绍App主要功能，给予用户必要的使用帮助，以及重要的版本内容更新，让用户对移动App有大致的了解。这类引导页大多采用单一图片、图形或App界面截图结合文字说明、操作说明的方式展现，让用户能直观清晰的预先了解移动App的特征，降低用户开始使用移动App的学习成本，避免用户面对新的移动App时不知所措。
（二）故事描述式
故事描述式的移动App引导页主要通过3-5页的连续性页面，通过图片结合文案，循序渐进的讲述一个和应用相关的故事。故事描述的可以是用户使用移动App的具体场景，也可以是移动App功能的相关扩展。故事描述式的移动App引导页的主要目的是要让用户感觉到自己和产品发生某种关联，描述的故事要能够吸引用户产生兴趣去关注。相比于介绍式的引导页，故事描述式的引导页通常更具趣味性，容易吸引用户的注意力，并能够更好的引导用户和界面进行交互。例如：Airbnb的引导页，通过结合用户使用需求和场景，描述用户使用App的过程，通过故事化的方式让用户了解App的核心功能，并能够联想到具体的使用场景。（图1）
（三）情感体验式
情感体验式的移动App引导页使用以情动人的方法，通过在引导页设计中融入产品本身的特质，注入设计师的意识和情感，使用一些能引起用户共鸣的内容，对现实生活中的痛点进行渲染等方式，引起用户自身的联想、回忆，结合自身的真实经历，激发出用户对过去的情愫，从而产生情感共鸣，引导用户去思考移动App的价值。这样的引导页通常比较具象、生动，容易引起用户的深层次情绪体验，从而加强用户对产品的预期，让用户有期待感和惊喜感。情感体验式的引导页总能给人一种“温馨”和“回忆”的感觉，令用户对移动App的好感骤增。这种积极的情绪不仅能激起用户对产品的使用欲望，也能让用户产生愉快的感觉，调动起用户积极的情绪反应，这对于移动App的整体用户体验而言是一个非常好的开始。例如：微信6.1版本的引导页，通过和用户自身关联的使用行为，告诉用户过去的一年总共送出和收获了多少个赞，引发用户的回忆，最后的“点赞太容易，当面夸太难”这样的话语也极其容易激发起用户的情感共鸣，触动用户的内心。（图2）
二、移动App引导页的用户体验设计
移动App引导页出现在用户正式开始使用应用前，一般来说不超过5个页面。在实际使用中，一部分对移动App的使用有着丰富经验的用户，通常希望能快速进入移动App，这一部分用户常常会通过扫读的方式，漫不经心的快速浏览引导页面，甚至选择跳过引导页，直接开始使用移动App。因此，如何在短时间内吸引用户的注意力，减少用户的认知负荷，并能清晰、快速的向用户传递出相关的引导信息，创造愉悦的用户体验就变得十分重要。
（一）确保有效的信息传达，聚焦简洁
事实上，移动App引导页是一个短暂的体验过程，出现的时间不过短短数秒，对于用户而言，这是一种瞬时的体验，是浅层次的信息加工过程，这些信息通常只停留在感觉阶段。试想一下，一个枯燥乏味、毫无亮点的引导页，必然无法引起用户的兴趣和注意力，这样的引导页就失去了存在的意义和价值。为了在短时间内抓住用户的注意力，进行有效的信息传达，在设计移动App引导页时应该尽量减少用户关注的焦点，让用户能够快速聚焦到主要信息上。相比于复杂凌乱的引导页，提供少而突出的焦点能够很好的吸引用户的注意力，降低用户的认知负荷，让用户乐于去阅读并记忆下来。具体可以从以下几个方面着手：
1.文案简短
1956年，美国心理学家米勒教授发表了一篇重要的论文《神奇的数字7±2：我们加工信息能力的某些限制》，明确提出人类短时记忆所能记住的容量通常为7±2，即一般为7，并在5～9之间波动，超过9个后就难以记忆了。并且大部分信息在短期记忆中所能保持的时间很短，通常在20秒左右就会开始遗忘。在移动情境中，人们的注意力本身就十分容易分散，在短时间内用户很难花费大量时间集中注意力去阅读引导页上的文字，通常只是采用扫读的方式。基于这样的使用情境，进行移动App引导页设计时，应该尽可能的减少文案字数，删减不必要的多余文
字，使用最重要、最突出的关键词，使用用户的语言，避免使用生涩、难以理解的一些词汇。同时也要注意保证文字有很好的可读性，确保用户能够快速的理解和接收到重点信息。当然，在实际设计中，我们可以考虑应用一些设计方法对文案进行分块、分层处理等，例如根据文案优先级提取关键字，突出字数简短的主要文案，辅以次要文案进行说明描述，确保用户能够接收到主要信息。
2.清晰的图形化表达
相比于干巴巴的文字，图形更容易吸引人们的注意力。图形化的表达能够让用户更直观的感知到所要传递的信息，更易于用户进行理解和记忆。事实上大部分的移动App引导页都是采用图形结合文字的表达形式，这样的表达形式更直观，更易于理解和记忆。在应用图形元素时，应该注意使用形象具体、简单易懂的图形，确保图形所传递出来的信息是非常明确和易于识别的，最重要的是不能让用户产生理解上的歧义。
3.有效的视觉引导
除了合理应用文字和清晰的图形化表达外，有效的视觉引导对于引导页的设计同样十分重要。有效的视觉引导可以包括两个部分：视觉焦点和视线引导。
在移动App引导页中，视觉焦点应该是非常突出的，并且最好是一个页面只有一个视觉焦点。设计引导页时需要充分考虑到视觉元素的布局、大小比例、层次等，通过对视觉元素的排布和处理，确保用户能够在第一时间关注到视觉焦点，感知到引导页所要传达的核心信息。一个凌乱、视觉焦点分散的引导页，会增加用户获取信息的难度，容易让用户产生不耐烦的情绪，可能导致用户选择直接跳过引导页。因此，对视觉焦点进行合理的设计是十分重要的。
隐喻的视线引导主要是应用于当前一些连贯性的移动App引导页设计中。不同于许多每页单独描述一个功能特点的引导页，这类型的引导页是让用户在多页面之间切换时能够感受到引导页内容是具有连续性的，是前后关联，循序渐进的。如果脱离出屏幕框架限定来看，这种方式的引导页通常会是一个整体的页面，只是在屏幕中显示时用户看到的是每一屏的单独内容。这样的设计在每一屏显示的内容其实都具有一定关联性，需要有良好的视觉引导。尤其是在引导页的交互方式和大多数引导页采用的左右划屏切换的方式不同时，就更加需要有隐喻的视觉引导来指引用户进行操作。这样的视线引导能够提升引导页的连贯性体验，让用户认知和操作的过程更加流畅，在一定程度上也能够增强用户的好感，提升用户对于移动App引导页的整体感受。
（二）提供与应用一致的体验
移动App引导页作为用户对应用的第一印象，是用户开始使用应用的起点，它应该在用户正式开始使用移动App时起到很好的润滑、预热的作用，既要给予用户必要的介绍和帮助，也要让用户感觉是平滑、自然的进入移动App。引导页的设计不能够脱离于应用整体的产品特性、品牌特征和设计风格，而应该是统一且具有延续性的，例如在引导页设计中采用与移动App统一的设计风格、交互特点、视觉风格、界面元素或是体现出移动App本身的品牌特质。这不仅能让用户更早的对移动App建立起认知和好感，也能够在用户开始使用移动App时，不至于感到无所适从，建立起用户使用移动App的良好开端。
（三）创造流畅的交互方式
移动App引导页的交互可以说是用户真正和App进行交互的开始，作为一种短暂的存在状态，移动App引导页应该尽量追求简单、易懂、流畅的交互方式。过于复杂的交互方式，会增加用户的学习成本，让用户感觉无从下手，导致用户产生心理压力，甚至对移动App望而生畏。
目前大部分移动App引导页的交互方式基本是左右滑动和点按的方式，这样的交互方式对于用户而言具有学习成本较低，效率更高的优点，大部分用户都习惯于这样的交互方式。但是这样千篇一律的交互方式也容易让用户感到乏味，没有新奇感，难以吸引他们的注意力。在移动App引导页设计过程中，我们可以尝试改变左右滑动的固定交互方式，设计一些新颖有趣的交互方式来吸引用户的注意力，激发用户的好奇心。例如我们可以尝试应用手机的传感器，在有合适的应用场景的前提下，将千篇一律的“开始使用”的点击操作改变为“摇一摇”等方式进入应用。只要能和引导页的内容和形式有良好的结合，类似这样的交互方式能够充分发挥出移动设备的特性，也能更好的符合使用情境，符合移动App的用户习惯。一个具有独特交互方式的引导页，能够从其他千篇一律的引导页中脱颖而出，给用户留下深刻印象，带来惊喜感，提升用户对移动App的好感。
需要注意的是，引导页的交互方式需要与内容很好的进行匹配，最重要的是要保证交互方式的学习成本足够低，不需要用户投入大量的精力进行学习，界面上要给予用户足够明确的引导，让用户感觉交互体验是流畅、自然的。
（四）考虑新颖的表现形式
当前大多数的移动App引导页都采用图文结合的方式，相比于静态的图片展现，动态内容更容易吸引用户的注意力。设计移动App引导页时可以尝试在页面中增加一些动效元素，吸引用户的注意力，包括引导页内容本身的表现形式以及屏与屏之间的切换动效。
除了在引导页中融入动效元素之外，我们同样可以探索应用一些新颖的表现形式，例如视频、动画、声音等方式也是值得设计师进行思考和尝试的。通过一些新的表现形式，融入其他感官体验，带给用户不一样的感受，让引导页更具有趣味性。例如：在微信的一个版本更新中，设计师并没有采用传统的页面形式来告诉用户“你可以和好友在微信里玩游戏了”这样的信息，而是让用户进行“打飞机”的游戏，创造一种短暂的沉浸式体验，通过娱乐化的方式，传递给用户核心的版本更新信息，这样的体验是非常独特的。还有例如Hyperlapse的引导页，采用了视频作为背景，很好的结合了App 本身的功能。（图3 ）
在移动App设计过程中，设计师可以更多的综合考虑移动App本身的功能需求、商业目标等，充分应用好移动设备的物理特性，结合用户使用移动App的情境，探索移动App引导页的更多可能性，设计更多新颖独特的移动App引导页，带给用户更好的体验。
三、结语
好的设计往往是以小见大的，在细节处彰显情怀。好的体验也是由每一个细微的感受构成的。移动App的引导页虽然是整个A
pp中很小的一部分，但它也是移动App整体体验的一部分，影响着用户对产品的第一印象 [本文由wWw. DYLw.Net提供，第 一论文 网专业写作教育教学论文和本科毕业 论文以及发表论文服务，欢迎光临DYlw.nET]。设计师在设计移动App引导页时应该铭记引导页的作用和目的，根据不同的设计目标，选择合适的引导页表现形式，在设计中体现出移动App的设计情怀，体现出对设计品质的追求，体现出对用户体验的关注，让用户使用移动App的体验旅程有一个愉快的开始，在第一时间拉近移动App与用户之间的距离。
参考文献：
[1] （美）DonaldA.Norman著，付秋芳，程进三译.情感化设计[M]. 北京：电子工业出版社， 2005
[2] （美）唐纳德·A.诺曼（DonaldA.Norman）著，梅琼译.设计心理学[M]. 北京：中信出版社， 2003
[3] Alan Cooper、Robert Reinmann、David Cronin著，刘松涛译. About Face 3交互设计精髓[M].北京：电子工业出版社，2008：184～ 186.
[4]刘兆峰，蒋晓. 移动应用引导页设计研究[J]. 大众文艺，2014，24：107.
