恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
解析app引导界面设计
0.0°
2017-05-16 好文转载 经验/观点 原作者: 海淘科技 举报 4823 5 5 0

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

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

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

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

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

不要使用过长的新手教程

为了降低用户流程中可能存在的摩擦,尽量遵循“少即是多”的原则。如今市场上每个APP都会在初次登录的时候提供一个滑动展示的教程,介绍应用的功能:

解析app引导界面设计


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

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

解析app引导界面设计


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

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

这种滑动展示型教程是“动力杀手”。它横亘在用户和APP之间,像障碍一样,即使教程设计得足够精美有趣,用户也很难充满耐心地仔细阅读完。为什么?因为绝大多数的用户还是倾向于自己探索APP,他们想要先看看这个APP到底怎么样,而不是先看教程。

用户在使用APP之前并不想阅读教程。首先,用户打开这个APP的目的本就不是阅读教程,即使教程对他们有所助益,但是这本身是偏离用户初衷的。用户打开APP的目的是要完成某个任务,达成某个目标的,所以,不要让你的用户觉得他们必须通过学习,才能使用你的APP。

让新用户引导结合场景

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

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

解析app引导界面设计


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

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

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

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

解析app引导界面设计


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

解析app引导界面设计



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

app引导设计充分运用空状态

用户最初使用APP或者网页的时候,许多界面都呈现出“空状态”,所以很有必要将空状态纳入到新用户引导流程中。首先,各种各样的内容是APP和网站所提供的价值所在,这也是人们选择的缘由。因此,要让用户在没有内容的时候,体会到内容的重要性,满足新用户获取内容的需求。对于新用户引导流程而言,空状态界面是一个非常合适的介入点,所以最好不要让它真的就这么“空”下去,有效的用起来才对。

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

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

让用户有所期待,这样能让用户更舒服

给予明确的指示,让用户更快推进到下一步

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

解析app引导界面设计


展示成功的状态

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

解析app引导界面设计


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

app设计衡量

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

app引导设计结语

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

本文转载于:http://www.haitaoit.com(转载时请注明出处)

更新:2017-05-16

收藏

5人已收藏

海淘科技公司

http://www.haitaoit.com

  • 33

    作品

  • 20

    粉丝

  • 0

    关注

  •  app数据驱动如何设计好产品
  • 网页按钮设计总结
  • UI插画设计如何提升用户体验
  • 知乎的赞同与感谢的精细化设计

猜你喜欢

    2017-05-16 好文转载 经验/观点 原作者: 海淘科技 举报 4823 5 5 0

    解析app引导界面设计

    0.0°

    你确定要举报解析app引导界面设计

    如果查出恶意举报,十天内禁止提交任何举报申请。

    0/200

    上传证据: 超过10M的附件请使用网盘地址

    点击上传附件

    对谁可见:

    全部设计师
    • 全部设计师
    • 推荐设计师和认证设计师

    您确认要推荐?

    该作品发布时间:2017年05月16日

    评分

    完整度

    启发性

    勤奋性

    排版布局

    推荐心得

    建议20-200字以内

    0/200

    5
    5
    0

    账号或密码错误,请重新输入

    账号或密码错误,请重新输入

    登录

    手机号

    发送验证码 120s 验证码错误

    登录
    第三方账号登录