如何打造难忘的首次用户体验 ?

用户头像
深圳/UI设计师/6年前/2465浏览
如何打造难忘的首次用户体验 ?
用户头像
夏木清

UIGREAT翻译小组-系列文章翻译-FA team


你只有一次给人留下好印象的机会


我经常谈论建立MVP(Minimum Viable Product——最小化可行产品)和MLP(Minimum Lovable Product——最小惹人喜爱产品)之间的区别。

我并不相信构建MVP,而是确信构建不可思议又绝妙的产品体验(即最小惹人喜爱产品),那就是为新用户提供难忘的首次用户体验。

MVP的宗旨是,开发几乎无法使用的产品,然后发布,再从市场收集反馈意见。MLP恰恰相反,非常严谨对待新用户的首次体验。因为首次体验是用户第一次看到你的产品,是他们第一次体验到你是谁以及你所展现的一切。 如果使用者体验到的是一个单薄又很笨重的框架产品,你让他们如何记住你?

不要忘记,“一个应用在安装三天后会丢失掉77%的 DAU(日活)“



你必须为你的用户赢得更好的时间体验(过程上流畅,时间上迅速,情绪上令人愉悦)


不过,大多数初创的公司并不这么认为。

他们只考虑产品的心特性——价值主张。更糟糕的是,他们的市场战略也是这样,新用户使用产品前30秒的体验是怎样的,几乎被放在了产品打磨的最后环节,甚至用户反馈时才引起注意。

想象一下,苹果公司的首次体验做法:你的新苹果手机被装在了一个破旧磨损的盒子里——而不是一个全新珍品般的真空包装,感觉即将拿到一颗珍贵的宝石;或者想象一下,当你打开全新的MacBook时,已经没电了,无法定位WiFi,不能轻松连网。

作为一个新用户,你会立即感到泄气、沮丧、失望——而不是满怀期待的开始体验产品。

(引用网络图)



如果你想创建一个受人喜爱的产品,那你必须建立一个有情感链接的首次用户体验


举个例子

当我们构建Crashlytics时,发现移动开发者工具的首次体验普遍很糟。Facebook首当其冲,超长的介绍页面,没完没了的链接,向下滚动需要20-30秒;还有维基注册的72步(“哦,你使用Mac?点击这里......”26个步骤后……“现在返回继续。”) ;甚至是10分钟的YouTube视频里,无趣的声音说:“现在......拖动这个......在这里。 然后......点击......那里。“

在用户第一次尝试跟你建立联系的时候,这是多么糟糕的第一印象!

这样与你的用户建立首次关系的印象是非常糟糕的。(好比你去相亲,衣冠不整,头发乱糟糟,说话没个重点,也没个情感起伏,像复读机一样生冷的和别人交流。然后你还要求别人按照你的意愿沟通,也不管人家愿不愿意,开不开心,别人对你的印象必然是不好的,反正不会好到哪里去,极大可能就没有下次了。纵使你有万贯家财,内涵容纳百川,别人都无法了解到了。言而总之,就是关注用户使用过程的感受,而不是我的产品多厉害。如果你有一盏聚光灯,照亮的应该是用户,而不是你自己的产品。括号里为翻译者的阅读理解)



所以,我们决定解决这个问题。


我们反问自己:如何打造一个有趣又讨人喜欢的,并做一些Facebook,谷歌,亚马逊,和其他公司明显无法做到的首次用户体验呢?

于是我们开发了一个消费级的安装程序,一个只”摆动“的图标,那样开发者便会理解图标是被用来拖动的。这也许看起来是一个再简单不过的开发任务,但是要创建一个在数百万电脑上运行的程序是不容易的,尤其是对喜欢马虎行事,修改,定义程序的开发者来说,是不容易的。

事实上,我们花了大量的时间来构建用户首次体验,比编写核心的Crashlytics SDK代码还要多!


然而这一切都得到了巨大的回报

我们的用户首次体验是开发者从未见过的,他们发推特,告诉他们的朋友。 最终,当Twitter收购我们时,我们已经有3亿用户,如今,我们每月有近3亿个活跃用户。

你认为这是一次性的吗? 那我再举一个例子,我们对首次用户体验的关注帮助我们在另一个领域也占了主导地位。 这一次,它不像手机崩溃报告那样是一个小众类别。



接下来,便是最有价值的部分——移动分析


2014年,我们推出了与Google analytics竞争的一款移动分析产品Answers,当时是与Crashlytics共同合作而建立的。google analytics是分析领域的霸主,重达800磅。同时,该领域还有其他的很多产品:Flurry, Localytics, Mixpanel, …

