我们从最大的UX和设计错误中学到的教训

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

我们从最大的UX和设计错误中学到的教训我们终于达到了50万用户的目标缓冲这是一款帮助你更有效地在社交媒体网络上分享的产品。大约两年前,当我们开始开发Buffer时,我们知道在这个过程中会遇到障碍和错误。我们牢记在心的一件主要事情是,犯错误是不可避免的,如果我们选择从错误中学习,它们将有助于我们如何更有效地前进。

我相信,正是因为这些错误,我们才有了今天的成就。

塑造了我们如何开发产品的体验

在讨论我们从UX和设计错误中学到的最大教训之前,我想谈谈我们的主要产品开发原则之一:

验证首先,代码晚些时候”

让我告诉你这是怎么回事。当我们的创始人Joel Gascoigne想到用Buffer构建一种更智能的方式在Twitter和其他社交网络上发布信息时立即开始编码,而不是先验证他的想法(这是他过去通常处理事情的方式)。在进行了几分钟的编程之后,他意识到这不是正确的方法。

所以他尝试了另一种方法。他所做的就是建立一个登陆页面,就好像他的产品已经存在一样,即使他还没有完成所有的事情。然后他继续在推特上传播他的网站链接。

有兴趣的人会点击登陆页面上的一个按钮注册一个账户。然后,他们会看到另一个网页,上面写着Buffer还没有完成,并要求感兴趣的用户留下他/她的电子邮件地址,以便Buffer启动后他/她能尽快收到电子邮件。这一策略非常有效,我们获得了第一个付费客户花了7周想出这个主意。

从这次经验中,我们创立了三个关键的产品开发原则:

  1. 尽可能减少功能或产品的第一个版本。
  2. 准备好一个漫长的旅程,有很多课程的重新定向。
  3. 把任何关于功能的想法变成首先需要用户验证的假设。

现在您已经对我们的产品开发原则有了一些了解,下面我们学到的经验教训将使您更有意义。

经验1:用户流应该关注留存率,而不是收益

我们在早期发现的一个关键(UX)经验是,我们需要专注于此保持我们的客户而不是产生收入。用户体验是至关重要的,因为它具有直接的对声誉的影响.我们就是这样学到这一课的。我们最初登陆页面的用户流如下:

  1. 当你第一次看到我们的登陆页面并点击注册按钮时,我们会显示一个“订阅计划和定价”页面。
  2. 从那里,您将被要求选择“免费”计划或我们的付费计划之一。
  3. 在你选择了适合你的计划之后,你可以通过提供你的详细信息(例如,你的名字,电子邮件地址等等)来注册。

有了这样的用户流,人们在注册时选择一种付费计划的比例就会很高,因此我们可以在早期产生收益。然而,我们很快了解到,那些在获得使用机会之前选择为产品付费的用户发送了我们的流失率通过屋顶。为什么会发生这种事?

我们发现人们会付费,但他们甚至不会开始使用Buffer,最终他们会取消订阅。所以我们改变了注册用户流程和获取用户的理念。我们决定对自己说,“让人们先开始使用我们的产品,这样他们就可以直接体验我们产品的价值,这将有希望鼓励他们升级到一个付费订阅计划。”这对我们来说是件好事。

因此,现在通过我们网站的用户流变得更加无缝:用户流重新设计的结果是,发生了两件重要的事情:

  1. 更多的人注册了因为我们并没有将定价页面作为插页广告去稀释漏斗。
  2. 随着时间的推移,越来越多的人升级了因为他们开始真正使用我们的产品,发现其中的价值,并坚持与我们合作。

从那以后,我们对产品进行了更多的修改,提供了更多的免费功能,我们的核心产品功能仍然是免费的。只有在我们确信您确实从使用Buffer中看到了很多价值之后,我们才会鼓励您升级到付费计划。让用户流关注用户留存是我们的一个重要发现。

经验2:社交登录比电子邮件登录更好

数十次失败后A / B测试为了提高我们登陆页面的转化率,我们想到了启用社会登录(例如,注册一个Buffer账户,并使用你的Twitter, Facebook或LinkedIn账户登录)。毕竟,Buffer是用来在Twitter、Facebook和LinkedIn上发帖的,所以我们的潜在用户能够快速、方便地使用他们现有的一个账户注册是合乎逻辑的。为了便于比较,下面是我们的初始登录页面,您可以使用您的电子邮件和密码注册:我们从电子邮件登录到社交登录的转变是我们最大的发展策略之一,让我们最终增加50%的注册人数。

