Количественные UX-данные могут быть невероятно мощным инструментом. Они могут помочь принять решение, положить конец спорам или даже доказать ценность нашей работы. Однако я часто вижу, что многие UX-дизайнеры не знают, как правильно представить свои данные. В частности, они редко составляют убедительные и простые для понимания диаграммы.
Чтобы создать хорошие диаграммы на основе аналитических или других количественных данных, вам не нужно обладать обширными навыками визуального дизайна. Просто примените тот же ориентированный на пользователя подход, который вы бы использовали при проектировании интерфейса.
Прежде чем приступить к созданию диаграммы, ответьте на ключевой вопрос : Какова ваша цель?
Другими словами, какой смысл вы пытаетесь донести до пользователя? Что вы хотите, чтобы ваша аудитория поняла, когда они смотрят на диаграмму? Какие действия вы хотите, чтобы они предприняли?
Как только вы ответите на этот вопрос, адаптируйте свою диаграмму в соответствии с этой целью (разумеется, не искажая и не фальсифицируя данные).
34 Виды графиков, Кольцевая диаграмма, Биплан24, российская BI система, управленческая отчетность
В этой статье основное внимание уделяется пояснительной визуализации данных — обмену выводами с товарищами по команде, заинтересованными сторонами или клиентами. Скорее всего, вам потребуется создать различные типы диаграмм для изучения ваших данных в процессе анализа.
Кроме того, в этой статье обсуждаются диаграммы, а не инфографика, которая обычно сочетает в себе несколько изображений и визуализаций данных, чтобы рассказать историю. Кроме того, в этой статье не рассматриваются дизайны дашбордов.
Аспекты, позволяющие улучшить диаграммы
- Контекст
- Порядок
- Контраст
Как визуализировать данные: типы графиков
Редактор Наталия Шергина специально для блога Нетологии адаптировала статью об эффективных способах визуализации данных.
Предположим, вы понимаете важность визуального представления данных, знаете, какие навыки для этого нужны и, более того, обладаете ими. Заодно представим, что у вас есть данные для визуализации, осталось только разобраться, какие виды графиков и диаграмм подойдут. В статье мы расскажем о самых эффективных способах визуализации данных — вам будет из чего выбрать.
Наталия Шергина
Столбчатая диаграмма (Bar Graph)
Скорее всего, это был первый способ визуализации, с которым вы столкнулись. Вспомните школьные учебники, таких диаграмм там было много. Если вы думали, что столбчатые диаграммы вместе со школой остались позади — не спешите с ними прощаться. Многие виды данных удобно представлять с их помощью: информацию о пробках на дороге, увеличение клиентской базы, график продаж. Столбчатые диаграммы — один из самых наглядных видов представления статистики.
Типы графиков
Линейная диаграмма (Line Chart)
Этот вид графиков напоминает вершины горного хребта, и это сравнение неслучайно. С помощью линейных диаграмм можно графически представить горы данных и извлечь столько же инсайтов. Подходят для представления колебаний акций, темпа роста компании, построения прибыльной системы.
Гистограмма с несколькими осями (Multi-Axis Charts)
Это сочетание столбчатой диаграммы и линейного графика. Подойдёт, если нужно представить два или более фактора для выявления параллелей или сравнения. Гистограммы с осями часто используют на заседании членов советов компании, чтобы сопоставить, например, рыночную цену и общую выручку.
Гистограмма (Bar Histograms)
Ещё один график из школьных учебников. Гистограммы используют для представления числовых данных одной категории и их изменения с течением времени. Пример — изменение численности населения страны за конкретный период.
Как и столбчатые диаграммы, гистограммы состоят из столбцов. Поэтому эти два вида графиков часто путают. Давайте разбираться.
Столбчатая диаграмма
Гистограмма
- Есть расстояние между столбцами
- Нет расстояния между столбцами
- Применяются для сравнения категориальных данных
- Применяются для выявления зависимости качественных данных
- Если переставить местами столбцы, логика не нарушится. Венера и Земля — две категории, которые друг от друга не зависят.
- Если в гистограмме наблюдаемых температур переставить местами столбцы, нарушится логика, так как рассматривается одна величина (температура), а не разные категории
Круговая диаграмма (Pie Charts)
Кто работал с Экселем, тот наверняка знаком с круговыми диаграммами. Поставил её — и отчёт сразу выглядит презентабельнее, так? А если серьёзно, то круговые диаграммы — это отличный способ представить части одного целого. Например, долю компании на рынке, ваш вклад в общий проект или разработку секторов для инвестиционного плана.
Каждому из нас приходилось работать хотя бы с одной из перечисленных диаграмм. А если нет, то их названия вы точно слышали. На этом мейнстрим заканчивается. Далее — менее популярные графики.
Диаграмма спагетти (Spaghetti Charts)
К сожалению, это не совсем о еде. Диаграмма спагетти — очень необычный вид графиков, который только набирает популярность. Здесь без визуальной подсказки не объяснишь.
Помимо метеорологии, эти диаграммы подходят для визуализации взаимосвязей, что особенно полезно в юридических и судебных вопросах.
Географическая диаграмма (Map Charts)
Географические диаграммы специально разработаны для анализа географической информации, представления пространственных отношений и региональных данных. Используйте их, если нужно графически изобразить глобальную клиентуру, план расширения компании или план диверсификации производства. Эти диаграммы покажут, какие географические области развиваются, а каким нужно больше внимания. Также они помогают принимать решение — например, куда инвестировать или какие страны лучше для жизни.
Стрим-график или график потока (Stream Graph)
Даже если вы ни разу не видели землетрясения, то о сейсмографе слышали наверняка. Это машина, которая реагирует на сейсмическую активность и записывает сейсмоволны в виде графика.
Сейсмограф фиксирует толчки 24 часа 7 дней в неделю. Данные представляются графически в виде «потока» или «волн» вдоль центральной оси. Сейсмография — не единственная сфера применения графиков потока. Они особенно эффективны для графического изображения изменений за период времени.
Пузырьковая диаграмма (Bubble Charts)
Не очень серьёзное название, но суть не в нём. Сфера применения таких диаграмм в представлении и анализе данных огромна. Если говорить технически, пузырьковая диаграмма пригодится для визуализации анализа взаимодействий и распределения. А проще говоря, информация представлена в трёх измерениях или плоскостях.
Допустим, у вас три вида данных: общее количество товаров, число каждого проданного продукта и выручка от продаж каждого продукта. Если вы хотите видеть взаимосвязь этих данных на одном графике, то пузырьковая диаграмма для вас.
Лучевая диаграмма (Sunburts)
Любители интернет-магазинов, эта информация для вас. Ваше поведение на сайте и то, на какие страницы вы заходите, заносится в историю, а админы магазинов могут легко представить эту информацию в виде лучевой диаграммы, чтобы понять, куда идёт основной трафик на сайте и какие страницы посещают реже всего. Такие диаграммы идеальны для представления иерархических данных.
Полярные часы (Polar Clock)
Это та же кольцевая диаграмма, только анимированная. Интерактивная кольцевая диаграмма — один из лучших способов для выявления закономерностей между несколькими параметрами. Эффективна для представления части целого и анализа зависимости величин. При изменении анализируемых параметров изменяются и пропорции диаграммы. Пригодится тем, кто следит за динамикой изменения — например, изменения стоимости акций в результате каких-либо действий компании.
Курс
Инфографика
Узнать больше
- Научитесь превращать скучные цифры в наглядные визуальные истории
- Разберётесь в online-инструментах создания инфографики
- Поймёте, как работать с интерактивной и видеоинфографикой
Это одни из наиболее эффективных способов визуализации данных. Какие-то из них более привычны, о других пока мало кто знает. Новые виды графиков и диаграмм появляются вместе с новыми видами данных, что происходит непрерывно. Это значит, что скоро появятся более продвинутые способы визуализации.
Читать также
Инфографика для СМИ
Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.
Наталия Шергина
Источник: netology.ru
Виды диаграмм для визуализации данных
Существует очень много видов диаграмм, но у каждого из них есть своя задача. Поэтому важно понимать, как правильно выбрать диаграмму, чтобы отчет был не только красивым, но и понятным для анализа.
Виды анализа данных
- рейтинг;
- динамика;
- структура;
- взаимосвязи.
Для каждого вида анализа подойдет свой тип диаграмм. Остальные не будут правильно и максимально полно передавать информацию.
Разберем подробнее каждый вид анализа.
Рейтинг — вид анализа, который используется при сравнении между собой нескольких показателей. Например, нам нужно понять, у кого из менеджеров за месяц было больше закрытых сделок, чтобы правильно рассчитать премию, или определить, какой филиал или товар приносит больше прибыли. Рейтинг используется, когда вам нужно провести любое количественное сравнение нескольких показателей и расположить их по шкале от большего к меньшему.
Динамика — вид анализа, который используется для отслеживания изменения одного показателя. Например, увидеть, как меняется объем продаж товара в разные сезоны года.
Структура — вид анализа, который используется для разделения одного целого на разные доли, чтобы показать объем каждой из них. Например, при сегментации товаров на группы или для оценки структуры портфеля клиента. Анализируются именно доли, а количественные показатели отходят на второй план.
Взаимосвязи — редко используется, но нужен, чтобы установить отношение между двумя переменными. Например, сопоставить, как реагируют продажи на изменение курса доллара или определить взаимосвязь между выручкой и количеством товара.
Виды диаграмм, используемых для анализа
Для каждого из вида анализа данных подойдут определенные виды диаграмм. Базовыми и наиболее частыми в использовании являются:
- Линейчатая лиаграмма — диаграмма, столбцы которой располагаются горизонтально.
- Гистограмма — то же самое, что и линейчатая диаграмма, но с вертикальными столбцами.
- График — линия, на которой точками обозначены анализируемые данные.
- Круговая диаграмма — круг, который поделен на сектора. Может быть в форме бублика (кольцевая диаграмма).
- Пузырьковая диаграмма — разновидность точечной диаграммы. Измерение данных происходит по размеру пузырьков и их положению на графике относительно осей координат.
Как правильно выбрать диаграмму
Правила выбора диаграмм для удобства представлены на схеме. Слева располагаются виды анализа данных, а напротив них все диаграммы, которые подходят для построения визуализации.
На схеме видно, что кольцевая диаграмма подойдет только для отображения структуры, а пузырьковая только для анализа взаимосвязей. Подробно разберем каждый из видов диаграмм.
Линейчатая и гистограмма
Эти виды диаграмм удобно использовать для построения рейтинга. Какой из них лучше выбрать, можно определить по количеству показателей. Например, гистограмма будет неудобной для анализа большого числа элементов.
На примере хорошо отображено, что длинные подписи и большое количество данных делают такую визуализацию неудобной. Для таких случаев лучше выбрать линейчатую диаграмму.
Ориентироваться лучше по тому, сколько места вы готовы выделить на дашборде под диаграмму. Если у вас мало точек, то гистограмма будет не убедительной, но займет много места на экране.
Но если важно, чтобы данные были в правильном порядке по оси Х, лучше отобразить данные вертикально и выбрать гистограмму..
График или гистограмма
Если нужно показать, как изменяется одна переменная с течением времени, можно использовать гистограмму или график. Но что из них выбрать?
Есть определенные правила, когда подойдет тот или иной вид графика. Так при небольшом количестве значений (как на картинке) график не будет информативным. Линия едва заметна и нужно еще время для сопоставления точек с осями. В таком случае лучше выбрать гистограмму.
График стоит выбрать, если точек больше 10, или на одном графике для удобного сравнения и экономии места строятся линии сразу по нескольким показателям.
Круговая или кольцевая диаграмма
При выборе между кольцевой и круговой диаграммой можно руководствоваться своим вкусом. Они выполняют одну и ту же задачу и одинаково эффективно отражают информацию при правильном использовании.
Но есть несколько правил при их использовании:
- отражают только структуру целого, то есть из каких частей оно состоит и сколько места в целом занимает каждая часть;
- удобно использовать только для небольшого объема данных;
- правильно сортировать данные от самого крупного сектора к самому маленькому;
- отсчет должен начинаться с крайней верхней точки, там, где располагается цифра 12 на часах;
- легенду лучше размещать в теле диаграммы, а не рядом с ней. Так будет удобнее с ней работать и не придется дополнительно искать описание к графику, чтобы посмотреть ее название.
Точечная и пузырьковая диаграмма
Эти диаграммы очень редко используются, но и они могут быть информативны. особенно если вам нужно показать то, как связаны между собой несколько показателей. Не используйте эти виды диаграмм, если у вас только один показатель.
Удачный пример использования пузырьковой диаграммы:
На графике можно проследить, в каких городах больший оборот приносит большую прибыль и выделить наиболее рентабельные города. По оси Х откладывается один показатель (оборот), а по оси Y — другой, для которого изучается взаимосвязь.
На данном примере самыми привлекательными городами являются те, которые отмечены зеленым цветом: Сургут, Ханты-Мансийск, Мегион. Наименее привлекательные города отмечены красным цветом: Североуральск и Алапаевск. В них большой оборот, но прибыль от этого не растет.
Выбирать диаграммы необходимо не из-за красивого оформления, а в первую очередь ради упрощения восприятия данных. Поэтому нужно логически подходить к выбору диаграмм.
Компания ДЕНВИК занимается внедрением систем бизнес-аналитики. Подключим базы данных к системе, построим все необходимые отчеты и научим с ними работать. Оставляйте заявку для консультации, если хотите выйти на новый уровень при анализе данных.
Источник: denvic.ru