Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
Эти визуализации недавно вызвали бурную дискуссию в Twitter, а Энди Кёрк (Andy Kirk) опубликовал отличную заметку по этому поводу. В данной заметке, будем иметь под «отрицательным пространством» закрашенную зону, которая соответствует отрицательным, или негативным по смыслу значениям.
Энди полагает, что если первый график правильный, то нет никаких оснований считать, что второй – неправильный. Автор же данной статьи, Альберто Каиро (Alberto Cairo), с этим мнением не согласен. Альберто считает, что с первым изображением всё в порядке, в то время как второе является неверным, как минимум, на так называемой «pre-attentive» стадии* (то есть на стадии, когда происходит процесс поверхностного восприятия при ознакомлении с объектом; на стадии, предшествующей внимательному изучению). Автор объясняет это ошибками в следующих параметрах: основная линия, сетка, «отрицательное» пространство (зона, лежащая в области отрицательных значений) и взаимодействие заднего и переднего планов.
В первом случае отчётливо показана основная линия в верхней части изображения. Предполагается, что другие элементы как бы «свисают» или даже «стекают» с неё. Благодаря этому, метафора ясна (Энди Кёрк также признаёт это). Если мы посмотрим на второе изображение, взгляд сразу приковывает центральная линия, потому что она заметно выделяется из-за белого контура. Эта линия выглядит скорее как основание, на котором располагается всё остальное. Кроме того, чёрная кривая выделена настолько ярко, что создаётся впечатление, как будто белая область отделена от фона. Это напоминает заснеженные горные вершины на фоне кроваво-красного неба.
Можно даже упомянуть заголовок статьи, проилюстрированной вторым графиком. В заголовке использован глагол «повышаться». Но ведь на графике не отражено «повышение», а скорее наоборот «падение». Это ещё больше усугубляет суть визуализации.
И ещё пара слов об этом параграфе из поста Энди Кёрка:
«Любая реакция имеет право на существование. Независимо от того, пытаются ли вам доказать, что это лучшая или худшая визуализация из всех когда-либо созданных, всё равно только вы решаете, как интерпретировать для себя и как ответить на такое заявление. Я, кстати, сейчас не пытаюсь себя оправдывать, я просто говорю, что у каждого из нас есть своё собственное мнение, основанное на самых разнообразных факторах: наш опыт, знание и заинтересованность в предмете, вкус и графическая грамотность», – полагает Энди Кёрк.
Альберто Каиро одновременно и согласен, и несогласен с этим мнением. Он в свою очередь полагает, что независимо от того, насколько хорошо или плохо вы разбираетесь в предмете, второй график заставляет большинство читателей приложить усилия, чтобы разобраться в сути истории. Это имеет мало общего с «графической грамотностью», а скорее связано с тем, как мало некоторые знают о зрительном восприятии и работе человеческого мозга. Как точно заметил Хорхе Камоэнс (Jorge Camões): «В сфере визуализации данных когнитивные задачи должны дополнять, а не противоречить задачам зрительного восприятия».
*UPDATE 1: Стив Хэрод (Steve Harod) написал по этому поводу: «Интересная заметка, но я бы избегал всего, что касается “pre-attentive”. Это сложно объясняемо, и лучше даже не вникать в первопричины».
UPDATE 2: Роб Симмон (Rob Simmon) поделился полезным видео-сюжетом (автор видео: Andy Cotgreave). Это стоит вашего внимания.
UPDATE 3: PZ Myers тоже считает неудачной вторую визуализацию (авторства агентства Reuters).
Оригинал заметки: In visualization, baselines and negative space matter
Проанализировав накопленный за годы работы в сфере инфорграфики опыт, мы решили сформулировать ее отличительные черты и дать ей определение. Петр Пархоменко в одной из дискуссий на портале re:vision сформулировал определение инфографики следующим образом: «По мне инфографикой является визуализация информации в целях последующего анализа, выявление взаимосвязей и представления корреляции между несколькими массивами данных в удобной форме, позволяющей наблюдателю быстро разобраться в представленной информации.»
Случайно наткнувшись на это определение, мы всей командой зааплодировали, согласились с ним и договорились считать его четко сформулированным и верным. Но через какое-то время стало понятно, что и это, как нам показалось вначале, емкое определение работает не всегда. Оно практически неприменимо для работ, объясняющих строение чего-либо или последовательности. То есть, для данных, не связанных с массивами цифр, например.
Мы продолжили анализ собственных работ, задавали вопросы, общались с коллегами. Рассматривали в том числе и вариант, что инфографики как таковой вообще не существует, это очередное модное «маркетинговое» слово, без реальной поддержки в жизни, «пузырь». Однако мы пришли к выводу, что и такой нигилизм не является корректным. Текущий объем размышлений склоняет нас к очень простому определению данного феномена:
инфографика — это изображение, передающее смысл, данные, информацию с помощью графики, не текста.
Таким образом, определить, является ли рассматриваемая работа инфографикой или нет, достаточно просто: убираем из нее весь текст/цифры и смотрим, передает ли нам оставшееся изображение какой-то смысл, или оно является чисто декоративным элементом? Если передает — вы имеете дело с примером инфографики. Если же перед вами остались бессмысленные изображения — перед вами обычный дизайн, иллюстрация.
Приведем несколько примеров.
Вот первое изображение.
Иконки есть, цифры присутствуют, информация имеется. Является ли данная работа инфографикой? Давайте смотреть.
Убираем все тексты, кроме заголовков, и получаем следующее изображение.
Что осталось? «День с водой»: зонтик, машина, бокал, моют руки под краном, видео кассета, опять кран, … Есть ли в этом наборе какой-то смысл, какое-то знание, которые мы можем почерпнуть? На наш взгляд — нет. Мы такую работу инфографикой не назовем.
Посмотрим еще пример, другой.
Насыщенная работа, рассказывающая про «Водный мир». Много цифр, много графики, появляются стрелочки… Давайте проведем с ней такой же эксперимент. Убираем текстовую часть, оставляем только заголовки, и смотрим.
Из оставшейся на листе графики нам более или менее понятен только график из капель воды: в 80м году было максимальное количество воды, в 05м — меньше всего. Хотя из-за странного заголовка этого графика все равно не понятно — что воды? Потребляли? Загрязняли? Теряли? Сохраняли? Остальная графика информации нам никакой не передает.
Еще один пример:
Любимых всеми цифр почти нет, но есть достаточно большие блоки текста и стрелки. Инфографика ли это?
Ну что же, тексты убрали, давайте смотреть. Сверху, там где пайчарты: вполне понятно, что поверхностные пресные воды составляют микроскопическую долю от всего объема воды. Основная часть: последовательность этапов ясна, что происходит на каждом этапе тоже понятно. Дополнительные тексты, которые мы убрали, несли в себе уточнения и разъяснения, основная логика событий показана графически. Эту работу мы с полным правом называем инфографикой.
Ну и еще один пример напоследок.
На первый взгляд данная работа схожа с первой работой, которую мы привели в пример. Давайте проверим, так ли это.
Во-первых, четко понятно, что именно означает каждая иконка. Во-вторых, понятно, что это про количество виртуальной воды в продуктах. В-третьих, есть возможность сравнить продукты между собой по количеству этой самой виртуальной воды. Вернув тексты, мы сможем прочитать, что именно авторы назвали «виртуальной водой». Но и без текстов мы можем произвести сравнение разных продуктов между собой по заданному критерию. Данная работа тоже является инфографикой.
Холивары можно продолжить в комментах.
Некоторое время назад небезысвестный ресурс InformationisBeautiful.net объявил открытый конкурс идей как визуализировать статистику об исчезающих постепенно ресурсах земли.
Среди прочих был представлен этот скетч. Автор Will Stahl-Timmins.
Вы уже начинаете догадываться что это? Это периодическая таблица Менделеева, в которую добавили третье измерение — шкалу лет, на которые еще хватит этого ресурса на планете.
Я лично считаю эту идею гениальной. Прежде всего потому, что таблица Менделеева всегда считалась неповторимым шедевром сама по себе и трогать ее мне бы даже не пришло в голову. Искренне поздравляю автора с его свободой мышления и возможностью выйти за рамки привычного. Ведь действительно, в классификации элементов была использована только одна плоскость и существует возможность добавлять еще и высоту каждой ячейки, получая тем трехмерную столбиковую диаграмму в изометрии.
Финальный дизайн выглядит вот так (можно конечно сказать что читаемость кое-где страдает, но явно полезность такой визуализации превышает ее погрешности).
Больше идей и набросков визуализаций, участвовавших в конкурсе вы можете посмотреть тут. Продолжить чтение →
Для всех, кому не безразличен информационный дизайн, мы подготовили календарь конференций и мастер-классов на эту тему по всему миру. Не все же время коммерческими проектами заниматься.
Задумка родилась давно, еще в 2011 году, но, пока мы находились в творческом процессе, неожиданно наступил 2012-й. И многие конференции уже анонсировали даты на год грядущий. В итоге получилось целых два календаря: за год прошедший, для истории, и на год предстоящий – для планирования своих путешествий.
Ноябрь, декабрь и январь, похоже, являются месяцами инфографического затишья. Тогда как в остальные месяцы проходит от одного до четырех различных мероприятий. В 2012 году самыми активными выглядят февраль, март и июнь.
Самые активные регионы – Европа и США.
Бронируйте билеты, учитесь и общайтесь! А мы уходим доделывать интерактивную версию этой карты – в дополнение к статичной, которой вы уже можете пользоваться.
Можно скачать календарь в PDF — в нем уже вставлены ссылки, кликая на названия конфренций вы перейдете на сайт организаторов. Карту-календарь мы будем обновлять и следить за всеми изменениями. Если вы знаете о каком-то интересном мероприятии, пишите нам и мы с удовольствием дополним.
А ниже – для любопытных, о процессе создания карты. Мы искали разные способы расположить события – в соответствии с временной линией и в соответствии с местом на карте. Продолжить чтение →
Инфографика стала на слуху у всех. Уже даже кое-где слышно, как говорят «мне нужно нарисовать в стиле инфографики». Но, с другой стороны, инфографика — не панацея, лекарство не для любой задачи. А теперь вопрос: что вы думаете о содержании этого изображения? Выскажитесь, пожалуйста 🙂
..и ещё одна, для поддержания темы. Продолжить чтение →
На этой неделе мое внимание обратили на себя 2 появившиеся работы с совершенно одинаковой задумкой — показать укрупнение игроков на рынке.
Дерево, наложенное на временную шкалу:
В обоих случая не хватает оборота компаний, для понимания масштабов. И пока я писала эту фразу, мой мозг услужливо подсказал еще одну работу — как укрупнялись креативные агентства. Здесь объемы были инкорпорированы для конечных точек. Продолжить чтение →
В этой работе очень четко подмечено, какие инфографические работы встерчаются в мире чаще всего. Восемь видов, с которыми я полностью соглашаюсь и в подтверждение привожу ссылки — да мы, тоже об этом писали, мы тоже в тренде.
Вот она статистика. Остальное — выбросы.
Спасибо юзеру Theonlyone и Flickr
Да, резюме инфографическое уже есть, теперь есть и портфолио, созданное по тем же принципам Visualizing Works 2002-2011 по ссылке www.hyemisong.com. Дизайнер Hyemi Song.
Работы можно отсортировать по годам или категориям:
Грузится правда сайт очень долго, но давайте ему это простим.
Спасибо Леше Новичкову за найденный материал
Одна из моих любимых работ, по которой проще всего объяснять роль инфографики — визуализация разницы между видами кофе. Ей был посвящен робкий пост 2009 года и похоже, что настала пора его обновить и дополнить. Ниже — расширенная версия ранней картинки (правда качество невысокое) и ряд альтернатив по теме.
Вид сверху:
Вид сбоку — считаю эту реинкарнацию самой прекрасной:
И прочий креатив по теме: Продолжить чтение →