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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
优化用户引导——提高用户留存的关键一步
0.0°
2019-08-01 自译外文 教程 原作者: Sinziana Chitea 举报 1632 5 3 1

用户引导是产品定义的重要组成部分。在一定时期内,它将影响到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天免费试用!开始体验一下吧!

更新:2019-08-01

收藏

5人已收藏

墨刀_MockingBot

在线产品设计写作一体化平台

  • 494

    作品

  • 1448

    粉丝

  • 3

    关注

  • 产品经理和设计师谈恋爱,看得我比“老坛酸菜”还酸!
  • Figma”断供“后:墨刀能为中国企业做什么?
  • 产品经理干久了,有哪些后遗症?
  • 超实用的后台原型,产品大佬的摸鱼技巧都在这里!

    猜你喜欢

      2019-08-01 自译外文 教程 原作者: Sinziana Chitea 举报 1632 5 3 1

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

      0.0°

      你确定要举报优化用户引导——提高用户留存的关键一步

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年07月31日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      5
      1

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

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

      登录

      手机号

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

      登录
      第三方账号登录