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

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

Использование флагов в качестве инфографики 
Постеры, следующие далее, были специально разработаны для политического журнала “Grande Reportagem”. Основная идея такой визуализации это превращение флагов разных стран в инфографику при помощи добавления легенды. Например: Соединенные Штаты Америки. Здесь красный цвет обозначает тех, кто за войну в Ираке. Белый: тех, кто против. Синий: тех, кто не знает, где находится Ирак.

Журнал «Independent»: Инфографика 
Средний Восток: кто за немедленное прекращение военных действий? Этот пример инфографики был опубликован на обложке журнала “Independent” во время кризиса на Среднем Востоке в Июле 2007 года.

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

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

Корпоративные связи: 
Чрезвычайно компактный и полезный источник информации.

DIZZIA, Gregory M. 
Это документированная версия всех личных отношений, которые когда-либо имел Грегори Диззиа (Gregory Dizzia). Данные охватывают 23 года.

Инфографика компании Amadana 
Amadana — это японская компании, объясняющая, почему их продукцию нельзя использовать в качестве козла отпущения или аквариума. В первом ряду примером является тостер, во втором и третьем очиститель воздуха, а в последнем электроплитка.

Руководство по технике безопасности для игровой консоли Wii.  
Это руководство по технике безопасности во многом свидетельствует об общей ненормальности японцев. [информация взята с ресурса Gizmodo]

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

Критическая точка Apple: компьютеры Макинтош в массы 
Очень спокойные, мягкие и привлекательные цвета соседствуют с четко представленным контекстом. Дизайн выполнен Полом Никсоном (Paul Nixon).

Схема разделения компании AT&T/Bell System: до и после 
Питер Росс (Peter Ross). 1985 г.

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

Путешествие во Вселенную (1985 г.)  
Информационный проект, 1985 г.

Megan Jaegerman 
Обзор работ Меган Джэгерман (Megan Jaegerman), выполненный Эдвардом Тафте (Edward Tufte). Обратите внимание на то, насколько понятна, и удобночитаема инфографика.

Инфографика Good Magazine  
В каждом из своих выпусков “Good magazine” предлагает хорошую, можно даже сказать отличную инфографику, относящуюся к разным аспектам нашей жизни. Некоторые прекрасные примеры можно посмотреть ниже.

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

Прожиточный минимум любителей гаджетов 
Цены и рынок бытовой электроники за последние 50 лет. Инфографика выполнена Арно Гелфи (Arno Ghelfi). В основу легла достаточно оригинальная концепция.

Год в Ираке 
Необычная форма визуализации данных, которая дает представление о типе и месте каждой из атак, в результате которых официально погибло 2,592 человека.

Кубизм и абстрактное искусство 
Понятно, информативно и изящно. Работу выполнил Альфред Барр (Alfred Barr), ее можно найти в книге Эдварда Тафте (Edward Tufte).

My Map 
Приложение для визуализации данных, при помощи которого можно отображать взаимоотношения между пользователем и различными людьми посредство анализа полей «От», «Кому» и «Копия» в каждом сообщении из архива электронной почты, состоящего из 60,000 сообщений. Степень взаимоотношений определяется при помощи цветовой насыщенности линии. “My Map” позволяет также исследовать различные группы относительно степени взаимоотношений и периодов времени, раскрывать временные изменения и тенденции в различных взаимоотношениях. Таким образом “My Map” становится достоверным автопортретом, визуальным отображением личных связей и отношений.

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

Создание карты блогосферы 
Вот так выглядит блогосфера…

Глобализация 
…а как насчет глобализации?

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

yHaus: BookScape, Query Bursts. Экспериментальные проекты от группы инновационных дизайнерских разработок Yahoo! Такие пакеты запросов (query bursts) отображают отдельные IP адреса, относительно которых идут самые популярные запросы поисковых систем. Каждая частица представляет собой запрос из какого-либо уникального места во всем мире. В свою очередь на “Bookscape” можно увидеть около 250 000 иллюстраций из разных детских книгs, собранных изначально для проекта “Open library”. В экспериментальном интерфейсе используется динамический ресемплинг данных изображения для того, чтобы расположить все рисунки в едином масштабируемом пространстве, с сортировкой по названию.

Полезные ссылки о инфографике:  
Инфографика — что это такое и с чем её едят? 
Инфографика от РИА Новости
Статистика Студии Артемия Лебедева
Сайт откроется...

И на десерт — замечательный клип от Royksopp:

Автор — Smashingmagazine



Комментарии