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

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

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

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

  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

相关推荐

  • 机器学习相关——协同过滤,探索推荐引擎内部的秘密,第 1 部分: 推荐引擎初探

    机器学习相关——协同过滤,探索推荐引擎内部的秘密,第 1 部分: 推荐引擎初探 随着 Web 技术的发展,使得内容的创建和分享变得越来越容易。每天都有大量的图片、博客、视频发布到网上。信息的极度爆炸使得人们找到他…

    2015-12-22
  • 当我们爱上宜家的时候,我们在爱什么?

    第一次去宜家是在2007年。那年大三,学校组织在上海为期一周的参观和考察,除了各大博物馆、美术馆,宜家是我们这帮学设计的人必须去的地方。那时候逛宜家没有用户体验的概念,只感觉我能想到的家居宜家都有,我没想到的宜家也有,每一个样板间都很有格调,很有家的感觉,让人忍不住想赶紧结婚,赶紧买房子,然后照着宜家的样板间好好装修一把。

    2017-06-03
  • 用好的交互设计来管理复杂-“查看更多”

    “查看更多”按钮像一个链接标签的拐杖,在各类网页及App中被通用,网站现在已经大量使用这个通用的标签链接。作为一个独立的标签,“查看更多”按钮,直接描述所表达的含义,用以帮助用户从下一页了解所期望的内容。

    2017-05-18
  • 泛滥的移动产品设计模式

    如果你是一名移动产品设计师,你可能会同意这样的观点:参考借鉴别人的设计不算抄袭。这不仅是最佳的练习方法,也是一种设计模式,而且还符合业界主流的设计趋势,同时还能确保在用户熟悉的模式下来创建可用性的界…

    2016-10-18
  • 交互设计 | 张艺谋这样玩儿

    3 月 4 日,张艺谋导演的观念演出《对话·寓言 2047》在上海大剧院正式演出。在连演两场之后,他们将移师广州和杭州,共同组成《对话·寓言 2047》第二季的演出。尽管被称为第二季,但此次演出的内容与去年 6 月在国家大剧院上演的第一季大体相似。开场仍旧是 71 岁的蒙古族老人其布日一边编织着麻绳,一边唱着悠扬的蒙古长调。背景中,美国先锋艺术家 Daniel Wurtzel 利用空气动力学原理,让一块云纱在舞台上翩翩飞舞。在这个段落之...

    2018-03-06
  • 设计师升维:集创思维构架设计逻辑

    现时代的设计师不应只看到美感,从长远而言,需要从商业/产品/体验/视觉多个角度综合考量构建设计形态(集创思维)。体验分析_方案1_产品提供的原始方案
    方式:点击条目>输入数值或点击加减>点击确定完成
    最大操作次数23次:点击条目1次,点击21次+号到最大值,点击确定1次,少数用户会使用此方式。
    常规操作次数6次:点击条目1次,点击输入框1次,输入数值3次(如3.5),点击确定1次。
    最小操作次数3次:点击条目1次,点击+号随即完成1次,点击确定1次。体验分析_方案2_提前防止用户出错
    方式:点击条目>滑动弹窗>点击完成
    最大操作次数4次:点击条目1次,滑动到最底部需要2次,点击选择1次。
    最小操作次数2次:点击条目1次,无需滑动,当前已有他要的选择,点击选择1次。体验分析_方案3_减少操作
    方式:点击数值选择
    最大操作次数1次:直接点击选中
    最小操作次数1次:直接点击选中
    屏占比:半屏
    扩展性:低
    操作点击次数降低,但屏占比过多,且不适用于当数值更大时(如果以后数值扩展到100%,那么整几屏都是按钮)体验分析_方案4_减少操作,防止出错
    方式:拖动圆点选择
    最大操作次数:1次
    最小操作次数:1次
    屏占比:低
    扩展性:高
    操作次数低,效率高,屏占比少,具有适用性,可以多个此类操作叠加使用

    2017-05-17
  • Sketch强大新技能: 支持多个设计师之间同步组件啦!

    ▵优设品牌号,旗下新品及内测邀请码资格均在此号,关注推送掌握动态,有机会第一时间获取。封面设计:Graphéine团队里多个设计师之间经常需要共用一些设计组件和元素,如果可以有一个包含这些组件的 Symbol 库,并且自动和所有人保持同步就好了。现在 Sketch47 就搞定了这个问题, 再也不用像过去一样通过发邮件、QQ 来同步了。如果你的团队需要多人共享一个 Sketch 组件库, 只需把这个包含公共 Symbol 的文件在你的 S...

    2018-03-02
  • UI设计师工作必备的七个设计神器

    今天推荐的这7个神器,有经典款也有新人版,不过大致贯穿了UI设计的整个工作流程,从排版、配色、切图到标注、预览,都有对应的良心神器推荐 ,非常适合刚入门的UI设计师,当然,有两款谷歌刚出的神器,也值得老手们来瞧一瞧。

    2017-05-31
  • 提高交互设计技能的五个方法

     设计师 交互设计师  现在,所有基于Web进行设计的人都需要对交互设计原则有一个基本的了解。即使你没有在人机交互、用户体验设计或人性因素等方向的正式学习训练,但只要你了解这些学科的基本原理,依…

    2017-08-01
  • 美国交互设计综合类&艺术类院校申请侧重点有哪些?

    回复【交互】,获得专业老师一对一专业指导随着现今数字智能等高科技的发展,交互设计成为近些年众多艺术留学生的热门首选专业。但热门并不代表很多同学都对交互设计有所了解,比如,根据向汉艺咨询的学生情况分析,90% 的同学都分不清什么是到底什么是交互,只是很表面的认为交互就是各种“APP”、“UI设计”或者VR/AR。实际上,即使国外最顶级的院校,你也找不到一所专门设立“APP”的专业,“UI设计”严格上来说只能算是“平面设计”,而设立VR/A...

    2018-04-18