Визуализация данных

Что это такое

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

Почему это важно

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

Что в этом треке

Выбор подходящего графика (03-design-ux/31-data-visualization/01-choosing-the-right-chart) — подбор формы под сравнение, которое должен сделать читатель.
Как рисовать честно (03-design-ux/31-data-visualization/02-drawing-it-honestly) — оси, порядок, цвет и подписи, которые не вводят в заблуждение.

Предварительные требования

Визуальный дизайн (03-design-ux/10-visual-design)

Что читать дальше

Визуальный дизайн (03-design-ux/10-visual-design) — прочтите это первым; график подчиняется тем же законам иерархии и отступов.
Теория цвета (03-design-ux/29-color-theory) — цвет как канал данных, в том числе для читателей с дальтонизмом.
Количественные UX-исследования (03-design-ux/24-quantitative-ux-research) — понимание того, что значит мера, до её изображения.
Google Analytics 4 (GA4) (03-design-ux/06-google-analytics-4-ga4) — откуда большинство продуктовых графиков берёт числа.