8 примеров визуализации данных: превращение данных в привлекательные визуальные эффекты

По словам Делла, данные — это новая сырая нефть современного общества. Он добывается, обрабатывается и представляет ценность — когда вы знаете, что с ним делать.

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

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

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

4 примера визуализации данных для привлечения клиентов и акционеров

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

Это не увеличит вовлеченность, независимо от того, что показывают ваши выводы:

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

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

С помощью правильных инструментов вы можете добиться вовлечения клиентов с помощью визуальной визуализации данных, которой можно делиться. В опросе маркетологов 2021 года Venngage сообщила, что визуальные данные были одними из самых эффективных визуальных материалов (наряду с оригинальной графикой и видеоконтентом).

Давайте рассмотрим четыре привлекающих аудиторию способа визуализации данных (которые не являются электронными таблицами или круговыми диаграммами) и почему они работают.

1. Радиальный график среднего возраста населения

Это могла быть стандартная гистограмма.

Однако компания Visual Capitalist решила обновить визуализацию данных и отобразить результаты в виде хорошо продуманной радиальной гистограммы .

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

Форма кольца также облегчает общее понимание с первого взгляда: средний возраст в Европе самый высокий, а средний возраст в Африке самый низкий.

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

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

Рекомендации по использованию радиальных гистограмм:

• Если вы включаете много данных, как в этом примере, используйте дизайн с высоким разрешением или интерактивный дизайн. Так намного удобнее просматривать информацию на меньшем экране.
• Избегайте использования гистограмм с накоплением в радиальной гистограмме, так как это искажает пропорции, которые вы увидите (мы рассмотрим гистограммы с накоплением позже).
• Начните свое происхождение с нуля; не обрезать его. Например, если на приведенном выше графике начать с 18 лет, это будет выглядеть так, как будто в некоторых африканских странах медианный возраст вообще отсутствует.

2. Аккордная диаграмма переключения марки телефона

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

На этой диаграмме показаны отношения между поставщиками услуг сотовой связи на основе данных опроса Deloitte. Он отвечает на вопрос: когда пользователь уходит от провайдера, куда он идет?

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

Это также интерактивно:

При наведении курсора на конкретный бренд другие аккорды становятся серыми, и зритель может сосредоточиться на потоке от одного бренда. Здесь мы ясно видим, что у Samsung очень лояльная база, насчитывающая около 18% опрошенных респондентов. Когда она теряет клиентов, она в основном теряет их из-за Nokia.

Еще одна замечательная вещь в этой визуализации данных — четыре точки данных, объясненные не отвлекающими подписями, такими как эта:

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

Подобные подписи помогают привлечь внимание к ключевым выводам, а также объясняют, как читать график.

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

Рекомендации по использованию хордовых диаграмм:

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

3. Результаты опроса в графической диаграмме

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

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

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

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

Рекомендации по использованию графических диаграмм:

• Представляйте свои сегменты как можно точнее. Несмотря на то, что в приведенном выше примере команда использовала рассол, сегменты кажутся примерно точными.
• Не жертвуйте гигиеной данных ради дизайна. Цель состоит в том, чтобы передать сообщение ваших данных, а не запутать его. Сделайте свой дизайн четким и простым.

4. Инфографика хронологии пандемии

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

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

Visual Capitalist решил отобразить это двумя способами: сначала на временной шкале , чтобы увидеть, где болезни имели место в истории, а затем в порядке размера (например, на диаграмме с пропорциональными областями), чтобы увидеть, какие болезни были худшими.

Важно отметить, что команда включила ключевую информацию, такую ​​как продолжающийся характер пандемии Covid-19 и новые свидетельства древних болезней.

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

Инфографика широко используется, и не зря. Джастин Бигель, генеральный директор Infographic World, рассказал:

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

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

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

Рекомендации по использованию инфографики :

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

4 примера визуализации данных, чтобы произвести впечатление на внутренние команды

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

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

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

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

1. Скромный линейный график

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

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

Например, инструментальная панель Google Ads от Perceptive Analytics сочетает в себе различные методы визуализации данных, чтобы обеспечить всестороннее представление о производительности. Примечательно, что он включает в себя интерактивную линейную диаграмму с несколькими переменными:

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

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

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

Любые строки ниже первых двух перемешаны вместе и в основном бессмысленны.

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

Здесь ось Y показывает сумму в долларах, и вы можете навести указатель мыши на пузыри, чтобы получить точное значение в долларах. Таким образом, нет необходимости включать текстовые метки в диаграмму.

Рекомендации по использованию линейных диаграмм :

• Не загромождайте. Держите точки данных четкими и очевидными для понимания с первого взгляда.
• Избегайте слишком сложных диаграмм, таких как линейные 3D-графики. Это заставляет ваш мозг работать усерднее, чтобы понять информацию, для которой нужны только две оси. Цель представления внутренних данных — быстро и четко передать информацию.
• Начните ось Y с нуля, чтобы представить данные как можно точнее.

2. Когда гистограмм недостаточно, используйте гистограммы с накоплением

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

Вот пример гистограммы с накоплением от Datapine, которая фокусируется на отслеживании количества контактов за период и делится на три категории:

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

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

