有奖励的互动提高用户参与性

奖励点燃我们的动力。奖励让我们知道我们正在做正确的事情,并使我们继续探索学习新东西或者实现一个目标。 用户收到的一个不经意的变量奖励会更有效,因为人类渴望可预测性。 我们到处寻找规律,试图理解这个世界。 当我们收到意外的奖赏,我们会考虑因果关系,以此再次得到奖励(以及那些积极的情感)。

你可以在你的网站和应用程序设计中以形式引出快乐惊喜,灵感,或启迪。 通过诱发这些积极的情绪在你的听众,将使你的应用程序使用起来更愉快。 反过来,这将更好地吸引用户和帮助建立积极的品牌观。

下列方式可达到最佳效果:

  1. 响应用户的交互,令用户激动并让他/她留意接下来的惊喜
  2. 补充用户之旅,确保惊喜为非侵入性的用户体验

让我们来看看以下三个品牌有效地使用奖励,来激发自己的思考。

MailChimp

作为创建和发送电子邮件的web应用程序的MailChimp,在配置和安排他们的第一个电子邮件时通过添加意想不到的幽默和积极的整个过程来奖励用户。

我紧张地点击进入我的第一次MailChimp邮件配置的最后阶段,“我是否应该最后一次重新访问这有创意的设置吗? 第四个QA不会错的,对吗? “确认屏幕加载了,MailChimp的可爱的卡通黑猩猩Freddie迎接我了。 GIF显示它出汗的手接近一个红色按钮(图1)。在动画上面写着,“为发射做准备。 这是你的荣耀的时刻。 ”我笑了一声,感觉轻松了。 “这种焦虑是很正常的。 这是你的第一次发射,一切都没问题! “MailChimp明白这个过程并不容易,于是利用幽默来回报用户。

我轻松地点击“发送”。 返回的页面刷新并出现Freddie,这次给我击掌和我一起庆祝这一成功(图2)。知道用户配置邮件成功时感到兴奋,MailChimp奖励他们欢呼。

Freddie突然又返回了当我发送我的第一封电子邮件(图3)。

通过添加这些小的和令人愉快的惊喜旅程,MailChimp令发送电子邮件拥有更多乐趣。 所有这些意外在响应用户交互时发生了并丰富了用户的使用旅程。 这样可以确保没有侵入性或避免看到断续的提示而立即想退出程序。

Figure1_Mailchimp_Confirmation_View3

图1 - MailChimp的确认视图使用幽默来缓解紧张局势

Figure2-Mailchimp-Success-View

图2 - MailChimp与你庆祝成功配置的视图!

Figure3-MailChimp-Scheduling-View

图3 - MailChimp的包含一个好玩的惊喜邮件发送视图

Photojojo

Photojojo,一个摄影配件电商平台,在其网站上包含一些奖励,它能够诱发用户微笑和创造积极的氛围,发展更多的用户。

当主页加载时,他们头副本读取“Truly unique gifts & gear for photographers ”,不到一秒后,它输入“everyday”,“Truly unique gifts & gear for everyday photographers”(图4)。这个词很快就换成“iPhone。 “这个简单的动画令我微笑。 作为一个iPhone摄影师,这表明Photojojo欣赏不同类型的摄影师,访问他们的网站。 这是一个非常整洁的微妙的方式,Photojojo说“谢谢你访问我们的网站”。

当你向下滚动页面,看看他们的产品,你会注意到他们博客文章的链接(图5)。它们包括DIY项目和摄影技巧。 下面是一个销售摄影配件的电子商务商店提供diy免费赠品。 Photojojo是奖励用户在他们的网站上有做到这一步,才向他们提供免费的提示和技巧。

在页面底部,你会看到一个愉快的gif动画卡通的恐龙拍摄你的照片(图6)。Photojojo是在回报用户在他们的网站上花费时间,至少确保如果用户准备离开,他们会笑着离开。

