Карусель с цифрами: как показать данные, чтобы их дочитали
Карусель с цифрами и статистикой: какие числа крупно, как показать данные в слайдах, где нужен график и как не превратить инфографику в кашу из процентов.
Цифра в карусели это та редкая штука, ради которой человек тормозит палец. Текст можно проскроллить по диагонали, картинку с цветочком тоже, а цифру глаз цепляет. Особенно крупную, особенно если она в правильном месте кадра. Поэтому когда я собираю карусель, в которой есть хоть какие-то данные (отчёт, прогресс, сравнение, ценник), я почти всегда вытаскиваю эти данные в визуал, а не оставляю их в подписи под постом.
Карусель из 8 слайдов, формат «инфографика». Сделана в Каруселине.
Скачать ZIPПроблема в том, что «карусель с цифрами» у большинства превращается в десять одинаковых слайдов с серым фоном, мелким числом по центру и ещё более мелкой подписью внизу. Открываешь и не понимаешь, на что смотреть. Цифры есть, а ощущения «вот это да» нет. Дальше про то, как это чинится: методами, а не выдуманной статистикой про конверсии несуществующих клиентов.
Зачем вообще выносить цифры в карусель
Карусель это формат, в котором у тебя есть до десяти кадров, и каждый кадр живёт своей жизнью. Подпись под постом читают не все, истории прокручивают за полсекунды, рилс уносит внимание в свою воронку. А карусель формат медленный. Человек уже сделал движение пальцем, уже согласился на чуть более длинный разговор. И если на втором кадре ты показал большую цифру крупно и понятно, он эту цифру унесёт с собой, даже когда дочитал не до конца.
Цифра в карусели работает как якорь. Между двумя абзацами текста или двумя картинками с продуктом она держит ритм и не даёт скучать. Поэтому даже если у тебя статья, разбор или мнение, добавить туда один-два слайда с данными почти всегда полезно. Это не делает карусель «инфографичной» в плохом смысле слова, это просто даёт глазу опору.
Какие бывают цифры и для чего они в карусели
Не все цифры одинаково полезны. Есть три типа, и они работают по-разному.
Цифра-факт. Это просто число, которое что-то подтверждает: возраст компании, количество клиентов, тонны произведённой продукции, сколько лет специалист в профессии. Такие цифры держат экспертность. Один слайд, одно число, без графиков. Чем больше шрифт, тем лучше.
Цифра-сравнение. «Было и стало», «они и мы», «прошлый год и этот год». Здесь уже нужна композиция: два числа рядом, между ними стрелка или вертикальная линия. Глаз должен сразу понять, что эти числа спорят друг с другом, а не существуют отдельно.
Цифра-прогресс. Прогноз, рост, динамика во времени, доля от целого. Тут уже без графика никак: линия, столбики, круг с заполнением. Но и тут правило: график на слайде должен быть один, и он должен читаться за две секунды. Если за две секунды не читается, это уже презентация для совета директоров, а не карусель.
Когда ты собираешь карусель, полезно сначала отсортировать свои цифры по этим трём типам. Потому что подача у каждого типа своя, и мешать их на одном слайде гарантированный способ запутать читателя.
Главная цифра на отдельный слайд
Самая частая ошибка попытка засунуть на один слайд сразу пять чисел. Вроде «у нас столько-то клиентов в десятках городов, средний чек такой-то, рейтинг такой-то, повторных покупок больше половины». Слайд получается перегруженный, ни одна цифра не запоминается, и в итоге не работает ни первая, ни последняя.
Если число действительно важное, оно достойно отдельного кадра. Один слайд, одна большая цифра, под ней короткая расшифровка в две или три строки, и всё. Это и есть карусель статистики, как она должна выглядеть: каждое значимое число дышит, у него есть воздух вокруг, и читатель успевает его осознать прежде, чем смахнуть.
Вспомогательные числа (детализацию, контекст, проценты от чего-то) можно собрать на следующем слайде блоком. Но именно блоком, с понятной иерархией, а не россыпью. Главное число на одном кадре, его свита на другом.
Как показать цифры в карусели, чтобы их не пролистали
Тут начинается ремесло. Несколько приёмов, которые работают почти всегда, независимо от темы.
Начну с размера. Цифра должна занимать минимум треть высоты кадра. Если ты сомневаешься, сделай ещё крупнее. Карусели смотрят на телефоне, экран маленький, конкуренция за внимание бешеная. Мелкое число в карусели мёртвое число.
Дальше контраст. Цифра должна быть самым контрастным элементом на слайде. Если у тебя нежно-бежевый фон и светло-серая цифра, её просто не видно. Тёмное на светлом или светлое на тёмном, без полутонов. Когда фон сложный (фотография, текстура), под цифрой должна быть плашка или подложка, иначе глаз начнёт спотыкаться.
Отдельная история с единицами измерения. Их выносят отдельно и делают сильно меньше самой цифры. Скажем, «72%» это семьдесят два большим шрифтом и процент маленьким сверху или справа. «Тысяча двести рублей» это тысяча двести крупно, рубль рядом. Так глаз сначала ловит число, потом уточняет, в чём оно. Если сделать одинаковым кеглем, теряется главное.
Теперь подпись. Под цифрой обязательно нужны два или три слова, объясняющие, что это вообще такое. Голое число без контекста ничего не значит. «Семьдесят два процента долистывают до конца» уже история. Подпись должна быть в одну строку, максимум в две. Когда ты не можешь уложиться в две строки, у тебя проблема не с дизайном, а с тем, что ты не определился, о чём этот слайд.
И последнее выравнивание. Цифру я ставлю либо строго по центру, либо в один из углов. По центру когда она главная героиня слайда. В угол когда рядом будет ещё какой-то визуальный элемент: иконка, маленький график, фото. Болтающаяся посередине между центром и краем цифра выглядит как ошибка вёрстки, даже если задумано так.
Сравнения и контраст
Цифры в инфографике особенно хорошо работают, когда их две. Человеческий мозг любит сравнивать, это базовая операция восприятия. Поэтому формат «было и стало» или «обычная цена и наша цена» почти всегда заходит лучше, чем просто «наша цена».
При этом важно, чтобы цифры были одного типа и в одних единицах. Сравнивать заявки в месяц с выручкой не сравнение, это каша. Сравнивай заявки с заявками, рубли с рублями, проценты с процентами. И ставь их визуально рядом, на одной линии, чтобы глаз сразу схватил разницу.
Хороший приём выделить цветом или размером ту цифру, которая «лучше». Если ты показываешь рост, большая цифра должна быть крупнее и ярче. Если показываешь экономию, наоборот, более выгодная цена должна быть акцентом. Это не манипуляция, это просто помощь восприятию: ты ведёшь глаз туда, куда надо.
Между двумя цифрами поставь короткую разделительную деталь: стрелку, плюс, минус, две вертикальные чёрточки. Это маленькая, но критичная штука: без неё две цифры выглядят как два независимых числа, с ней как один тезис.
Графики, если без них совсем нельзя
Я не люблю графики в каруселях. Они почти всегда читаются хуже, чем большая цифра с подписью. Но иногда без них правда никак: динамика за полгода, доли в общем объёме, сравнение нескольких позиций.
Если уж рисуешь график, соблюдай одно правило: на одном слайде ровно один график, и он показывает ровно одну мысль. Не пять линий с десятью подписями, а две или три позиции максимум. Подписи осей крупные, легенда либо встроена в сам график (подписи прямо у линий), либо её нет совсем.
Столбчатые диаграммы для карусели работают лучше круговых. Круг красивый, но проценты на нём считываются медленнее, особенно когда сегментов больше трёх. Столбики честные: выше больше, ниже меньше, мозг понимает без расшифровки.
И ещё: если на графике есть «главный» столбик или «главная» точка, выдели её цветом. Остальные пусть будут серыми. Это сразу даёт читателю фокус, и он не тратит время на пересчёт.
Карусель данных как формат: что в начало, что в конец
Когда вся карусель построена на цифрах (отчёт, итоги года, разбор результатов), структуру я выстраиваю так. Первый слайд обложка с обещанием: «Пять цифр о нашем годе» или «Что мы знаем про X». Без чисел. Просто крючок.
Со второго по предпоследний сами цифры. Самые сильные ставлю в начало, средние в середину, ещё одну сильную на предпоследний слайд. Самое слабое никогда не в конец, потому что последнее запоминается. Если у тебя есть откровенно скучный, но обязательный показатель, прячь его в середину.
Последний слайд вывод и призыв. Тут уже не цифры, а текст. Что эти числа означают, что с ними делать, куда дальше идти. Если делаешь карусель про свой продукт, здесь логично сказать, что это можно купить, протестировать, скачать. Если разбор чужой ниши, здесь логично сделать вывод и спросить мнение.
И самое неочевидное: не делай слайд «спасибо за внимание». Это пустой кадр, который занимает место главной цифры. Лучше последним поставить призыв или сильное число, пусть человек уйдёт с ощущением, что карусель закончилась, потому что закончилась мысль, а не потому что место кончилось.
Где здесь Каруселин
Когда я делал Каруселин, я сразу заложил отдельную плашку под инфографику. Половина каруселей в соцсетях это либо цифры, либо какие-то визуальные данные. Плашка собирает карусель из шести, восьми или десяти кадров, и я могу прямо в чате сказать: «второй слайд большая цифра про долистывание, подпись в одну строку, фон тёмно-синий». Каруселин это услышит и соберёт.
Никакой магии тут нет, дизайнера это не заменяет. Это инструмент, который снимает рутину раскладки. Тебе не надо открывать Фигму, не надо подбирать шрифты, не надо выравнивать по сетке. Ты формулируешь, какие цифры и в каком порядке, а Каруселин выдаёт собранную карусель за пару минут. При регистрации даются приветственные токены, на одну карусель из десяти слайдов их хватает.
Попробуй собрать в Каруселине свою следующую карусель с цифрами: отчёт за месяц, прайс с акцией, сравнение двух тарифов. Самое полезное в этом эксперименте даже не результат, а то, что ты увидишь, как быстро вообще можно превратить голую таблицу в нормальный визуал. После этого возвращаться к ручной раскладке уже не хочется.







