等等

「用户引导设计」在互联网产品中经常出现,比如新手引导、闪屏设计都算是典型案例,今天我们就来深入聊聊用户引导。什么是用户引导设计呢,我们尝试描述了一下:用户引导设计是指在互联网产品中,为用户提供的一种信息指引设计,以文字、图像、声音、动态等各类呈现形式,以达到宣传产品特性或功能,引导用户完成某项操作行为,或者提醒用户有价值的信息,最终达到产品预期目标的一种设计手段。

 

为什么要设计用户引导?

为什么要设计用户引导呢,我们可以从产品目标来进行分析:

1.商业目标

产品的存在最终还是要满足某个商业目标,用户引导亦是如此。例如,平台要推广新产品、新功能、运营活动等,利用引导让更多的用户参与,以实现用户增长、用户活跃度等商业指标。

 

2.用户目标

降低学习成本,迅速上手使用产品;告知有价值的信息,减少时间和精力开支;提前预知帮助等等。

值得一提的是,产品的商业目标和用户目标常常会有冲突,我们需要维持二者平衡,所以优秀的用户引导设计会实现双赢。

 

有哪些用户引导设计类型?

我们通过分析设计目标,并结合实际场景,可以将用户引导设计分如下几类:

我们不妨在分类维度上引入了一个新的指标:用户行为干扰程度

  • 1. 全局页面引导:对用户行为干扰程度高;
  • 2. 局部页面引导:对用户行为干扰程度低;
  • 3. 特殊形式引导:干扰程度由实际场景而定。

从上图中,我们会发现从全局页面到局部页面,列举的所有这些引导方式,其对用户行为干扰程度,可以从高至低依次排列出来,这样可以方便我们在脑海中形成记忆,可以快速选择合适的设计形式。

 

全局页面引导

全局页面的引导设计属于强引导,用户的操作行为跟随你设计的引导路径,因此全局页面的引导方式对用户的干扰程度是极高的。所以在设计该场景下的用户引导时,我们就可以从用户行为干扰程度这一维度出发,评估其程度,进而快速落地方案。换而言之,还是要站在「以用户为中心」的角度思考问题。

在实际场景中,我们常见的比如闪屏引导、新手引导、弹窗引导等大多采用全局页面,因为对于新用户来说,他们对产品的熟悉程度较低,像「导游」一样,可以引导用户按照我们的拟定路径浏览景点。

App 引导页

 

蒙层类的用户引导设计

 

局部页面引导

相比全局页面引导,局部页面引导的场景会更多样,形式也更加多样。局部页面的引导通常不会过多影响用户当前的操作行为,用户甚至可以选择忽略引导内容。所以局部页面引导设计,有时对用户行为的补充,有时甚至是一种用户关怀。

局部页面引导设计场景很多,比如对话框引导、红点消息提示、文案引导等。需要注意的是,介于局部页面的引导设计的灵活性,它可能出现在页面的任何一个地方,反而对设计提出了更高的要求。

总之,好的用户引导设计,一定要合时宜,真正帮助用户而不是打扰用户。

拉勾 App 的完善信息引导对话框 / 文案引导

 

特殊形式引导

特殊形式的引导不拘泥于常规引导形式,而是根据实际场景选择更合适的设计。

典型的形式比如视频引导(直接播放视频吸引用户)、动态引导(引导中增加动态操作指引)、混合式引导(空白页、空数据页设计等)。

视频引导在网站中很常用

 

   

App 动态引导页

 

 

全局页面引导 / 局部页面引导在一个 APP 中共存

 

如何进行用户引导设计?

理解目标

我们先要充分理解产品目标是什么,是为了帮助产品达到某个商业目标?还是帮助用户完成某次功能操作?总之需要对目标有清晰的定位。

 

拆解场景

有了清晰的目标,就对该场景进行分解,我们可以结合「5W1H」的设计方法,具体方法论大家可以去网上了解,我们选择几个核心的维度进行分析即可:

  • 1. 何人(Who):从用户角度出发,明析我们要为哪类用户进行引导设计,新用户或是会员?
  • 2. 何时(When):选择在是什么时候触发这个引导,是在打开产品时提示,还是在点击某个操作按钮时出现?
  • 3. 何地(Where):我们的引导应该出现在哪个合适的位置?比如顶部/底部,触发器附近等等。
  • 4. 何事(What):引导应该告知用户什么信息,引导用户下一步做什么,以及基本的预期。
  • 5. 何因(Why):向用户清楚阐述为什么要做这一步,以及结果如何。
  • 6. 何法(How):通过以上 5 个 W 的分析,基本上就能确定采用哪种形式进行用户引导了。

最后结合前文讲到的用户引导设计的分类维度:采用全局页面引导、局部页面引导,或者特殊的引导类型,最终输出最适合的设计方案。

总之,用户引导设计就是在特定的使用场景下,对特定的用户,选择合适的引导方式,达到设定的商业目标或用户目标。

 

用户引导的重要基本原则

在优秀案例中,我们可以吸取一些核心原则,在工作中加以运用。

  • 01. 要明白设计用户引导的目标是什么。
  • 02. 从用户出发,关注用户情绪和使用习惯(优秀设计通常都注重这块的发力)。

网易云音乐用户点击喜欢,会出现右上角分享按钮

支付宝用户输入数字,直接呼出转账按钮

 

  • 03. 在合适的时机出现,不能频繁的干预用户路径,影响体验。
  • 04. 注意文案设计:简洁准确、通俗易懂。
  • 05. 引导要给用户带来兴趣点和成就感。
  • 06. 有趣味性(基于品牌基因进行拓展、动画、有趣的文案设定等)。
  • 07. 允许用户跳过或忽略。

好了,关于「用户引导设计」的探讨就先讲到这里,欢迎一起交流。

 

原文地址: 花厂设计招待所 (公众号)
作者:移动设计组

转载请注明:韦德1946 » 设计茶话会:用户引导设计

登录收藏
 
你可能喜欢的:
关于无障碍设计的七件事关于无障碍设计的七件事
那些容易被忽视的小设计那些容易被忽视的小设计
高级的设计技法,UI设计师应该有品牌意识!高级的设计技法,UI设计师应该有品牌意识!
做到这两点方案一稿过做到这两点方案一稿过
如何构建ux中台-滴滴旗下小桔车服实战案例如何构建ux中台-滴滴旗下小桔车服实战案例
小小滑块大大学问,你真的会用滑块了吗?小小滑块大大学问,你真的会用滑块了吗?
潘帅:亲子类场景化产品的设计方法潘帅:亲子类场景化产品的设计方法
解析:「点赞」与「收藏」功能解析:「点赞」与「收藏」功能
移动搜索体验设计总结移动搜索体验设计总结
电商 APP 中消息按钮该如何设计电商 APP 中消息按钮该如何设计