Taylor Zhao from Smartdesign Shanghai shared how to track data and use data to drive design decision making. It's a good guide for user experience design to learn how to track and use data in design practice.上海聚哲咨询的赵正宣分享文章，介绍了如何搜集数据并使用数据来推动设计决策，对于用户体验从业者具有很高的参考价值。

1. 网站分析、数据分析推动设计决策
赵正宣 Taylor Zhao
上海聚哲商务咨询有限公司
taylor@shjzux.com

2. 2上海聚哲商务咨询有限公司
什么是网站分析？
• 网站分析是收集、测量、分析并报告网站数据
以理解并优化网站使用情况。
• 通过研究网站访客行为，对收集到的数据进行
分析，来判断网站的布局、设计、内容是否合
理。

3. 3上海聚哲商务咨询有限公司
• 网站分析是让IT把跟踪的代码加入网页，然后
等报告？
什么是网站分析？

4. 4上海聚哲商务咨询有限公司
Source: http://www.kaushik.net/avinash/best-web-analytics-tools-quantitative-qualitative/
• 网站分析是
• 理解商业目标
• 自定义合适的报告
• 通过细分发现有用信息
• 用通俗的语言把建议和
观点呈现给听众/读者。
什么是网站分析？

5. 5上海聚哲商务咨询有限公司
为什么做网站分析
访客如何使用我的站点？
我应该如何让活动更加有
效？更加有吸引力？
我提供的内容是有效的吗？
购物车的哪一步用户放弃
操作？为什么？
我可以如何提高网站的交
互性？

6. 6上海聚哲商务咨询有限公司
网站分析分类
• Off-site分析
• 分析样本群体
• 无需任何代码
• 不准确，主要用于研究趋势
• 例如Compete, Alexia, SocialMention
• On-site分析
• 日志分析
• 网页标签（JavaScript Tag）

7. 7上海聚哲商务咨询有限公司
网站分析工具
Source: http://www.kaushik.net/avinash/best-web-analytics-tools-quantitative-qualitative/

8. 8上海聚哲商务咨询有限公司
谷歌分析工具(Google Analytics)
• 市面上最好的免费工具
• 国内有百度分析、腾讯分析等。
• 界面友好，容易上手。
• 功能强大，提供多种报告及自定义报告。
• 对于多数公司而言，这样的免费工具使用足够
使用。

9. 9上海聚哲商务咨询有限公司
谷歌分析工具
• 谷歌分析如何工作？

10. 10上海聚哲商务咨询有限公司
谷歌分析工具

11. 11上海聚哲商务咨询有限公司
谷歌分析主要功能
• 内容分析
• 页面分析，看用户如何在页面之间切换？
• 事件分析，了解用户如何操作页面元素？
• 站内搜索，了解用户需要找什么？
• 社交分析
• 了解社交流量如何影响你的KPI？
• 了解用户愿意分享什么？去哪里分享？
• 转化率分析
• 通过Ecommerce报告了解用户从哪里流失？
• 广告、营销效果分析
• 通过跟踪不同方案，了解效果？
• 实验，A/B及多因素测试

12. 12上海聚哲商务咨询有限公司
Flurry分析工具
• 专门针对移动设备的分析工具
• 国内腾讯分析，百度移动统计，TalkingData等
• 支持iOS和Android
• 支持多参数
• 一个行为，支持多达10个参数
• 例如收集用户打开文件这一行为，可以包括如下参数：
文件类型、文件大小、网络环境等
• 内置错误分析

13. 13上海聚哲商务咨询有限公司
Flurry分析工具

14. 网站分析实施

15. 15上海聚哲商务咨询有限公司
目标
• 你的商业目标是什么？
• 对于内容性网站，可能是访问时长，广告点击率。
• 对于Ecommerce网站，是销售量。
• 数据跟踪目标
• 哪些数据谷歌或Flurry自动跟踪
• 哪些数据需要手动添加代码跟踪
• 例如按钮、弹窗、外链等事件
• 特殊跟踪需求
• 不同活动途径跟踪
• 跨平台跟踪

16. 16上海聚哲商务咨询有限公司
不同线上活动跟踪
• 对于线上的不同活动，最简单跟踪办法
• 使用加TAG的URL，可以轻松区分出不同来源的用
户。
• 例如：
abc.com/?utm_source=baidu&utm_medium=banner&utm_term=fifa2014&utm_campaign=
event1
Source: 百度
Medium: Banner
关键字：fifa2014
活动：event1

