新用户首次体验有多重要?又该如何提升?

一款优秀的移动产品应当有一套可靠的新手体验设计策略。不要把自己限制在产品里面,从核心价值入手准备——抓住每一次可以向用户传达价值的机会。不管是应用的广告或者一个引导页,抓住任何机会去诠释产品的价值与功能吧。


一款优秀的移动产品应当有一套可靠的新手体验设计策略。不要把自己限制在产品里面,从核心价值入手准备——抓住每一次可以向用户传达价值的机会。不管是应用的广告或者一个引导页,抓住任何机会去诠释产品的价值与功能吧。

新用户首次体验有多重要?又该如何提升?

经过数周的脑暴、草图、设计以及辛勤开发之后,你们的应用终于要准备上线了。整个团队的兴奋之情溢于言表。但事实上:应用真的会成功吗?

用户的首次使用体验与应用的成功息息相关——可能锦上添花,也可能落井下石。优秀的首次体验应该是轻松愉悦的,既能传达产品价值,又能建立起用户预期与产品服务之间的桥梁。做得好,用户会频频光顾你的应用。

为了更好地理解和设计面向移动产品的新手体验流程,我们根据在tapptitude(作者公司,译者注)所做几款应用的经验,提炼出了一套“从引导到操作”的设计框架。这套框架的基本思路,在于有策略有技巧的应用两种用户引导设计:

  1. 说明元素
  2. 操作元素

说明元素

说明元素是设计师最好的伙伴。它可以是注释、情态动词,或任何小段的文案。使用说明元素可以有效地指导用户使用产品,并且传递产品的核心价值。如果用户不能在第一时间内理解如何最大程度地使用产品,那么他们就不会来第二次了。

下面是一些常见的说明元素:

  • 闪屏页
  • 欢迎页(附有功能介绍)
  • 注释
  • 权限请求
  • 说明性弹窗

新用户首次体验有多重要?又该如何提升?

操作元素

Nir Eyal的成瘾模型(Hook model)介绍了一个理论:用户在产品内的操作是由精心设计的诱导元素触发的。理想情况下,这些元素整合了刺激性和引导性的内容,使得用户在执行某项任务时有合理的动机,并且知道如何操作。

设计操作元素时,也需要考虑一些技巧性的设计,例如清晰的行动召唤 (calls to action)和恰如其分的视觉诱导。小小的箭头都可能产生巨大的影响,例如暗示用户当前是在正确的使用路径上。这样用户每一步操作才会充满信心,而不是猜测该点击还是滑动。

以下是一些操作元素的例子:

  • 登录
  • 注册
  • 允许权限
  • 可操作的提示

新用户首次体验有多重要?又该如何提升?

在任何新手体验流程中,说明元素和操作元素共同作用,将用户引向体验产品的核心价值的地方。如何整合这两种元素的设计呢?这就要考虑页面的目的以及整个新手流程的逻辑。

以下是一些典型的页面目的:

  • 浏览应用的主要功能特点
  • 展示应用里的最佳使用方法
  • 收集用户的基本信息,以进行个性化设置
  • 在用户体验某个功能时,进行有用且有趣的解释说明
  • 兜售产品的功能特性:在展示产品功能时,简略告诉用户只要提供一点小小的经济支持,就能获得更多量身定制的服务

现在来看一下,如何设计说明元素和操作元素

并不是所有的用户在首次使用产品时就能理解其核心价值。所以,让用户回到正确的使用路径,并进入转化流程是新手引导的主要任务。在此前提下,新手体验有两处主场景:产品外和产品内。

产品外的新手体验

如果有人对你的产品一无所知,或者不认同产品愿景,那他/她下载应用的可能性有多大?

几乎为0

所以,用户的新手体验通常是以首次接触产品开始,以他们“原来如此”的感慨结束。首次接触的过程即我们所说的产品外的新手体验。这往往远早于用户真正使用产品本身——通过社交媒体,产品的网页,或是App Store。在首次接触时,用户就建立了对产品的预期,并进入转化流程的第一个阶段。这只是在产品外新手体验的第一步。

新用户首次体验有多重要?又该如何提升?

想想Deliveroo在App Store的推广图。这不就是你对外卖应用的期望吗?他们精确描述了应用的核心功能价值。

假设你已经说服用户下载了应用,然后他们第一次真正打开了产品。那接下来的体验该如何延续呢?这就到了产品外新手体验的第二步。

你可以用一些说明元素(漂亮的视觉和小段文案)结合操作元素来帮助用户顺利进入应用。设计几张精美的页面向用户展示核心功能,在试用流程的每一步都给与他们肯定与鼓励。

另一种方式是:告诉用户如果主动填写了自己的信息,在长期来看是可以获得回报的。用引导元素清晰解释你的意图,用操作元素指出正确的使用路径。

如果你成功激起了用户的兴趣,而且他们愿意来尝试一下的话,就进入移动端新手体验的第二个主场景了。

产品内的新手体验

一旦用户进入应用内,他们希望可以找到你在前一阶段所描绘过的所有功能特点。你肯定不希望他们感到迷惑,不知道接下来该怎么办。所以,你必须告诉用户正确的使用路径。

新用户首次体验有多重要?又该如何提升?

