交互设计

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

0
登录或者登记去做吧。

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

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

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

  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

axure 折叠菜单
Axure iOS7 与 iPhone 机身元件库分享下载