第28关用户的轨迹

头像.png 通过上一节的学习，我们学会了如何通过地图来展示用户群体、目标群体的分布情况。可以直观地看到我们的用户主要分布在哪些区域，从而推断出用户的群体特征和喜好。

头像.png 地图是用户分析的前提，不过知道了用户的群体特征之后，我们还要继续更细地进行分析，也就是我们今天要给大家分享的内容：如何通过漏斗图来分析用户的行为。

头像.png 小王同学最近又接到了新的任务，领导让他分析一下自家电商平台用户的购物行为，看看转化率到底有多少。

小王用图表和文字做了一版，领导看后大发雷霆，下面我们赶紧来帮小王同学一起优化下他的PPT吧，不然他又要挨批了。小王的PPT主要包括三部分的内容，分别是用户购物行为分析、用户流失原因分析、以及后期的用户增长策略。

头像.png 现在就让我们一起带着思考开始今天的学习之旅：如何帮助小王同学将PPT的档次提升一下。

通过这关课程的学习，你的技能会发生哪些变化呢？我们来看看学习前后的对比，当然，这个前提是你要跟着我们一起来动手实践学习哦。

头像.png 学习前：在做用户行为分析的时候，只会用数据表格和文本来展示。

头像.png 学习后：可以通过漏斗图直观地展示用户行为的整个操作路径情况，一目了然。

头像.png 好了，话不多说了，现在，请你点击下面的链接，将我为你准备好的作业素材下载到桌面，开始今天的学习之旅吧。

温馨提示：我们课程中提到的所有操作，都是要在对应组的作业区里完成的哦。

头像.png 首先，我们将下载好的素材解压，然后找到里面的“漏斗图及美化”PPT，点击右键，在打开方式中选择PowerPoint打开，然后我们开始帮小王来优化他的PPT吧。

头像.png 首先**页PPT的内容是用户在使用电商购物平台时，用户的行为以及最终的转化率分析。小王用了表格来表示，虽然也可以看到每一步的转化率，但是对于转化率的趋势表达不是很明显：

尊敬的学员，您好：

这是给您准备的学习资料包，***取哦！！

打开以下链接，输入提取码，即可选择保存到自己的网盘，或者直接下载（下载需要安装百度网盘客户端，根据提示操作即可~）

百度云网盘链接：https://pan.baidu.com/s/1sNnFEcjiseYCrD2S3Amwvw

提取码： tcak

特别提示：压缩包形式的文件，可以下载到自己的电脑后，再选择解压，【无需】购买网盘会员。

扫描下图二维码可直接下载

360截图20210625212953984.jpg

制作漏斗图表

头像.png

我们来帮他将图表改造成一个非常直观地漏斗图吧。

首先将作业区里面的原始图表和文本移动到页面底端，然后点击插入-图表-选择条形图中的第2个堆积条形图：

头像.png 插入图形之后，会打开数据编辑页面，我们将页面底端表格的数据复制进去，删除多余的列，然后给中间插入一列占位符，如下动图：

温馨提示：占位符其实就是每阶段与**值的差额，又因为图表都是居中放置，所以要除以2，计算公式：=($C$2-C2)/2。

头像.png 数据编辑好之后，关闭数据编辑表格，删除原来的数据表格，堆积图的初始效果如下：

头像.png 由上图可以看出纵坐标轴由上到下排序是完成支付—提交订单—添加购物车—选购商品，而我们想要把这四个步骤反过来：选中纵坐标轴，右键设置坐标轴格式，打开右侧坐标轴格式设置菜单：

头像.png 在右侧第4项坐标轴选项中找到逆序类别勾选，这样就达到我们想要的结果了：

头像.png 然后我们将这个堆积条形图转化成漏斗图：首先选中蓝色占位符条形，点击格式-形状填充，设置为无填充颜色；在形状轮廓中设置为无轮廓：

头像.png 这样蓝色条形图就不见了，现在看着是不是和漏斗图越来越接近了。然后我们再选中条形图，在右侧设置数据系列格式菜单中，第三项系列选项下面设置主坐标轴-间隙宽度为0%：

温馨提示：这里调整宽度的菜单名称因为版本不同会有差异，有的版本也叫“分类间距”，不影响最终效果。

头像.png 如果需要修改数据，我们只需要选中图表，点击右键中的编辑数据进行修改即可，修改后，图表会随之变化：

