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

А в деталях учу этому искусству на курсе «Эстетика в графиках»
Download Telegram
Почему визуализации данных надо учиться? Вот вам наглядный пример.

Когда-то одно хорошее издание выпустило полезную статью про инвестиции и снабдило её таким графиком.

Дизайнер, который оформлял тогда материал, видимо, не очень глубоко разбирался в визуализации данных и выбрал стандартный график по гайду. Ну а что? Вот, значения меняются во времени, линейный график «отлично подходит».

Так дизайнер упустил возможность «словить» и презентовать важную идею.
🤨54
График, надо сказать, не из простых. Куда нагляднее было бы визуализировать «баланс» портфеля, составленного из разного вида активов и баланс портфеля, состоящего только из одного вида.

Но если использовать те же данные, я бы сделал так.

1. Поменял бы вид графика. Тут нам нужно сравнить, куда отклоняются от нуля значения в каждом отдельном году
2. Использовал бы цвета только для важных акцентов. В данном случае важно выделить, даёт ли актив прибыль или убыток
3. Ключевую мысль вынес бы в заголовок

Научиться этому не так сложно. Нужно изучить базовые правила и активно практиковаться ☺️

К слову, в конце следующей недели я подумываю провести открытый вебинар, где расскажу о некоторых правилах, которые должны знать все, кто работает с инфографикой.

Как вам такая идея?)

#разбор
🔥278👏5
За 7 лет своей карьеры в датавиз-сфере я насмотрелся на такое количество плохой инфографики, что меня уже сложно удивить.

Но платформа для работы с блогерами Perfluence смогла. В их аналитических отчётах ЧЕТВЕРНЫЕ ОСИ! И как, интересно, разобрать, что к какой относится?

Надо сказать, что я категорически против даже двойных осей за очень редкими исключениями.

Чаще всего вы ничего не потеряете, если расположите графики друг под другом. Зато картинка точно не будет выглядеть манипулятивно.
🤯21😱162
Сторителлинг — это крутой навык, который позволяет привлекать внимание к вашим графикам и удерживать внимание читателя. И вот простейший приём, который использует РБК в своей свежей в работе — введение в контекст.

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

Круто, что на картинке не просто показаны данные, но и отмечены ключевые точки. Благодаря этому картинку интересно рассматривать: появляется понимание, почему именно так поменялись данные.

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

Другие примеры дата-сторителлинга мы рассмотрим уже завтра на бесплатном онлайн-вебинаре. Регистрируйтесь, если ещё не:
https://clck.ru/388JfF
16💔4
Как быстро можно монетизировать навыки в датавизе?

В четверг я проводил вебинар «Как выбрать график и рассказать с его помощью историю?», на котором анонсировал основной поток записи на свой курс по визуализации данных. В какой-то момент там появились модные вопросы про деньги — «сколько я смогу получать?», «как быстро я смогу окупить курс?»

У меня нет цели вас обманывать, поэтому ответ на вопрос в заголовке будет честный, но не самый привлекательный: никак.

💔 Датавиз — это не тот навык, который легко монетизировать сам по себе. Нет никакого рынка огромного заказчиков, которые расхватают вас только за умение делать классные графики. В общем-то, даже вакансий дизайнеров именно инфографики не так уж и много. Если вам нужны быстрые деньги, поучитесь лучше делать карточки для маркетплейсов, которые какой-то «умный» человек решил назвать инфографикой (настоящие инфографы от этого в шоке и ярости 😄)

❤️ Зато датавиз — это навык, который хорошо может встраиваться в вашу профессию. Если вы уже работаете с данными и время от времени сталкиваетесь с необходимостью презентовать их другим людям, это — ваша палочка-выручалочка. Неважно, дизайнер вы, аналитик, менеджер или журналист. Вот несколько реальных историй, которые нам рассказывали подписчики:

▪️ Product Owner в компании-операторе связи руководит исследованиями на данных абонентов и презентует результаты аналитики внешним заказчикам. Рассказывала, что от итоговой презентации с графиками оценка заказчика зависит даже больше, чем от самой аналитики: можно получить провальные результаты, но сделать красивую визуализацию и не получить никакого негатива.
▪️ Аналитик в крупном банке научилась грамотно оформлять результаты своей работы. Это заметило начальство, и теперь девушка обучает стажёров и других коллег отдела — так сильно всем понравились её отчёты.
▪️ Журналист ленинградского издания освоил платформу для интерактивной инфографики и сделал для своего медиа простое видео Reels. Видео зателело на несколько сотен тысяч просмотров и принесло в социальные сети издания новых подписчиков.

Если это именно те цели, которые вы преследуете, добро пожаловать на курс. До 28 января его можно купить со скидкой:
https://clck.ru/38EdLC

А получить полную программу можно у моего коллеги @Plus_level в личных сообщениях
16🔥1
Напоминание: в 23:59 сгорает скидка на мой курс по визуализации данных. Сегодня ещё можно залететь за 29 900₽ вместо 35 000₽ за тариф с моим личным разбором домашек.

Если сомневаетесь — можно внести предоплату 1000 рублей и зафиксировать за собой место и скидку. Мы откроем вам первый модуль курса, а остаток можно будет внести до 10 февраля включительно или выбрать беспроцентную рассрочку (2 492₽ в месяц).

В следующем сообщении — программа, по вопросам можно обратиться к Олегу @Plus_level, а купить — тут:
https://clck.ru/38LpsQ
👍52👌2
Один из самых страшных жанров в инфографике — аналитические отчёты, в которых к графикам пытаются добавить все точные цифры.

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

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

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

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

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

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

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

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

Мы уже активно нетворкаемся, и вот какую приятность прислал один из участников.
14❤‍🔥6👍2🔥2
Media is too big
VIEW IN TELEGRAM
Последнее напоминание

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

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

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

Записаться:
https://clck.ru/38LpsQ
8😍4
Видели когда-нибудь такие графики? Если да — никогда не пытайтесь их повторить.

Расположенные друг по другом дуги невозможно сравнить из-за оптической иллюзии — одинаковые по длине, они будут увеличиваться по мере приближения к центру окружности. Получается, в визуализации данных пропадает какой-либо смысл.
26👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Видео, которое иллюстрирует оптическую иллюзию
🔥47
Не надо показывать всё

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

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

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

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

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

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

Приятно видеть, что старания окупаются. Вот, что пишет студентка тарифа без обратной связи (!) уже после первого модуля:
❤‍🔥8🔥1
По графикам уже после первой лекции стал проявляться "третий глаз" 😏
Ошибки сразу стали виды. И этот видео разбор, конечно, уже смотрела с пониманием дела. Даже вебинар сперва казался чем то на языке туземцев.😂
🔥51
Серый цвет — это супергеройский приём в датавизе

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

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

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

Если вам нужно показать контекст или оставить на графике детали второго плана, вспомните про этот пост!
👍2510
Простейший способ сделать из вашей инфографики ребус — это представить сравнения в ней в виде пайчартов.

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