在这个登录切换的时候,我们从日注册人数在500到800之间几乎在一夜之间。

第三课:尽早测试你所有的假设

让我告诉你一个故事,关于我们如何在一个新的浏览器扩展重新设计的想法悲惨地失败。Buffer的一个重要部分是我们的浏览器扩展Chrome、Firefox和所有其他主流浏览器都可以使用。我们知道,如果你是一个用户,并使用扩展,你会有最好的体验与产品。

从任何网页上分享,并轻松地将所有内容添加到你的“缓冲区”中,在Twitter、Facebook和LinkedIn上分享,成为最强大的用例。所以我们很自然地专注于产品的这一元素并尽我们最大的努力去完善它,因为我们显然有一些想法能够让它变得更好。但当我们开始制作一个更好的浏览器扩展时,我们似乎又回到了我们的老习惯,犯了我们知道应该避免的同样的错误。

以下是我们如何(不正确)接洽兴建我们的新扩建部分:

  1. 我们发现了现有浏览器扩展的一些问题,然后就我们想要改变的地方进行了头脑风暴。
  2. 我们花了大量的时间和资源来设计和开发一个功能齐全的第一个版本。
  3. 我们在后期测试了第一个版本,并意识到人们在使用它时非常困惑。
  4. 我们把新想法封存起来,再也没有推出过。

这是我们从未投入生产的浏览器扩展的新布局:养成…的习惯尽早测试你的每一个假设自从那次失败以来,我们已经深深地烙在了脑海里。为了让事情变得正确,我们现在是这样构建新产品和功能的:

  1. 确定现有产品的问题,并头脑风暴您可能想要更改的内容。
  2. 和用户谈谈他们是否也有同样的问题。
  3. 在与用户的讨论中验证后,快速构建线框图或简单的原型制作时间不会超过1-2天。
  4. 再次与用户交谈,看看他们是如何与你的原型进行互动的。
  5. 进一步迭代,得到一个可以向更多用户展示的可用特性/产品。
  6. 跟踪用户粘性/增长/收益指标,再次与用户交流他们的体验。

第四课:清楚用户界面标签

我想和你们分享的最后一课是我思考了很长一段时间的事情:存在的问题清晰的你的标签,按钮,帮助文本等等聪明的和他们在一起。Intercom的Des Traynor非常好地定义了这个问题在一篇文章中

情境:你构建了一个很棒的功能,解决了你知道用户存在的一个实际问题。

不过他们并没有使用它。通常情况下,这是因为他们没有看到它,或者他们看到了但不知道它做了什么。

这种情况是我们继续面临的。

在Buffer中,你可以将多个社交账户连接在一起,这样你就可以从一个地方发布消息,例如,你用Twitter账户注册或登录,但你也想连接你的Facebook和LinkedIn账户到Buffer,以便从一个地方发布消息更容易。它过去是这样的:我们想,有一个聪明的“加号”(+)符号图标会告诉人们,这是添加其他社交网络账户的方法。然而,我们不断收到用户的电子邮件,询问我们是否有办法在Buffer中连接他们的Facebook或LinkedIn账户。

所以我们所做的就是改变“连接”按钮的各个方面,将其变成一个占位符图标,使用一个更大的加号,以及许多其他设计调整。最终的设计方案是什么?解决方案很简单:使用简单的文字“连接更多账户”,这比使用(我们认为的)巧妙设计的图标来表示这个UI任务要清晰和有效得多。

我们学会了选择清晰的解决方案在聪明的解决方案——即使前者可能没有那么漂亮、那么独特或那么酷——总是对用户更好的。

结论:一切都是需要验证的假设

我们相信我们的公司和我们的应用仍处于早期阶段,所以我们的许多设计过程和方法仍处于实验性阶段。的概念不依附于一个单一的想法将每个设计或功能迭代都视为需要验证的假设,这是我们学到的最重要的东西。用户体验对于像打高尔夫球去餐厅,因为人们需要很容易就能使用你的网站,否则他们就会去别的地方。

这就是测试如此重要的原因。我们计划开发更多用户会喜欢的功能。我们还希望建造更多的,但我们将不得不扔掉。

我们认为这种思维方式将为我们创造用户真正想要的东西提供最大的潜力。

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!