用一个公式,从3个方面教你搞定场景化设计。

之前我们讲了用户画像,让大家可以通过构建用户画像,去深入了解用户的行为、态度、痛点和需求。(构建用户画像本身并不是目的,而是手段,用户画像可以让大家把前期的用户研究和洞察可视化,为之后的产品设计提供依据)。那如何将这些抽象而散乱的信息整理成产品设计的剧本呢?场景化设计是一种推荐的形式,今天我们就一起来学习一下吧~

1. 场景公式

回顾一下我们之前学过的场景公式:

用一个公式,从3个方面教你搞定场景化设计

图 1 场景公式

场景 = 什么类型的用户(Who)在什么时间(When)什么地点(Where),因为察觉到什么事物(What)而产生什么需求(What Needs),并能够通过什么行为(How to act)来满足这种需求。

2. 场景化设计

所谓场景化设计,就是把用户使用产品的典型场景进行提炼,并以场景公式的形式清晰的描述出来,然后在产品设计中把用户场景具象化,在特定的时机为用户提供所需的信息和自然交互,帮助用户自然而然达成目标的一种设计方式。

用一个公式,从3个方面教你搞定场景化设计

图 2 场景化设计的定义

这里的场景化有 2 层涵义:

① 文字形式的场景化:把用户场景以场景公式的形式清晰的描述出来。

② 产品形式的场景化:把场景公式翻译成产品语言,在特定的时机为用户提供特定的信息和交互,帮助用户顺畅自然的达成目标。

我们可以做个简单的类比,文字场景化就好比剧本,而产品场景化就好比电影,要讲好一个故事,需要先要把故事翻译成剧本,然后再把剧本拍摄成电影,才能取得更多用户的共鸣。

用一个公式,从3个方面教你搞定场景化设计

图 3 2 种场景化的示意

举个栗子:有红点强迫症的学生晓梧,在下课回宿舍的路上,打开手机 QQ 后,发现几条消息,她扫了一眼都不太感兴趣,于是拖动红点标记,将全部未读信息同时置为已读。

这就是把用户需求翻译成的剧本,各个要素都很完备,而 QQ 的一键退朝设计,正是对这个剧本的一种精彩演绎。

Why | 为什么要进行场景化设计?

回到我们之前的课程,用户体验设计目的是为了创造让人们愿意使用的产品。

用一个公式,从3个方面教你搞定场景化设计

图 4 用户体验设计的目的

当我们从现实世界得到了用户洞察,还需要将这些洞察翻译成产品语言,才能够让用户注意、理解,进而使用并喜欢我们的产品。设计是为了弥合产品实现和用户心智的鸿沟,而场景化设计,正是借着还原用户的现实场景,可以让产品的表现模型尽可能的趋近用户的心理模型,拉近用户与产品的情感距离。

用一个公式,从3个方面教你搞定场景化设计

图 5 设计的意义

通过场景化的设计,可以促进用户理解(减少用户认知成本),提升效率(降低用户操作成本),引起用户共鸣(情感化设计),帮助用户和产品更快更好的达成目标。

How | 如何进行场景化设计

1. 提炼文字形式的场景

要做场景化的设计,需要先将用户的场景清晰的表达出来,这就要求我们前期在做用户洞察的时候注意收集和提炼相关的场景化信息,收集场景化信息的问题一般包括(以搜索为例,大家可以替换成自家业务场景):

  1. 你生活中遇到问题想要寻求解决方案时一般会怎么做?
  2. 你最近半年在手机的哪些产品中有过查询行为?
  3. 你经常查询哪些方面的问题?
  4. 你经常在什么情况下会产生这些疑问?
  5. 你系统通过查询达成什么目标?
  6. 你一般会在什么时间进行查询?
  7. 你一般会在什么地点进行查询?
  8. 你最近半年使用过哪几种方式进行查询?
  9. 你进行查询时一般是怎么操作的?

……

大家可以参考这些问题进行问卷和访谈调研,并总结提炼出核心的场景描述:

用一个公式,从3个方面教你搞定场景化设计

图 6 场景描述文字版

__________(什么用户),在_________(什么时间)_________(什么地点),因为觉察到_________(什么触发)而产生____________(什么需求/目标),并能够通过_________(什么行为)来满足这种需求。

