五个技巧,设计优质的新用户引导流程

新用户引导绝对是个瓶颈。花费时间设计和开发,找了用户测试调研,最后上线了,依然拦不住汹涌的用户流失潮。很多时候,也许只是新用户引导没做好而已。今天的文章,我们来聊聊新用户引导的设计~新用户不去注册是因为他们乐于了解你的产品的UI是如何工作的。他们注册是因为他们认可你的产品所呈现出来的价值。好的空状态设计,能够化腐朽为神奇。


新用户引导绝对是个瓶颈。花费时间设计和开发,找了用户测试调研,最后上线了,依然拦不住汹涌的用户流失潮。很多时候,也许只是新用户引导没做好而已。今天的文章,我们来聊聊新用户引导的设计~

五个技巧,设计优质的新用户引导流程

让用户注册本身就不是一件容易的事情。产品团队需要花费大量的时间、精力、金钱来提升产品的注册量,而更严峻的问题在于,许多用户注册完成之后,尝试一次之后,就再也不用了,来之不易的注册用户就此流失。根据 Andrew Chen的研究表明,平均每个APP会在用户安装后3天丢失77%的日活用户。

你绝对不希望在投入了如此之多、收获新用户之后,在几天之内丢失其中的多数。那么,要怎样才能做的更好呢?一个优质的新用户引导流程(Onboarding),能帮你的产品获得良好的第一印象。

新用户引导(Onboarding)这个词本是人力资源领域的术语,不过现在已经被UI/UX领域借用过来,指的是帮助刚刚注册网站/APP的新用户熟悉产品到流畅使用的引导流程。

在设计新用户引导流程的时候,有许多注意事项,确保用户能够尽快熟悉你的产品,并且了解它的实际价值。

一、不要使用过长的新手教程

为了降低用户流程中可能存在的摩擦,尽量遵循“少即是多”的原则。

如今市场上每个APP都会在初次登录的时候提供一个滑动展示的教程,介绍应用的功能:

五个技巧,设计优质的新用户引导流程

静态的展示页,旨在展示产品的功能和价值。

而有的APP则在这几屏来教育用户,告诉他们如何与之进行交互:

五个技巧,设计优质的新用户引导流程

著名的iOS 待办事项应用Clear为用户提供了7屏教程,当用户经历了这些教程之后,才能进行真正的操作。

这种滑动展示型的新用户引导教程,有明显的缺陷:

  • 这种滑动展示型教程是“动力杀手”。它横亘在用户和APP之间,像障碍一样,即使教程设计得足够精美有趣,用户也很难充满耐心地仔细阅读完。为什么?因为绝大多数的用户还是倾向于自己探索APP,他们想要先看看这个APP到底怎么样,而不是先看教程。
  • 用户在使用APP之前并不想阅读教程。首先,用户打开这个APP的目的本就不是阅读教程,即使教程对他们有所助益,但是这本身是偏离用户初衷的。用户打开APP的目的是要完成某个任务,达成某个目标的,所以,不要让你的用户觉得他们必须通过学习,才能使用你的APP。

二、让新用户引导结合场景

相比于让用户记住一切,不如适时的给予用户以引导。

前面谈及的这种首次打开的引导教程还有一个可用性上的问题:它会要求用户在还未开始使用APP的时候,就必须仔细阅读这些指引,并且将教程中所提供的信息记住。可是问题是在于,人的短期记忆是相当有限的,教程越长,记住内容的比例通常越低。而这还是在用户决定要去仔细阅读教程的前提下。

五个技巧,设计优质的新用户引导流程

新用户不去注册是因为他们乐于了解你的产品的UI是如何工作的。他们注册是因为他们认可你的产品所呈现出来的价值。

符合上下文场景的即时的新用户引导流程,可以作为上述静态展示型引导的替代方案。这种新用户引导流程和之前的方式不同,它是在特定的界面、场景和时刻,或者说特定的用户历程的节点,给用户提供必要的说明。这种新用户引导模式更加简单、强大。它可以以许多不同的方式实现:

(1)示例数据

“Welcome Board”是用户打开Trello 的任务管理面板的时候,能看到的第一个的界面,其中涵盖了预填充的代办事项列表,说明了程序中不同控件的交互和功能,这种方式可以让用户更有效地学习产品的功能。

五个技巧,设计优质的新用户引导流程