这个领域不仅竞争异常激烈,而且风险也很高。据报道,当时排名第二的Flurry被雅虎以大约3亿美元收购,排名第三,第四的Localytics和Mixpanel分别融资了近1亿美元。


当我们最开始研究这些竟品时,发现了大多公司很显眼的一个问题,就是产品的登录注册流程。


作为初次体验的用户,你注册了一个账户,添加了信息,然后被引导进入了一个还没有收集任何数据,完全空的面板里,空洞的屏幕和条形图完全让人不知如何反应。

当我们了解竞争对手的登录注册表时,注意到作为一个用户的初次产品体验并不友好。

整个注册登录过程非常的生硬无趣:

输入你的名字-你的邮箱-在这一行输入-然后请看这个空荡的屏幕

我们想:这就是价值数十亿美元分析的样子?

Google analytics、Flurry、Mixpanel移动端登录界面(最近的截图,作者提到的观点,现在大多都改善了,而且当我再搜索Answers时,已经搜不到了。作者原文写于2017年10月)


flurry 电脑端注册界面


flurry 电脑端登录界面


firebase面板( 搜Crashlytics出来的是firebase,或许改名字了,不清楚。但应该有相关联,如果你知道,可以纠正我。)


firebase创建项目步骤



Google analytics面板



我们不想将任何的产品做成那样,我们的产品首次用户体验应是受到灵感启发,深思熟虑,精心制作而成。


因此,我们花了相当多的时间去研究用户在使用这类产品时第一个接触点,而不是为了构建出来一个MVP机械地去罗列出用户注册登陆的列表。

我们不仅希望用户使用我们的产品,我们更希望他们喜欢它。



我们通常的做法:


对于软件产品,大多产品决策者更习惯最简单最懒的解决办法:先让用户看这个面板还是那个面板,好吧,不如让用户自己决定吧,这真是一个最糟的设计和思考方式。

登录注册表,是让你的产品决策树呈直线增长的唯一机会。



我们抓住了这个机会,并实现了它。


我们的注册流程本身就是一种产品体验, 它投入了和最终产品体验一样多的精力。

当用户注册时,我们会以一小块一小块的方式向他们展示屏幕,而不是给他们无数个选项, 人的大脑更喜欢于通过易消化的小块获取信息(看看现在浏览的页面是如何分块的?) 这样实现的注册流程会为用户带来更愉快的体验。

每个简单易懂的屏幕页面,是我们切实需要的,此刻用不到的信息,不需要让用户现在填写,必要使用时,再问询用户。

google analytics mobile 使用google账号登录步骤(账号和密码从放在一个页面,变为了分开放在两个页面,这里指的是登录形式的演变,不是Google analytics 本身登录的演变)



这是一条黄金法则:


登录注册时,当前步骤不必要的信息可以不用现在问询。这会增加难度和挫败感,远离整个登录注册的本意。

登录注册表也是需要花心思考量的,完成步骤后不能直接进入一个空荡的面板。

作为用户首次体验的一部分,需要确保用户安装了程序。我们明确要求客户启动程序,这样就可以连接到服务器。当然,这对我们意味着更多的工作量,我们必须在用户的程序里——显示或者提示,还有其他地方,设定大量的,重要的的逻辑来检查用户的代码状态,而不是简单的创建账户。



然而,这种额外的努力是值得的。


因为我们花时间来做这件事,确信代码在用户的应用程序中是正确的,他们可以第一时间体验到我们的产品。

最重要的是,我们创建了一个充满图表的假数据仪表板来取代空数据,并且模糊处理当作背景。在前景上,我们展示了一个带有动效的屏幕,方块模型会快速飞入屏幕进行拼合。

用户很快发现这些方块变成了他们自己产品的logo。

我们的用户非常喜欢这样的方式, 这与其他无趣填写表单的注册登陆形成鲜明对比。 我们看到了关于我们注册登陆的推文 - 它是多么令人愉快,多么有趣,以及用户的一些个人感受, 我们知道我们又做了一些令人难忘的事情。



现在,你可能还在疑惑,为什么初期在登录注册流程上重点投入如此多的精力,而不是花时间在产品的核心功能上。


结果是最好的证明

Crashlytics在移动分析领域的表现里排名第一,使用率超过了排名第2到第6的总和。

我们的产品 Answers是成长最快的移动分析产品,先后打败了Flurry和Google Analytics,并在10个月内排名第一。

在一年的时间里,Twitter收购了Crashlytics。然后,2017年发布Answers后,Google从Twitter手里收购了Crashlytics 和Answers。

