05 | 你会巧妙利用数据这个神助攻吗?

你好,我是炒炒。

有一次,一位产品经理来找我们团队里的一个设计师,反馈产品的一个页面问题。

产品经理:我觉得你这个页面有点丑。你看下这个竞品,是不是比我们的好看多了?
设计师:我叠加到一起,你看一下,间距、留白跟竞品是一模一样的,而且这是表单页面。
产品经理:反正我就觉得我们的这个页面没人家的好看。

这个场景,你熟悉吗?是不是经常会在产品经理和设计师小伙伴的工作中出现?到底是美还是丑?这种问题是没有一个通用的标准界限的,因为美与丑都是非常主观的、感性的描述。

相较于理性的数据,如何评估感性的体验好坏,如何度量这种好坏是很难的。可是,我们总要面对这种“页面好不好看”的问题,遇到这种问题,我们该怎样进行评判呢?

既然数据是客观的,体验是主观的,那么,我们是不是也能通过客观的数据,来量化我们主观的认知,帮助我们更好地利用数据来支持我们的产品设计呢?

当然是可以的,今天这一讲,我们就来探讨如何利用数据来助攻我们的设计。

GSM模型

在日常工作中,我用的比较多、亲测有效、还能够高效地评估和直观体现设计价值的就是GSM模型。GSM模型是Google的用户体验团队提出的一种指标体系,该体系主要用来对设计效果进行量化的监控。

GSM分别为目标(Goal)、信号(Signal)和指标(Metric),所以简称为“GSM模型”。

目标、信号、和指标这三者之间是承接关系,我们可以逐步做分解。也就是说,我们可以把一个目标分解成多个信号,然后,每一个信号,我们都可以用多个指标来进行衡量。

可能这样理解起来,理论性太重。接下来,我就以一个之前的项目为例,是我和我的团队做过的一个转账优化的项目。我来给你分享一下,我是如何利用数据来辅助体验设计的。

设定目标

利用GSM模型解决问题的第一步就是设定目标,也就是我们希望做出来的体验设计的最终成果是什么样子的。既然我们要做的是一个转账优化的项目,那最终成果一定是和转账功能有关。

当时,转账功能暴露出来的问题就是,用户在使用这个功能时,操作流程十分的繁琐,常常花费了很多时间。所以,我们这次设定的优化目标就是,提高用户转账的效率。

拆解信号

针对提高用户转账效率的这个目标,我们把它拆解成了两个关键信号:

  • 第一,提升App首页的“转账”入口的点击率;
  • 第二,提高从功能入口到转账信息录入页的转化率。

我们是怎么确定这两个信号的?因为我们详细地分析了转账功能目前存在的问题。

由于历史原因,我们之前的手机银行App是直接在企业网上银行(即PC端)的功能基础上,加了一些手机的技术后,移植到手机App上的。这就导致了一个结果,关于转账的叫法五花八门的、入口也非常多。

比如说,有“转账、智能支付、对外转账、扫码转账、小额支付、企业内部转账、单位结算卡转账、智能支付”。看到这些名字,是不是已经蒙圈了?根本没有心情分清这些名词都是啥。

这种情况就是典型的“业务逻辑+工程师逻辑”,就是我有什么,我都展示给你看,你想要什么,你就自己选。完全不考虑用户在海量信息中查找目标的痛苦。

这和我们追求的好的用户体验的目标,是背道而驰的。

实际上,对于用户而言,他的诉求只有一个,就是快速完成转账。然后,我们通过查看各个转账功能入口的一些用户行为数据,发现了一些问题现象:

  • 转账入口很分散。首页和所有功能聚合页都有转账入口,每种类型转账的使用频次还不太一样;
  • 首页的“转账”入口的点击率比功能聚合页的“转账”入口的点击率低2.5倍;
  • 其他类型的转账功能入口点击率都极低。

好,我们先把这些现象和问题记录下来,我们接着往下看从功能入口到转账信息录入页的过程。在原来的App中,用户从转账入口到达转账信息录入页,需要经过4个页面,分别是转账入口、转账类型选择页、收款方选择页和转账信息录入页。

