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

А в деталях учу этому искусству на курсе «Эстетика в графиках»
Download Telegram
Как хорошие дашборды помогли убедить нанимающих менеджеров

#герои_датавиза

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

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

Дальше — текст от его лица.

Как получить работу с помощью хорошего дашборда

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

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

Так я перешёл в продуктовую аналитику, потому что смог подтвердить свой опыт.

Так ли важна визуализация для аналитиков

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

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

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

Что такое хорошая визуализация

Хорошая визуализация — простая, понятная и отвечает на те вопросы, которые ставит заказчик.

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

Почему сложно сделать простой и понятный дашборд

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

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


Узнать подробнее про курс можно тут:
https://clck.ru/3EpdXH
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10💊2💯1
Бывало у вас когда-нибудь такое, что, кажется, есть все навыки, но чего-то не хватает, чтобы демонстрировать результаты в определённой сфере?

Так было у моей студентки Чебыкиной Анастасии. Сейчас она работает графическим дизайнером, а раньше была аналитиком в крупной стоительной фирме — это идеальное комбо навыков для того, чтобы делать крутую инфографику.

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

Работа, сделанная в конце курса по тем же данным, в итоге отличалась разительно — посмотрите на «до» и «после». В своём отзыве Настя поделилась, что помогло ей добиться такой разницы ↓↓↓
🔥217❤‍🔥1
Отзыв Настя сама оформила в виде карточек. Грех с вами ими не поделиться 🙌

Напомню, что до 2 декабря вы можете записаться на третий поток курса. После этого мы со студентами плотно работаем три месяца, следующий набор начнётся не раньше весны:
https://clck.ru/3Es5Pf

#отзыв
❤‍🔥125
Модуль по дашбордам!

Мы понемногу модернизируем курс, и в этот раз решили добавить один из востребованных модулей — дашборды!

Долго искал специалиста, который глубоко погружён в тему, но при этом полностью совпадает со мной в видении и эстетике.
Лекции в модуле будет читать Наталья Веселова.

Познакомлю вас с ней:
🔴Работала BI-аналитиком в Insight, T1 (ВТБ) и Спортмастере
🔴Победитель конкурса «интерактивное резюме», призёр международного конкурса data2speak и полуфиналист хакатона BI-Батл 2.0
🔴Спикер на конференциях: ЛАФ, Флоу, Матемаркетинг, Russian BI Forum, Analyst Days
🔴Автор чарт-чузера: https://partner.goodt.me/wiki/#/chart_part

О чём будем говорить в модуле?

1. Когда нужны дашборды, а когда нет
2. Разные виды дашбордов в зависимости от сценариев их использования
3. Как собирать требования и делать на основе их правильные виды дашбордов
4. Разные шаблоны (расположение блоков) для каждого из видов дашбордов, интерактивность
5. Особенности оформления, визуальная иерархия
6. Разбор дашборда в Tableau и Power BI


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

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

https://clck.ru/3EtNF
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥178
Мой долг — напомнить вам, что сегодня последний день, когда можно записаться на третий поток курса «Эстетика в графиках».

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

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

Почитать отзывы / посмотреть дипломы и программу курса, а также записаться можно тут:
https://clck.ru/3EvYTT
15🐳2🤣1
Про двойные оси

На неделе проводил разборы графиков у студентов своего курса по визуализации данных. Особенный интерес на разборах вызвал этот кейс — он касается моей «любимой» темы: двойных осей.

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

Почему двойные оси — это плохо?
🔴На них могут быть видны ложные корреляции: может казаться, что один показатель связан с другим, или что один показатель становится больше другого, хотя это не так;
🔴Из-за двойных осей на графике может появиться лишний визуальный шум — как в этом примере. Какую дополнительную информацию здесь даёт линия сверху?

Что я советую сделать именно в этом случае:

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

Достаточно оставить визуализацию абсолютов, а проценты перенести в подписи.

Например, так:
609 тыс (-4,2%)
Please open Telegram to view this post
VIEW IN TELEGRAM
15🔥3
На днях со мной произошло настоящее новогоднее чудо. Один из моих выпускников, Саша Пронин, решил отправить мне по почте тёплый привет и благодарность за курс:

Я уже писал тебе, сколько радости, профессиональной и самое главное - человеческой, ты принес вместе с замечательным курсом. Мне очень хочется ответить тебе взаимностью, так что пожалуйста, прими к себе под опеку из коробки потертых, но все еще боевых рок-товарищей))
В открытке - привет твоему коту из кото-толерантной столицы, значок - я искал с графиком, а нашел... дерзко, дерзко, согласен, но очень мило)) Зефирки - с берегов Невы, пример победы содержания над отвратным неймингом упаковки, как впрочем и многое другое в моем любимом городе.

С наступающими праздниками, и спасибо тебе за все, что ты делаешь)


Со мной такое в жизни впервые. И больше всего тут греет сам факт того, что я делаю какую-то штуку, которая отзывается в сердцах других людей. Пожалуй, это мой главный смысл, это то, ради чего хочется жить 💔
❤‍🔥5626🔥4💘1
Гулял по улицам Калининграда, и наткнулся на красивую надпись, прочитать которую смог далеко не сразу

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

Если хотите помучать читателей, обязательно разверните подпись на 90 градусов 😁

Точнее, чаще всего ничего делать вообще не надо, большинство программ для визуализации делают так по умолчанию 🥲
😁173💔2
В милейшей кофейне Зеленоградска лежала книга о том, что такое счастье

В книге было несколько графиков, по которым быстро стало ясно, что с культурой визуализации данных у авторов всё не очень хорошо 🥲

Что не так:
1) На графике показана какая-то величина, но подписей на осях нет, заголовка нет, только сноска внизу, которая не несёт никакого смысла. Понять, что на графике — решительно невозможно

2) Часть столиков выделена красным, часть синим, а часть — голубым. При этом на графике не подписано, что это значит

Уже в тексте мы можем прочитать, что в странах слева улыбающихся людей считают более глупыми, в странах справа — более умными. Что происходит в самой яркой красной части — в итоге непонятно. Там улыбка ни на что не влияет?

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

3) Кажется, единственное, что можно извлечь по итогам чтения текста и графика, что есть страны, где улыбка — «признак дурачины», а где считается символом ума. Так как значение цифр остаётся загадкой, график полностью теряет смысл. Можно было заменить его просто на список стран в два столбика.

И тут я ещё не ругаюсь на перевёрнутые подписи. Это кажется тут совсем не страшным: книжка маленькая, её легко перевернуть, зато при вёрстке такая композиция занимает в два раза меньше места.

P.S. Если вы вдруг издаёте книгу с графиками, приглашайте консультантом. С радостью посмотрю и дам свои рекомендации

#разбор
👍148😁3
Подслушан предновогодний диалог редакторов новостей на России 24:

— Nobody's gonna know
— They're gonna know
— How would they know?
😁53🤣34🥴12🙈3👍1
В канале отвратительные графики, где мой коллега Саша Ильин бережно собирает примеры выдающихся работ в сфере визуализации данных появилась работа дептранса Москвы про автомаршруты.

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

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

🌱 А почему это не очень хорошая инфографика?
Инфографика — это про смыслы. Хорошая работа всегда отвечает на какой-то вопрос, причём желательно быстро и убедительно.

Например,
⭕️В какое количество городов можно уехать из Москвы?
⭕️Куда в основном ведут маршруты из Москвы? На север, на юг, на восток?
⭕️Сколько километров составляет самый длинный маршрут?

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

Сдаётся мне, тут и с расстояниями наврали: от Москвы до Тулы же быстрее доехать, чем от Тулы до Брянска? Поправьте меня, если я неправ, но тут впечатление обратное создаётся.

🌱 Так как сделать лучше?
Как и всегда, когда мы делаем инфографику — начать со смысла. Например, если мы хотим показать удалённость городов, куда доезжают автобусы из Москвы — показать их на реальной карте.

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

