体验设计师如何让用户进入心流状态 UI视觉 不知道大家是否曾经或者现在使用过某个产品,当我们在完成某一个任务或者在某个场景中时,自己的操作行为特备自然与流畅,注意力也非常集中,这种感觉让你非常的愉悦、舒适。所以契克森米哈提出了心流的概念: 个体完全投入某种活动的整体感觉,当个体处于心流体验的过程中,会对周边干扰视而不见,过程非常愉快且会觉得时间过得很快。 所以当我们在做交互设计时,我们追求的就是一种自然、能让用户进入心流的交互体验。但是大家不要误会了心流的概念,有些同学觉得我们在刷抖音、微博、微信就是一种心流的状态,那就错了。心流并不是一种简单的沉浸的状态,当我们在娱乐时不过是被内容吸引了,让你觉得沉浸只不过是你的行为操作形成了习惯,不是心流状态。 今天就来和大家分享一下如何通过一些方法,作出让用户进入心流状态的设计,这些都是有迹可循的。 1.用户自信的控制感 开过车的同学都知道,左侧刹车右侧油门,档在右手边,在国内所有车都是这样,所以我们不会搞错。在经过一段时间的驾驶后我们更能够清楚的了解汽车的动力、刹车等性能,所以我们会觉得这辆车的操控感觉很好。原因是他的设计符合了用户的预期。直觉的预期、位置的预期、功能的预期以及结果的预期。举个例子,当我给你一个任务,希望你能够快速的进入xxapp进行个人头像的设置,在这个前提条件下我们来看一下刚才说的几个预期: 直觉预期 每个人的直觉都不同,这来源于他生活中的环境影响和习惯影响所以对于我个人的直觉来说,要完成这个任务首先必须找到最初的入口,我的直觉告诉我这个功能大概率可能出现的位置会在底部标签中的个人中心板块中。 位置预期 个人中心板块的位置可能会根据信息架构而出现变动,比如抽屉导航中会出现个人中心的入口,例如滴滴。当我们进入之后会看到头像、名字、箭头等信息,特别是箭头,这个图标给人的预期是你可以继续进入进行下一步操作,那么用户对下一步操作的预期基本上就是会点击箭头或者头像,这个也是比较明确的。或者直接来一个编辑的按钮也是可行的,这样就不需要用户去猜了,但编辑的功能比较垂直了,所以到底用哪种形式,要根据内容来。 如果没有这个箭头,用户一定会产生试探性的行为操作,此时内心已经有疑惑且不自信了。所以在心流交互中,明确的功能引导非常重要。 功能预期 用户预期通过他的操作能够达成目的,那么最基本的就是在这条路径上的功能不能缺失以及减少其他的干扰。可以发现微信的个人中心最底部板块有两个热区,并不是一块直接进入个人中心的热区,如果点击名字这一整行,则会下拉引导你拍摄一段视频。所以有时候想替换头像以为点击这一块都可以进入二级,却发现这并不是我要的功能。 结果的预期 最后当用户进入编辑头像页面之后,需要关注其场景,这边微信做的就挺好:1.直接拍摄 2.之前拍摄或保存的图 3.上一张头像 4.当下我要保存这张头像 2.减少阻断式的干扰 很多时候交互流程已经做的非常自然了,但是当用户正在他的心流体验中,突然一个模态弹框跳出打断了用户,令人啼笑皆非的是这个弹窗只是告诉你一个不痛不痒的信息,这就比较难受了。 而我们来看马蜂窝当用户在app中完成某些特定任务后,不会出现模态弹窗的强制干扰,而是在顶部出现一个通知bar,这样原本在进行任务中间阶段的用户不会受太大的干扰,可以继续任务行为。 再例如美团外卖和饿了么,用户在点餐时对优惠优惠的关注是特别强烈的,而是否能够让用户认真的挑选菜品,我们也尽可能做到最低影响的打扰,就像满减去凑单的交互形式,点击后不跳转,仅在当前页面以文字形式让用户明白并行动,但这里去凑单很容易和去结算有误操作。 3.并减少不必要的操作 例如马蜂窝自定义旅程,进行多标签选项,当用户在当前页面选择完该页面的选项后自动帮助用户定位到选择日期的功能模块中。这样减少了用户不必要的下滑操作,像这样单一场景中对用户的行为预期是比较好判断的。 4.闭合路径 之前玩过很多款手游,即便是一些常用的套路,每家都能玩的不一样,例如宝石合成、英雄装备获取,有些游戏能够做到让用户在一个场景中不脱离。比如宝石合成这个功能。宝石从哪里来?是否能在合成合成路径中穿插购买的分支并再链接回合成场景?在包裹中进行合成和在装备界面进行合成是否流程一样;然而有些游戏当用户购买完宝石后需要重新自己再打开合成界面,非常繁琐,同时也导致了用户消费路径的断裂。 再比如装备副本获取这个功能,这里我们看一下权利的游戏这款游戏,当我一件装备的零部件不足需要进行扫荡获取,这里有两种场景,一种是我刚好只需要这4个件合成1件,另一个是我需要更多的零部件,不仅仅这一个,所以对前者来说我达成了目的就可以返回去合成界面,而后者我可能需要更多数量的零件,但不管如何我一定还是需要返回合成界面的,然而不管是哪个场景,都必须点击两下关闭按钮才能返回合成界面,所以在这个地方缺少了一个快速拉回用户状态的按钮,叫做“去合成”。 当我已经完成了我的需求后,能够让我快速的返回合成界面,因为合成装备才是我的最终目的,而不是刷更多的碎片。 下方的案例再解释一下第3点,当用户点击合成之后,不要提示告知用户数量不够,因为你已经显示了数量未达标,用户想点击的目的是让你告诉他未达标改怎么办,所以这里最好的处理方式就是把获取该装备的方法告诉用户。 5.恰到好处且不易发现的微交互 我们希望一个产品使用起来很自然,除了操作成习惯之后流畅外,一些帮助用户潜意识的连贯的微交互也显得非常重要。不需要有华丽的动画,有时候仅仅只是一个晃动,一个速度曲线就足以合理的表达功能的语言。 原文地址: 应谋鬼计(公众号) 作者:应骏 1 经验总结