我们先对“转账类型选择页”做了分析。从用户的行为目的来看,在转账类型选择页上,用户需要进一步做的判断是,要做的业务是转账、还是扫码转账、小额支付或者预约转账。

结合数据,我们发现了,在这个页面上,各类转账入口的数据差异化很大:

  • “转账”的点击率是67.3%;
  • “扫码转账”的点击率是1.7%;
  • “小额支付”的点击率是6.8%;
  • “预约转账”的点击率是1.1%。

通过数据对比,我们可以发现,在这个页面上,“转账”的点击率是最高的,而其他三种转账类型的点击率非常低,差距非常大。

接着,我们又对转账的操作路径步骤做了进一步的数据拆解。从数据来看,转账步骤中的四个页面的PV是一层一层降低的,也就是从功能入口到转账信息录入页的转化率是很低的。

  • 转账功能入口PV:145,028;
  • 转账类型选择页PV:95,704;
  • 选择收款方页面PV:50,745;
  • 录入信息页PV:33,811。

从选择收款方页面来看,在这个页面上,有两个属性的入口,一个是收款方的选择列表,另外一个是“转账”的入口。在这个页面上,用户进入下一个转账信息录入页的路径有2条:

  • 第一条路径是,先选择收款方,再点击确定,通过此路径操作的用户占比是50.5%;
  • 另外一条路径是,直接点击右上角的“转账”按钮进入,这个操作行为占比是47%,

从这个数据现象中,我们可以发现,“选择收款方”是一个非必须步骤。

到这为止,我们就完成了依照关键路径对可量化的用户行为进行筛选的这个动作,我们经过这一系列的筛选,也得到了每个阶段需要采集到的数据和可度量的指标。

紧接着,我们对客户经理进行了访谈,还访谈了实际用户以及对我们的体验设计师进行自测,大部分人都对“转账的类型”产生了质疑:

  • 小额支付与转账有什么区别?
  • 智能付款是什么意思?
  • 为什么一定要先选择收款方?
  • 流程为什么不能像支付宝转账那样简单?
  • ……

如果说对用户行为数据进行分析,是一种定量的方式,那么,这种访谈的方式就属于定性的方式,两者相辅相成,搭配着来,可以避免数据误差。

再次明确优化目标

通过定性与定量的交叉分析,我们将发现的问题合并同类项,以及回顾一下我们的目标——提升转账的效率,我们给出了几个设计优化方向:

对产品而言,考核的数据维度包含:页面浏览量(PV)、页面浏览人数(UV)、页面浏览路径、使用时长、访问深度、频率和间隔、设定转化漏斗(考察核心路径用户逐级留存状况)。

另外,在设计优化过程中,我们可以给自己定一个目标,但具体数值的多少取决于设计师对于现有产品状况的判断,一般定目标的起点都是现有的数据。例如,首页转账PV提升1倍、到达转账信息录入页PV提升30%等等。这些目标就很切实际,都是基于现状定出来的。

输出改进方案

完成了前面阶段的分析,在进入具体设计阶段时,我们需要紧盯目标,始终围绕设计目标推导出最优解决方案。首先,针对提升首页“转账”入口的点击率,我们做了以下优化方案:

  • 突出首页“转账”入口的视觉,让用户从一级界面即可快速进入转账;
  • 整合多种类型的转账入口,减少用户的选择困扰。

针对提高从功能入口到转账信息录入页的转化率,我们也做了设计优化,就是去掉“选择收款方”页,减少非必要的步骤对用户的干扰。

优化后数据验证

按照优化后的设计方案,我们上线了一段时间后,我们再次查看了数据,发现了一些变化:

  • 首页的“转账”入口PV从57,394提升到了122,237,整体提升了112%;

  • 优化前,从功能入口到信息录入页转化率仅23.3%;优化后,从功能入口到信息录入页的转化率提升了30%。

设计价值呈现

