Переделываем график про конкуренцию на рынке IT!

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

Давайте сначала о том, что тут хорошо:
1) «Говорящий» заголовок! Это очень важная деталь — мы читаем первое предложение и сразу понимаем, чего ждать от визуализации
2) Есть ориентиры для значений. Без меток непонятно, что такое hh-индекс. 11,3 — это плохо или нет?

Теперь о плохом:
1) Очень много шума. Косые даты, хаотичные подписи, много чисел. Такая детализация не нужна, но без неё гораздо легче воспринимать идею
2) Странная легенда. И hh-индекс хорошо бы расшифровать. Интернет подсказал, что это всего лишь отношение активных резюме к количеству вакансий
3) Не очень логичная раскраска. Для меня может быть два понятных варианта — либо расходящаяся палитра с перекосом цвета либо в вакансии, либо в соискателей (как у меня); либо симметричная: в центре всё хорошо, а по бокам — плохо. Но на исходном графике и симметрии нет, и раскраски по доминированию — тоже.

Как это сделано?
🔴Основу быстро делаем в любом сервисе для визуализации. Я использовал Flourish.
🔴Выгружаем вектор и доделываем красоту в любом графическом редакторе. Я использую Figma.

Хотите овладеть инструментами визуализации, чтобы уверенно делать такие графики? Жду вас на 4 потоке своего курса.

Присоединиться можно до 11 апреля, 12 числа уже начинаем учиться:
https://clck.ru/3LAYRB

Осталось 5 мест.

Анаморфная карта — вид визуализации, в которой размер районов изменён в соответствии с числовыми показателями (например, населением).

В редких случаях такие визуализации оказываются и симпатичными, и наглядными.

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

В комментах объявляю конкурс на самый смешной мем из этой картинки 🌚

Смотрю сейчас сериал «Разделение», а моя лента в инстаграме тем временем состоит практически целиком из видео про сериал.

Меня каждый раз удивляет, как создателям фильмов и игр удаётся создавать вселенные, наполненные ТАКИМ количеством деталей.

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

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

Ничего не напоминает?
Оригинал: https://www.instagram.com/reel/DHESTFsihBG/?igsh=MTA2ZjI0ZG54ZHFscA==

Теория пластилиновой памяти

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

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

Не зубрите, но пробегитесь по нему внимательно — дальше будет задание.

Готовы?
Вот задание — закройте список слов и попытайтесь вспомнить:

Какое из трех слов — «вкус», «смысл», «сладкий» — было в тексте? Может, все? А может — ни одного?

Продолжение эксперимента

Дальше цитирую книгу Николая Молчанова «Человек покупающий и продающий», где описан этот эксперимент — 

Практически все помнят, что перечень не содержал слово «смысл». Большинство помнит, что присутствовало слово «вкус».
Но главный момент теста заключается в слове «сладкий». В экспериментах Даниэля Шэктера большинство, а у Леонарда Млодинова — примерно половина участников заявили, что слово присутствовало в списке.

Слова этого, конечно же, там нет. А как у вас вышло? 👀

О чём это нам говорит? Люди в меньшей степени запоминают детали, но больше запоминают контест, суть.

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

Цифру на слайде никто не вспомнит, зато вспомнят, что всё было залито красным. Хорошо это для вас — или плохо?

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

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

Старт — 12 апреля. До 7 апреля можно попасть со скидкой: 29 900 вместо 35 000 за тариф с обратной связью: https://clck.ru/3KYdQ5

Как департамент здравоохранения Джорджии «снизил» заболеваемость при помощи визуализации

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

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

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

После огласки в прессе график на сайте заменили (2) — и тренд, хоть и не такой явный, на нём все равно виден.

А вы как думаете — это была халатность или осознанная манипуляция?

Хотите поговорить про графики?

В этом канале я много пишу про то, что делает графики хорошими, а что — мешает их восприятию.

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

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

Что там будет?