发现自己在他们的产品页面上,你将会获得另一个令人愉快的惊喜! 这是我最喜欢的之一。 有一个杆题为“DO NOT PULL “,当你下拉时(尽管它告诉你不要),来自顶部的动画手下拉到需要浏览的产品细节(图7)。同样,Photojojo奖励用户的是一个意想不到的微笑。

通过添加一个令人愉快的惊喜来补充用户体验,Photojojo创建一个难忘的和有趣的购物体验。

Figure4-Photojojo-Welcome

图4 - Photojojo利用诙谐的你好欢迎它的观众

Figure5-Photojojo-Product-grid

图5 - Photojojo通过共享免费内容奖励用户浏览产品

Figure6_Photojojo_Footeranimation3

图6 - Photojojo回报用户,使其底部有一个有趣的动画

Figure7_Photojojo_Product_page3

图7 - Photojojo回报用户,产品页面上的另一个有趣的动画

GrubHub

GrubHub是一个在线订餐的应用,它利用幽默的话语奖励他们的用户。

在退房之前,你选择登录,创建一个帐户或选择“不,谢谢,我不喜欢方便”(图8)。我第一次看到大声地笑了。 通过在这一步添加幽默,GrubHub奖励用户进入更深访问。

在订单确认页面,有趣的视觉效果和好玩的副本食品交付与你庆祝你的成功。 这就是你参与GrubHub结束,和他们使用幽默让你与一个积极的印象(图9)。

这种幽默甚至扩展到他们的网站外部。 比如我近两个月没有使用GrubHub,最近我收到了来自他们的电子邮件,标题为:“你试图伤害我们的心吗? ”我会心一笑,并打开了电子邮件(图10)。 我收到大量的各品牌的激活邮件,99%的邮件我都忽视,因为它们都是相同的标题:“现在就行动! 30%折扣等等”、“你错过了什么的”、“我我我!”。 看到这个电子邮件,GrubHub第一个目的是奖励一个微笑。 这是一个简单而有效方法来维持关系。

GrubHub添加轻松而有趣的惊喜,使在线订购体验更多乐趣。 最重要的是,像MailChimp PhotoJojo这些惊喜总是用户发起和补充用户的旅程。

Figure8-GrubHub-User-journey

图8 - GrubHub添加幽默融入用户的旅程

Figure9-GrubHub-successful-order

图9 - GrubHub庆祝你的订单成功!

Figure10-GrubHub-Email

图10 - GrubHub电子邮件旨在让你微笑

添加你自己的奖励

重新你的审视网站/应用程序的页面吧,并看看哪里可以添加一些奖励。 利用这种概念使你的品牌作为跳板并可保持品牌的个性。 最后,请记住,这些奖励应该是用户发起的,用于补充用户体验的。

这里有潜在的视图/页,你可以添加奖励的,例如:

  • 404页:把无法找到的尴尬的页面变的顽皮或轻松。
  • 加载屏幕:加载时间使用一些有趣、轻松的话语。
  • 投资组合/案例页面:补充令人愉快的投资组合或案例研究。Teehan + Lax添加on-scroll使他们的案例研究阅读起来更加愉快。 当你向下滚动他们的案例研究页面,图形元素为动画。 这些图形元素的补充可保持读者想要阅读更多。 

Figure11-Slack-Loading-screens

原文作者:UXMAGAZINE  Husam Machlovi   木卫艾欧网译,转载请注明: https://www.iamue.com/2789

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/2789/

(0)
Smiler李想Smiler李想
上一篇 2015-01-09 23:35
下一篇 2015-01-12