上线后,无论是用户行为数据,还是我们持续跟踪用户的访谈,都表示效果良好。

这个方案是由我们设计师直接发起与推动的,所以这些定性反馈与关键数据指标得出的结果就可以直接作为我们体验设计的价值体现。

对于设计师而言,横向对比有利于快速发现差异化设计方案的数据反馈效果,但是竞品的数据一般难以获得;所以在日常工作中,我们一般是采用纵向数据对比,来验证设计的价值

你可能问了,我们日常工作中,都是处在需求的下游,怎么能证明设计的价值呢?

这里需要设计同学从需求一开始,就要更加积极主动参与进去,在需求初始阶段就能发现问题,并时刻记住要以用户为中心的设计方法反复去验证方案的有效性。

面对融合在了产品需求中的方案,我们就需要提取出相关的关键数据指标。每一个大目标都由小目标构成,每个小目标下,表现和指标描述也会更加具象、易追踪。

这里需要我们有能够拆解产品目标的能力。就拿我们前段时间做的有关“用户专属权益”模块来讲,关于这个模块,拥有多少权益是与用户不同等级相关联的,等级越低,拥有的权益数量少,反之,等级越高拥有的权益越多。

为了激励用户从低等级往高等级升级,产品那边的意思是所有权益内容均展示,且分类为“已获得”、“等待召唤”,然后等待召唤的权益图标是灰色的。

运行了两周后,“等待召唤的权益”点击率并不乐观,每个icon的点击率仅个位数。也就是说,我们无法激励用户通过待获得的权益去升级,业务目的并没有达到。

后来,我们设计师主动发起了这个模块的优化,优化方案如下:

  • 删除了板块内的分类,把所有权益融合在一起,且按照已获得、未获得排序;
  • 未获得的权益与已获得权益视觉上保持一样,高亮显示,视觉上增加“锁”以表示待解锁;

同样,在运行了两周后,我们从系统调了数据。我们惊奇地发现,“未获得的权益”日PV提升了46%,且通过待获取的权益去升级用户等级的用户量达到了16.9%。

其实只是一个小小的设计改动,但是却达到了业务目的。

在实际工作中,我们都会与产品在方案上有不一样的看法。当意见不能完全统一时,在资源充足的条件下,我建议可以启动A/B测试,让用户的行为数据为我们选择出当下相对合适的方案。

GSM模型结果分析

那有没有一种情况是,数据表现很糟糕,然后甩锅是设计的问题?这里我要给大家分享下如何证明这锅不是设计来背的小技巧。

基于GSM模型,我们可以得出四种结果,我梳理了一个象限图,帮助我们一起对齐信息。

A情况:产品数据指标上升,用户满意度好。这说明用户在认知和感受层上,对于产品、功能、设计是认可的,整体表现与预期设定的用户表现一致。例如,我们刚举的转账的例子,产品数据指标上升,用户满意度也好。

B情况:用户满意度好,但是数据指标下降。出现此类情况,一般可以判断需求或者设计优化方案在用户体验方向的把控上不存在问题,但是实际的需求设定,或者方案选取上存在偏差,设计方案可能需要重新优化调整。

我们在01讲就提到过的记账功能,就是这样的结果。用户觉得不错,但是数据指标未达预期。从战略上来说,记账是我们要推的功能,那怎么办?优化入口,优化记账功能设计。

C情况:用户满意度下降,数据指标下降。这种在实际工作中很少出现。这种结果只能说明大家聚在一起就在做一件自我毁灭的事情,重新定位下目标用户和产品决策吧,设计也重新出发吧。

D情况:数据指标没下降,用户满意度下降。这说明产品需求或者优化设计表现层面无问题,负向表现背后的原因可能是设计需求定位或者用户目标偏离等策略问题。

例如我们常用的知乎,从下载数据、搜索指数等数据来看比较平稳,但是知乎会员,网上吐槽却很多。开了会员找不到取消的地方,被群嘲吃相难看。同样做会员的美团就给用户的观感好,让用户觉得真的在帮用户省钱。