很明显,我们必须做出正确的事情才能成为移动分析领域的领头者,我们关注新用户体验的细节,正是我们的产品口碑之所在。

我们不需要市场,不需要在这些部门超支,其他公司分配的太多太多资源在这里。

当你做出受人喜欢的产品时,产品本身就会说话。



所以,如何创建一个真正难忘的用户首次体验呢?


归结于时间的感知

通常,新用户没有耐心,他们还不信任你。他们不知道会发生什么,只想尽快判断产品让他们更好还是更糟。

我经常将产品设计与电子游戏相提并论,因为在所有行业中,游戏是“时间的游戏”,游戏越能让你觉得一个小时过得飞快,你就越会花一个又一个小时在这个游戏上。

当谈到产品的初次用户体验时,没有人能做的比游戏公司更好。从你打开新游戏的那一刻,要么沉浸其中,要么你就会马上离开。

暴雪娱乐(Blizzard Entertainment)的热门多人游戏《守望先锋》(Overwatch)在等待屏幕上做了一些有趣的事情,我发现这是一个完美的例子,它创造了一款尊重用户时间的可爱产品。传统上,当你在玩一款多人在线游戏时,你必须等其他玩家加入后才能开始游戏。如果是6对6,你需要所有的12个玩家——对于大多数游戏来说,玩家会坐在等待屏幕上:等待所有用户,寻找服务器,等等。

《守望先锋》的聪明之处在于,它没有强迫玩家等待,而是将所有玩家放到一款迷你游戏中。它没有目标,没有规则。这只是一种在游戏世界中相互交流的休闲方式。他们会做一些平时不会做的事情,比如互相挥手、合作等,而不是像平常比赛那样,对方球员跑来跑去互相攻击。这是一种体验同一款游戏的新方式,相当于尊重时间的感知。



当一个初创公司在构建可视化他们的产品时,往往忽略了用户需要等待的那个时刻。 


他们为产品适配不同屏幕的原型,用一系列图表、数字和充满活力的数据集填充屏幕。唯独忘了(当他们的产品上线时)新用户将是从空白开始,没有数据,不长期使用,从零开始。用户第一次看到这个面板会怎么样,第一次看到他们的“好友列表”或消息框时会怎样?

然而它是空的

这意味着你得在特定的时间里检查并问:我们得做点儿什么让用户感觉他们沉浸在这儿,而不是正在等待什么发生,而它已经不知觉的发生了呢。

很多初创公司只以产品价值中心,而不是以人为中心。

人们的时间意识是非常强的——如何花时间、需要多长时间,以及时间投入与回报之间的关系,而且非常主观。

这意味着,如果您能够让用户的注意力集中在其他的地方,时间会过得更快;刚才提到的仪表板填充就是无趣的等待,时间感知更慢;让用户感到有参与感以及逗留感,会让时间感知更快。


这里有一些快速的例子告诉你,如何让用户的首次体验里的时间感知比实际快。


一般来说,我们将这些称为进度条


1.产品提示

当新用户首次进入产品时,给他们一些提示是非常有帮助的,告诉他们东西在哪里,它是如何工作的。也是一种让用户持续使用产品的策略,(只要是战略性地使用,不会成为用户使用的麻烦),使用户持续保持对产品的关注。



2.你知道吗?

加载屏幕是放置与产品场景相关的、快速、有趣的绝佳场所。

  drrible  作者: ueno



3.引用:

Slack是这样做的。当您在等待Slack的加载页面时,您会看到各种奇怪的引用话语,这会让你忘记等待。

每日瑜伽(课程暂停时,会出现语句引用)



4.动画:

使用加载动画效果更加明显,让用户感觉正在欣赏一些有创造性或独特的事情——而不是感觉他们一直在等待、等待、正经的等待着什么发生。

 drrible  作者:Oleg Frolov



5.后续跟进:

你必须有警觉,用户可能随时会离开。例如,当产品做了临时更新时,我们需要向用户发送一封设计精美的电子邮件,写着“亲爱的,你的应用程序本周起98%不会崩溃了。”这种积极的强化让他们感觉很棒,并给了他们更多的理由回来继续使用我们的产品。

Eagle新版本更新(前段时间用相机拍了些照准备导入到Eagle,发现不支持RAW格式,比较沮丧,然后向Eagle发送邮件反馈了一下,最新的新版本里已经支持了RAW格式,很开心,当然也乐于分享出来。)



接下来,如果你正在打造一个团队中多个用户都可以登录的产品,该怎么办?如何确保每个人都有难忘的首次用户体验?


