实战案例介绍基于场景的设计方法

移动终端由于被用户随身携带，变成用户身体的延伸，在每一个场景中，深度陪伴着用户。也因此，移动终端获得天然的优势，得以针对用户实际所在的场景来设计，以设计出更加贴心的体验。 但是，由于设计师与用户的空间相隔，无法看到用户在真实场景中的使用情况。为了了解用户的痛点及需求，我们需要通过场景设计的方法，对用户使用场景进行分析或预期。基于场景的设计可以帮助设计师找到用户与场景的内在联系，探索新的功能及交互方式。 本文将以案例为主介绍基于场景的设计方法。

什么是基于场景的设计？

什么才是基于场景的设计呢?以看电影为例，在整个看电影的过程中，涉及到的主要场景有以下六个：线上买票-去电影院-线下取票-检票入座-观影-评论吐槽。基于看电影涉及到的场景，格瓦拉app设计了一个基于场景的功能：当用户在格瓦拉购票成功后，首页会出现一个人偶小浮标，在不同场景下点击该浮标，会出现不同的内容，例如在去电影院的场景下显示影院地理位置以及滴滴打车入口;线下取票场景显示取票二维码可以快捷取票;线下取票后再点击小浮标显示电影开始时间以及座位号;观影后显示别人的评论以及吐槽入口引导用户去评论(如图1)。

对上面的案例总结归纳后可以得出，格瓦拉是基于用户看电影这一系列场景的判断与分析，理解用户每一场景的痛点及需求，结合上文场景，预期用户下一步的目标及意图，通过设计缩短关键流程，辅助用户提高操作效率。通过对大量案例进行分析归纳，将场景设计的概念简单归纳为：基于场景，理解需求，预期意图，进行设计。

再来看一个另外一个基于场景的设计案例——拍立淘。拍立淘是手淘中的一个功能，主要通过对线下产品拍照并识别，辅助用户在淘宝内快速找到该货品。大家可能经常有这样一种购物场景：在线下店试衣服，到淘宝上找同款购买;在杂志或图片上看到喜欢的单品，在淘宝上找同款。通过分析这两类相似的场景(基于场景)，发现用户在当前场景的需求是快速在淘宝上找到该货品(理解需求)，并预期用户下一步的行为是通过淘宝搜索功能搜索该货品(预期行为)。因此手淘在搜索框添加了拍立淘的功能，可以帮助用户通过拍照或图片识别快速在淘宝中找到目标，提高操作效率，给用户惊喜，让用户感动(进行设计)。

怎样基于场景做设计？

基于场景的设计可以帮助设计师分析需求，找到设计机会点，那么怎样基于场景做设计呢?通过对大量案例的分析及归纳，我们总结出了基于场景的设计方法-场景设计四步曲(如图2)，以及场景挖掘工具卡片(如图3)，场景设计四步曲将场景设计的方法通过四个步骤来表示，包括场景列举、机会点挖、设计策略、衡量标准;场景挖掘工具主要应用在场景设计四步曲中的前两步，对关键场景进行描述，以及帮助设计师更清晰地应用场景设计四步曲中的方法挖掘机会点。接下来我将对场景设计四步曲进行细分拆解，来讲述每个阶段我们需要做的事情。

第一步：列举场景

在列举场景之前我们要现明确什么是场景?场景由以下几个元素组成：谁(who)，在什么时候(when)，在什么地方(where)，做了什么事情(do)，周围环境怎么样(how)。例如用户(who)夜间(when)在陌生的路上(where)开车(do)对路线不熟悉且路况不好(how)，再如，买家(who)在线下批发市场(where)批货(do)。 明确了什么是场景后，我们将场景进行了分类，分为线上场景和线下场景两类。线上场景和线下场景的区分在于场景中对的位置元素“where”，我们认为线下场景的“where”是指现实中的位置，可通过GPS，蓝牙，Wi-Fi钥匙等来检测;而线上场景的“where”指app中对某个页面，例如首页，支付页面，商品详情页等。

