Разбор инфографики: непонятные оси и дата-сторителлинг

Алексей Смагин (@BlackPineapple) — о том, как делать ваши графики понятными и красивыми. А в деталях учу этому искусству на курсе «Эстетика в графиках»

инфографикаосидата-сторителлинг

Увидел недавно инфографику в канале, посвящённом инфобизнесу. Смелый ход, и сделано в целом стильно! Но можно лучше 👀

К чему у меня тут вопросы:

  • Непонятные оси. Эмоции — это вверх или вправо?
  • Лже-противопоставление: в таком виде график похож на смесь Opposite Diagram и Radar Diagram, и эмоции противопоставляются результатам. Стрелочки бы убрать
  • А вообще — куда понятнее было бы просто использовать 4 ряда столбиков! Это создаст куда меньше визуальных искажений.

Тем не менее, в комментариях автора благодарят за понятное объяснение! И работает эта серия карточек благодаря двум приёмам дата-сторителлинга, которые вам стоит взять себе на вооружение:

  • Поэтапное повествование. Вся история разбита на несколько картинок, на каждой из которых объясняется одна маленькая деталь, а основа остаётся прежней. Это позволяет не перегружать читателей
  • Цветовые акценты. На каждый карточке выделена именно та фраза, на которую стоит обратить внимание.

Навело на мысли, как вы могли бы использовать эти приёмы у себя на работе?

Первая карточка серии: заголовок «КАК ПОХУДЕТЬ», четырёхквадрантная осевая диаграмма с пересекающимися стрелками и центральной оранжевой ромбовидной фигурой.
Слайд 1: исходная схема 4 квадрантов с заголовком «Как похудеть».
Вторая карточка: та же осевая сетка, справа добавлена оранжевая заливка в виде клина — постепенное появление фрагмента данных на фоне сетки.
Слайд 2: показывается часть данных, клиновидная заливка.
Третья карточка: заголовок расширен «НА 10 КГ ЗА 3 МЕСЯЦА», оранжевая заливка уже выше осей, демонстрируя прогрессию формы на радиальной сетке.
Слайд 3: прогрессия оранжевой формы на диаграмме с заголовком части серии.
Четвёртая карточка: уточнённая подпись «ДЛЯ ЖЕНЩИН ПОСЛЕ БЕРЕМЕННОСТИ», оранжевая полигоная заливка становится более заметной против чёрных осей.
Слайд 4: целевая аудитория подчеркнута текстом и визуальным акцентом.
Пятая карточка: финальная форма ромба/полигона полностью заполнена оранжевым, демонстрируя итоговое сочетание эмоций и результатов в схеме.
Слайд 5: финальная композиция с заполненной оранжевой формой.