Можно ли научиться красивой визуализации данных?

Алексей Смагин (@BlackPineapple) — о том, как делать ваши графики понятными и красивыми. А в деталях учу этому искусству на курсе «Эстетика в графиках»

визуализациядата-сторителлингцветовая палитра

Отвечаю вам дипломной работой моей студентки Розы Лариной. До курса у Розы особо не было навыков визуализации — только самые стандартные [и не всегда корректные] графики в гугл-таблицах.

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

В качестве диплома Роза оформила в виде карточек собственное исследование! Важно было представить тему интересно и визуально привлекательно даже для аудитории, которая в UX ничего не понимает.

Что тут получилось проработать:

  • 🔗 Главный челлендж — это выбор видов графиков. Это всё опросные данные, почти все цифры и смыслы были про доли. Однако — в конечном счёте — у Розы получилось погрузиться в данные и увидеть новые их грани.
  • 🔗 Приёмы дата-сторителлинга: благодаря ним работа смотрится интересно и понятна даже людям, далёким от UX
  • 🔗 Грамотная цветовая палитра: она — с одной стороны — подчёркивает нужные акценты, а с другой — делает всю серию графиков единым целым.

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

А вот, что говорит она сама ⬇️

Карточка с горизонтальной стопкой и процентами: результаты опроса о том, как компании понимают UX; аккуратная типографика и легенда на светлом фоне.
Результаты опроса о понимании UX в компаниях — горизонтальная стопка с процентами.
Набор полосовых диаграмм с сегментами разных цветов, сравнение отраслей по поддержке руководителей в улучшении UX; контрастная палитра для групп.
Сравнение отраслей: поддержка руководителей в улучшении UX по секторам.
Стопчатые диаграммы и процентные метки по отраслям; визуализация наличия бюджета и внимания к UX в разных секторах с чёткими цветами и подписью источника.
Наличие бюджета на UX по отраслям — стопчатые диаграммы с процентами.
Санки–диаграмма/потоковая визуализация, показывающая переходы между состояниями: где в компаниях принимают продуктовый подход и как связаны ответы респондентов.
Потоковая диаграмма: переходы ответов и принятие продуктового подхода в компаниях.
Сетка маленьких цветных квадратиков — визуализация распределения сотрудников, которые выделяются для улучшения UX в банках и IT по сравнению с другими отраслями.
Графика в виде сетки: выделение сотрудников для улучшения UX в разных отраслях.
Набор небольших диаграмм по спорным должностям в UX-исследованиях — дизайнеры, продакты, аналитики и UX-редакторы с процентными столбиками на нейтральном фоне.
Малые множественные диаграммы: роль специалистов в UX-исследованиях и их распределение.

Дискуссия

Александр Иванов
Очень понятно!!!!!👍
Валерия Смирнова
На последнем графике: это оптическая иллюзия, что 63% продактов выглядит меньше чем 31%? Хотя должно быть в два раза больше
Валерия Смирнова
Алексей Смагин
не оч понял, речь ведь не об этом?
Об этом)
Алексей Смагин
Валерия Смирнова
Об этом)
тут надо сравнивать площади квадратов, а не вычитать их наверное, можно добавить пояснение
Валерия Смирнова
Алексей Смагин
тут надо сравнивать площади квадратов, а не вычитать их наверное, можно добавить пояснение
А, понятно Я думала это как пайчарт)
Присоединиться к обсуждению →

Читайте так же