大家尽量提炼这个详细版的场景描述,如果有些信息不需要明确,则至少要完成以下简略版的场景描述。

当用户在___________(什么情况下),他想要_________(什么行为),以便于他可以达成_______(什么目标)。

2. 将场景翻译成产品语言

当我们将用户场景提炼出来后,就可以针对不同的用户,在不同的时间、地点、和外界刺激下给用户提供不同的信息和交互。

① 用户维度:为不同用户提供不同类型的信息

用一个公式,从3个方面教你搞定场景化设计

图 6 基于时间的场景化设计

以支付宝为例,它基于不同的用户画像,会为不同的用户提供完全不同的产品信息和服务,引导用户使用和成长。

  1. 新手用户:凸显新用户专享礼,鼓励新用户参与。
  2. 尝试性用户:提供单次互动+单一推荐,降低用户操作和认知成本。
  3. 成长型用户:连续互动+多项推荐,提升用户粘性和掌控感。
  4. 核心用户:专业信息和资讯+自主配置,提升用户掌控感。

②时间维度:在不同的时间推荐给用户需要的信息。

用一个公式,从3个方面教你搞定场景化设计

图 6 基于时间的场景化设计

以航旅纵横为例,它基于用户的时间旅程,在不同的时间节点所做的场景化设计是非常贴心的:

  1. 出票提醒:任何渠道出票马上提醒,行程最先知晓。
  2. 值机提醒:提前值机,选择心仪的座位。
  3. 天气预警:恶劣天气预警,提前给予延误预期。
  4. 出发提醒:出发前通知提醒,避免迟到。
  5. 延误提醒:告知延误情况并给予等待时间预期。

……

基本上把用户在不同时间需要的服务和信息都及时的提供给了用户,非常贴心实用。

③ 地点维度:在不同的地点推荐给用户需要的信息。

用一个公式,从3个方面教你搞定场景化设计

图 7 基于地点的场景化设计

以高德地图为例,它基于用户当下的位置,在地图首页搜索框之上的"C 位"提供推荐服务,帮助用户快速触达此时此地最可能需要的服务,比如:

  1. 在公交站点推荐实时公交;
  2. 在停车场推荐停车点查找;
  3. 在景区推荐游览路线;

……

这是基于用户位置的场景化设计。

④ 前置行为:基于用户的前置行为,给用户提供当下最需要的信息。

用一个公式,从3个方面教你搞定场景化设计

图 8 基于前置行为的场景化设计

比如:

  1. 复制了一个淘宝链接后打开淘宝,会直接在首页弹出查看链接详情的弹窗……
  2. 复制了银行账号之后打开招商银行,会直接在首页弹出转账提示的弹窗……
  3. 浏览器上次从小说阅读器退出后,下次打开会在首页询问是否继续阅读……

这些都是基于用户的前置行为,给用户提供可能需要的信息。

⑤ 基于设备当下状态:提供不同的交互方式及反馈。

用一个公式,从3个方面教你搞定场景化设计

图 9 基于前置行为的场景化设计

以苹果手机接听电话为例,当手机处于未锁屏状态下的接听电话,点击即可接听;当手机处于锁屏状态下的接听电话,需要滑动才能接听,避免误触。

再以百度地图为例,如果查询骑行或自驾路线后,停留在路线页面无速度,则会保持在路线页,若检测到稳定的速度,则会自动进入导航页;

⑥ 基于用户当下行为:提供不同的交互方式及反馈。

用一个公式,从3个方面教你搞定场景化设计

图 9 基于前置行为的场景化设计

以微信语音为例,当用户正常持握手机时,点击语音消息,语音消息会扬声器播放且保持亮屏,但当用户把手机贴近耳边之后,扬声器模式会自动转为听筒模式且黑屏。录制语音消息时,因为上限是
1 分钟,如果用户说话超过 50
秒,会出现振动和倒计时提示,振动是为了让没看屏幕的用户将注意力拉回屏幕,倒计时是为了让用户感知到录音即将结束,这都是很好的基于用户行为的场景化设计。

⑦ 基于用户目标:提供更便捷的交互方式。

