Сделай это красиво

Информации стало так много, что мы не успеваем её воспринимать. Что с этим делать?

Нашёл интересную статью о трендах в потреблении информации. Статья 18 года, но тезисы в ней не состарились, а возможно даже стали актуальнее — из-за бума нейросетей.

Посмотрите на графики из статьи: современный человек в среднем проводит 80% времени потребляя информацию (в развитых странах — до 100%), но этого не хватает, чтобы осилить даже 0,1% от того объёма информации, что мы производим.

Автор предлагает следующее решение:

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

Для себя я понимаю это так: в информационном хаосе всё больше будут цениться люди, которые смогут ёмко и изящно объяснять сложные вещи. Поэтому спрос на тех, кто сможет превращать большие таблички в понятные графики будет только расти 🙌

Предлагаю три варианта.

Лично я отношусь к этим данным так: есть голоса за Путина, а все остальные голоса — протестные. В этой логике я сделал раскраску и сортировку.

🟣 Наша задача — сделать так, чтобы голоса за Путина было легко сравнивать. Тогда нужно поставить путинские столбики так, чтобы у них было либо одинаковое начало, либо одинаковый конец. Я выбрал начало.

🟣В конец поставил столбики за Даванкова — как за основного протестного кандидата. Их тоже будет сравнивать проще всего.

🟣Слуцкого и Харитонова поставил в середине — они особой роли тут не играют.

🟣Всех, кроме Путина, покрасил одним цветом. Так я показываю, что есть по сути два важных выбора — Путин и любой кроме Путина.

Ну и ещё два варианта:
🟣 Второй цвет можно убрать совсем, получается даже метафорично.
🟣 Можно вообще противопоставить Путина всем остальным кандидатам, выразив это в сортировке. Так борьба становится ещё более явной.

Правильно использовать столбики — это тоже мастерство

График из этого примера при хорошем понимании правил визуализации данных можно сделать ещё лучше.

Что мне не нравится:
🔴 Самый интересный фрагмент графика — это доля голосов за Владимира Путина. И сейчас эту долю визуально сравнивать не очень просто, потому что каждый раз его столбик начинается в разной точке;
🔴 Путина не только сложно сравнивать, но и сложно выделить среди остальных. Если это главное «пятно», стоит привлечь к нему внимание;
🔴 В заголовке написано про 42 страны, а на графике их всего 15. Это может запутать читателя, тут необходимы пояснения;
🔴 Тёмные цифры плохо читаются на тёмном фоне.

Давайте это исправим!

#разбор

Переделка на скорую руку. Как надо, если хочется показать результат сразу

#разбор

Простейший способ сделать из вашей инфографики ребус — это представить сравнения в ней в виде пайчартов.

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

Серый цвет — это супергеройский приём в датавизе

Он позволяет оставить на графике больше деталей, но при этом фокусировать внимание на важном.

На первом графике, например, визуализировано количество возрастных пользователей на разных веб-сайтах. Несмотря на то, что при желании можно сравнить пользователей любых возрастов, эта информация сразу уходит на второй план, и акцент в графике делается на категории 45+. Я, правда, не сразу понял, по какому принципу здесь идёт сортировка и не уверен, что стоило делать её только по первому сектору.

На втором графике ситуация иная. Здесь рассмотреть каждый отдельный объект уже не получится, зато благодаря линиям серого цвета мы можем понять, в каких вообще рамках находится инфляция на все продукты. То, как подорожала морковь — это много? А как творог?

Если вам нужно показать контекст или оставить на графике детали второго плана, вспомните про этот пост!

По графикам уже после первой лекции стал проявляться "третий глаз" 😏
Ошибки сразу стали виды. И этот видео разбор, конечно, уже смотрела с пониманием дела. Даже вебинар сперва казался чем то на языке туземцев.😂

Посты в этом канале стали выходить немного реже, потому что почти всё моё время уходит на работу над курсом «Эстетика в графиках».

Приятно видеть, что старания окупаются. Вот, что пишет студентка тарифа без обратной связи (!) уже после первого модуля:

Не надо показывать всё

Этот причудливый график называется Sankey, его обычно используют для визуализации потоков: когда одна часть данных перетекает в другую. В данном случае здесь показано как голосовавшие за партии в 2018 году изменили своё мнение в 2019.

Несмотря на то, что форма графика в целом уместна для таких данных, именно в этом случае график не работает.

Почему? Из-за визуального шума. В большинстве случаев мы видим, что почти весь электорат партий 2018 года проголосовал за них же в 19 году. Для визуализации этой идеи достаточно было бы использовать по паре столбиков для каждой партии — с голосами в 2018 году и с голосами в 2019, где одна часть накопительного столбика показывала бы «старые» голоса, а другая — голоса от других партий.

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

В противном случае детали — отвлекают.

#разбор

Видео, которое иллюстрирует оптическую иллюзию

Видели когда-нибудь такие графики? Если да — никогда не пытайтесь их повторить.

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

Последнее напоминание

Это я листаю прекрасную Dear Data и хочу напомнить вам, что сегодня — последний день, когда вы можете присоединиться к нашему комьюнити и стать участником курса «Эстетика в графиках». Уже с начала недели мы начинаем плотную работу, поэтому следующий поток будет не раньше мая.

Если сомневаетесь, по предоплате в 1000 рублей можно получить доступ к первому модулю и продолжить обучение в том случае, если курс понравится.

Программа курса:
https://t.me/perfectgraphs/54

Записаться:
https://clck.ru/38LpsQ

Познакомились со студентами курса «Эстетика в графиках», который начнётся на следующей неделе.

На первый поток зашли почти 40 человек, все какие-то невероятные. Среди участников студенты Вышки, маркетологи и социологи, аналитики, журналисты, бывший дизайнер агенства «Инфографика» и даже пара моих коллег из Яндекса 😍

Мы уже активно нетворкаемся, и вот какую приятность прислал один из участников.

Один из самых страшных жанров в инфографике — аналитические отчёты, в которых к графикам пытаются добавить все точные цифры.

Редко получается красиво, а часто ещё настолько запутанно, что лучше бы и не было этих графиков. А представьте, если с таким на конференциях выступать? 🙈

Запомните: инфографика решает коммуникационную задачу. Людям важно понять идею и порядок цифр, а не точное значение каждого отдельного столбика. Тому небольшому проценту людей, которым нужны точные данные, лучше эти данные выдать в эксельке. Там и конкретные значения легче найти, и использовать в расчётах удобно.

Иногда такие графики просит делать заказчик. Это проблема и вопрос вашей с ним коммуникации. Подумайте вместе — действительно ли потребителям таких отчётов нужны все цифры? Или можно, например, ограничиться максимальным и последним значением?

Слайды, кстати, из реальной презентации крупного аналитического агенства в области фармы — такие же материалы они выкладывают в свои соцсети (неудивительно, что подписчиков там немного). Уверен, они с руками бы оторвали человека, который мог бы грамотно оформить их данные.

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

Стартуем через несколько дней. Присоединиться ещё можно тут:
https://clck.ru/38LpsQ

#разбор