探究!APP引导页设计

文/刘兆峰 蒋晓 APP应用首次启动后的引导页面,最初可称为新手引导页面,顾名思义其主要功能是引导用户操作行为,3-5个页面快速让用户熟悉产品。

探究!APP引导页设计

如今的引导页面不再局限于操作引导,活动推广宣传、品牌态度呈现等内容不断出现在引导页面中,引导页承载了更多功能属性,内容更加丰富,设计也呈现多元化趋势。

探究!APP引导页设计
探究!APP引导页设计

引导页是用户首先接触到的应用内容,可谓是APP给予用户的“第一印象”,尽管有时会被用户忽略甚至直接跳过,但就其内容的信息曝光率而言较应用本身更高。依据不同的功能诉求,引导页面的内容、形式可进行如下划分:

探究!APP引导页设计

①新功能提醒/操作提示。引导页面最基本的功能,产品新版本的更新迭代及创新内容的呈现。

②活动/节假日/广告推广。公司产品口碑宣传与品牌推广,满足产品运营需求,此类引导页气氛渲染较为强烈,易调起用户情绪。

探究!APP引导页设计

③需求解决类。引导页呈现内容直击用户痛点,解决用户最关心的产品问题,满足用户需求,同时与同类竞品进行差异化区分。

④体现品牌态度。依据产品定位及特色功能进行设计,与产品核心功能或公司秉持的理念相一致,树立品牌形象。

探究!APP引导页设计

⑤登录引导。页面中始终呈现登录/注册按钮,将信息展示与引导操作结合在一起,,强化操作,在社交类APP中应用较为普遍。

探究!APP引导页设计
探究!APP引导页设计

①用户认知。引导页面出现在APP启动之初,需要用户操作或自动播放观看,当用户沉浸在应用当中或非退出状态下,引导页面是不会再次出现的,因此用户对于引导页面的认知具有以下特点:

探究!APP引导页设计

■瞬时体验,引导页面本身出现时间较短,且当页面内的跳转按钮更加突出时,用户往往会直接点击跳过。

探究!APP引导页设计

■预期体验,对于APP使用数量较多的用户,对于引导页面存在各自的认知,这时需要对引导页面的内容、形式等进行了一个预期的判断,这也是导致用户面对相似的引导页面时,会选择直接跳过忽略的一个原因。

探究!APP引导页设计

■隐性体验,尽管引导页面与应用本身的操作使用不一致,用户对其敏感度不高,且同质化的体验也让用户易于忽略,但是引导页面带来的隐性体验依旧不可忽略,好的引导页面会在潜意识层面影响用户认知和体验。

探究!APP引导页设计

②交互方式。引导页面的操作方式较为简单,主要包括滑动和点击操作两种,其中点击操作对用户的提示强度过高,一般仅在最后一个引导页面出现,引导进入APP。

探究!APP引导页设计

③文案。尽管引导页面以图形化为主,但精炼的文案内容同样必不可少,简短的文案,能够对内容起到画龙点睛的作用。显著的文案能够保持用户注意力的高效聚焦。

探究!APP引导页设计
探究!APP引导页设计

①凸显品牌特征。引导页面不在仅仅提供新手引导操作的功能,更多的属性被加入进去,其中品牌特色便是较为重要的一部分,在细节之处凸显品牌特征,与公司理念脉相承,无疑是最合理有效的推广手段。

探究!APP引导页设计

②交互多样化。采用故事叙述、场景动画跳转等动态形式,本质上属于一种强迫式体验,带领用户进入故事或场景当中,给予用户强烈的冲击力,带来沉浸式的体验,,提高引导页面的停留时长,避免被忽略。

探究!APP引导页设计

③视觉焦点聚焦,优化视觉路径。合理优化视觉路径,避免焦点静止带来的麻木与疲劳感,引导视觉焦点移动,静态与动态相结合,强化焦点图形,让引导页面间的跳转富有节奏感。

探究!APP引导页设计

④文案简洁,有感染力。引导页面文案应言简意赅,突出核心内容,避免啰嗦。同时语言风格要与应用本身设计风格相匹配,使用用户语言,拉近与用户的心理距离。

探究!APP引导页设计

好的引导页面不仅具备自身的引导功能,满足用户需求,同样可以影响到用户对于APP的认知,将用户的“第一印象”做到最优。

探究!APP引导页设计