总的来说,设计师可以通过GSM模型,清晰地构建设计价值评估体系。通过这些客观冰冷的数据,设计师也能让感性的体验设计变得可评估、可度量。

炒炒总结

今天,我们探讨了一个问题,就是设计师如何利用数据来指导自己的体验设计。我给你分享了一个可以帮助我们做数据分析的工具——GSM模型。GSM模型是Google的用户体验团队提出的一种指标体系,该体系主要是用来对设计效果进行量化的监控。

我以之前的一次转账优化设计的项目为例,给你讲解了GSM模型具体是如何使用的,我们应该怎样利用数据来找到设计的方向,确定优化的方式。

GSM模型分为目标、信号和指标。在需求设计前,我们需要设定本次需求的目标,通过拆解流程的方式,将大目标拆解成一系列小的可确定、可追踪的关键指标。

然后,我们通过数据分析的定量方式和用户访谈等定性方式,帮助我们确定产品的优化点。优化并上线后,我们通过GSM模型对结果进行解析,用数据来验证设计的价值。

当我们的体验设计与数据结合后,我们的设计就会变得更加客观和实用,我们就有了有力的证据去证明和反驳别人的质疑,也让我们的设计不再主观化、情绪化。

课后题

在你最近的一次产品设计中,你有用到数据这个工具助攻你的设计吗?你是怎么做的?

记得在留言区和我讨论、交流你的想法,每一次思考都会成为你进步的基石。

如果你喜欢今天的内容,也欢迎你把这一讲分享给你的朋友。

感谢你的阅读,我们下一讲再见。

