引导页设计 ——建立良好的产品的第一印象

前言

一款产品从方向探索—立项—需求评审—研发—测试，整个团队在产品的孵化阶段可谓付出了满腔热血，但是上线前，对于如何设计新用户引导，如何向用户介绍产品主要功能，这算是给用户接触的第一印象，是连接产品和目标用户的第一层纱。

引导页英文Onboarding原文意为新员工的入职培训，这与我们使用一款App相类似，人们尝试新事物过程中会产生紧张与不安，引导页就是短时间内让用户对这款产品有一个大概的了解，缓解用户的焦虑与不安，让用户更快的进入使用环境。

对金融产品来说，引导页同样如此重要，引导页是用户了解这款金融产品的第一步，通常在设计的时候除了达到既定设计目的，安全、可靠也要始终贯穿整个设计理念 。

引导页是告诉用户“我该怎么使用”或者是“我有什么亮点”（重点宣传的功能），帮助用户了解App的用途，激励用户使用，提高参与度和留存率。好的引导页设计直接关系到用户是否想进一步了解你的产品。

1、功能介绍类：

这类引导页通常作为功能介绍用的，主要进行新增功能或者亮点功能进行展示，让用户对产品的主要功能有一个大致的了解，

采用的形式大多以文字配合界面、插图的方式设计。

案例

此引导页设计在宣传该产品首页和交易的功能的同时，在用色以及风格上即符合当下流行趋势，又无形中传达出金融产品安全可靠的行业属性。

（图片来源于网络）

2、推广类：

这类引导页的意图通常更多的是想传达产品的态度，让用户明白这个产品所要传递给用户的感觉。

设计时会将整个产品风格、公司目标相结合。

案例

此案例是通过将介绍该产品的资金安全、公司行业背景，以此来让用户对产品产生一种安全可信赖的印象，从而继续了解该产品。对于金融产品的引导页设计是一个不错的方向。

（图片来源于网络）

3、解决问题类：

这类引导页通过描述在实际生活中目标用户群体会遇到的问题/痛感，通过解决方案让用户情感上产生共鸣，让用户对产品产生好感，增加产品一开始的粘度。

案例

该案例则主要是在引导页中根据用户在使用产品中的期望进行设计，从而让用户产生共鸣，感觉这是一个懂自己的产品。

（图片来源于网络）

静态设计

静态设计通常采用静态页面展示，以传递信息为主。

优点：开发成本较低

劣势：用户无互动感

动态设计

目前大部分倾向于动态设计，还可以加入用户对动态页面进行点击互动。

优点：增加用户参与感

劣势：开发成本较高

此外，引导页建议由前段加载显示，不需要在后台上传推给前端，若采用后台推送的方式，用户打开App前端请求加载会比较慢，对用户体验不友好（用户通常是没有耐心等待的），但因是前端加载显示，所以每次更新引导页都需要前端换页面重新打包上传审核，流程比较繁琐。

好的引导页设计应该做到文案言简意赅，突出核心，与产品、公司基调相一致，富有情感化，通俗易懂。

推荐阅读

☆【设计】设计中的配色用法

金融APP界面 | 巧用五要素，有料更有颜（一）

金融APP界面 | 巧用五要素，有料更有颜（二）

基金APP | 资讯宝项目总结