января 2012 ~ #Инфографика в примерах

понедельник, 30 января 2012 г.

Виды инфографики: Периодические таблицы

11:55 1

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

Грамотно "упакованные" таблицы являются отличным примером визуализации, который знают все. Классический пример периодической таблицы - это таблица химических элементов, разработанная Д.И.Менделеевым.

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

Например, Периодическая таблица методов визуализации
(подробно разобрать её вы можете здесь)

Периодическая таблица методов визуализации

Вариации на тему химии - Периодическая таблица, скоррелированная с молярным объемом элементов

Периодическая таблица факторов SEO ранжирования

Периодическая таблица джойстиков

Периодическая таблица рунета (неполная конечно и весьма субъективная)

Модернизированная периодическая таблица химических элементов (кликабельно)

Забавная и, как ни странно, бизнес-инфографика на основе всё той же ПТХЭ Д.И. Менделеева

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

Периодическая таблица цифровой индустрии

Периодическая таблица видов пива

Периодическая таблица визиток

Периодическая таблица операторов языка Perl

Устали?) Ещё немного))

Периодическая таблица суперсилы (силы супергероев)

Периодическая таблица элементов Skype

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

Это блог Инфографика в примерах, Вы ещё не подписаны?

пятница, 27 января 2012 г.

Манипуляции данными в круговых диаграммах

11:39 1

"Теперь в 3D" достаточно популярная фраза в последнее время, не так ли?

Мы с смотрим фильмы в 3D, строим гиперповерхности в разных программах, делаем двумерные картинки с эффектом полноценного пространства. Все рады - всё прекрасно.

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

Не поймите меня неправильно: 3D визуализации имеет преимущество перед 2D, а если внесен интерактив, то это вообще прекрасно. Но в первую очередь, это хорошо для для данных, которые имеют третью пространственную составляющую. Для данных, которые не имеют этой характеристики добавление третьего измерения часто вредит коммуникации.

Пример, который хотелось бы разобрать будет продемонстрирован на круговых диаграммах (pie charts)
Основной интерпретации данных в круговой диаграмме является сектор - угол со скругленным краем.
В 2D круговой диаграмме, углы точно представлены, но, как вы можете видеть на изображении ниже, в 3D круговой диаграмме, углы должны быть искажены для создания 3D-эффекта. Наш мозг не умеет точно интерпретировать 3D представление, поэтому кореектность данных была уничтожена 3D эффектом.

angle - угол, data - данные

Угол не единственный способ искажения. Район также даёт разную интерпретацию.К сожалению (всеми менеджерами очень любимая) 3D круговая диаграмма также искажает реальные данные.

видимая область двумерной диаграммы видимая область трехмерной диаграммы

Круговые диаграммы не единственный пример искажения данных, это может быть и с распространёнными инфокартами

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

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

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

Это блог Инфографика в примерах
Подписывайтесь на канал, читайте в тви, жмите лайки.

понедельник, 16 января 2012 г.

Бизнес-инфографика Лаборатории Касперского

12:00 1

Здравствуйте, читатели блога "Инфографика в примерах". Сегодня публикую ещё несколько примеров бизнес-инфографики на русском языке. Это схемы для Лаборатории Касперского.
Главная черта этих работ (как и инфографики для "большой 3-ки") - это определенная статистика или карта помощи в той или иной ситуации, в которой может помочь какой-либо бренд. Никакой навязчивой рекламы. Эта инфографика создана для потенциальных потребителей, направлена на узнаваемость бренда и распространения в социальных сетях.
(В дополнение рекомендую книгу Алекса Левитаса - "Больше денег от вашего бизнеса")

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

среда, 11 января 2012 г.

40 полезных и креативных примеров инфографики

13:19 1

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