头像.png 好了，漏斗图的雏形就出来了，我们接下来继续美化。首先删除图表两端的图例、横纵坐标抽和绘图区域的背景网格线，删除后效果如下：

头像.png 然后再设置图表区域的高度和宽度：选中图表区，点击格式，设置高度为9.3厘米，宽度为20.25厘米:

头像.png 接下来继续设置每一个阶段矩形的填充颜色：先在空白处插入1个矩形，设置为无轮廓，然后选中矩形，按住Ctrl键不放，移动鼠标快速复制一个，两个矩形边缘重合，如图所示：

头像.png 然后设置矩形的填充颜色，首先设置左侧矩形填充颜色参数为：红色1，黄色172，蓝色190，再用取色器给右侧填充相同的颜色；当然你也可以同时选中2个矩形，设置自定义颜色：

头像.png 然后再打开右侧矩形的颜色设置页面，向下拖动颜色板上的小三角，比左边颜色深一点即可：

头像.png 设置好之后，我们同时选中两个矩形，按Ctrl+G组合起来，然后复制这个组合矩形，选中图表中的**行条形，粘贴。这样就可以看到图表区**个矩形的颜色变成和组合矩形一致了：

头像.png 然后我们修改组合矩形两边的颜色，用同样的方式给条形图表的后面三组依次上色即可。后面三组左边矩形的颜色参数依次为：第二组：红色232，绿色113，蓝色112；第三组：红色146，绿色83，蓝色171；第四组：红色253，绿色184，蓝色81：

头像.png 右边矩形的颜色都是在左边矩形的颜色基础上，向下拉动小三角，让颜色更深一点。

颜色填充完之后，删除空白处的组合矩形，再继续选中条形图，点击右键添加数据标签中的添加数据标签，这样每一个阶段的用户转化率就显

示出来了：

头像.png 再设置一下标签的字体和大小：选中标签，设置字体为Arial Black，字号为24号：

头像.png 接下来我们再给漏斗图添加一些辅助元素，让漏斗图看起来更加美观好看一些。首先给每一组条形框添加用户行为标记说明。点击插入-形状-在箭头中找到V形箭头插入：

头像.png 选中箭头，在格式中设置高度和宽度均为1厘米，白色填充，无轮廓：

头像.png 选中箭头，按住Ctrl键，拖动鼠标复制三份，按如图位置放置：

头像.png 然后依次在箭头前面插入文本框，内容分别为：“选购商品”、“添加购物车”、“提交订单”、“完成支付”，设置字体为思源黑体 CN Regular ，字号为18号，颜色为白色，设置完之后分别选中每一组文本和箭头，按Ctrl+G组合起来：

头像.png 当然，学到现阶段，同学们对插入形状和文本，以及设置格式已非常熟悉，如果你觉得有更适合你的方法，老师也鼓励大家灵活应用起来，比如先设置好一组箭头和文本的格式并组合，再复制出另外3组，调整位置和文字内容，只要能完成我们想要的效果即可~

最后我们再将原来的页面中“每5个用户只有一个完成支付”这句话用图形表达出来，先删除该文本框，点击插入-形状-选择圆角右箭头：

头像.png 然后将箭头向右旋转90°，再水平翻转，使箭头置于漏斗图顶端中间位置，拖动放大：

头像.png 再用同样的方式插入一个另一个圆角箭头，先水平翻转，再垂直翻转，然后置于漏斗图的底端，拖动放大，选中箭头，右键置于底层：

头像.png 同时选中两个箭头，在格式中设置为无填充颜色，轮廓为白色，轮廓粗细为1.5磅：

头像.png 还差最后一步啦！点击插入-图片-在素材中找到《图标1》和《图标2》，依次插入，调整位置：图标1置于顶端箭头上，图标2置于底端箭头上：

头像.png 静态效果就做好了，因为小王的PPT是要给领导演示的，所以我们再来给他加点动画，提升一下：

首先选中最上方的进入箭头，添加动画，选择擦除效果，效果选项为自右侧，开始标记为与上一动画同时，持续时间1.5s：

头像.png 再选中箭头上方的五个小人，添加动画为直线路径，效果选项为靠左，开始标记为与上一动画同时，持续时间1.5s，将小人拖动到页面外面，使得路径箭头位置放置在小人最终停留的地方：