(2)焦点提示

你可以在Android 版的Youtube客户端找那个找到恰到好处的提示。APP 让用户将注意力集中到某个特定的主要交互上,最大限度的减少说明的信息量。它让教学内容以图层的形式叠加到对应的UI控件上,这些提示通常出现在用户首次操作的时候,并且一次只显示一个。这些提示的内容应该设计得易于快速阅读,因为用户倾向于看到之后快速关闭它们。

五个技巧,设计优质的新用户引导流程

(3)交互式提示

交互式提示则是在用户在使用过程中,进入特定的环节、进度的时候才会被触发的一种提示,它不会按照一定的顺序出现,所以不同的用户碰到这些提示的时间、场景不尽相同。Duolingo 这一语言学习APP 就非常了解人们语言学习的规律,在实战中学习语言是最为有效的方式,所以它会在用户不断同APP进行交互的过程中提供交互式的提示。

五个技巧,设计优质的新用户引导流程

小贴士:将视觉设计和提示结合起来,让用户更快地获取信息。

三、充分运用空状态

用户最初使用APP或者网页的时候,许多界面都呈现出“空状态”,所以很有必要将空状态纳入到新用户引导流程中。

首先,各种各样的内容是APP和网站所提供的价值所在,这也是人们选择的缘由。因此,要让用户在没有内容的时候,体会到内容的重要性,满足新用户获取内容的需求。

对于新用户引导流程而言,空状态界面是一个非常合适的介入点,所以最好不要让它真的就这么“空”下去,有效的用起来才对。

好的空状态设计,能够化腐朽为神奇。

如果想要让用户更好的同你的产品进行互动:

  • 让用户有所期待,这样能让用户更舒服
  • 给予明确的指示,让用户更快推进到下一步

举个例子,例如用户注册Instagram 之后的界面是一个典型的空状态。其他的用户的这个个人页面通常都被照片、评论等内容填满,所以,Instagram 将这个空状态改成了新用户引导的界面,上面会显示“还未发布新作——请点击相机按钮分享你的第一张照片或者视频。”而这句话下会有一个箭头指向相机按钮。

五个技巧,设计优质的新用户引导流程

四、展示成功的状态

通过达成成就的方式帮助用户获得最初的成就感。

当用户完成一个重要的任务的时候,这一时刻是创造产品和用户之间情感联系的重要机会,你要让用户知道,他们做的很好,要承认他们的进步,并且同用户一起庆祝。

五个技巧,设计优质的新用户引导流程

MailChimp 就是个典型,他们在新用户发布第一次邮件的过程中,不断添加有趣的、幽默的奖励来推动用户完成他们的第一封邮件的发送。

五、衡量

当你设计好了新用户引导的流程之后,需要不断的根据用户反馈的数据和信息来衡量用户是否真正的“Onboarding”了。这个衡量的指标是至关重要的,你应该设定一个值,严格的跟踪数据的变化,并且根据成功率和用户的反应,敏锐地调整。在开始任何新项目之前,你都应该问自己一个问题:“这个项目要如何衡量新用户引导成功率?”

六、结语

优秀的新用户引导流程能够让产品的运营、用户的积累更为高效。新用户引导应该是整个产品的UX和UI设计中不可或缺、值得重视的一个组成部分。

 

原文地址:uxplanet

原文作者:Nick Babich

翻译:@陈子木

译文地址:http://www.uisdc.com/best-practices-for-onboarding

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/24840/

(0)
CatherineCatherine
上一篇 2017-05-09 20:52
下一篇 2017-05-09 22:42

