Image for post
Image for post
«The Truth Is Out There», (с) The X-Flies

Как работать с аналитикой, если вы дизайнер

Задаем правильные вопросы аналитику. Ищем данные, которые оставят след на вашем макете.

Natalia Babaeva
Apr 6, 2017 · 8 min read
Image for post
Image for post

Первый заход. Базовые показатели

Аналитик приносит дизайнеру базовые показатели. Что-то из того, что он обычно носит маркетологам и бизнесу.

— Трафик 80 тыс., конверсия 2%, соцдем 22–35, женщин чуть больше, чем мужчин.

Дизайнер смотрит в то, что принес ему аналитик. Ему все понятно. Но как это повлияет на его решения? Никак. Мы все понимаем, что вот так это не работает:

— Раз трафик 80 тыс, кнопки будут зелеными. Вот был бы трафик 150 тыс, сделал бы кнопки красными.

— Конверсия 2%! Ага, чтобы получить 4%, сделаю страницу в два раза длинней.

— Раз женщин чуть больше, фон должен быть чуть розовее.

Ребята видят, что ничего не получается. Но не сдаются.

Второй заход. Анализ блоков страницы

Аналитик решает принести цифры «ближе к телу» дизайнера. Дизайнер что делает? Рисует блоки страницы. Значит анализируем вклад в результат каждого блока на старой версии страницы. Ищем, что улучшить.

— 40% аудитории видят только первый блок. Меньше всего кликают на блоки 3 и 5. А больше всего на блоки 2 и 8.

Поначалу у дизайнера загораются глаза. Он почти понимает, как строить этот мост.

— Раз дальше первого экрана не видят, нужно по-максимуму запихнуть все в первый экран.

— Самые непопулярные блоки можно убрать.

— Блок 8 ставим сразу за вторым.

Дизайнер счастлив, что теперь сможет «подкрепить дизайн цифрами». Но вот макеты готовы. Он смотрит на них, и интуиция подсказывает, что все плохо.

Третий заход. Аналитик проверяет гипотезы дизайнера

Аналитик говорит дизайнеру. «Я все понял! У меня слишком много данных. Я не могу знать, что тебе нужно. Приноси гипотезы, а я их проверю.»

Image for post
Image for post
Правда аналитика в том, что все его данные не влезут ни на какой стол. Поэтому важно сначала понять, что мы ищем.
Image for post
Image for post
Гипотезы дизайнера могут родиться за овсянкой

Проблема в том, что дизайнер не знает, какие гипотезы проверябельны.

Аналитик думает, что дизайнер несет ему червивые гипотезы. Дизайнер думает, что аналитик не умеет их проверять.

Четвертый заход. Детективная пара

Наконец, аналитик и дизайнер решают сесть вместе и начинают игру в детективную пару.

Image for post
Image for post
Детективная пара — это не заказчик и исполнитель. Вы можете думать друг об друга.

Подробный пример про работу со сценариями

Дизайнер, если не знаешь, что спросить у аналитика, начни с этих двух вопросов.

  1. Куда?
Image for post
Image for post
«Читаю судьбу по пользовательским сценариям», фото 1927 года, источник.
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Этот блок стал основным источником прироста базы мейлов для нашего гипотетического магазина.

Шпаргалка

  1. Смысл общения дизайнера и аналитика есть, когда цифры превращаются в конкретные дизайнерские решения.
  2. Базовые цифры по сайту несут мало пользы для задач дизайнера.
  3. Анализ работы блоков старой страницы может запутать дизайнера.
  4. Дизайнер не может оценить гипотезы на проверябельность, поэтому не стоит заставлять его формулировать гипотезы в одиночку.
  5. Эффективнее всего, если дизайнер и аналитик работают вместе — формулируют гипотезы, ищут на них ответы и интерпретируют их.
  6. Всегда полезно начать со сценариев. Дизайнер их рисует, аналитик обсчитывает.
  7. Полезно фокусироваться на самом массовом и самом конвертируемом сценарии. Искать инсайты.
  8. Важно подумать, как мы хотим изменить сценарии. Здесь рождаются дизайнерские решения, которые не появились бы без аналитики.
Image for post
Image for post
Фух. Сложно было дочитать до этого места. Выдыхаем.

P.S. Зубодробительный бонус для самых стойких.

На этот раз решила разобрать по шагам, что мы в последнем разделе проделали со сценариями.


Image for post
Image for post

→ Как следить за Бабаевой и Школой ченджеров

Меня зовут Наташа Бабаева. Я пишу про маркетинг, продукт и инновации. В Facebook лично, в Telegram кратко, на Медиум детально.

Natalia Babaeva

Written by

Founder at School of Changers, Change Consultant, Medium blogger (Russian+English), former Development Director in the most innovative Publisher in Russia (MIF)

Natalia Babaeva

Written by

Founder at School of Changers, Change Consultant, Medium blogger (Russian+English), former Development Director in the most innovative Publisher in Russia (MIF)

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store