Столбчатые диаграммы с накоплением лучше всего использовать для небольших наборов данных . Чем больше данных вы включаете в диаграмму, тем более запутанной она становится. Возьмите этот пример из Microsoft Power BI:

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

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

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

Рекомендации по использованию столбчатых диаграмм с накоплением :

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

3. Найдите свои узкие места с помощью воронкообразных диаграмм

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

Чтобы помочь Университету Виктории лучше понять своих потребителей и получить четкое представление о студентах, агентство Datalabs использовало Tableau для создания информационной панели, ориентированной на простоту. На этой панели есть воронкообразная диаграмма:

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

Вот еще один хороший пример из Chartio того, как может выглядеть структура данных воронкообразной диаграммы:

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

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

Рекомендации по использованию воронкообразных диаграмм:

• Это диаграмма, которая выигрывает от меток. Покажите объем и процент изменения, чтобы нарисовать общую картину.
• В идеале начните свою воронку со значением 100% и придерживайтесь того же пути конверсии. Таким образом, нет опасности перепутать данные. Например, если вы сосредоточились только на лидах, полученных в результате кампании по электронной почте, но ваши данные о конверсиях не сегментированы по кампаниям, вы не получите точную визуализацию данных.

4. География с картами и пузырьковыми диаграммами

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

Панели мониторинга Perceptive Analytics включают карты, показывающие конверсии по регионам в США:

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

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

Рекомендации по использованию картографических диаграмм и пузырьковых диаграмм :

• Обратите внимание на психологию цвета. Красный может означать «плохой», «опасный» или «тревога». Точно так же зеленый может означать «хорошо». Тщательно выбирайте цвета пузырьков, чтобы случайно не сбить зрителей с толку.
• Будь проще. Приведенный выше пример хорошо показывает, какие территории конвертируются, а какие нет. Это не усложняет его больше, чем это.

5 советов по созданию привлекательных визуализаций данных

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

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

Вот пять способов создать визуальные эффекты, которые донесут вашу точку зрения и/или станут общедоступными.

1. Сопоставьте визуальные эффекты с данными

Хорошие данные легко потерять на плохой диаграмме. Отмеченный наградами дизайнер визуализации данных Натан Яу демонстрирует, что существует множество способов представления данных в своей работе, визуализируя один набор данных 25 способами (он считает, что не все из них хороши):

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

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

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

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

2. Соблюдайте правила гигиены данных для визуализации

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

Следуйте некоторым советам по хорошей практике визуализации данных :

• Начните свои графики с 0 или объясните, почему они не начинаются с нуля. (Узнайте, что происходит, когда вы начинаете свой базовый уровень в другом месте здесь.)
• Учитывайте толщину линии. Толстая линия может сделать неясным, где на самом деле находится точка данных.
• Не перегружайте данными. Возможно, вы собрали 50 точек данных в своем исследовании, но только 10 из них являются значимыми. Вытащите самые важные данные, чтобы выделить их в своей визуализации.
• Пометьте свои оси, дайте людям знать, что вы измеряете, но тщательно продумайте, где разместить эти метки (т. е. не там, где есть препятствия для данных, как в приведенном выше примере Bold BI).

3. Делайте визуальные эффекты простыми

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

Удалите элементы, которые стали популярными в 20-х годах, такие как тени, 3D-компоненты, случайные значки, неуместные метки и ненужные значения, которые отвлекают от сообщения.

Этот пример из презентации Брента Дайкса показывает, как ненужный шум разбавляет данные и насколько эффективнее его удаление:

Имя файла изображения: пример-из-презентации-by-brent-dykes.jpg

Alt Tag: пример из презентации Брента Дайкса, который показывает, как ненужный шум разбавляет данные.

Сосредоточьтесь на важных данных. Как говорит автор Presentation Zen Гарр Рейнольдс:

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

4. Выберите правильные инструменты для создания визуальных эффектов

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

Вот несколько популярных инструментов, которые стоит проверить:

• Для информационных панелей KPI: Geckoboard или Salesforce Einstein.
• Для визуализации веб-аналитики: Google Analytics
• Для шаблонов визуальных отчетов: Google Data Studio
• Для простых диаграмм: Google Charts
• Для создания простой инфографики: Canva
• Для визуализации данных и бизнес-аналитики малого и среднего бизнеса: Microsoft Power BI.
• Для визуализации данных и бизнес-аналитики на уровне предприятия: Tableau
• Для опытных специалистов по данным: Sisense
• Для визуализации данных с открытым исходным кодом: D3.js

Эти инструменты различаются по функциям, цене и удобству использования. Если вы работаете с небольшим бюджетом, начните с бесплатных инструментов, таких как Google Charts и Google Analytics, а затем увеличивайте инвестиции.

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

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

Например, для маркетолога приведенная ниже диаграмма из панели веб-аналитики Bold BI показывает, что ведение блога является самым большим источником дохода. Это явный признак того, что контент-маркетинг работает, и команда должна больше инвестировать в него.

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

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

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

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

Подумайте о своей аудитории и о том, каких изменений вы хотите добиться. Используйте это, чтобы раскрыть увлекательные истории, стоящие за визуальными эффектами.

Вывод

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

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