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

优化用户引导——提高用户留存的关键一步

自译外文 分类: 教程 版权: 原作者: Sinziana Chitea
559 1 1 0
2019-07-31
2.8
普通推荐

用户引导是产品定义的重要组成部分。在一定时期内,它将影响到app的成功与否。用户引导真的可以成就一个app,当然也能让它失败。 用户引导做得好,会吸引用户一次又一次地使用app。

通过我们设计app的经验,我们总结出一个简单的框架,称为“Instruction-Action”,以更好地理解和设计app的用户引导流程。

首先来谈谈我们如何看待app中的用户引导。


用户引导是什么?


出色的用户引导令人感到轻松自然。它能展示价值,并能连接起 “用户期待你的产品做什么”以及“你的产品能帮用户做什么”之间的空隙。

想象一下:

经过数周的头脑风暴、原型绘制、设计、开发,你的app已准备好发布,团队的每个成员热情高涨。揭晓答案的时候到了:你的app会成功吗?

新用户引导流程是否能带领用户快速认识产品?感受到产品的核心价值?从而产生留下来的欲望?

这是我们的框架派上用场的地方。

“Instruction-Action”框架是战略性地应用用户引导过程的2个元素

  1. 指示元素
  2. 行动元素

现在我们将仔细研究每组元素的含义。


指示元素


无论是注释,模型还是任何其他文案,都是利用指示元素有效地与用户沟通如何使用app,以便他们发现其核心价值。

一些最流行的指示元素:

  • 启动页面

Image title

(截图来自墨刀)


  • 欢迎屏幕(描述功能点)

Image title

一般用轮播图阐述功能点(原型由墨刀制作)


  • 注释

Image title

常见的注释(原型由墨刀制作)


  • 权限

Image title

权限类询问弹窗(原型由墨刀制作)


  • 解释性模板

Image title

解释性弹窗举例(原型由墨刀制作)


如果用户不能立即了解如何充分利用app,他们将不会再次使用它。


行动元素


Nir Eyal的Hook模型表示,用户在产品中的行为是由精心设计的说服元素触发的。理想情况下,这些元素是动机性和指导性的组合,这样用户既有动力去完成,也知道如何完成。


在涉及行动元素时,可以考虑一些策略性的设计要素: 比如用明确的“号召行动”,以及适当的视觉效果,来激励用户。即使很小的箭头也会产生很大的影响。主动引导用户,告知他们是在正确的流程上;用户不会去猜在这里是否应该点击、滑动,他的行动是由我们主动鼓励的。


行动元素的例子:

  • 登入
  • 注册
  • 允许访问
  • 可操作的提示

Image title

app中常见的行动元素示例


在任何给定的用户引导流程中,指示要素和行动要素相辅相成以引导用户去体验产品价值。如何组合这两类要素取决于app界面的目的和用户引导过程的整体逻辑。


app界面的一些典型目的:

  • 浏览app的主要功能
  • 在app中介绍最佳操作案列
  • 收集基本用户设置app的帐户信息,以提供定制化的服务。
  • 解释app的功能,且允许用户即刻体验它, 进而使用户感到app有用而有趣。
  • 销售app的功能:向人们展示app的功能,并显示他们购买会员可以使用更多更强大的功能。


既然我们把两类元素概念弄明白了,那如何检验评估它们呢?

有时用户在第一次使用app时并没有发现产品的核心价值。因此,用户引导流程的目的是让用户快速认识产品,并产生继续使用的欲望。


基于这一前提,我们意识到产品引导有两个主要的方面

  • 产品外部
  • 产品内部



产品外部的用户指导


如果没有提前了解产品的相关信息、功能,用户下载和使用app的可能性有多大?接近于零。

用户引导止于用户体验到“啊哈”时刻结束。但这一切都始于他们第一次遇到产品,或者我们喜欢称之为产品外的引导。这种情况通常会在社交媒体、产品网站或应用商店上发现“新”产品时。在第一次遇到这样情况时,用户会产生对产品的期望,并会开始尝试着下载使用产品。

这是产品外部引导的第一步。

当你已经说服用户下载app。他们第一次打开app,这种体验会带来什么?


这是产品外部引导的第2步。

可以使用一些指示元素(很好的视觉效果和文案)和操作元素来引导用户进入app。界面中展示最吸引用户的设计功能,并鼓励用户自己主动去尝试一些功能。

另一种方法:明确地告知用户,分享他们自己的信息会获得长期的好处。使用指示元素让这个意图明确,并使用行为元素将用户引导正确的方向。


如果你成功地激发用户的兴趣并他们愿意尝试一下app,那么你可以继续设计用户引导的第二个主要领域。


产品内部的用户指导


一旦用户打开app,他们就会想要找到之前产品外部用户引导时吸引到他们的功能。你不希望他们迷路,所以要开始引导他们到他们想要使用的功能。

Image title

Instagram很好地解释了事先允许访问照片和麦克风的好处。


用户引导的重点应该是引导用户感受到产品核心价值。帮助他们了解这个产品如何改善他们目前的工作方式,以及使用这个产品的乐趣。完成此引导后,用户会更倾向于主动去探索产品里的功能~


总结


一个好的app值得一个优秀的用户引导方案。每一次计划都要明确:不要仅限于产品本身,着重产品的核心价值。一切都要以产品的功能出发,做出有价值的描述——无论是app的广告还是用户引导界面。


本文由墨刀翻译自 Sinziana Chitea 的A Framework for Designing a Better User Onboarding Experience

墨刀作为一款在线原型设计与协同工具,已经帮助众多产品经理和设计师们轻松做出交互原型,展现和验证设计想法,还支持多人协作编辑,分享和评论。新注册用户即可获得墨刀高级企业版的15天免费试用!开始体验一下吧!

墨刀_MockingBot

modao.cc 强大易用的原型设计与协同工具

648粉丝/3关注

诲人不倦小有名气小有见解首页新秀
一篇文章搞懂「低保真原型与高保真原型」电商支付,打赏支付,钱包充值提现的原型模板都在这儿了!可直接

墨刀_MockingBot

墨刀_MockingBot

modao.cc 强大易用的原型设计与协同工具

诲人不倦小有名气小有见解首页新秀

扫描二维码
去手机端查看海报

墨刀_MockingBot

TA已经获得6枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN