设计茶话会:用户引导设计

后台-系统设置-扩展变量-内容页广告位一(手机广告位)

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

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

  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. 允许用户跳过或忽略。

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

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

  “学UI网 ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

未经允许不得转载: 十堰秦楚网 十堰资讯门户网站 十堰主流资讯媒体 » 设计茶话会:用户引导设计

后台-系统设置-扩展变量-内容页广告位二(手机广告位)
赞 ()
后台-系统设置-扩展变量-内容页广告位三(手机广告位)

相关推荐

后台-系统设置-扩展变量-内容页广告位四(手机广告位)
后台-系统设置-扩展变量-内容页广告位五(手机广告位)

评论