Lviv iCamp 2017 Андрій Осіпов “Візуалізація аналітичних даних”.

1. Визуализация
аналитических
данных

2. — Практикующий веб-аналитик
— Сертифицированный спикер Google Partners
— Главный лектор и директор
в «Школа веб-аналитики Андрея Осипова»
— Блогер в «Веб-аналитика и результат»
web-analytics.me
Андрей Осипов

3. Зачем нужна визуализация
Как использовать DataStudio
Как подключить различные источники данных
для визуализации аналитических данных
О чём будем говорить
1.
2.
3.

4. В GA удобно работать с цифрами

7. Еще проблемы
● Нужно знать интерфейс и уметь с ним работать
● Сложно увидеть динамику и тренды
● Множество лишних данных (несмотря на кастомные отчеты)
● Данные только из одного источника (только GA и только один
view)

8. Визуализируй это!

9. Что нам нужно
● Разные источники данных на одном листе
● Чтобы было интерактивно и рил-тайм
● Вычислять нужные метрики на ходу
● Чтобы онлайн и можно делиться
● Простота добавления и изменения визуализаций

11. Что получаем
● Уменьшение информационной нагрузки
● Однозначность и ясность выводимых данных
● Выделение взаимосвязей содержащихся в информации

12. Инструменты визуализации

13. Инструменты визуализации

14. Для агентств
все клиенты на одном листе
Для контекста
тренды по кампаниям на одном листе
Для руководителя
только важные метрики, ничего лишнего

15. Как сделать хорошую
визуализацию?

16. Определяем цель и метрики
Формулируем для себя
(или собираем требования),
что мы хотим видеть и зачем

17. Примеры целей и метрик
● Затраты по всем моим клиентам, ROAS и процент конверсии,
чтобы не выходить за план
● Воронку продаж в разрезе городов, устройств и продуктов,
чтобы контролировать эффективность
● Статьи, которые набирают популярность в течение недели,
чтобы ставить популярные в ротацию

18. Прототип

19. Подготавливаем данные
Просто
нужные метрики уже есть (метрики GA — https://goo.gl/jQ7jX3)
Сложнее
метрики можно высчитать на лету
Сложно
нужно объединить разные источники данных и вычислить
показатели

20. Источники данных

22. Разные данные
Если данные нужно объединить, то можно выгрузить
их в Google Sheets/sql/bq, а затем добавить в DataStudio

23. Можете написать свой коннектор
Туториал — https://goo.gl/zBzrRu

24. Настройка

25. Визуализации
+ Data Control

26. Стиль и данные

27. ● Добавлять фильтры и сегменты
● Сортировать данные
● Выбирать разные временные рамки
● Цвета, шрифты, trendline и т.п.
● Объединять в группы

28. Вычисляем показатели

29. Создаем свои метрики

30. Доступные формулы
https://goo.gl/sWPt9r

31. Пример формулы
CASE
WHEN Этап покупки IN ("ALL_VISITS") THEN "1. Переходы" WHEN
Этап покупки IN ("PRODUCT_VIEW") THEN "2. Просмотр квеста"
WHEN Этап покупки IN ("ADD_TO_CART") THEN "3. Выбор таймспота"
WHEN Этап покупки IN ("CHECKOUT_1") THEN "4. Переход к брони"
WHEN Этап покупки IN ("CHECKOUT_2") THEN "5. Выбор метода
олпаты"
WHEN Этап покупки IN ("TRANSACTION") THEN "6. Оплата брони" ELSE
"Other" END

32. Подбираем цвета
и приводим в порядок

33. Неудачный график

34. ● Использовать палитры контрастных цветов
● Вспомогательные и второстепенные линии должны
быть простыми и не мешающими читать график в глаза
● Не забываем подписи осей и заголовки графиков
Добрые советы

35. Цвета — это важно

36. Еще про цвета
https://goo.gl/BuU44d

37. Тестируем

38. Делаем юзер-тест
● Привлекаем представителя ЦА
● Просим выполнить задачу (найти популярный материал)
● Просим комментировать в процессе выполнения
важно — не смеяться, не подсказывать и сказать, что ты хочешь убедиться в том,
как хорошо ты сделал задачу, а не тестируешь его умственные способности
*

39. Примеры

40. А еще можем встраивать в веб

41. Можем строить воронки с фильтрами

45. Вопросы

46. Fb школы: fb.com/SchoolWa
Мой fb: fb.com/andrey.osipov
Спасибо
за внимание!