头像.png 然后选中中间的漏斗图，添加动画，选择擦除效果，效果选项为自顶部，开始标记为上一动画之后，持续时间4s：

头像.png 再同时选中漏斗图旁边的文本标签和箭头的4个组合，添加动画，选择飞入效果，效果选项为自左侧，开始标记为与上一动画同时，持续时间0.5s，延迟时间依次设置为0.25s，1.25s，2.25s，3.25s：

头像.png 再选中下面的箭头设置一下效果：添加动画，选择擦除效果，效果选项为自右侧，开始标记为上一动画之后，持续时间1.5s：

头像.png 最后选中箭头上方的1个小人，添加动画，选择淡化效果，开始标记为与上一动画同时，持续时间0.5s，延迟时间0.25s:

头像.png 继续选中它，添加一个叠加动画：添加动画为直线路径，效果选项为靠左，开始标记为与上一动画同时，持续时间1.5s，将小人向后拖动，路径箭头位置放置在小人最终停留的地方：

头像.png 好了，动画就设置完成了，我们来点击预览，看一下整体的播放效果：

头像.png 哦啦，大功告成了，我们帮小王顺利地美化完了他的**页PPT，比起原来的表格，现在这样更直观地展示了用户每一步的转化率，非常实用美观。这一页我们主要用到了哪些知识点，你还记得吗？

头像.png 下面来检测一下你的学习成果吧！

请问如何将图表表格转化为漏斗图，在修改数据的时候图形会随之改变？

A.参照表格，插入形状，自由组合成漏斗图形状

B.先将表格转化成堆积条形图，然后再将条形图转化成漏斗图

C.先将表格转化成面积图，再将面积图转化成漏斗图

D.插入smart形状，然后将形状转化成漏斗图

头像.png 恭喜你答对啦，看来**节用到的知识点你已经全部掌握，小王的PPT还有2页，我们继续来帮他优化吧！

头像.png 小王的PPT第二部分的内容是关于电商购物用户流失率高的原因分析。这一页小王只用文本简单地罗列了用户流失原因，看起来不直观：

用Smartart做漏斗图

头像.png 我们来到第6页作业区，改造一下：首先删除页面的数字标签，将文本都移动到页面顶端备用，然后点击插入- SmartArt -选择关系图中的第三个漏斗，确定即可：

头像.png 插入的SmartArt形状是带文本的，我们不需要文本编辑，只需要形状样式：选中插入的SmartArt图形，点击右键转换为形状：

头像.png 转换后就是一个漏斗样的组合形状，我们先选中组合，同时按Ctrl+Shift+G取消组合。然后再来对形状进行美化：首先选中漏斗体中间的椭圆，按Delete键删除；然后选中漏斗体，在格式中设置形状轮廓为无轮廓，填充颜色为主题色第1列第3个白色，背景1，深色15%：

头像.png 然后我们继续修改里面三个圆的颜色，因为第3个圆是置于漏斗体中，所以我们先要选中漏斗体，右键置于底层，将圆展示出来：

头像.png 再修改三个圆形的形状轮廓为无轮廓，填充颜色在最近使用的颜色中依次选择和上一页前三个条形填充相同的颜色：

头像.png 接下来再给三个圆中插入图标，使其丰富起来。点击插入-图片-在素材中找到图标3，4，5，依次插入三个圆中，调整位置于圆的中心：

头像.png 最后把圆和对应的图标组合起来，再选中漏斗体，右键置于顶层，这样漏斗体部分就设置完成了：

头像.png 我们再设置一下下面的箭头，选中箭头设置填充类型为无填充，形状轮廓颜色为白色，轮廓线条粗细宽度为1.5磅：

头像.png 在箭头下方插入文本框，填充内容为“完成支付的用户，仅有20%”,设置文字的字体为思源黑体 CN Regular ，字号18号，颜色为白色：

头像.png 最后再添加一下文字说明就可以啦！先插入一个文字指引线条，点击插入-形状-选择线条：肘形连接符，然后拖动肘形上的黄点，如图调整肘形的位置：

头像.png 调整线条的形状：选中线条，鼠标右键，点击设置形状格式，在右侧设置形状格式菜单中设置线条宽度为1磅，短划线类型为倒数第3个虚线长划线，结尾箭头类型选择最后一个圆形箭头：

头像.png 选中设置好的虚线，按住Ctrl键不放，拖动鼠标复制2个，其中一个水平翻转：