相关推荐

  • 改善电商网站用户体验的6个技巧

    电子商务是一个复杂的系统,作为电子商务的典型模式之一,B2C网上零售网站要考虑的因素很多,甚至一些看似不起眼的因素都可能决定一个用户最终是否在该网站完成购物。 在消费者注意力越来越分散的今天。如果您希望潜在客户更多的停留在自己的网页上,进而产生购买行为,就需要牢牢吸引他们的注意力,并且提供简便愉快的购物体验。做到以下这6点,相信没有用户会拒绝从你的网站购买商品,甚至会带来更多的返购和忠实用户。1.提升网站的加载速度落地网页的速度通常是转...

    2018-05-08
  • 新手学交互----必看书籍之《微交互》

    最近有很多童鞋想学习交互设计,问我有什么好的书籍可以看看,今天小编为大家推荐一本好书《微交互》---细节设计成就卓越产品。由Smart Design的交互设计总监Dan Saffer所创作的,通过这本书展示怎么设计微交互,即…

    交互设计 2015-04-29
  • 交互设计延伸阅读:格式塔心理学5项法则的学习与思考

    格式塔心理学5项法则的学习与思考 最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非…

    交互设计WiKi 2015-08-27
  • 3分钟带你掌握11个最常用的交互控件

    本文作者将来总结一下各个控件的特点,方便各位更好的理解这些控件。(更具体的说明请参考:iOS和Android规范解析——警告框(Alerts)对比)(更具体的说明请参考:iOS和Android规范解析——简易菜单、简易对话框和弹出框 )(更具体的说明请参考: iOS和Android规范解析——简易菜单、简易对话框和弹出框 )
    (更具体的说明请参考: iOS和Android规范解析——底部浮层(上))
    (更具体的说明请参考: iOS和Android规范解析——底部浮层(下))(更具体的说明请参考: iOS和Android规范解析——确认弹框、全屏弹框和模态视图)

    2017-04-30
  • 为什么用户会无视网站首页的轮播图?

    数据显示:在三百万个网站中只有大约1%的网站首页上的轮播图会被点击。一个在首页上如此之醒目的元素竟然只有这么低的点击率……到底怎么回事?个中原因相比会让你大吃一惊。

    2017-05-19
  • 使用 Sketch 3.9 快速实现响应式设计

    Sketch3.9 终于发布了原生的响应式设计解决方案。只需要设置一个属性,便可以快速实现任意尺寸的适配。 昨天晚上,Sketch发布了3.9beta版 http://www.sketchapp.com/beta/ 其中更新的一个非常重要的功能,就是是可…

    2016-06-27
  • 基于用户体验的性能测试:模拟个别的用户延迟(续)

    本周免费下载杂志:《保健与生活》共计12本,请点击下行红色文字链接获取下载地址杂志推荐《保健与生活》3.       在TestStudio中生成时间延迟使用Rational TestStudio的VuC语言,有很多方法可以生成时间延迟。对于如何使用Think_avg及相关的命令和参数来实现,Rational的文档和培训资料已经做了详细的说明,这里不做深入讨论,只做简要介绍。这个方法只有在Think_avg命令不在计时器(Timer)里...

    2018-02-01
  • 空状态的设计值得更多关注

    空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微不足道。“用户会尝试多个同类app,然后在接下来的3到7天内决定其中的哪些不合适。对于’像样的’app,一旦用户决定保留超过7天,那么将会比较长久的存留下去。成功的关键在于怎样使产品在这3到7天当中保持与用户的良好互动。” Ankit Jain – Quettra“很多时候,人们放弃一款产品的原因其实都是我们可控的,例如他们无法一目了然的看出与你的app产生互动之后能给他们带来什么好处。” – Patrick Mckenzie

    2017-06-05
  • 搞定长滚动网页设计的四个技巧

    长滚动页面和无限滚动式的网页已经彻底流行开来了,甚至可以说它已经脱离趋势,成为了一种常规的设计,它们的流行并不是巧合。当用户向下滚动的时候页面的时候,所需要的内容与信息会自然的呈现出来,在此过程中通常不会涉及到额外的、多余的交互。

    2017-05-09
  • 需求频次的高低,如何影响产品设计?

    最近看过了很多千篇一律的文章,一直在给我解释一个事情,为什么那么多O2O死了,外卖和打车还活着。

    2017-05-30