🌱 А если очень хочется граф?
Вопрос контекста. Подобный граф может быть красивой заходной картинкой для привлечения внимания.
Такой приём часто используют ведущие зарубежные медиа: на обложку ставят какой-нибудь дата-арт, а уже в самом материале используют более простые столбики и линии.

Но если граф должен быть функциональным, то стоит применять его для смыслов, которые может визуализировать граф: например, показывать, насколько связаны кластера городов, в которые едут из Питера с городами, в которые едут из Москвы.

#разбор
Please open Telegram to view this post
VIEW IN TELEGRAM
46👍7🔥2😁1
Любопытный кейс в Т—Ж: выбрали неправильный вид графика, отчасти осознали ошибку и попытались её исправить, наложив линию «всего» сверху. Но все равно получили неправильный график.

Со столбиками всё просто: если они рисуются вплотную друг другу (по своей короткой части), это значит, что они суммируются. То, что не суммируется, рисовать таким образом нельзя.

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

#разбор
👍161
На коленке нарисовал вариант, как можно было бы показать одновременно и тотал, и долю каждой из частей

Данные ненастоящие, но суть такая

#разбор
👍398🤨2🦄2
Почему дизайнерам нужны основы визуализации данных?

Отвечает аналитический кабинет сервиса для музыкантов BandLink

Вы ни за что не догадаетесь, что показано сплошной и пунктирной линией на графике...

общее число подписчиков и его изменение

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

В таком случае визуализировать оба числа не нужно!

А что можно сделать?
1. Визуализировать только общее число подписчиков, а изменения выводить в тултипе
2. Сделать переключалку единиц измерения: либо показываются абсолюты, либо изменения
3. Визуализировать общее число подписчиков, а «выбросы» в изменениях подписать прямо на графике. Например, видим «пик», и над ним пишем: +36

Кстати, у меня в четверг выходит новая песня, а вы можете повлиять на графики в моём личном кабинете, если перейдёте по ссылке и нажмёте на «пресейв» — это даст музыкальным площадкам понять, что трек ждут, и его надо продвигать органически 🙌

Буду вам очень благодарен!

https://band.link/RveEX
19
Постоянно смеюсь с этой надписи в Шереметьево: кажется, что c Яндекс Go теперь можно доехать не только домой, но и в другую страну (на самом деле — нет).

Как этот пример может помочь вам сделать лучше ваши графики?

➡️ Помните, что расстояние — инструмент управления вниманием. Элементы, которые расположены близко друг к другу, мы воспринимаем как части одного целого.

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

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

➡️ Нам проще «связать» какую-то информацию, если она расположена рядом. Именно поэтому проще читать графики, где категории и значения подписаны рядом с визуализацией, а не вынесены в легенды и оси, которые находятся в верхней или нижней части графика.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍146😁4
This media is not supported in your browser
VIEW IN TELEGRAM
Почему надо МАКСИМАЛЬНО ЧЁТКО прописывать идею в заголовках и цифрах

Когда я в первый раз посмотрел этот кусочек из ролика проекта «Послезавтра», подумал, что здесь есть очень страшная ошибка.

Посмотрите и вы, прежде чем читать дальше:

«90% военного потенциала альянса [НАТО, прим.] — это возможности одной конкретной страны», — говорит автор, показывая, что на США приходится 41,7% ВСЕХ ПОСТАВОК ВООРУЖЕНИЯ В МИРЕ.

Учитывая, что на прошлом экране речь шла про 41% военных НАТО, приходящихся на США, первая мысль была, что автор просто сложил 41 и 41, и получил таким образом почти 90%. Так, конечно же, делать нельзя.

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

Но потом я понял — это проценты от разных чисел, и на графике 90% просто никак не фигурирует.
Связать разные числа за такой короткий промежуток времени очень сложно.

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

А сам проект очень крутой, конечно. Я уже третий день запоем смотрю разные видео, и вам могу посоветовать.
👍24🥴7
Симпатичный приём — когда в одном графике комбинируются сразу две задачи: распределение разных видов топлива и их динамика.

Только не сразу понятно, за какой период дан линейный график, хочется подсказок

Взял отсюда
36🔥8