这是我们在研发Crashlytics遇到的问题。

很多人问我们,为何在分析领域中如此受欢迎,有如此的多的用户,并且成长这么快。

事实上,我们花了很多时间让我们的产品适应用户的自然工作流程,因此,许多初创的产品也在效仿,尽管理论上很棒,但却违背了他们想要吸引客户的自然节奏和流程。

举个例子,很多公司创建了一个用户使用面板,注册账户的产品,然后和团队中其他成员共享登录名和密码(在我们的例子中是工程师)



遗憾的是,该产品只给其中一个用户提供了完整的首次用户体验,而不是所有的用户。


这并不是MLP(Minimum Lovable Product——最小惹人喜爱产品),而只是一个产品的功能。

在Crashlytics中,我们问自己:“如何才能让每个移动开发者都拥有难忘的首次用户体验——不管他们是否在同一个团队?”

为什么我们要问自己这个问题?因为如果用户第一次有这种新鲜有趣的经历,他会告诉别人。

也就是说,如果有10个人第一次有这种新鲜有趣的体验,他们会告诉另外10个人。



这是一种以人为中心的增长策略,像野火肆一样肆意蔓延。


我们是如何设计的呢?在观察了开发人员的日常工作流程后,意识到他们日常工作的一部分就是每隔几个小时,或者时不时检查他们的代码。

所以我们创造了这样的体验:只要同公司的第二个使用者下载同步了最新的代码在他们公司的app上,就会有一个带有头像照片的弹窗出现在第一个开发者那里,并写道:“嘿,约翰需要验证你在他的团队。请输入您的电子邮件地址。” 他们会输入他们的电子邮件,于是他们变成了Crashlytics的另一个成员。这意味着他们也可以收到相同的通知邮件和你想表达的观点。

一个小的细节带来大不同的结果:是每个公司的程序是只有一个共同的Crashlytics账户呢,还是每个公司的开发人员们都有自己的Crashlytics账户。



打造难忘的首次用户体验的最后建议


大多数企业家设想他们的产品最好的一面。想象数百万人使用,获取大量数据,显示大量活动。

这就是我所说的“第40天愿景”。他们模拟了不错的想象。从投资者的角度来看,它看起来不错,但仅此而已。很少有初创公司真正关注用户刚接触产品时,然后第一天,直至以后...

大多数用户在第40天之前就放弃了。他们需要不断地看到和感受到价值的证明。否则,他们将进入一个空的,陈旧的应用程序,不知道该怎么接着使用产品。

这就是为什么我如此强调创造第一次体验的重要性,提供真正的价值,并向用户展示他们可以期待的未来,日复一日。

不幸的是,大多数初创公司并没有专注于第一次的用户体验——他们为此付出了代价。这就是为什么很少有用户能撑到第40天,也很少有公司能撑过首轮融资。


我作为投资人、顾问或导师(目前参与了50多家初创公司的工作),问过几乎所有公司一个问题,那就是他们的入职流程是什么样的。


“第二天你如何与你的用户互动?”


你只有一次机会给人留下良好的第一印象。第一次体验对于你的产品的成功来说和其他功能一样重要,甚至更重要——因为它是你与之交互的第一个功能。


记住,你必须为你的用户赢得更好的时间体验



感谢你的阅读!





翻译总结:


总结是翻译者(就是我 petinia)对于原文的理解与思考,一种不成熟的或者不一定理解到位的陈述,阅读时,请有你自己的分辨与考量;还有一点,真理是流动的,具有时效性的,当你阅读这边文章并且联想到你自己的产品时,无论你产品经理还是设计师,这篇文章所提到的观点是否符合你们的产品战略,是否和你们产品的阶段性发展匹配,请你务必思考,不要盲目对号入座,划上一个勾或者叉,对错合适与否,都是有前置条件存在的。


浓缩一下文章:

作者在当时的环境中举例了大多比较糟糕的,不以用户为中心的产品体验,产品并不关注用户使用时的感受,也不为用户的利益争取些什么,这真遗憾。于是作者及其团队反思:我们想要什么?如何才能到达那里?然后他们研究了解,从关怀用户的角度出发,做出了难忘的首次用户体验,因为用户从未体验过这样的方式,这既新鲜有趣又备感关怀,于是用户们纷纷转发分享给更多的人,用户像野火一样蔓延燃烧扩大,作者及其团队的思考和行动实现了他们的所想,那这件事便被定义为成功与受欢迎。


有一点很重要,那就是人们会分享新鲜有趣从无人做过的事情。我加上了前置条件:是善意的


