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

前言

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




一、引导页是什么


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

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


二、引导页的作用


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

注意:引导页≠启动页

  • 引导页重点是“新”,所以只针对第一次启动APP的用户才能看到,目的是为了让用户快速了解你产品的某个功能/流程,也就是说你的手机第一次安装这个APP,你打开后你就会看到引导页,当你关闭后再次打开,一般是再也看不到的(除非某些APP内在设置模块中,能看到新用户介绍入口);


  • 而启动页,就是你每次打开APP都会看到的这个页面,正因为启动页每次打开都能看到,因此很多产品聚集了大量用户带来的流量和日活后,会将启动页作为广告位,为产品带来盈利。



三、引导页的类型


1、功能介绍类:

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

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

案例

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

(图片来源于网络)

2、推广类:

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

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

案例

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

(图片来源于网络)

3、解决问题类:

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

案例

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

(图片来源于网络)


四、引导页设计方式


静态设计

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

优点:开发成本较低

劣势:用户无互动感

动态设计

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

优点:增加用户参与感

劣势:开发成本较高

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


五、总结


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


推荐阅读

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

金融APP界面 | 巧用五要素,有料更有颜(一)

金融APP界面 | 巧用五要素,有料更有颜(二)

基金APP | 资讯宝项目总结