Instagram在询问用户的照片和麦克风使用权限之前,有非常详细的解释说明。

新手流程的重点是将用户导向应用的核心价值主张。让用户感受到应用可以极大改善他们原有的做事方法,又非常有意思。当达成这些目的之后,用户会更愿意挨个去探索其他的功能

我们来看一下引导用户了解应用核心功能的例子。

  • 对于一款社交应用,用户期待能够尽快联系一个好友,来体验这个产品是不是新颖有趣。产品的核心功能是和好友、家人聊天吗?用户的个人信息是否同样重要?你可以向用户展示如何用最少的信息建立个人资料,如何添加好友(支持导入现有联系人),并营造自由沟通的氛围。然后,祈祷一切顺利吧。
  • 对于一款日历应用,无外乎是如何更好地管理日程安排。如果用户愿意,可以让他从其他平台导入/同步他已有的日历表。让用户快速熟悉产品,并产生掌控感。你需要考虑:这款应用的设计点是什么?是更方便的分析日程?对于不同类型的事件提供哪些个性化设置?
  • 对于一款照片编辑应用,让用户感受到整体流程有多简单好用。可以从手机相册选择一张照片,或是当场拍摄。通过必要的注释说明来指导他们完成整个编辑流程,并在结束时提供分享功能。对于使用照片编辑应用的用户来说,流畅的编辑体验和产品质量同样重要。

一款优秀的移动产品应当有一套可靠的新手体验设计策略。不要把自己限制在产品里面,从核心价值入手准备——抓住每一次可以向用户传达价值的机会。不管是应用的广告或者一个引导页,抓住任何机会去诠释产品的价值与功能吧。

 

原文作者:Sinziana Chitea

原文地址

译者:小鱼

译文地址:微信公众号【沪江UED】

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

(0)
CatherineCatherine
上一篇 2017-05-06 07:14
下一篇 2017-05-06 09:04

相关推荐

  • 聊聊保险电商的产品主图设计

    本文作者主要与大家分享的是在保险这个垂直领域,电商产品主图的设计。enjoy~

    2017-04-27
  • 移动端交互-下拉菜单、单选、多选

    “在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的”,将最近项目里碰到的情况总结一下。

    2017-06-01
  • 设计师的知识管理

    作者: shareboy 人们每谈到设计很自然的就会联想到创意、想法。作为设计师,好像我们的大脑里就理所应当地充满了各种创意,然而这些创意是本来就存在于大脑里的吗?显然不是。 有人说创意来自冥想,我不否认有些天…

    2015-04-22
  • 2016年网页设计趋势:卡片式设计如何在占尽优势?

    在现实生活在,视觉信息总是很吸引人的眼球,卡片设计的应用不仅仅只是一种趋势。

    2017-05-26
  • 【线下沙龙】产品经理交互设计大会

    2018年产品经理交互设计交流分享大会活动背景一个优秀的产品经理不仅能引导产品的发展,而且还能引导公司的发展。同时,他还是一名优秀的执行者、项目管理和团队管理者,具备敏锐的洞察力,能在用户心理和产品细节间灵活游走,打磨出令人惊叹的产品。所以,在成为CEO之前,先成为一名出色的产品经理吧。然而当我们投入到实际工作中时,总是一次又_次遇到阻碍:和运营、枝术部门沟通不畅,项目推进难。公司要求不高,任务很轻松就能完成,想要挑战大公司,却深知自己...

    2018-04-22
  • 【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交互设计之父阿兰·库珀”

    作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句“除非有更好的选择,否则就遵从标准”了,在交互设计领域有很多经过了时间的验证的法则定律被认作了标准,那么你都知道都有哪些吗? 1. Fitts’ Law / 菲茨定律…

    2015-01-27
  • 交互设计的三大铁律规范!

    科幻爱好者们没有人不知道阿西莫夫的机器人三定律,在交互设计中,我们也需要三条铁律来规范一切行为。本文来自UI中国主站,由IFEC成员翻译作品分类: 经验/观点/自译外文 原作者:Diogenes Brito 译者:十萬個為什…

    2017-08-01
  • 交互设计毕业的小哥哥小姐姐都在做什么?

    Rania Svoronou作品Written In Sand | Interactive InstallationWalk Me | Internet of ThingsSound Clock | Internet of Things with IntelWhere Were You Last Night? | Art Intervention试听课开始啦,欢迎大家预约平面设计交互设计产品设计三大专业体验课开始啦,带着你的作品集,我们...

    2018-04-30
  • 重磅消息!Adobe又出新神器了!

    Adobe Experience Design CC(预览版)官方介绍 原文: 今天,我代表Project Comet团队非常兴奋地向大家宣布:Project Comet将更名变成Adobe Experience Design CC(预览版),简称Adobe XD。 今天我们在Mac OS平台…

    2016-03-15
  • Axure RP 8.0安装教程

    Axure RP 8.0Win版/64位下载地址:https://pan.baidu.com/s/13eqSe3IeqvnyqjBYxIEqZA密码:2gkwAxure RP简介:Axure RP是一个专业的快速原型设计工具。使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。适用系统:win7,win8,win10安装有问题或需要远程安装请联系:...

    2018-04-30