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

А в деталях учу этому искусству на курсе «Эстетика в графиках»
Download Telegram
«Народ, все учитесь. Антон согласовал разработанный Олегом процесс по работе с Кредитными картами с первого раза» — с довольным видом Лена, начальница Управления развития процессов зашла в кабинет и плюхнулась на стул.

На 3-4 секунды повисла задумчивая тишина, затем Денис иронично сказал — «Олег, делись, что ты там такого волшебного написал? За 3 года работы в банке Антон еще ни разу ничего не согласовывал с первого раза. Ты оглушил его дубиной?»

«Да ничего такого. Не знаю, чего это он», — протянул Олег. — «Вон, сам посмотри»


И да, презентация процесса ничем не отличалась от стандартной — концепция проекта, анализ, предложения, road map по внедрению. Отличалось только одно — то, как Олег оформил результаты аналитики.

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

Эту историю рассказал мне сам Олег. Много лет Олег работал в банках на позиции менеджера, а теперь занимается маркетингом и помогает мне исследовать аудиторию.

Так получилось, что визуализация данных не была для Олега ключевой компетенцией. Без глубоких знаний в свой сфере он никогда не смог бы описать бизнес-процесс. Однако именно навык грамотно и понятно донести проблемы, скрывающиеся в большом массиве данных, помог ему тогда с первого раза защитить работу.

Я спросил Олега, есть ли у него та самая презентация, но она ожидаемо оказалась под NDA. Так что осталась лишь благодарность и воспоминания о приятно потраченной премии. Фотку приложим в комментарии 😄

Вне зависимости от того, кем вы работаете, надеюсь, что мои разборы и советы помогут и вам однажды подготовить ту самую картинку, которая покорит сердца.
11🙏5🔥3
Что-то не так с этими Дедами, вам не кажется?

Диссонанс получился из-за того, что дизайнер этой инфографики для Tinkoff Data смешал разные виды визуализаций. Числа явно пропорциональны высоте фигурки, но при этом её ширина тоже меняется, поэтому в итоге растёт и площадь.

В итоге визуально последний Дед мороз больше первого не в ~3 раза, как должно быть, а ~в 8-9!

Этой ошибки можно избежать, если понимать, как устроена визуализация данных.

В основе каждого виза лежит кодирование: разные геометрические фигуры и их свойства, которые отображают данные.
Где-то это площадь, где-то — высота, где-то — координата, где-то — оттенок цвета.

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

Особенно интересно смотреть на сложные комплексные примеры, где и положение, и координата, и площадь сразу 😌

#разбор
25
По прогнозу Statista, в 2023 году люди произведут 120 000 000 000 000 000 мегабайт данных. Эта цифра уже долгие годы растёт по экспоненте: для сравнения, в 2010 году она была в 60 раз меньше!

Единственный способ не потеряться в этом многообразии данных — научиться их визуализировать.

Сегодня я открываю предзапись на свой курс «Эстетика в графиках».

Это курс о том, как грамотно визуализировать данные: от поиска и подготовки табличек до дата-сторителлинга. Моя главная миссия на курсе — научить вас делать графики, которые смогут рассказывать истории, доносить идеи и подводить к принятию решений.

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

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

https://forms.gle/Tp2vnXPSd9oHuA1z8

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

Уверен, что после прохождения курса вы сможете гордиться своими работами и сможете делиться опытом со своими коллегами.

Предзапись закроем 24 декабря — после этого зайти на курс на тех же условиях будет невозможно.

Ещё раз ссылка: https://forms.gle/Tp2vnXPSd9oHuA1z8
🔥104👍1🤔1
Вчера я анонсировал свой курс по визуализации данных, а сегодня хочу подробнее рассказать вам о программе. В ней можно выделить несколько больших блоков:

Теория визуализация данных
• Основные ошибки
• Принципы визуального восприятия
• Разборы плохих графиков
• Этапы работы над визуализацией

Десятки графиков, которые вы научитесь применять:
• Миллион и один видов столбиков
• «Продвинутые» диаграммы для сравнения данных: Range Plot, Bullet Chart
• Важные и необходимые: Treemap, Heatmap, Area Chart
• Редкие и сложные: Voronoi, Beeswarm
• А ещё вы научитесь мыслить вне названий диаграмм, создавая что-то уникальное и своё

Инструменты для визуализации:
• Гугл-таблицы
• Tableau Public
• Figma
• Flourish
• RawGraphs

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

Фишки для ваших графиков
• Сторителлинг
• Оформление в графических редакторах
• Визуальные метафоры
• Практика работы с иллюстрациями в датавизе
• Анимация на графиках

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

Вы тоже можете забронировать место на курсе по самой выгодной цене через анкету предзаписи:
https://forms.gle/Tp2vnXPSd9oHuA1z8
8🔥6👍3
Есть такое понятие в дизайне как «гештальт-принципы». Многие из них отлично ложатся на визуализацию данных, и если хорошо их понимать, вы сможете делать ваши графики значительно лучше.

В этой карте нарушены сразу два из них — принцип близости и принцип подобия.

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

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

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

Было полезно? Ставьте 🔥

#разбор
🔥296👍3
Мини-напоминание: сегодня — последний день, когда вы можете забронировать место на курсе по самой низкой цене.

Кстати, в анкете предзаписи уже 71 человек, а мест с обратной связью будет всего 60.

Присоединиться ещё можно тут:
https://forms.gle/Tp2vnXPSd9oHuA1z8
3🤬3👌3👍1
После праздников настолько погрузился в работу и подготовку курса, что совсем не оставалось времени на контент тут 🙈

Исправляюсь и возвращаюсь с полезностью.

Как вам кажется, всё ли с этим графиком в порядке? Может, у вас есть предложения, как его улучшить? Напишите свои версии👇
🤔3
Проблема картинки из предыдущего поста — в логарифмической шкале.

Не пугайтесь, сейчас объясню. Найдите на предыдущем графике компанию Open AI. Они где-то в центре. Визуально кажется, что они всего в два раза отстают по цитированиям от лидера, так?

Не-а. В 10 раз.

Присмотритесь к шкале слева: через равные деления там стоят отметки 3 тысячи, 30 тысяч и 300 тысяч. Это и есть особенность логарифмической шкалы — она оперирует не обычными числами, а степенями — чаще всего десятки (10 ⁰, 10 ¹, 10 ² и т.д)

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

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

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

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

#разбор
8🔥5👍4💯4
Редкий пример графика, на котором логарифмическая шкала уместна — траектория развития коронавируса. В начале пандемии количество заражений в разных странах драматически отличалось.

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

Очень сложно, но любопытно.
🔥101👏1😐1
Ещё один график, иллюстрирующий закон Мура. Он гласит, что мощность процессоров каждые два года удваивается.

Здесь решили убить двух зайцев. Опять же, на первом месте процесс, видна непрерывная закономерность. А дополнительно — можно навестись на каждую точку и посмотреть, что это был за девайс.
👍102👏1😁1
Почему визуализации данных надо учиться? Вот вам наглядный пример.

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

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

Так дизайнер упустил возможность «словить» и презентовать важную идею.
🤨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