精选留言

  • Velonica

    2021-01-19 14:55:56

    建议增加转账功能几个页面改进方案的交互稿。对于“整合多个转账功能”这一点的优化我是有疑惑的,如果业务上确实要区分这么多转账功能,如何通过交互设计,去聚合它们?很想看看改进方案的交互稿
    作者回复

    在转账这里,我们主要做了两方面的内容: 一是根据不同类型转账的使用频率,把功能入口做了规划整理,比如说用户最常用的,放到更 明显的地方,增加一个用户更方便使用的快捷入口,不再是像以前那样把所有类型的转账都放 在一起; 二是把一些在流程和信息要素比较接近的转账类型进行整合,多个类型的转账融合成一个更接 近标准流程的转账,用户只需要找到转账,然后根据要求填写不同的信息项就好了。这种整合 页依赖于业务流程的改进。就像以前个人转账一样,你必须填收款人、开户行以及对应支行、 银行账号,现在的业务流程改进后,只填账号和收款人就行,有些甚至只填手机号也能完成转 账。 不管是第一点的信息优先级划分,还是第二点的流程整合,都是利用了交互逻辑在解决问题。

    2021-01-21 13:38:51

  • 石云升

    2021-01-18 16:08:37

    GSM模型,以前没听过,听完后,感觉关键是拆解大目标和验证小目标,把不可量化的主观感受,量化为可客观查看的数据变化。这个思维我原来在设计绩效考核时想过很多,但绩效上可量化的点并不多,比如延期率、bug出错率、技术难关攻克、关键数据提升等。 

    我公司在项目开发完之后很少去根据需求制定量化的指标,追求的是更快的上线。但前面拆解需求我觉得做的还可以。分享下我公司需求评审的流程。

    我们在开需求评审会时,首先产品经理会告知我们这次需求的目的是啥。为了达到我们的目的,这次我们需要做什么功能。然后在讲解具体的需求内容。我们在听的过程中会思考,做出来的功能是否能达到我们的目的。如果有,在讲解完就反馈出来,达成共识后,大家再拆解为具体的开发计划。

    共识很重要,GSM模型最后得出的结果,如果没有达成共识,大家数据认知不一样,也会有问题。
    作者回复

    对,赞同。共识是所有项目有效推进的前提。

    谢谢你的分享,看得出来你在工作中是一个非常善于总结和思考的人。
    GSM模型是我们为了提高有效产出的方法之一,并不是唯一。量化的方法是提高彼此间沟通效率的有效方法。
    拿你分享的需求评审流程来说,可能很多公司都是这样的流程,但光有这个流程还不够,如何利用一些量化的方法让评审更高效则更值得探索。比如说设计方评估需求需要10人天,但需求方认为需要5天就可以。那怎样消除这种分歧呢?
    这个时候,如果设计方用需求量化的方式来拆解下自己的评估逻辑,需求方一看就会清晰明了,如果觉得哪个环节不合理,可以针对那个环节讨论。这样是不是会让彼此间更高效的达成一致呢?
    在后面的课程中我也会分享我是怎样量化需求的。一定要记得关注哦

    2021-01-19 15:05:49

  • ∅∅∅

    2021-03-18 17:33:44

    第二个关于权益置灰到彩色加锁的方案,是怎么推导的?是参考竞品,还是说有用户心理学方面的理论支撑?
    作者回复

    这个优化的总体思路是采用了设想-验证的思路。

    借鉴了用户心理学的一些观点,之前的方案首先就把权益分成了两个大的类别,帮助用户明确了哪些权益是他已经获取的,哪些是他还未获取的,这样有一个好处是用户对自己已有和未有的权益的界限理解非常明确,但这种方式也会给用户带来一种未有权益获取门槛高的心理暗示,会以一定程度上影响用户去解锁未有权益的积极性;

    所以,在陆续做了一些竞品分析后,我们把所有权益放在了一起,去掉了已有和未有权益之间的严格的界限,而是带给用户一种“这些权益你都可以拥有”的心理暗示,同时加锁的小设计一是稍微强化了一些未有权益和已有权益之间的界限,同时也带来一种“等你来解锁”的游戏化的心理暗示。

    不过上线后的数据表现来看,前期的我们在推导方案时用的假设都被证实是对的。

    2021-05-26 12:36:32

  • 大西瓜er

    2023-01-04 08:39:44

    老师说用象限图去对齐数据目标,点击数据,都可以通过埋点知道,但是我想知道用户体验满意度,这个数据怎么得出呢?通过什么方式定性了解,通过访谈用户吗?那要多少用户的体验满意度能得出一个相对可信的数据呢?以及怎么做这个满意度调查呢?
  • 石云升

    2021-03-17 14:19:35

    重新学一遍的时候,觉得GSM里的目标、信号、指标有点类似ORK和KPI的关系。
  • 安安

    2021-03-15 21:19:12

    老师,拆解目标与那个图标优化的例子之间感觉不是很能对上,只能看到是做了设计优化……希望您阐述详细一点:哪里从什么大目标拆成什么小目标了?
    作者回复

    权益图标优化那个模块的内容主要是用来讲设计价值呈现的,所以就没有用拆解目标的逻辑来讲。
    如果套用GSM这个模型来讲,目标就是“提高客户通过权益实现等级提升的积极性”,结合这个目标,那提高客户对权益的兴趣、然后让用户解锁权益就是这个事情的第一步了。
    所以,其中的一个用户行为信号就是让客户查看未获得的权益并且获得它,基于此,我们对权益展示的样式做了优化,一是调整了样式,降低客户对未获得权益的排斥心理,二是用小锁的样式以更加游戏化的思路呈现出来,提升客户对未获得权益的好奇心。
    最后的验证指标也和目标相关,一个是用户点击未获得权益的PV,二是用户通过获取权益对用户等级提升的数据。

    2021-05-27 21:03:44

  • 槑子笠

    2021-02-01 09:02:14

    实际情况中优化优先级是否B的优先级高于D呢,或者D可能就不优化了,要怎么推动呢。
    作者回复

    如果是更偏商业视角的产品,B的优先级会高于D,因为B虽然满意度高,但满意度并没有直接转化成数据,而数据指标的降低会直接影响到商业利益;而D的满意度虽然低,但并没有导致数据和商业利益的降低,这种情况往往会把优先级降低。
    当然,具体的判断还是要根据不同项目、不同阶段的目标来具体评判。假设你的产品更关注用户满意度、而且用户满意度会直接影响到商业利益,那么你应该更关注D。

    2021-02-02 22:17:32

  • Jean

    2024-09-13 19:04:11

    不埋点,就没有这些用户行为数据,就没法让数据说话,但是好像B端业务都不埋点的(不注重用户体验的)
  • ifelse

    2024-01-11 13:05:43

    学习打卡
  • Geek_f1344e

    2023-11-08 17:27:51

    老师,我是一个小公司UI设计,做G端的,没有体验设计师,想问下这些数据是从哪里看到的
  • Geek_5a755e

    2023-08-09 09:43:16

    用户满意度怎么衡量呢?因为我们公司有专门的客服团队,而客户可能都是不那么想要被打扰的
  • Annie

    2023-02-18 12:20:44

    去掉“选择收款方”页的话,如何让用户操作确认收款人信息?后面一页是否要新增这个功能?

    象限那里,如果项目结束后不计划做可用性测试,那满意度的数据如何收集?设计师要辩护自己不背锅也不能给所有人增加工作量,这样的话如何快速有效地获取数据和信息?
  • L⃣

    2023-01-31 11:37:24

    PV和UV怎么区分呢?怎么选择应用场景呢?
  • 小王子是个嘤嘤怪🥳

    2021-11-14 07:53:52

    如果公司的体量实在很小,固定的客户带来的流量,导致数据基本没有了参考性,这种情况怎么办呢?
  • Ricardo斌

    2021-11-10 00:56:33

    炒炒老师讲的好好,不过我对于信号和指标之间的界限区别还不是很清晰,老师能不能用个例子帮助我理解下呢?
  • Lionel秋道

    2021-10-11 16:46:43

    更像是设定目标,找到和目标不一致的问题,解决它,通过数据提升来证明成果
  • 山妖妹妹

    2021-08-03 03:05:20

    老师您好,最后的“GSM模型结果分析”,导致B和D情况的原因还是有点不明白。请问可以举实例解释一下吗?谢谢!
    作者回复

    B和D只是列举的一种结果类型,不涉及到原因。如果要探究原因就太多种可能了。

    2021-09-24 21:14:59

  • 竺子

    2021-07-12 17:05:33

    关于GSM模型的结果分析,对于象限中的B和D结果分析还是有些混乱。B对应的是用户体验较好,数据不好看,可否理解成表现层、框架层是好的,但战略层的问题更多些?。D数据好看,用户体验不好,可否理解成战略层、范围层是相对准确的,但表现层、和框架层需要优化?
    作者回复

    感觉这里你有个误解:你把体验和表现层、框架层划了等号,把业务数据和战略层、范围层划了等号。这是两种纬度的事情,不能这样等同理解。

    说个很常见的例子:比如说一些APP的开屏广告,可能带来了业务营收的增长,但会导致一些用户满意度的下降,面对这种情况,你没有办法简单的说是哪个单一层面的问题。

    2021-09-24 21:26:36

  • Geek_9a36bc

    2021-05-06 19:15:45

    请问老师一个问题,文章中提到的这些数据一般是选取什么时间段内的?单日?周?月?一般如何选择时间会比较有代表性?
    作者回复

    这个要根据自己的产品属性或者要分析的数据属性。
    一般说来,C端的产品时间的颗粒度会更细一些,通常是日/周;一些用户量不大的B端产品,数据时间的颗粒度一般会选的长一点,通常是周/月/季度。

    另外,不同的数据属性也会对时间的要求不一样。比如一些电商转化的分析,通常会细化到小时级别的。

    2021-05-19 22:11:56

  • Cynthia

    2021-04-10 18:02:27

    如何判断PV和转化率的高还是低 呢?
    作者回复

    没太看懂你的问题,我尝试理解一下:

    不管是PV还是转化率,要判断高低一定是有一个参照值的,参照值可以是你定的目标、也可是上一个时间周期的数据、还可以是你们相关竞争对手的数据…有比较才会有高低,

    2021-05-20 12:43:33