头像.png 用取色器设置线条颜色和对应圆形的颜色一致，调整位置如图所示：

头像.png 最后一步啦，将原来放在页面顶端备用的文本框根据颜色依次移动到对应的虚线顶端下方，如下图，设置文本1、3为左对齐，文本2为右对齐，最终的静态效果图就做好啦：

头像.png 我们给这一页也添加一点动画效果：首先选中漏斗体，添加动画效果为浮入，效果选项为上浮，开始标记为与上一动画同时，持续时间1s：

头像.png 接着再选中3个圆，给圆添加动画效果为浮入，效果选项为下浮，开始标记为上一动画之后，持续时间1s：

温馨提示:这里选择三个圆时，如果难以选中，可以先把漏斗体置于底层，动画设置好之后再置回顶层。

头像.png 再选中圆旁边的虚线，添加动画效果为擦除，效果选项设置虚线1，3为自左侧，虚线2为自右侧，开始标记为上一动画之后，持续时间0.5s：

头像.png 最后给虚线旁边的文本框及底端箭头下面的文本框一起添加动画：动画效果为缩放，效果选项为对象中心，开始标记为上一动画之后，持续时间0.5s：

头像.png 还剩最后一个底端箭头的动画了，选中箭头，设置动画效果为擦除，效果选项为自顶部，开始标记为上一动画之后，持续时间0.5s：

头像.png 动画全部设置完之后，为了整体效果和内容逻辑匹配，我们需要调整一下播放顺序，打开动画窗格，在右侧动画窗格菜单中选择要调整的动画，用鼠标拖动到目标位置，播放顺序参考图中数字标记：

温馨提示：选中对应的形状，鼠标会自动定位到右侧动画窗格中对应的动画位置。

头像.png 顺序调整完之后，最后我们来点击预览，看一下整体的播放效果：

头像.png 好了，第2页就美化完了，还差最后一块了，为了小王不挨批，大家继续加油哦！

第2节我们主要用到了以下知识点，看看你都掌握了吗！

头像.png 第3部分的内容是可实施的用户增长策略，小王虽然用了一个形状，但是和内容不太贴合，没有很好地将增长体现出来，而且页面也不太美观，我们来美化一下。

制作创意漏斗图

头像.png 我们来到第9页作业区，首先将页面的文本内容移动到页面顶端备用，删除多余的形状：

头像.png 这一页我们引入一个树的元素，和内容用户增长完美结合起来，生动形象。首先点击插入-图片-在素材中找到《图标6》插入，也就是树根的图片，放置在页面左下角：

头像.png 然后我们再来做树干部分，点击插入-形状-选择箭头：五边形，设置高度为1.5厘米，宽度为5.8厘米：

头像.png 选中插入的箭头，设置形状轮廓为无轮廓，形状填充颜色在最近使用的颜色中选择深青色：

头像.png 之后，选中箭头，按住Ctrl键复制一个完全相同的，然后水平翻转，置于树干的两侧：

头像.png 同时选中两个五边形箭头，按Ctrl+G键组合起来，选中组合后的形状，按住Ctrl键拖动复制完全相同的三组：

头像.png 复制好之后，同时选中四组组合形状，点击格式-对齐，依次点击左对齐和纵向分布，使得所有的组合均匀分布：

头像.png 然后依次点击选中第2，3，4组中的两个五边形箭头，注意这里需要点击三次，**次点击后选中的是组合，然后再分别点击两边的矩形，这样才能选中矩形。在格式中设置他们的宽度依次为4.7厘米，3.6厘米，2.5厘米，高度不变保持一致：

头像.png 形状的宽度设置好之后，左边树干部分箭头形状是左对齐的，我们需要调整使其和树根的躯干对齐，调整的时候有系统自带参考线（如下图红色虚线），可以直接参考：

头像.png 位置调整好之后，依次修改第2，3，4组箭头：在最近使用的颜色中依次选择玫瑰红、紫色和橙色：

头像.png 再来给树添加一个顶，点击插入-形状-基本形状：等腰三角形，在格式中设置三角形的高度为1.8厘米，宽度为4.5厘米，填充颜色为白色，如图调整位置：

头像.png 树的增长形状就做好了，按住Shift键同时选中树根、树干和树顶，按Ctrl+G组合起来，一是方便后面操作，二是如果需要移动，也不会乱：

