Хорошие технические иллюстрации и визуализация данных позволяют пользователям и клиентам остановиться, подумать и взглянуть на информацию по-настоящему доступным и увлекательным способом. Это, очевидно, также может помочь вам донести до своей аудитории определённые категории информации в более понятной форме.
Цель этой статьи - вдохновить вас и показать, как с помощью различных технических иллюстраций и визуализации данных вы можете по-настоящему взаимодействовать со своими пользователями и общаться с ними, а также приносить гораздо больше пользы окружающему вас контенту.
Ниже приведены интересные и нечасто встречающиеся примеры технических иллюстраций и визуализации данных. Как известно, чаще всего встречаются линейные и круговые диаграммы, но есть и многое другое!
Итак, продолжайте читать и вы увидите нечто действительно классное.
Технология
Как правило, технические иллюстрации и визуализацию данных выполняли с помощью бумаги, ручек, карандашей, циркулей и линеек. Но теперь возможно всё - вы можете использовать как аналоговые, так и цифровые методы. С момента массового распространения интернета, данные (текстовые, числовые, символьные) получили широкое распространение и стали современной золотой валютой. Любой, у кого есть программное обеспечение или кто знает язык программирования, может легко научиться визуализировать данные. И сегодня подготовить технические иллюстрации стало намного проще, чем в предыдущие годы. Но это не всегда означает, что то, что делается сегодня, лучше того, что делалось раньше.
Что делает визуализацию информации и данных хорошей
- Это должно быть эстетично, интересно и привлекать внимание.
- Это должно быть что-то ценное, что стоит усилий по прочтению и усвоению.
- Это должно быть просто для понимания и логично.
- Чтобы эффективно доносить идеи, эстетическая форма и функциональность должны идти рука об руку.
- Это должно быть разборчивым и содержать хорошо понятные оси и метки.
- Это должно объяснять и представлять информацию и данные в более интересной форме, чем если бы они были представлены в виде таблицы.
- Это должно объяснять или расшифровывать то, что написано в окружающем тексте, и оживлять его необычным и полезным образом.
- Это должно легко сравниваться с другими данными.
Важность знания разной аудитории
Существует ряд общих типов аудитории:
- Эксперты,
- Со средней подготовкой,
- Новички,
- Представители общественности,
- Дети,
- Подростки,
- Люди среднего возраста,
- Пожилые,
- С предварительным знанием,
- Без предварительного знания,
- Люди с ограниченными возможностями (по зрению, по слуху, по мобильности).
Сара Дхолакия в своей статье "Руководство по правильной визуализации данных" указывает на следующие моменты:
- Осведомленность аудитории с предметом, который иллюстрируют ваши данные;
- Какой контекст у них уже есть по сравнению с тем, что вы должны предоставить;
- Их знакомство с различными методами визуализации данных.
Просто посмотрите на то, что нам чаще всего преподносят.
Итак, давайте рассмотрим несколько интересных примеров, которые вы можете понять и начать использовать уже сегодня. Они придадут вашей работе и контенту действительно крутой вид, помогут им выделиться и лучше взаимодействовать с аудиторией.
3D блок-схема
Это отличный способ показать взаимосвязи между элементами и различными компонентами, а 3D-стиль придаёт диаграмме дополнительную привлекательность.
Карточная диаграмма
Это эффективный способ выделить и отобразить информацию или данные по отношению к окружающим их данным и информации.
Пирамидальный график
Он отлично подходит для отображения двух категорий информации и их сравнения по горизонтали. Это альтернатива обычным горизонтальным или вертикальным гистограммам.
3D варианты часто используемых графиков
Это отличный способ оживить слишком часто используемые 2D круговые и линейные диаграммы. 3D варианты обычных диаграмм дают ощущение качества и глубины, при этом значительно улучшая представление данных по сравнению с 2D-версиями.
Технологическая диаграмма Сэнкей
Эта диаграмма - хороший способ показать развитие и путь информации и данных, а также то, как они связаны между собой в зависимости от их ценности. Её нечасто можно увидеть, но она действительно классная.
Потоковый график
Потоковый график - отличный способ показать данные и то, как они соотносятся с другими данными. Это гораздо интереснее, чем просто использовать линии, как это обычно делается.
3D карта
Это отличный способ показать карту в другой, более интересной форме, чем обычная 2D-версия. Такой способ визуализации придаёт карте ощущение окружения, глубины и атмосферы.
Древовидная карта
Это прекрасный способ наглядно показать данные и то, как их значения соотносятся по размеру.
Водопадная диаграмма
Водопадная диаграмма помогает наглядно показать данные и их вертикальную взаимосвязь с диапазоном значений.
Пончиковая диаграмма
Пончиковая диаграмма показывает данные в сравнении с другими сегментами данных, а также в виде значений в диапазоне данных.
Чупачупсовая диаграмма
Чупачупсовая диаграмма отлично подходит для демонстрации процентных значений в горизонтальной плоскости. Она также хорошо сочетается с метками и значениями данных.
Пузырьковая диаграмма
Это эффективный способ проиллюстрировать значения данных с точки зрения размера и классификации по отношению к окружающим данным.
Как начать делать технические иллюстрации и визуализацию данных
Для этого существует множество инструментов, в том числе специализированное программное обеспечение, такое как Flourish, Tableau и Klipfolio; знакомые уже всем инструменты, например, Microsoft Word, Excel или PowerPoint (с возможностью перерисовки в таких программах, как Adobe Illustrator, Affinity Designer или CorelDRAW); а также языки программирования, такие как D3, Three.js, P5.js, WebGL или Web Audio API, и многое другое.
Но есть один важный ингредиент, который вам всегда будет нужен, - это ум и воображение для создания технических иллюстраций и визуализации данных.