用一个公式,从3个方面教你搞定场景化设计

图 9 基于前置行为的场景化设计

以手机 QQ
为例,当用户想引用某条消息表达观点时,长按消息再找"引用"操作比较繁琐,而左滑消息可以更快捷的实现目标。当用户想@某个用户发表信息时,手动输入的方式效率太低,而长按用户头像可以更快捷的实现目标。QQ
里面关于这样的细节创新很多,比如一开始我提到的一键清空所有未读消息,长按聊天窗口切换最近会话等,都是基于目标更便捷的交互创新。

小结一下,如何进行场景化设计,我们可以基于用户不同的场景要素:

用一个公式,从3个方面教你搞定场景化设计

图 9 基于前置行为的场景化设计

  1. 用户类型(Who)
  2. 不同的时间(When)
  3. 不同地点(Where)
  4. 用户的前置行为(What)
  5. 设备当下的状态(What)
  6. 用户的当下行为(Act)
  7. 用户的最终目标(Needs)

去提供相应的信息和服务,在保证用户目标达成的同时,让用户理解更容易,行为更便捷,情感更愉悦。

好了,场景化设计到这里就结束了。

作者:悦姐聊设计

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/238196.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2023年3月2日 12:06
下一篇 2023年3月2日 12:06

相关推荐

  • 颜色於网站品牌的视觉因素作用有多大?

    相信你也疑惑过,为何网站设计时,配色方案的制定要耗费那麽多时间和精力的成本。这是因为,配色能够有效地作用於网站品牌的关键视觉因素之一! 很明显,出色的标识,很大一个成功因素来自于优秀的配色。不妨想想那…

    2022年6月25日
    0105
  • 网页设计中的7大个用户体验要素。

    用户体验是现代网页设计的重要组成部分,用户的期望也在不断变化。 虽然我们无法看到未来,但在过去十年中所做的改变表明,调整用户需求从来都是最重要的。为了在不断变化的移动应用领域取得领先,设计师们必须时刻…

    2023年2月15日
    00
  • 如何利用文字设计吸引用户注意力

    如何利用文字设计吸引用户注意力?文字是UI设计中非常重要的组成元素,文字的使用好坏会直接影响产品的用户体验。然而文字设计确实也经常被产品经理和网页设计师所忽视的,导致用户在浏览网站或进入app界面时感到视…

    2022年6月25日
    0201
  • 卡片化和无边框

      对於页面设计来说活,卡片化的使用有很突出的优越性和合理性。尤其是移动端设备的萤幕尺寸越来越不可预期,设计上急需某种设计手段让页面设计能够使用不同尺寸的萤幕。因此,卡片化的出现就是解决燃眉之急!…

    2022年6月25日
    0116
  • 网页设计有哪些新的思路?

    网页设计的过程当中本身也都存在着一定的故事,这些故事基本上和人类的历史是一样的,这就是为什么网页设计还是通过故事来进行表达,当然在网页设计的时候究竟存在着哪些新的思路,这也是很多人想了解的。 第1种思…

    2019年9月17日
    0340
  • 如何选择优秀的网站域名

    网站名称和域名的选择好坏可能会直接影响到後期的网站优化和用户体验等等,所以选择域名一定得慎重。优秀的域名是网站不可或缺的部分。如何选择优秀的网站域名? 域名一旦确定就代表我们在网络上的身份被确定,在以…

    2022年6月17日
    0129
  • 2018年正在流行的UI设计流行趋势

    随着移动端的日益发达,UI设计变得越来越重要,它既能直观地塑造企业形象,同时也成为留住用户的关键。此外,UI设计风格每年都在发生变化,总让设计师有种难以应对的感觉。下面,Inspirr Creation将为大家整理「201…

    2022年6月25日 建站资讯
    0268
  • 折叠屏手机或将大热 如何在折叠屏手机上做交互设计

    最近,不少手机品牌都发布折叠屏手机,它可以把一台8英寸的平板电脑,通过折叠的方式变成方便携带的6英寸手机。而随着折叠屏手机的发布,未来手机形态可能会朝着柔性手机方向发展,那麽,如何在折叠屏手机上做交互…

    2022年6月25日 建站资讯
    0216

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息