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

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

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

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

  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

相关推荐

  • 我的设计流程|学会这3招,跟反复改稿Say No!

    设计师要想摆脱反复改稿的噩梦,自身就必须要更加专业以及见多识广,要么你能选择去跟一群专业的人共事,要么是你能用你的专业引导或配合别人按你的思路走。

    2017-05-15
  • 解密 Facebook 广告业务:用户体验与商业价值的双赢靠什么?

    本文经授权转载自极客公园(id:geekpark)文:宋德胜责任编辑:克里斯「把核心的事情做好,用户增长、收入增加会随之而来」,Facebook 近期在产品上的一些调整恰恰体现了这一想法。当地时间 1 月 19 日下午,扎克伯格在个人的 Facebook 账号上宣布,Facebook将对媒体机构进行评级,并在算法上提高优质媒体的内容在信息流中出现的优先级。公告刚刚发布,《纽约时报》等权威媒体机构的股票应声上涨。无独有偶,扎克伯格发出公告...

    2018-01-30
  • APP界面设计规范编写指南

    在创作阶段设计页面时,如果没有规范来指导,设计过程中很容易产生细微的出入,导致出现控件不一致,增加返工率,这时候我们需要界面制定设计规范。

    2017-05-05
  • 初感避孕套用户体验反馈

    其实初感明白,很多朋友都徘徊在到底要不要代理初感这款产品上,很多的朋友都在问初感长的啥样的?以及初感避孕套的价格是多少?初感避孕套怎么样,好不好用?初感避孕套的效果如何?初感回头客多不多?今天我就把我自己的亲身体验分享大家!初感长啥样?下面就是初感的包装图和套子的实物图:高大上的包装盒,简便易撕的小袋子!初感的价格到底是多少呢?来看看初感安全套与市面上各大品牌的价格对比:通过这张图可以看到,初感安全套不仅比那些大品牌的安全套价格便宜,而...

    2018-02-12
  • 【干货分享】从交互角度聊聊四类弹框的设计准则

    本来传统意义上的弹框一般有三种: 系统自动弹出的提醒 帮助用户快速的做出选择 对用户的操作给予反馈 但是现在还多了一种,而且很多产品都在用这种弹框方式,因为它很赚钱 — 广告。所以广告类的弹框已经被我列入弹…

    2016-08-11
  • 饿了么 UED 又搞事情啦!

    近日,据保洁阿姨匿名举报,在上海饿了么总部的榴莲酥会议室内,有人在工作时间聚众搞事情……据说场面隆重,气氛活跃,不堪入目。本台记者 @孟小雨 迅速赶往了现场。-----据调查,这次始作俑者是作为宇宙霹雳无敌超级吃货公司饿了么中最有逼格+设计感的团队—— UED 部门。在这个辞旧迎新、恭喜发财、还不放假的时刻,该部门秘密召开了第一届 UED 年度颁奖典礼!记者被大会的美食吸引,潜入该组织内部,随即被惊呆了。说到颁奖会,你以为是这样的?领导...

    2018-02-25
  • 谈谈(web)网页设计中的留白原理 – 2016版

    设计中存在很多关于留白的只是,零零散散在网上也看过很多,总感觉比较零散,自己根据自己的感觉,重新把留白的原理和一些技巧系统的归纳整理了以下,也对自己的一个提升。分享给大家。

    2017-05-28
  • 如何设计聊天机器人的用户界面

    未来,聊天机器人将会进行语音整合。“ 预期设计是算法驱动的,以用户为中心的设计规范,我们已经看到产品和服务成功利用机器学习来推断用户的偏好。”
    “在预期设计的下一阶段,产品和服务将旨在预测每一个需要和需求。清早,当你准备上班,通过声音激活的个人助理将评估你的通勤时间,提醒你地铁即将晚点后,确认道路交通状况良好,然后帮你呼叫Uber,顺利让你在晨会前赶到办公室, 这些操作都是自动的,无需咨询,而且这些操作都是没有问题的。当你到达办公室时,您的咖啡机已经定位好你的位置,你一走进来,你的咖啡已经准备好了。”“为什么我得到这个?这与我有什么关系?”“聊天机器人曾给我推荐了一个很好的度假去处,但这次的推荐非常糟糕。”“为什么聊天机器人为我推荐孕妇装?我没有怀孕!这很让人尴尬!”

    2017-04-29
  • 快速学习时序图:时序图简介、画法及实例

    时序图作为常用的UML交互图,可以直观的传达系统内外之间的交互过程,经常用在详细设计文档中。下面本文综合参考了多篇时序图的教程,根据作者的思路将时序图做了更深入的讲解。

    2017-05-06
  • 交互设计基本原则(第二部分:默认和可见性)【UXRen译#157】

    作者:Bruce Tognazzini  |  翻译:邱金,校审:Chen Jing   一、默认Defaults 1.1 原则:输入框的默认值应该很容易“吹走” 当用户激活一个输入框,当前条目应该自动被选择,以便按退格/删除键或开始键入来清空条目…

    交互专题 2017-08-07