17. 17上海聚哲商务咨询有限公司
跟踪线下促销活动
• 对于线下的活动，如何跟踪线上的效果？
• 不同活动，在线上给不同的登录页(landing page)
• 相同的登录页，给不一样的URL跳转实现
• 例如某促销活动，登录页是 abc.com/event1/，那邮件促销url设置为
abc.com/event1/1/，线下渠道的url设置为 abc.com/enent1/2/，这
两个实际上都跳转到登录页，通过不同的url，我们就知道用户是哪个
渠道带过来的。
• 活动代码(promotion codes)
• 在Google Analytics里，可以通地自定义变量（custom
variable）来跟踪。
• 使用短地址

18. 18上海聚哲商务咨询有限公司
不同设备之间用户行为跟踪
• 同一用户，使用不同的设备访问相同的网站，
如何跟踪其行为？
• 谷歌分析已支持不同设备之间登录用户行为跟
踪
• 对于登录用户，可以通过虚拟ID来判断来自不同平
台的访问用户是否为同一用户。
• 不可直接使用用户ID，这样涉及隐私问题。

19. 19上海聚哲商务咨询有限公司
详细规划
• 收集哪些数据？
• 如何收集这些数据？
• 事件、参数如何命名？
• 整理成文档。

20. 20上海聚哲商务咨询有限公司
谷歌分析跟踪页面事件

21. 21上海聚哲商务咨询有限公司
Flurry跟踪移动事件

22. 报告

23. 23上海聚哲商务咨询有限公司
谷歌分析标准报告
• 页面点击量报告
• 登录页分析
• 流量来源报告
• 社交流量分析
• 点击事件报告
• 网站搜索报告
• 转化率报告
• 实验报告(A/B测试）

24. 24上海聚哲商务咨询有限公司
自定义报告
• 针对不同的用户，自定义报告

25. 25上海聚哲商务咨询有限公司
细分、过滤
• 细分是得到有价值信息的利器，以谷歌分析为
例，提供两个工具
• 高级细分（默认高级细分和自定义高级细分）
• 过滤器（预定义过滤器和自定义过滤器）

26. 26上海聚哲商务咨询有限公司
高级细分

27. 27上海聚哲商务咨询有限公司
高级过滤

28. 28上海聚哲商务咨询有限公司
页面点击率

29. 数据处理

30. 30上海聚哲商务咨询有限公司
数据处理
• 谷歌、百度、Flurry等都提供很多标准的报告。
• 同时，你也可以自己创建自定义报告。
• 但这还不够，有时候你需要自己处理数据。

31. 31上海聚哲商务咨询有限公司
正则表达式（Regular Expression)
• GA等工具，很多高级功能，例如流量过滤、
细分等功能，都需要使用正则表达式。
• 使用Excel处理原始数据时，在无需编程的前
提下，可以使用正则表达式插件，完成很多复
杂数据提取工作。
• 处理GA导出的数据
• 处理Flurry导出的事件日志数据等

32. 32上海聚哲商务咨询有限公司
正则表达式
“.”，代表任何字母或符号
“？”代表前面字母或符号是可选的，即0到1次
“*”，代表前面字母或符号出现0次到多次
“+”，代表前面字母或符号出现1次到多次
“()”,组合
“[]”，范围，例如[0-9]代表0至9的数字
“^”，以某个开始
“$”结尾，abc$, 表现最后一定是abc

33. 33上海聚哲商务咨询有限公司
Excel处理数据

34. 34上海聚哲商务咨询有限公司
数据呈现
• Excel，图表
• 更高级的，如Tableau

35. 35上海聚哲商务咨询有限公司
数据呈现

36. 36上海聚哲商务咨询有限公司
作者工作经历
• 2016年2月，上海聚哲商务咨询有限公司，用
户体验研究负责人
• 2011年3月-2016年2月，欧特克软件（中国）
研发有限公司，用户体验设计经理
• 2010年5月-2011年2月，惠尔浦（中国）投资
有限公司，主管用户体验设计师
• 2006年7月-2010年5月，上海惠普有限公司，
资深用户体验设计师

37. 谢谢！
公众号：Tay哥闲聊 微信：ajimao08