如果这是一条原则或者真理,就像2x2等于4那样,那么你只要将你的产品体验符合这些条件,用户们自然会喜欢你的产品并且分享扩散,也就是说成功是必然的。当然,新鲜、有趣、从无人做过是用户对你产品的感受和判断,不是你自己主观的认为产品足够新鲜、有趣、从无人做过。也就是说产品是否符合条件的定义不由你决定,这一点很重要,不符合条件的原则和真理是不会生效的。


文章里提到了以产品为中心和以人为中心,这让我里面联想到了一本书——《如何让你爱的人爱上你》,书的名字有点尬,看过后还是挺受用的,看名字就知道是一本恋爱技巧的书籍,推荐阅读。看完是否脱单,是否可以逆天改命,我不知道。我理解的是,这可以提升你的感情素养,以及对他人的了解。

从角度来说的话,和这篇文章有异曲同工之妙,书里也是从对方的角度出发思考,以对方理想伴侣的方式去爱对方,而不是以你喜欢的方式。我又加上了前置条件:符合法律和仁义道德,如果是负面的理想方式,真遗憾,我是不会考虑的。如果你有一盏聚光灯,应该照亮的是对方,让对方倍感照耀与闪亮,而不是你自己。列几个印象深刻的内容:

如何获取好的第一印象,身体上,心理上应该如何准备

自尊按摩

请用温柔的目光直视对方的眼睛

这个很有意思,注意,是温柔的。而不是凶恶的、闪躲假装若无其事的,是持续的、温柔的目光注视。对于羞于和别人目光接触的人来说难度有点高,如何确定眼神温柔呢,第一首先理解温柔的含义,第二搜索带有温柔眼神的图片借鉴一下,第三对着镜子练习你理解到的温柔,三点仅供参考,没有实践过。




相关链接:


IOS Progress Indicators (IOS进度条规范)

Material Design Progress Indicators (Material Design进度条规范)


原文链接:https://hackernoon.com/the-quintessential-guide-for-building-an-unforgettable-first-time-user-experience-19720a7447d2


文章里提到的移动分析网站:

https://www.localytics.com/

https://www.flurry.com/

https://mixpanel.com/

https://analytics.withgoogle.com/


翻译者

petinia

ui阿卡

相关英文:


形容对产品的心情

As a new user, you would immediately feel frustrated, upset, let down — instead of excited, joyful, or eager to start playing with the product.

作为一个新用户,你会立即感到挫败、沮丧、失望,而不是兴奋、喜悦或渴望开始玩这个产品。


frustrated

英 [frʌˈstreɪtɪd]  美 [ˈfrʌstreɪtɪd] 

adj. 懊恼的,沮丧的;无效的,没有得到满足的;失意的,不得志的;(性欲)被抑制的

v. 挫败;阻挠(frustrate 的过去式和过去分词)

upset

英 [ʌpˈset]  美 [ʌpˈset] 

vt. 使心烦;颠覆;扰乱

vi. 翻倒

adj. 心烦的;混乱的;弄翻的

n. 混乱;翻倒;颠覆

excited

英 [ɪkˈsaɪtɪd]  美 [ɪkˈsaɪtɪd] 

adj. 兴奋的;激动的;活跃的

v. 激动;唤起(excite的过去分词)

joyful

英 [ˈdʒɔɪfl]  美 [ˈdʒɔɪfl] 

adj. 欢喜的;令人高兴的

eager

英 [ˈiːɡə(r)]  美 [ˈiːɡər] 

adj. 渴望的;热切的;热心的

n. (Eager)人名;(英)伊格


短语:

tends to be  倾向于

let down  使失望;放下;辜负;减速下降



再次感谢你的阅读!




35
阅读原文
|
举报
|
56
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
拟物风质感写实UI卡片合集源文件
【新年UI图标】钱包icon
3D渐变流体抽象矢量UI背景图
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
钱包ui模板
【新年UI图标】会员icon
抽象液态渐变UI背景模版
UI 登录界面设计模板包
【新年UI图标】汽车icon
【新年UI图标】秒杀icon
【新年UI图标】礼物/活动icon
UI界面 组件
盲盒APP UI设计
高级感金属拟物 UI设计组件库
智能家居中心 简约 UI设计组件库
科技医疗透明柜UI界面设计
3D卡通UI界面图标可爱插画免扣素
高级表盘系列UI源文件
【新年UI图标】体育icon
新能源APP应用UIKit
【新年UI图标】活动icon
新拟态风格 UI设计组件库
【新年UI图标】旅行icon
你可能喜欢
相关收藏夹
大家都在看
登录注册