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

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

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

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

  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

相关推荐

  • 上海benhealth招聘实习生 150/天

    回复「简历」,送你优秀简历模板。岗位岗位实习生岗位职责参与公司移动端、小程序以及 PC 端 Web 产品的交互设计;与产品经理和开发人员共同完成产品开发。岗位要求1. 平面、视觉传达相关专业本科或以上学历;2. 熟悉 Axure 和 Sketch 等交互设计工具;3. 热衷网络文化,熟悉网络热点和主流 App;4. 良好的沟通学习能力,工作热情高,责任感强。薪资福利150 元/天工作地点上海简历投递投递邮箱:jun.pan@benhea...

    2018-04-08
  • 交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

    这些交互设计 必备书籍,但你也许都没读过;初次接触交互设计 ,这11本书,刚好够读一年,你的技能将会有质的飞跃。

    2017-05-26
  • 怎么让引导不再是无用小透明?

    在接触一款新应用的时候用户常常会看到一些引导页,但在操作的时候直接当透明的就快速滑过或跳过了,这种时候,大家一定会有 “这些引导好无用啊”的无力感,目前甚至有着“如果一个产品需要引导,说明该产品缺乏友好…

    2015-11-19
  • 把握交互的第四维 — 时机关系

    日常的交互设计工作中,设计师在明确了需求目标、用户场景,搭建了信息结构之后,下一步便是构思如何让这些信息与用户之间产生有效的互动,而这就需要设计师将思路放在时间的维度上一步步的推进,这中间,便会产生许多关于“时机”问题的讨论。

    2014-12-28
  • 阿里UED双11组织文化传播-为每位阿里小二制造快乐

    这个组织,从创意策划、设计体验方案、执行落地再到传播推广,各种角色无缝衔接。下面带大家探秘这个神秘组织—UED双11品牌传播团队。印象里…双11阿里组织文化传播设计不就是内部宣传么(简称内宣)。Too young Too simple,一次成功的双11背后,内宣就好比阿里小二的精神鼓励师,支(bi)撑(po)着大家不断创造新的历史(走过最长的路,就是内宣人的套路,此处应有掌声)。那么,今年内宣设计的策略和体验核心是什么呢?今年双11品牌...

    2018-02-02
  • 为网页设计师 Web 设计编写的简要历史

    编者按:互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计 发展史,我们可以看到技术、设计与思想的演进,看到无数有识之士改变世界的剪影。本文作者是网站Froont.com的联合创始人Sandijs Ruluks。

    2014-12-30
  • 这个是很多人找交互设计文档的写作方法和模板

    文章来源与腾讯CDC 作者是yoyo 前言:最近准备做一个交互设计文档的分享,但是一直没有时间整理好keynote,这里先分享一个设计文档模版,以及模版中每个元素的使用理由与方法。之后的设计文档分享中,会加入更多的…

    2015-08-11
  • 2017赶集招聘节项目总结:建一座招聘之城

    为了在“金三银四”抢占先机,向本站导流,最重要的,是为了向广大蓝领招聘群体营造有趣、可信的平台,输出赶集优秀的设计价值和体验,我们3个设计师进行了各个维度的配合。注:视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的有景深的视觉体验。作为近年网页设计的热点趋势,越来越多的网站应用了这项技术。

    2017-04-30
  • 一次虚拟项目练习:支付宝到位-Redesign

    大家好,其实,我是一个视觉设计师。嗯,没错,因为对交互设计的兴趣使然,这次我想在此放一篇交互设计类的文章,以总结我这段时间的思考与设计过程,仅供交流。请多多指教。

    2017-05-11
  • 交互设计|康石石浅谈如何创作一本打动考官的作品集

    近年交互设计大热,但交互设计是否如大家所见所想仅是网页及APP设计,申请交互设计艺术留学的同学们又该如何创作帮助自己跨入名校大门的作品集?今天,康石石为大家带来此文,分享交互设计作品集的创作方法(求职作品集可同理借鉴创作思维)。关于交互设计作品集创作,康石石首先向大家强调几点:1.交互设计不仅仅是网页和APP现代交互设计从某种程度上来说虽然和网页与平面设计的联系从发展的时间上看联系较为接近,然而交互设计并不是一个单纯研究电子产品用户界面...

    2018-02-03