Сделай это красиво
4.7K subscribers
246 photos
12 videos
2 files
97 links
Алексей Смагин (@BlackPineapple) — о том, как делать ваши графики понятными и красивыми.

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

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

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

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

Навело на мысли, как вы могли бы использовать эти приёмы у себя на работе?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
12🔥9
О роли подписей в визуализации данных

Ключик к понятному графику — это текст. Помните об этом, когда будете делать свою следующую визуализацию.

Если вы не обозначаете единицы измерения, не добавляете подписи (кроме очевидных — вроде года), большой риск, что вас не поймут.

Например, как вам такой график? Быстро разобрались, что к чему?
Если разобрались, как думаете, чего тут не хватило?
🤔13👌3
Сейчас у меня на курсе «Эстетика в графиках» самый интересный этап — студенты работают над своими дипломными проектами.

В маленьких группках все делятся своими успехами, и одна из студенток — Ольга Хлопкова — показала свои наброски.

Рукописные драфты — это очень хороший инструмент, который позволяет вам развязать фантазию и не ограничиваться тем, что предлагает программа для визуализации.
Первые несколько лет в датавизе я почти всегда рисовал графики сначала в блокноте, и только потом занимался реализацией.

Как вы думаете, о чём будет эта работа?)
❤‍🔥2716💊1
Как приёмы дата-сторителлинга позволяют сделать неплохой график ещё лучше?

Славная рубрика с переделками от инструмента Datawrapper!

Что было до:
4 каких-то показателя. Что-то падает, что-то растёт. Разобраться можно, но внимание это не цепляет
Хотя в целом график неплохой: сделан аккуратно, подходящая форма. Показать такой в целом нестыдно.

Что стало после:
Ах вот как это связано!
Сначала читаешь заголовок, который легко линкуется с каждым из маленьких графиков, потом получаешь детальную информацию из каждого из них. И картинка сразу становится объёмной
2🔥16❤‍🔥61🤔1
Коллега из Школы Спикеров Яндекса принёс в чат сокурсников такую картинку.

И спросил:
Что в этом слайде плохого? И как его улучшить?

Мне этот вопрос показался дико любопытным. Но расскажу я о своих соображениях, если подтвержу гипотезу.

Напишите в комментариях свою версию ответа.
А если согласны с уже ответившим, просто поставьте лайк на его комментарии 👇
🤔6
Что реально плохого в этом слайде:

🔴Цифры визуализированы радиусами, а не площадями круга. Из-за этого 13,3 визуально в 4 раза меньше, чем 27,6
🔴Цвет текста местами сливается с фоном. Это и с телефона плохо видно, а из зала — тем более. Ну и в целом подписи мелковаты, как многие из вас заметили.
🔴Соглашусь, что тут можно до целых округлить — воспринимать будет проще, а слайд от этого ничего не потеряет

Насчёт легенды. Я не уверен, что она тут нужна. Это тот редкий случай, когда, с одной стороны, сложно вербализовать текстом, что за группу выделили цветом, с другой — цвета говорят сами за себя.


А вот какой ответ я боялся услышать:
Надо обязательно всё отсортировать и переделать столбиками


Но надо отдать вам должное, таких версий было не очень много 😁

Хочется подробнее здесь остановиться.

Сортировка — это одно из главных правил эффективных визуализаций. Это первый вопрос, на который я обращаю внимание в 90% случаев.

Но иногда от правил отступать МОЖНО. И это — как раз такой случай. Что делает его уникальным в этом плане?

1) Контрастные значения. Легко понять, кто в начале списка, а кто в конце
2) Выделение цветом. Если по размеру шариков может быть сложно понять, кто больше, цвет дополнительно помогает в этом определиться

Конкретно в этом случае даже неплохо, если придётся пару секунд порыскать глазами по слайду. Обычно спикер, показывая такое, просто пересчисляет всё, что написано. Если зритель мгновенно считает последовательность, дослушивать спикера будет скучно. А тут вроде как баланс: и не слишком сложно, и не слишком просто.
Please open Telegram to view this post
VIEW IN TELEGRAM
13👍4
Были ещё ответы, что проценты — это часть от целого, и нельзя визуализировать их кругами. Это не так.

Проценты бывают разные — в некоторых случаях они являются частью одного целого, а в некоторых — разных целых (как тут).

При визуализации надо отталкиваться, в первую очередь, от цели.
И цель тут — сравнить числа между собой, бабблы её вполне решают.
👍83