Диаграмма Гамма для слайда: воронка продаж из четырёх чисел
Диаграмма Гамма нужна для слайда с воронкой продаж? Блог LibraChat: как я получил диаграмму из четырёх чисел за минуту и что дописал, чтобы она показала потери.
Е
Евгений
Дизайнер-партнёр LibraChat
7 мин чтения
Четыре числа в строчку: 12 000, 960, 410, 118. Так выглядела воронка продаж онлайн-школы, которую меня попросили превратить в слайд для собрания. Посетители сайта, заявки, консультации, покупки. Люди, которые ищут «диаграмма гамма», обычно хотят того же: быстро получить красивую диаграмму для презентации. Сразу скажу: это блог LibraChat, о сервисе Gamma я здесь не рассказываю. Покажу, как получил диаграмму в чате за минуту, одной просьбой, и что дописал от себя как дизайнер. Потому что диаграмма из этих чисел честно показывает одно, а для решения нужно увидеть другое.
До: четыре числа в строчку
Цифры пришли от руководителя в мессенджере: «посетители 12 000, заявки 960, консультации 410, покупки 118, сделай слайд». Цифры честные, но глаз на них не цепляется. Где проблема? В заявках? В консультациях? По строчке чисел не скажешь.
Раньше я строил такие диаграммы в редакторе таблиц: вставить данные, выбрать тип, поправить подписи, убрать лишнюю сетку, поменять цвет. Минут 15 на простую картинку. Сам грешил тем, что бросал это на полпути и показывал таблицу. Таблица на слайде — это всегда проигрыш.
Запрос: одна строка вместо редактора таблиц
Я отправил в LibraChat такой запрос:
Построй горизонтальную столбчатую диаграмму для слайда презентации: этапы продаж сверху вниз — посетители сайта 12 000, оставили заявку 960, пришли на консультацию 410, купили 118. Подпиши значения у каждого столбца. Заголовок: «Где мы теряем клиентов».
Горизонтальные столбцы я выбрал не случайно. Воронка читается сверху вниз, как путь клиента. Вертикальные столбцы читаются слева направо, как время, и это сбивает.
Ещё одна деталь в запросе: названия этапов я написал словами, которыми их называет руководитель, а не «этап 1» и «этап 2». На слайде подписи читают раньше чисел. Если подпись звучит на языке компании, зал понимает её без пояснений. «Оставили заявку» и «пришли на консультацию» ровно те слова, которые звучат на планёрках.
В ответ пришла картинка PNG. Над ней служебная пометка о том, из каких чисел она собрана: четыре этапа, одна серия. Я сверил: моих четырёх чисел ровно хватило, лишних нет.
Диаграмма пришла картинкой по четырём числам из сообщения
Я проверил её как дизайнер. Этапы идут сверху вниз в моём порядке. Значения подписаны у каждого столбца и совпадают с исходными: 12 000, 960, 410, 118. Подписи осей на месте: «Этапы продаж» и «Количество клиентов». Цвет один, спокойный, сетка лёгкая. Заголовок мой, дословно. Для слайда картинку можно сразу скачать.
Что эта диаграмма показывает, а что прячет
Тут начинается самое интересное. Посмотри на картинку. Первый столбец огромный, остальные три жмутся к левому краю. Глаз видит одно: «посетителей много, всех остальных мало». Это правда, но это не ответ на вопрос из заголовка.
Чтобы понять, где мы теряем клиентов, нужно смотреть не на числа, а на доли перехода между этапами. Я посчитал их сам, на калькуляторе:
Переход · Расчёт · Доля перехода · Сколько теряем
Сайт → заявка — 960 из 12 000 — 8 % — 92 % уходят с сайта
Заявка → консультация — 410 из 960 — около 43 % — 57 % не доходят до консультации
Консультация → покупка — 118 из 410 — около 29 % — 71 % не покупают после разговора
Сайт → покупка — 118 из 12 000 — около 1 % — итог всей воронки
Вот теперь видно, где проблема. С сайта уходит 92 % людей, это нормально для большинства сайтов, и этим занимается маркетинг. А вот то, что больше половины записавшихся не доходят до консультации, — это уже про работу менеджеров. Туда руководитель и посмотрел на собрании.
Три промаха в слайдах с воронкой
За годы работы с презентациями я видел десятки воронок. Чаще всего они ломаются на одном из трёх мест:
Пирамида с объёмом и тенью. Красиво, но глаз не может сравнить площади трапеций. Столбцы читаются точнее.
Проценты от первого этапа. «Купили 1 %» звучит страшно, но ничего не говорит о том, где именно теряются люди. Проценты нужно считать от предыдущего этапа, как в моей таблице.
Пять цветов на пяти этапах. Цвет должен что-то значить. Если все этапы разного цвета, акцента нет нигде.
Моя исходная диаграмма из чата ни одной из этих ошибок не сделала: плоские столбцы, один цвет, шкала от нуля. Проценты я добавил сам, и это была самая полезная правка.
Как я собрал из этого слайд
Картинка из чата стала основой, но слайд я собрал так:
Заголовок-вывод вместо заголовка-вопроса. Вместо «Где мы теряем клиентов» на слайде стоит «57 % записавшихся не доходят до консультации». Вопрос заставляет искать ответ, вывод даёт его сразу.
Диаграмма слева, проценты справа. Справа от каждого столбца я подписал долю перехода из таблицы выше. Числа показывают масштаб, проценты показывают потери.
Один акцент цветом. Переход «заявка → консультация» я выделил тёплым цветом. Остальные оставил спокойными.
Ничего лишнего. Ни логотипа на половину слайда, ни декоративных иконок. Слайд про одну мысль.
Весь слайд занял минут 10. Из них минута на диаграмму, пять минут на проценты и четыре на компоновку.
На собрании руководитель произнёс фразу, ради которой всё и делалось: «Значит, сайт трогать не будем, начнём с напоминаний перед консультацией». Слайд с числами в строчку к этому решению не привёл бы. Слайд с долями перехода привёл за полминуты.
Диаграмма гамма или чат: что выбрать под слайд
Я не буду сравнивать сервисы, скажу про задачи. Если тебе нужна целая презентация с оформлением, ищи инструмент для презентаций. Если нужна одна понятная диаграмма из чисел, чат справляется за минуту, и ничего не надо регистрировать заново, если ты уже пользуешься LibraChat.
Что нужно · Как я делаю
Одна диаграмма по числам — Прошу в чате, получаю картинку
Таблица и диаграмма, которые будут обновляться — Прошу файл Excel с графиком на отдельном листе
План слайдов и тексты — Прошу план по слайдам в чате, слайды собираю сам
Готовый файл презентации — Не жду от чата, собираю в программе для слайдов
Слайд работает, только если к нему есть короткий рассказ. Для воронки я готовлю четыре фразы, по одной на этап, и не больше:
«С сайта к нам приходят 12 000 человек в месяц, заявку оставляют 8 %. Это в пределах нормы для нашего рынка».
«Из 960 записавшихся до консультации доходят 410. Больше половины мы теряем между заявкой и разговором».
«Из 410 после консультации покупают 118, почти каждый третий».
«Значит, главный резерв не в сайте и не в продажах, а в том, чтобы люди доходили до консультации».
Четвёртая фраза повторяет заголовок слайда. Это не случайно: зал запоминает то, что услышал дважды. Первую фразу про норму рынка я оставил бы руководителю, он знает свой рынок лучше меня, а нейросеть о нём не знает ничего.
Что проверить в любой диаграмме перед слайдом
Перед тем как поставить диаграмму на слайд, я смотрю на четыре вещи:
значения совпадают с исходными цифрами, ни одно не потерялось;
шкала начинается с нуля, иначе маленький столбец выглядит меньше, чем есть;
заголовок говорит вывод, а не тему;
подписи читаются с последнего ряда зала, а не только с ноутбука.
Последний пункт я проверяю просто: отхожу от экрана на три метра. Если подпись не читается, она не работает. Сколько раз я видел прекрасные диаграммы, которые с задних рядов превращались в цветные полоски без цифр.
Своя диаграмма вместо «диаграмма гамма»: посмотри на воронку
Возьми свои четыре-пять чисел: воронку продаж, путь клиента, этапы найма. Открой LibraChat, попроси горизонтальную столбчатую диаграмму с подписями значений и своим заголовком. Потом посчитай доли перехода между этапами, как в таблице выше. Попробуй, и ты увидишь, что самый большой столбец редко там, где самая большая проблема. Я делал эту диаграмму без оплаты. Если таких слайдов у тебя десятки в месяц, загляни на страницу тарифов.
диаграмма гаммадиаграмма для презентацииворонка продажслайдыдизайнLibraChat