1⃣ Опишу 5 шагов к созданию графика, на котором интересно залипнуть и рассматривать в деталях
2⃣ Разберу ошибки, из-за которых графики подталкивают к принятию неверных бизнес-решений
3⃣ Расскажу, как выбрать правильный график, и почему именно его
4⃣ Поделюсь двумя приёмами дата-сторителлинга, которые помогут удержать внимание зрителя и читателя
5⃣ И, конечно, будет много примеров плохой и хорошей инфографики: из бизнеса, науки и СМИ.

Вебинар пройдет в отдельном канале, добавляйтесь туда ⚡

Традиционно выкладываю чай, чтобы последний раз напомнить здесь —

если вы хотели записаться на четвёртый поток курса с максимальной скидкой, осталось 10 часов:

https://clck.ru/3Hdo4w

Творческий процесс — когда остановиться?

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

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

Поделюсь и с вами ответом, вдруг кому-то будет важно это услышать:

Покажи мне в реальной жизни проекты, у которых нет даты 😅

Чаще всего такие проекты не имеют шанса на реализацию. Это чуть ли не главное правило постановки целей)

Мне кажется, что тут очень важно иметь образ результата
Мы получили то, что хотели сказать? Хорошо, идём дальше!

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

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

Маленькая визуализация — но большой труд

«С первого раза мало что делается. Обычно это творческий поиск» — делится со мной Александр Богачёв, рассказывая про то, как он придумал гистограмму высотности для проекта Urbi Atlas о застройке Дубая.

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

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

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

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

https://clck.ru/3HUCP3

Верите в приметы?
На курс записались три Екатерины подряд 🙈

На прошлом потоке у нас было три Натальи, причём две — полные тёзки. В какой-то момент я начал сходить с ума, проверяя задания — потому что перестал понимать, кто из них что делал

Зову вас на новый поток своего курса по визуализации данных

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

Приходите на курс «Эстетика в графиках», и вы:

🟡Научитесь делать визуализации, которые будут сразу понятны коллегам и начальству. Вопросов «а что тут имелось ввиду» станет кратно меньше;

🟡Поймёте, как делать графики, которые рассказывают истории;

🟡Изучите разные инструменты визуализации данных — Tableau, Flourish, Figma — и поймёте, в каких случаях их стоит использовать;

🟡Получите профессиональное преимущество, ведь любой заказчик любит, когда «красивенько»;

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

раз, два, три, четыре, больше по тегу #работы_студентов@data_csv

Посмотреть программу, отзывы и подробности, а также записаться можно тут: https://clck.ru/3HJc6r

❗️По предзаписи — самые большие скидки, тариф с обратной связью стоит 24.900 вместо 35.000 руб.

Вы можете оплатить полную стоимость, а можете только забронировать место и цену за 1000₽. Для этого при оплате нужно нажать кнопку «Частичная оплата»

Предзапись будет открыта до 15 марта включительно. Есть рассрочка на срок до 12 месяцев, по ней ваша переплата — 0 руб.

⏰ Старт — 12 апреля
⏳ Длительность 3 месяца

Если будут вопросы по программе, формату или способу оплаты, пишите моему коллеге Олегу @Oleggiios — он всё расскажет!

Симпатичный приём — когда в одном графике комбинируются сразу две задачи: распределение разных видов топлива и их динамика.

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

Взял отсюда

Почему надо МАКСИМАЛЬНО ЧЁТКО прописывать идею в заголовках и цифрах

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

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

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

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

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

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

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

А сам проект очень крутой, конечно. Я уже третий день запоем смотрю разные видео, и вам могу посоветовать.

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

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

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

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

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

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

Почему дизайнерам нужны основы визуализации данных?

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

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

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

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

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

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

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

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

https://band.link/RveEX

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

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

#разбор

Любопытный кейс в Т—Ж: выбрали неправильный вид графика, отчасти осознали ошибку и попытались её исправить, наложив линию «всего» сверху. Но все равно получили неправильный график.

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

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

#разбор