头像.png 然后给两个五边形箭头中间分别插入文本框，依次填入编号“01”，“02”，“03”，“04”，设置字体为Arial Black，字号为24号，字体颜色和箭头颜色保持一致：

头像.png 我们再来插入对应的文本说明就可以了。点击插入-图片-在素材中找到《图标7》插入，然后选中新插入的图标，按住Ctrl键复制三个：

头像.png 同时选中4个图标，点击格式-对齐中的左对齐和纵向分布，使得图标均匀分布：

头像.png

修改下面三个的图标填充颜色和树干的五边形箭头一一对应，分别为紫色、玫瑰红和深青色：

温馨提示：我们点击图标之后点击格式--颜色里面去设置图标的颜色填充哦

头像.png 最后将页面顶端之前备用的文本框复制到对应的图标旁边即可，颜色一一对应，文本设置左对齐：

头像.png 好了，静态的树形用户增长就做好了，我们再来给它加点动画元素，这样演示的时候会更加生动形象。

首先选中树的主体组合，点击添加动画，在更多进入效果中选择升起，开始标记为与上一动画同时，持续时间1s：

头像.png 再选中树干中间的数字编号和文本旁边的圆形标签，添加动画效果为淡化，动画选项为默认，开始标记为上一动画之后，持续时间0.5s：

头像.png 继续选中树干中间的数字编号和文本旁边的圆形标签，给它们添加一个动画叠加效果：点击添加动画，效果选择强调中的脉冲，开始标记为上一动画之后，持续时间0.5s：

头像.png 接着选中圆形标签旁边的四个文本，添加动画效果为飞入，动画选项为自右侧，开始标记为与上一动画同时，持续时间0.5s，延迟0.25s：

头像.png 设置完之后，因为前面设置数字编号和标签的动画都是上一动画之后，因此是依次出来的，我们想要的效果是数字编号01和圆形标签1同时出来，因此我们需要调整一下四个圆形标签对应的淡化和脉冲的开始标记：选中标签，在右侧动画窗格中点击对应的动画效果，在上方修改开始

标记为“和上一动画同时”：

头像.png 最后我们需要调整一下文本动画的播放顺序，每个文本动画都要在对应的数字标签和圆形标签之后播放，点击动画窗格，打开右侧菜单栏，选中需要移动的文本动画，按住鼠标拖动到每一组标签的后面即可，播放顺序参考标签：

头像.png 这样动画就设置完成了，我们点击预览按钮，预览一下最终的播放效果：

头像.png 今天的内容就学完了，关于漏斗图美化的几个应用知识点你都掌握了吗？下面我们来测试一下自己的学习成果吧！

添加动画之后，如果要改变播放顺序，怎么操作最方便快捷？

A.删除要改的的动画，重新添加

B.在【动画效果】选项中设置动画的播放顺序

C.打开【动画窗格】，选择需要改变的动画，拖动鼠标移动到对应位置

D.全部删掉所有动画，重新按照新的顺序添加

头像.png 恭喜你，成功通过了我们的小小考核，你已经掌握了漏斗图应用和美化中的那些基本套路了，快快动手让你的PPT逼格飞起来吧。

头像.png 恭喜你，已经完成了这一关的全部实操！在这个过程中你已经熟练掌握了以下技能：

头像.png 那接下来，就要进入我们的福利时间。

打开微信扫一扫下图中的二维码，即可***取老师私藏的海量PPT各种图表的高端模板素材啦，还在等什么，快快行动吧！

尊敬的学员，您好：

这是给您准备的学习福利礼包——【PPT各种图表的高端模板素材】，***取哦！！

打开以下链接，输入提取码，即可选择保存到自己的网盘，或者直接下载（下载需要安装百度网盘客户端，根据提示操作即可~）

百度云网盘链接：https://pan.baidu.com/s/1BTz7DrkTkhS0nToMG2V3eg

提取码： icgp

特别提示：压缩包形式的文件，可以下载到自己的电脑后，再选择解压，【无需】购买网盘会员。

头像.png 在前面的几节中，我们为大家分享了条形图、柱形图、折线图、饼图、面积图、地图、漏斗图等各种图表的美化和应用。但是在实际工作中，我们常常需要用到好几种图表的组合，下一节我们就为大家分享一下组合图表的应用。

张家口日晟网络科技

第28关 漏斗图及美化

第28关漏斗图及美化