怎样列举场景呢?推荐方法是通过操作流程图来依次提取其中的关键场景，还是以看电影为例，看电影的流程为：买电影票-去电影院-取票-检票找座位-观影-出影院-评论吐槽，根据流程可以抽取列举出看电影涉及到的关键场景为：

①美团电影页面(where)购票(do);

②电影开始前(when)乘车(do)前往电影院的路上(where);

③观影前(when)在电影院(where)通过自助取票机取票(do);

④观众(who)拿着爆米花可乐等零食手忙脚乱(how)地掏出电影票(do)在入口(where)排队检票(do); 检票工作人员(who)在入口处(where)等到放映前5分钟(when)开始检查每位观众的电影票(do)并撕掉联(do);

⑤观众(who)拿着爆米花可乐3D眼镜等手忙脚乱地(how)查看电影票上的座位号(do)并在昏暗的灯光下越过同排其他顾客(how)找到自己的座位(do);

⑥坐在座位上(where)将手中的爆米花，可乐，背包等放置好(how)，戴上眼镜开始观影(do);

⑦观影结束后(where)拿好自己的东西走出影厅(where)将眼镜还给工作人员(do)，扔掉手里的垃圾(do)，排队上厕所(do);

⑧回家的路上(where)和朋友吐槽剧透(do);在朋友圈(where)晒观影照片(do);在购票app上(where)评价吐槽(do)。

对关键场景的描述有利于发现场景中的细节，更好地对场景进行分析判断，在这部分可以通过填写场景挖掘工具的中间部分，对该场景进行描述：谁(who)，在什么时候(when)，在什么地方(where)，做了什么事情(do)，周围环境怎么样(how)，不涉及到的元素可忽略。以上文列举出的场景4为例，利用场景挖掘工具进行场景描述(如图4)：

第二步：机会点挖掘

通过第一步对场景的列举与描述，我们对涉及到的场景有了更深入的了解。狼蚁网站SEO优化一步是对场景进行判断与分析，挖掘机会点(如图5)。对于机会点的挖掘有两种方法：第一种是通过分析当前场景用户需求挖掘机会点;第二种是通过对用户下一步目标的预期来寻找机会点。

1 通过当前需求挖掘机会点。 通过场景列举阶段对场景的描述，分析用户在当前场景的需求并挖掘机会点。这一部分可以用到场景挖掘工具，在场景描述的基础上，竖向分析当前场景用户的需求(如图6)。

以iOS系统接听电话的交互方式为例。接听电话存在两种不同的场景，锁屏状态下的场景和非锁屏状态下的场景。锁屏状下有电话打入时(when)手机放在口袋里(where)处于锁屏状态(how)用户将手机从口袋里取出并接听(do)。当前场景下，用户的痛点为将手机从口袋取出的时候很容易不小心碰到屏幕产生误操作，因此iOS基于该场景下的用户的痛点与需求，将锁屏状态下的接听设计为滑动接听，可以很大程度上避免误操作;而在非锁屏的场景下，用户多数情况正在使用手机，注意力较集中，采用点击接听的方式更方便且快捷(如图7)。

再举一个微信语音聊天的例子，当手机处于音量静音的状态(how)在聊天页面(where)点击语音信息(do)，用户的需求是清晰听到对方发送的语音信息，但由于手机处于音量静音状态听不到语音且用户无法快速判断为什么没有声音，微信基于该场景的痛点及需求设计了这样的方案：当用户处于该场景下，会有弹框提示用户调高音量后播放，通过特定场景下贴心的提示让用户感动(如图8)。

2 通过预期用户目标寻找机会点。 第二种挖掘场景的方法为预期用户下一步的目标意图，首先需要对上文场景进行判断，结合对当前场景的描述与分析，预期用户接下来的行为，从而寻求当前场景的设计机会点。这里也可以使用场景挖掘工具帮助挖掘机会点，首先对上文场景进行简单描述，结合对当前场景的描述，横向预期下一步用户可能做的事情(如图9)。