让客户更投入!产品设计中的「心流」状态营造思考

鸿影:心流,指的是人们全身心投入某事的一种心理状态,心流产生时会有高度的兴奋及充实感,在「心流」状态下,人们精力集中、全神贯注,这也往往意味着可以有持续、高质量的学习或产出。

而在产品设计中,让用户进入「心流」状态,也可以带来各种各样的好处。以我目前在推动优化的一个业务场景为例,它涉及到对用户的培训(学习掌握完成任务需要的背景知识和要求)、考试(检验用户培训后是否达到要求)以及用户达到要求后的任务分发执行,如果能激发用户的「心流」状态,对于培训效率、考试通过率以及最终任务执行的结果质量,都可以起到积极促进作用。

那么,怎么通过产品设计的手段帮用户进入「心流」状态呢?《消费者行为学》中提到,「心流」体验具有以下特征:乐趣的感觉;控制的感觉;专心致志与高度集中的注意力;由于活动本身而得到的精神享受;扭曲的时间感;所面对的挑战与个人技能间的匹配。而对于乐趣感、控制感、注意力,有许多熟悉的设计方法都可以帮我们达到目的。

乐趣感:游戏化包装 & 情感化细节

玩游戏的过程被视为最典型的心流体验,而游戏化的包装手段,可以将原本枯燥的事物变得更加有趣,吸引用户主动持续地参与。Walkup 就是这方面的典型案例,将简单的走路变成环游世界解锁各种美景成就的故事。

让客户更投入!产品设计中的「心流」状态营造思考

一个叫 Memrise 的背单词应用也用了类似的手段,将简单的背单词任务列表包装成了一段太空冒险的经历。

让客户更投入!产品设计中的「心流」状态营造思考

实际的游戏化设计手段非常丰富,以上说的只是冰山一角。而有趣的情感化细节融入,可以对用户情绪进行更好地管理,好的状态可以受到激励和保持,遇到障碍时则能被有效安抚,比如以下有道口语大师的案例:

让客户更投入!产品设计中的「心流」状态营造思考

控制感:符合直觉 & 位置感知

「控制感」指的是个体对能够控制自身的个人意愿的觉知,能清楚地预知和掌控接下来发生的事情。而在产品设计中,我们应该做的则是尊重用户的直觉/心智模型,提升功能可供性(Affordance)。移动场景下常见的滑动、捏合缩放、旋转等自然触控手势交互就是符合直觉、不需要太多学习成本的典型案例,不少 GTD 产品里都有出色的经典运用。

让客户更投入!产品设计中的「心流」状态营造思考

除了功能操作本身之外,也要关注用户对当前所在位置的感知,比如涉及大量信息浏览的场景,平铺直叙会让人感到过于冗长、易失去耐心,而结构化的信息呈现方式 + 清晰的进度外化,则可以加强用户浏览过程的控制感、提升浏览完成的信心。

注意力:强化内容 & 避免中断 & 音效

高度集中的注意力,意味着对当前内容/操作本身的关注,而不受到其他无关元素的干扰。在内容呈现方式上,可以通过精简不必要的信息、沉浸式浏览、设计风格轻量留白等手段,引导用户将注意力集中在内容本身;在操作路径上,则需保证尽可能的顺畅,集中在当前主要操作上,即使有提醒也使用更轻量的方式,而不是用粗暴的模态弹框等方式干扰中断。

除此之外,我觉得音效也是提升注意力的手段之一,就像我们工作中会通过听歌来帮助自己进入状态一样,合适的背景音乐也可以帮助用户沉浸在当前场景中,效率类应用 Sway 就是一个不错的案例。

让客户更投入!产品设计中的「心流」状态营造思考

当然,以上只是不完全的总结,我相信还有很多方法和案例是有助于实现「心流」特征(乐趣的感觉;控制的感觉;专心致志与高度集中的注意力;由于活动本身而得到的精神享受;扭曲的时间感;所面对的挑战与个人技能间的匹配)的,欢迎交流补充啦~

欢迎关注阿里CCOUX团队的微信公众号:

让客户更投入!产品设计中的「心流」状态营造思考

「如何做出打动人心的设计」

  1. 《进阶好文!如何从3个层面做出打动人心的设计?》
  2. 《如何做出让竞争对手难以复制的设计创新方案?》

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

收藏 2
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。