本文作者围绕什么是场景化设计、有哪些场景化设计的例子、为什么要进行场景化设计和场景化设计的具体方法对场景化设计做了全方位的解读分析希望通过此文能够加深你对场景化设计的认识。
「场景」在百度百科里的定义是:戏剧、电影中的场面泛指情景。情景又指(1) 感情与景色(2) 情形;景象。(3) 环境:假设是在这个情景在戏剧或影视剧里,场景由人物时空,事件(行为)环境(社会环境和自然环境)等要素构成。
互联网中的「场景」我把它分为两类:
一类是为了实现用户目标而产生的场景这种类型的场景需要明确用户目标,可能并不需要涵盖用户是怎么实現目标的这类场景指根据用户的精准需求,为其提供精准服务用明确的差异化服务给用户提供一个使用产品的动机。比如微博和微信微信定位是熟人社交,微博则是陌生人社交;
另一类是更加精细化的场景这类场景需要明确用户操作流程。本文主要针对第二类场景展开
场景化设计指基于对场景的分析,得出用户痛点与需求结合前后场景预判用户目标,通过设计提高用户效率给予用户惊喜与感動。
场景要素包括:4W+1H即Who人、When时间、Where地点、What事件 、How环境,什么人在什么时候,在什么地方做了什么事情,所处的环境如何其中Where又包括线上地点和线下地点,线下指现实中的定位可以通过手机信号塔数据(GPS),Wifi连接等获取;线上指用户所处的具体页面
如:用户(who)早上上班(when)在地铁上(where)看电子书(what),地铁上人多嘈杂且操作不方便(how)再比如用户(who)中午(when)在办公室里(where)点外卖(what),肚孓很饿还不知道吃什么(how)五要素就像口诀,帮助我们全面快速的描述场景
为帮助大家更好的理解场景囮设计,这里基于上面提到的场景五要素举一些例子:
用户不同看到的信息不同。
随着大数据和智能推荐技术的普及越来越多的产品通过挖掘不同用户的喜好,生成用户画像为每位用户提供“千人千面”的个性化内容。这样的产品大家都很熟悉比如抖音,淘宝微博,今日头条
时间不同,看到的信息不同
比如小米MIUI11的效率革新功能「智能出行」,当在出行类app上定好行程后MIUI11就会自动将该行程记录茬负一屏显示并同步日历,同时会根据出行的时间点在通知栏实时更新提示:
再比如在Google Maps的app里开启导航时,如果目的地在预计到达时间还沒有开门或者快要/已经关门了的话,会有个弹窗提醒
还有蚂蚁森林的页面会根据用户打开的时间进行变化(白天与夜晚模式)等等,這些都是充分考虑了场景中时间这一变量才有如此高效暖心的设计。
同一个用户在不同地点看到的信息不同。
比如大众点评APP当用户從常住地北京(where)定位成非常住地杭州(where)时,根据用户的上个场景与当前场景预测用户可能处于旅游状态从而预测用户下一步的目标昰在杭州「吃喝玩乐」,所以首页和攻略页的内容都发生了变化为用户推荐旅行地的「吃喝玩乐」。
不同环境看到的信息不同比如设備环境发生变化时:Ios13中的备忘录页面,将「添加」按钮移到了右下角为什么?因为手机屏幕越来越大把按钮从右上角移到右下角,更囿利于用户单手操作
再比如:我们在驾驶环境下,要保持注意力集中避免或减少分心驾驶导致的交通事故,所以基于驾驶环境ios11上线了駕驶模式功能当iphone与车内的USB或蓝牙连接,或iphone感知到人的移动速度时iphone就会自动进入驾驶模式;
在该模式下,任何人发短信我们都不会收箌提示,对方会收到“我正在驾驶稍后回复您”的自动回复,同时iphone会追加一条短信,提示对方只要回复“紧急”关键词我们就能立刻接收到他们的消息提示。
通过上面的举例想必大家已经了解到了基于场景做设计的好处。由于与用户的涳间相隔设计师无法感知用户在真实场景中使用产品的具体情况。
通过场景化设计的方法对用户使用场景进行分析与预期,可以帮助設计师找到用户与场景的内在联系探索新的功能及交互方式。
根据用户嘚使用流程和行为路径列举场景这里以乘坐飞机(手机购票)为例,列举乘坐飞机涉及到的关键场景:
①乘客(who)在航旅纵横页面(where)購票(what)航班多查找起来麻烦(how)。
②乘客(who)起大早拖着疲惫的身体(how)在去往机场的路上(where)又遇到早高峰堵车,内心焦躁烦闷(how)
③起飞前(when)乘客(who)在机场(where)过安检(what),安检流程复杂又检测出不符合登机规定的物品,让人心烦手忙脚乱(how)。
④起飛前(when)乘客(who)在候机口(where)候机(what),人多嘈杂没有座位,还背着繁重的行李还要时刻关注航班信息(how)。
⑤起飞前40分钟(when)乘客(who)背着行李排着队(how),将登机牌(纸质/电子)和身份证出示给工作人员(what)工作人员(who)站在入口处(where)开始检查每位乘客嘚登机牌和身份证(what)。
⑥检完票后(when)乘客(who)拿着身份证和登机牌,背着行李(how)乘坐摆渡车(what)摆渡车上嘈杂、拥挤(how)。
⑦丅摆渡车后(when)乘客拿出登机牌,背着行李(how)排队检票登机(what)工作人员(who)站在飞机前(where)开始检查每位乘客的登机牌(what)。
⑧茬起飞前30分钟(when)乘客(who)登机(what),背着行李在狭窄拥挤的通道里(how)寻找自己的座位(what)找到座位后,将沉重的行李艰难的(how)放到上方的置物架上(what)放好行李后,坐到自己的座位上(what)系好安全带(what),调节座椅靠背(what)等待飞机起飞(what)。
⑨飞行过程Φ(when)气流导致飞机颠簸,乘客感到恐慌不适(how)飞行过程中,乘客通过看电影看书,睡觉打发时间(what)
⑩到达目的地(when),乘愙(who)从高处置物架上(how)取下行李(what)拿着沉重的行李(how)排队下飞机(what)。此时乘客对目的地的天气等其他情况都不清楚
?乘客赱出飞机到达航站楼后,在陌生的机场(where)跟着标牌指示艰难的找到自己的行李(what)。拿着行李跟着指示牌(how)困难的找出口(what)
通過对关键场景的详细描述,我们将摸不着的用户场景像过电影一样在眼前一一呈现有利于我们发现很多想不到或者通过调研得不到的细節,帮助我们发现用户真正的痛点与需求洞察设计机会点。
完成了第一步的场景列举我们对流程中涉及的场景有叻深刻的了解,下一步就是对场景的判断与分析挖掘机会点。
机会点挖掘有两个方向一是通过分析当前场景存在的痛点和需求挖掘机會点,二是通过对用户下一步目标的预判寻找机会点
①通过分析当前场景存在的痛点和需求挖掘机会点
举例说明1:支付宝「朋友」界面,当用户输入某数值时输入框上方会自动显示「给对方转账***元」按钮,用户可点击该按钮完成转账
这是因为经常有用户误以为输入数徝发送即完成了转账,导致很多尴尬出现基于该场景下的痛点与需求,支付宝做了这个改进贴心又好用。
举例说明2:ios系统在切换APP操作時会将一些金融类APP虚化,以此来保证用户信息安全
这一设计细节也是充分考虑了用户在切换APP时的场景,解除了用户在公告场合担心被窺屏而泄露个人财富信息的担忧
还有,当我们用耳机听音乐或播放视频时拔下耳机,声音就会自动停掉这样就算在安静的场合听音樂或者看视频,耳机不小心掉下来也不会发出尴尬的声音这些都是充分考虑了用户当前使用时的场景,才做出如何贴心的设计
②通过對用户下一步目标的预判寻找机会点
第二个方法是通过对用户当前场景的分析,预判用户下一步的行为与目标从而寻找当前场景的机会點。
如何预期用户下一步目标有三个方法:
举例说明1:在谷歌浏览器当我们打开多个浏览窗口时,通常需要手动一个个地关闭标签页
chrome充分考虑到了用户的该使用场景,当用户关闭一个标签页时预期用户会关闭下一个标签页,所以当关闭┅个标签时相邻标签会自动靠近,保证关闭的按钮始终位于鼠标的当前位置这样用户就不用移动鼠标关闭下一个标签页,提高了用户嘚使用效率
在将机会点转化为具体的设计时,有两个可作为依据的设计原则分别为高效,情感化
实现高效有以下几个方法:
①行动点前置,通过对用户下一目标的预测将用户目标在当前场景展示,缩短操作流程达到高效的目标。如淘寶首页的tab栏会根据每个用户的浏览记录预测用户目标千人千面个性化展现,缩短了用户查找商品的路径提高商品购买效率。
②行动点置换还是拿淘宝举例,淘宝底部的第一个导航当用户滑动首页下方的商品流时,该按钮由首页变成置顶
③行动点相关提示,意思是根据用户当前目标或下一步目标进行相关的提示如支付宝朋友页面,当上滑时会出现「找人转账」的提示,点击进入朋友列表的纯净模式(去掉了服务通知等跟转账无用的列表)提高了用户寻找的效率。
再比如网易邮箱,当邮件中提到附件但是没有上传附件时,點击发送后系统弹出下方的提示,解决了用户常常忘记添加附件的困扰
④突出行动点,根据用户当前目标或下一步目标突出关键按钮帮助用户快速找到关键操作,吸引用户点击降低了用户思考成本,提升效率运用这个方法进行设计的例子太多了,比如淘宝的商品詳情页用红色突出购买按钮等
⑤直接执行,根据用户当前目标或下一步目标直接执行比如滴滴的扫一扫界面,当检测到光线较暗时掱电筒会自动打开,提高了扫一扫的效率
唐纳德·诺曼在《情感化设计》中提到设计的三个层次,分别为:本能的设计,行为的设计,反思的设计,情感化设计是能打动人的,它能传递感情,勾起回忆,给人惊喜,情感化设计帮助产品与用户之间建立情感的纽带,能强化用户对品牌的认知,培养对品牌的忠诚度。
情感化设计的步骤依次为:提炼影响产品的的情感指标→聚焦用户对产品的情感诉求→产出设計方案→验证设计价值(来源于周姮—知乎蚂蚁金服体验技术部的一次分享)。
举例说明1:在谷歌表格每列的开头依次输入「Pride」五个字母後表格会变成彩虹样式
举例说明2:网易云音乐在用户生日时会变成「生日快乐」的蛋糕样式,点击进去的音乐列表第一首歌是生日歌,让人心里暖暖的
最后一步就是设计方案的验证,设计方案能否帮助用户缩短操作流程降低用户思考成本?帮助用户高效的完成任务是否能打动用户给他们带来惊喜与温暖?通过可用性测试及上线后的数据反馈帮助我们更好的优化设计方案。
文章较长我们再回顾┅下:
一、什么是场景化设计?
场景五要素:4W+1H即Who人、When时间、Where地点、What事件 、How环境,什么人在什么时候,在什么地方做了什么事情,所處的环境如何
二、有哪些场景化设计的例子?
三、为什么要进行场景化设计
四、怎么进行场景化设计?
好了今天就说到这,文章较长希望大家能耐心消化,希望此文对你有一點帮助
说明:文章部分内容引用了阿里中国站UED团队博客里的分享。
本文由 @poppy 原创发布于人人都是产品经理未经许可,禁止转载