移动APP前置引导页设计

☆ 什么是APP前置引导页?

用户初次使用该移动产品时，给予的一些必须性的帮助以使得用户能快速愉悦地了解这个产品的功能与具体操作方式。

☆ APP引导页归类于那个范畴？

◇ 前置型的引导：在用户还没有正式开始使用这个产品时给出的一系列帮助内容。主要的设计方式为引导页的设计。

◇ 过程中的引导：在用户使用产品的过程中给出的一系列帮助内容。主要的设计方式有空白页的内容引导，loading等等待状态中的引导，拆分包袱的逐步引导，巧设默认值的功能引导，tips引导，浮点引导，遮罩聚焦式引导，触发式引导，任务演练式引导等。

☆ 为什么有APP前置引导页?

带领用户更快速达到使用目标，在用户使用产品过程中及时给予帮助，排除适用障碍。

☆ 怎么设计APP引导页？

最核心的设计技巧有4点：精简与合理使用 & 细致编排 & 有效的注意力 & 构建特色。

◇ 精简与合理使用

 只做必要的引导页内容。没必要的引导内容会增加信息的冗余性，冲淡真正需要用户关注的信息的注意力与精力。适合与否的依据主要是在真实的使用场景中，用户是希望能对这个产品有个大致的了解，还是希望快速启动产品立即使用，在使用的过程中再慢慢学习。

◇ 细致编排

讲建立与用户使用情景匹配的场景，让用户能建立一种熟悉的感受，能让用户对引导的功能点感同身受。

串联的故事一般而言都是多页的形式。一步抛出一个需告知的点，循序渐进的解说。故事可以只围绕一个功能点来叙述，也可以将多个功能点串联起来变成一个故事。形成一个完整的故事。由于每次一个告知点，多会采用聚焦的设计手法，把视觉注意力吸引到每个告知点上。

痛点渲染，建立一个用户在实际生活中会遇到的类似的不便的场景，让用户能感受到共鸣，唤起用户对所述功能的需要感。然后给出该产品能给出的解决方案，可以让用户感觉，戳痛点的手法比较适用于实用的工具性的功能引导。

◇ 有效的注意力

1、 注意力是记忆力的基础，记忆力是注意力的结果。没有良好的注意力就没有良好的记忆力，良好的记忆力是建立在良好的注意力基础上的。

当界面中的信息聚焦在某一点上时，用户能快速准确定位到需要阅读的信息内容上，达到消化信息的目的。

聚焦的设计手法有很多种，如通过光影的方式，将亮光的部分打在最需要用户关注的信息上;虚化背景的方式，突出前面的信息内容;放大镜方式，将需要用户关注的部分作为放大突出。当然除了所举案例中的常见手法，还可以运用其他的方式来聚焦，只要可以达到效果即可。

聚焦

2、图片传递信息，人类对于图片信息的阅读能力是远大于对于文字信息的理解的。图片可以更加直观地让用户感知到所要传递的信息。在不同的图片中，人们对人脸，美女，笑容，具有动感的照片更容易引起用户的注意。

图片传递信息

3、现在的引导页的设计多为静态的视觉页面。人类对于动态内容的注意力> 对于静态内容的注意力。所以除了静态图片的方式，我们完全可以通过适当增加动态内容来吸引用户的注意力。

动态内容

4、控制文案字数，人类对于内容的短时记忆的容量有限，一般为7 ± 2项目，一般为7 ± 2，即5 ~ 9个项目，这也就是平常我们所说的记忆广度。)超过9个字符，用户是很难记忆的且容易受到干扰而发生遗忘。

如果精简后依然超出极限字符数，那么可以对文案内容分层次。通过排版的方式，突出需要用户记忆的字符，弱化其他字符。一般而言突出的字符为2-7个是比较容易记忆的。通过断句的方式，将长的文案变为短的子单元，这样可以扩大短时记忆的容量。断句可以通过打标点，留空格，断行的方式来实现。

文案字数

◇ 构建特色

背景图片的摄影角度或风格/后期处理/色调;版式编排的设计风格/版式布局/配色方案;文案的行文风格;多屏切换方式也可以考虑

构建特色并不需要对所有内容的元素都进行，即使只在一个内容点上进行特色构建也是可以的，但是需要做到的是这个点上的特色要非常明显，用户容易感知到。

☆APP引导页的应用？

引导页适合阐述产品的概况内容(如具有产品的概念，产品的核心功能，具有竞争力的功能点或用户痛点，以及会影响到初次使用的操作方式的内容)，建立起用户对产品的大致认知;而不太适用于阐述过于细节的产品内容，因为此时用户还无法进行相应的信息匹配，细节内容会不容易理解。