相关推荐

  • 极简主义风格:要讲究四大设计要点

    极简风并不是简单的做减法,这也是极简设计最棘手的地方。想必设计师都明白“少即是多”这个概念,但是要怎么在实际设计中践行这种极简设计的理念呢?今天的文章,就帮你梳理一下基本的法则,帮你在设计之前就理顺思路。“完美的设计是可以实现的,也许你还可以向其中加入更多的东西,但如果想从中移除某些元素,就完全不可能了。”

    2017-05-11
  • 交互设计师的60日计划之第二天

    此次分享的[button type="info" text="交互设计师的60日计划" url="https://www.iamue.com/tag/interaction-designers-of-60-days" open_new_tab="false"] 来自 Killa.G 让我们一起跟着学习和并学会做自己的总结与…

    交互专题 2015-08-20
  • 十种正确的可用性度量方法(上)

    现在大家在做产品、谈需求、讲体验时,都说不能拍脑门儿要用说数据说话。好,那问题来了,针对不同的问题我们要什么样子的数据来说话呢?这确实需要我们好好思考,下文将通过一些小栗子为大家做一个简单的梳理。

    2017-05-28
  • 用户界面缓解曲线

    由于采用扁平设计,动画的质量是创造伟大的界面更是必不可少的因素。通过动作设计,可以影响产品的整体体验,并从市场上把它分开。动画可以使复杂的相互作用简单,把好设计成令人难忘的用户体验。但是,我们如何创…

    2015-05-26
  • 什么样的文字聊天,才是一种好的阅读体验?

    本文不是要讨论IM产品的体验设计,而是聊天内容本身的阅读体验。××(我的姓名)

    手机号:186××××××××

    身份证:360103××××××××××××××(我的姓名)

    手机号:186 ×××× ××××

    身份证:360 103 ×××× ×××× ××××姓名:××手机号:186××××××××身份证:360103××××××××××××在UI需要手绘?不会手绘不行吗投简历没有回应 是不是 经验不够ui规范有那些啊 ios andriod都要看啊在吗在吗、没有作品怎么办啊?“滚滚长江东逝水……”“说人话!”“大河向东流哇!”

    2017-05-13
  • 交互设计师的60日计划第十九天

    昨天M+头痛,8点下班回来做分享PPT做到11点半倒头就睡了,忘记了写每日…拖延症真是害人,周日拖了一天只写了大纲,周一做了白PPT,今天又加班到10点把完整的PPT做了,明天晚上演练一下。因为一天的拖延,整个一周都…

    交互专题 2015-08-20
  • 全面掌握算法交互设计,你的设计你做主

    在OF COURSE学习最纯粹的创意编程Processing生成艺术进阶课程全面掌握算法交互设计12周成为顶尖设计师👇△课程介绍《Processing&OF算法交互线上课程》你将要学习的第一部分:培养算法创造能力,学习运用高级算法模拟真实环境中的自然变化。第二部分:理解并掌握算法交互的原理。第三部分:培养软硬件结合能力,学习使用手部识别设备Leap motion、体感识别摄像头Kinect和算法的交互。第四部分:运用openCV计算机图...

    2018-04-08
  • 用户体验五要素

    01战略层什么是用户体验:用户在使用产品过程中建立起来的一种纯主观感受。用户体验的重要性:给用户一个积极、高效的体验,他们会持续使用你的产品,产品满足用户某方面的需求并来盈利,帮助人们提高生活质量,提高工作效率,改善人际关系,等等。五要素:战略层、范围层、结构层、框架层、表现层用户体验要素的作用:要素之间相互作用完成任务,创建一个总体的用户体验设计。适用场景:设计:战略层→范围层→结构层→框架层→表现层用户体验:表现层→框架层→结构层→...

    2018-02-06
  • 设计中的色彩心理学(上):九种色彩所代表的心理感应

    之前写过一些关于色彩的文章,一直说的是关于色彩理论的一些色彩基础,其中有读者提到过想听听关于色彩心理学的一些东西,因此就在这里聊聊自己的一些感想和设计实践中的一些心得体会,并不系统,只谈感想。

    2017-05-10
  • 对于交互、视觉设计师来说,至少要了解的产品知识

    之前在设计体系规划里面有提到过,产品常识也是我们需要了解的内容,其中产品定位就是最基础,也是最重要的一个概念,因为项目后期的所有工作都是围绕产品定位所展开的。比如还是上面那个例子,使用人群是单身男女,我们将使用人群细分为:18-25岁、25-35岁、35-45岁和45岁以上的单身男女。最后将目标用户定为25-35岁的单身男女,当然为什么选取这部分人群需要一些理由,比如这部分群体的经济比较独立,年龄更适合步入婚姻的殿堂等等。比如我们的主要功能是即时通讯,那即时通讯会分为很多使用场景,比如上下班的路上、睡觉前,起床后等等。比如产品的特色是“更容易约会成功”,那为了达成这个大的产品目标,我们需要细化,将其分解成多个小的用户目标,如快速看到周围单身异性的信息状态、快速了解周围哪些异性对自己有兴趣等等。

    2017-05-09