Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
Агентство ТАСС недавно получило две награды — золото за «Когда пришел Наполеон» на Kantar Information is beautiful awards и бронзу за «Космонавты» на Malofiej Awards 26. Мы решили вспомнить прошлый, тоже призовой Malofiej Awards 25, и показать вам две истории ТАСС, две постройки — Зенит-Арена и Останкинская телебашня. Обратите внимание, на разницу подачи иформации в этих двух историях.
Это интерактивный сайт, который здорово рассказывает историю. Факты подаются с иллюстрациями и ориентирами для оценки — например, площадь крыши в три раза больше площади Московской Красной площади.
Здорово продумана подача временной информации — ее нужно скролить или последовательно листать, — в каждый момент на экране такое количество информации, которое легко усвоить. Рекомендуем обратить внимание и использовать в презентациях.
Отметим внимание к подбору информации. Факты даны в контексте — размеры соотнесены с другими понятными для людей местами, расположение показано с учетом транспортной инфраструктуры, есть сравнение по стоимости и продолжительности строительства с другими дорогими стадионами мира. Помимо этого, приведены интересные факты — варианты названия, несостоявшийся концерт группы Metallica, первый неофициальный матч между коммандами подрядчика и субподрядчика, скандалы при стоительстве, сроки сдачи и планы на будущее. В итоге, мы получаем исчепывающую информацию о прошлом, настоящем и будущем постройки. И сам контент можно охарактеризовать англиским словом «insightful» — нам хорошо объяснили, мы все поняли и сделали свои выводы.
У этого проекта другая задача — это юбилейный сайт, к пятиделятилетию башни. Есть ощущение, что ты гуляешь по музею и тебе рассказывают о достижениях советской науки. С точки срения подбора информации тут больше иллюстративного материала, чем «инсайтного (insightful)» — длинные тексты, видео панорамы, фотографии прошлых лет, хотя и факты тоже есть. С точки зрения подачи, плотность информации на слайд выше — это скорее энциклопедия, чем презентация.
Личные впечатления от прошедшей конференции Malofiej24, наиболее значимые или полезные моменты и все материалы, которые удалось собрать (день 2, часть 3).
Следующий спикер – Lauren James из National Geographics. В качестве обзора выступления выбираю цитату “Работа картографа – постоянный баланс между наукой и искусством”. Уровень работ в NG достигается постоянной упорной совместной работой редактора по картам, фоторедактора, текстового редактора и дизайнера. Основные составляющие: шрифт, выбор проекции, много итераций и редактура.
Секрет карт NG – 80-летний шрифт. На картинке — карта 1933 года. С тех пор шрифт практически не поменялся.
Интересные цитаты:
Мы в NG верим, что с помощью науки, исследований и повествования мы можем менять мир
Заключительную часть второго дня начала Diana Yoo из Pew Research Center. Ее выступление было посвящено тому, что не стоит бояться больших исследований – большие и значимые выводы можно показывать понятно и наглядно.
Интересные цитаты:
Простота – не всегда хорошо. Сложность – не всегда плохо. Инфографика – поиск баланса
Каждый имеет право на собственное мнение, но не на собственные факты
Личные впечатления от прошедшей конференции Malofiej24, наиболее значимые или полезные моменты и все материалы, которые удалось собрать. День второй, часть вторая.
Лучше всего Lena Groeger из ProPublica охарактеризовала свое выступление сама. Цитирую ее анонс в твиттере: “Через 10 минут я буду говорить о слепых пятнах нашего мозга и о том, что графика может с этим делать”.
Лена упомянула статью в The New Yorker, где описывается влияние пяти наших чувств друг на друга: чипсы, которые хрустят громче, воспринимаются нами как более свежие. С визуализациями так же: другой график, и сразу сдвиг смысла.
Правый график переводится мозгом как “чем человек более “мужик”, тем он выше ростом».
Полную презентацию можно посмотреть тут.
Комментарий к седьмому слайду (про очередь). В одном аэропорту люди выходили из самолета, шли одну минуту и потом семь минут ждали багаж. Было много возмущения и претензий. Менеджмент изменил маршрут. Теперь люди шли от самолета семь минут и ждали багаж одну минуту. Аэропорт стал примером для подражания по скорости выдачи багажа.
А вот еще шикарный проект, объясняющий, что минимальные изменения на уровне персоны приводят к глобальным изменениям на уровне общества. Очень рекомендую прочитать внимательно, разобраться и поиграть с предложенными моделями.
Основной вывод – аккуратнее с используемыми вами визуализациями. Проверяйте на наличие неумышленного или тем более умышленного фактора лжи. Смотрите на свою работу глазами зрителя, который ничего не знает о том, что именно вы хотели сказать. Не вводите в заблуждение.
Заключительное выступление конференции. Brian Boyer из NPR (National Public Radio). Очень колоритный дядька из классических байкеров: косуха, пивной живот, борода, мощный голос, регулярный мат. По его собственному определению, несчастный программист, который загуглил “журнализм”. По моей оценке, одно из самых ярких выступлений конференции.
Интересные цитаты:
Cила радио в том, чтобы услышать историю из чьих-то уст. Это не то же самое, что прочитать цитату.
Наше влияние – эмпатия. Наша миссия – заставить людей принимать близко к сердцу.
Фотография может внезапно заставить тебя обратить внимание. Это такие машины по созданию эмпатии.
Награды показывают, впечатлили ли вы своих коллег. Я люблю своих коллег, но они не моя аудитория.
Наша новая дверь заставляет очень умных людей каждый день чувствовать себя идиотами.
В тему плохих дверей – видео:
И если вдруг вы еще не читали книгу Дональда Нормана “Дизайн промышленных товаров” – читать срочно!
И еще цитаты:
Список самых читаемых материалов никогда не бывает полон самыми влиятельными материалами. Это не наша вина, просто критерий оценки выбран не верно.
Размещение просьбы о пожертвовании после того, как вы получили положительный ответ на вопрос, понравилась ли вам история, поднял конверсию в 10 раз.
Слайды:
Заставляют ли визуальные истории людей задуматься?
Продолжение следует!
Автор: Максим Горбачевский
На прошлой неделе завершился вот уже 23 по счету конкурс инфографики Малофей. В этом на конкус году было подано 1.266 работ от 150 изданий из 32 стран. Жюри присудило 17 золотых медалей, 41 серебрянных и 73 бронзовых.
Best of show/Peter Sullivan Award в категории в категории «Печать» получили Times of Oman c интерактивным футбольным мячом On the ball. В категории «On-line» эту награду получили The New York Times (USA) с ‘Areas Under ISIS Control’.
Вторую премиальную награду Miguel Urabayen Award получили National Geographic (USA) с «California Water Shortage» в категории «Печать» и The New York Times (USA) за «The Most Detailed Maps You’ll See From the Midterm Elections» в категории «On-line»
Золотые медали получили National Geographic (7), The New York Times (5), South China Morning Post (3), Times of Oman (2).
Россия увезла с Малофея 2 бронзовые медали. Одну получил Город 812 за «Небесную линию» в категории «Печать», вторую — РИА Новости за «Винтовка Мосина: легенда русского оружейного дела» в категории «On-line»
Полный список победителей можно посмотреть вот здесь. А теперь — к картинкам.
На днях завершился 22й конкурс инфографики Malofiej. На конкурс было подано более 1200 работ из 34 стран. Было присуждено 17 золотых премий, 50 серебряных и 90 бронзовых, в множестве различных категорий. Полная информация доступна в официальном пресс релизе. Вот уже который год безоговорочным лидером является The New York Times — в этом году они увезли с собой целых 39 наград, а также 2 приза Best Of Show. Сегодня мы покажем вам работы, которые завоевали медали в категориях «print» (печатная графика). Золотые медали завоевали:
Также несколько наград уезжает и в Россию — 4 (2 серебра и две бронзы) в фантомный РИА Новости (уже расформированный), а также 1 серебро в Деловой Петербург. Не все решения жюри были однозначно восприняты аудиторией. После официального представления результатов голосования, аудитория достаточно недоумённо вопрошала о критериях, по которым осуществлялось судейство. Поэтому без дополнительных комментариев, покажем вам много красивых и насыщенных визуальной журналистикой страниц из изданий со всего мира.
State Gun Laws Enacted in Year Since Newtown | The New York Times | Золотая медаль и награда Peter Sullivan Award / Best of Show Printed
City of anarchy | South China Morning Post | Золотая медаль
Drilling the Prairie | National Geographic Magazine | Серебро и награда Miguel Urabayen Award / Best Map Printed
A History of Skis | National Geographic Magazine | Серебро
Вторая сцена Мариинки | Деловой Петербург | Серебро
Sochi 2014 – Skeleton | Moscow News | Серебро
Ура! 2013 почти на исходе — самое время приступить к подведению итогов. В этом посте мы собрали лучшие визуализации 2013 года. В нашем списке вы встретите победителей самого важного конкурса в мире визуализации — Information Is Beautiful Awards (IIBA), награды в области журналистик данных Data Journalism Awards (DJA), мирового саммита по инфографике Malofej21 и голландского конкурса Infographics jaarprijs 2013.
10. Атлас литературного наследия Канта
Автор: Валерио Пеллигрини
Награда: Индивидуальная награда на IIBA
Этот стримграф представляет эволюцию лексикона философских публикаций Канта, сотня особенно важных слов его литературного языка подверглась анализу. Толщина получившихся в результате потоков указывает на частоту использования каждого термина, по ним можно отслеживать рождение новых слов и вымирание старых.
9. Смертность в результате применения огнестрельного оружия в США
Авторы: Periscopic
Награда: Бронза IIBA в номинации “Интерактив”
Почти 500 000 украденых лет зафиксированы агентством Periscopic в интерактивной визуализации смертей в результате применения огнестрельного оружия. Статистика 2010 года опирается на данные Федерального Бюро Расследований, цифры по 2013 году обновляются в режиме реального времени на основе появляющейся в сети информации о новых преступлениях. Продолжить чтение →
Награда Малофей, известная по сути как Пулитцеровская премия в мире инфографики, оценивает лучшие инфографические работы изданные по всему миру в печатном и цифровом видах. В прошлом году более полутора тысяч работ соревновались за престижную награду.
Заметными достижениями премии стали работы журнала National Geographic (приз за лучшую печатную карту и две золотые награды) и Internet Group do Brasil iG (золото). Однако, как и в предыдущие годы, New York Times и его графическое портфолио стали фаворитами премии: издание заработало шесть золотых медалей (четыре печатных работы и две онлайн), приз за лучшую онлайн-карту и обе награды «Лучшие из лучших» за печатные и цифровые работы.
Так в чем же заключается секрет продолжительного успеха New York Times? В этой статье мы собрали 10 ключевых характеристик, которые, если объединить в единый процесс создания графики, позволяют чётко выделять их работу от массы работ других издательств и дизайнеров.
1. Ясность замысла и контекста
Определение цели инфографики или визуализации — это первый вопрос, который стоит принять к рассмотрению, прежде чем начать какой бы то ни было творческий процесс. Состоит ли эта цель в том, чтобы предоставить зрителю возможность взаимодействия с данными и, благодаря им, делать личные открытия? Должна ли графика передать сюжет или отразить определенное редакционное видение вопроса? Будет ли она статической, интерактивной или даже видео-визуализацией? Способность на начальной стадии процесса принимать подобные ключевые решения, основанные на ясности идеи, отличает New York Times от других изданий.
2. Уважение к читателю
Наиважнейшая цель визуализации, или инфографики, должна состоять в том, чтобы сделать ее предмет понятным. Но скорее посредством обеспечения ясности, чем достижения простоты. Мы [NYT] не стремимся разбавить сложность предмета, но лишь хотим сделать его более удобоваримым с помощью изящного представления. Непосредственность интерпретации не всегда является обязательным показателем любого визуального дизайна, поскольку отдельные темы действительно требуют некоторого времени для понимания. Но это не проблема, так как усилие, приложенное читателем, в конце концов, вознаграждается способностью вникнуть в суть вопроса. New York Times надеется, что их читатель обладает терпением, зрелостью и способностью высоко оценить возможность исследовать и получать новые знания благодаря графике. И этот факт, в свою очередь, улучшает качество проектных решений издания.
3. Редакционная интеграция
Работа графических редакторов New York Times прочно вплетена в редакционный ритм печатных журналистов. Хотя обычно графика рассматривается как дополнение к печатной новости, как ее визуальное сопровождение, порой ее значение возрастает настолько, чтобы стать центральным артефактом сюжета.
4. Ясность вопросов
Благодаря сильной журналистской культуре графических дизайнеров, вопросы, на которые отвечает каждая визуальная история, и сюжеты, которые она стремится оживить, становятся исключительно ясными и простыми для понимания. В результате, все визуальные образы: будь то иллюстрация, набор элементов визуализации или фото-композиция – идеально соответствуют друг другу и отвечают на поставленные вопросы.
5. Исследование данных и подготовка
Одним из наиболее важных сообщений, которые были озвучены докладчиками New York Times на Малофее, – стало сообщение об объеме подготовки и исследований, которые неизбежно входят в процесс создания графики. Идет ли речь о долгосрочной разработке программных библиотек, которые будут, в конечном счете, служить основанием для последующих картографических проектов, или о тесном взаимодействии с другими отделами с целью получить доступ к богатым и глубоким источникам данных – строгость работы редакции очевидна всем.
6. Визуальная сдержанность
Для всех работ New York Times характерна последовательная и легко опознаваемая визуальная индивидуальность, которая тщательно отрабатывалась в течение многих лет и которая является причиной настоящей графической элегантности их портфолио. В частности, неизменно узнаваемы цвета, которые используются очень умеренно, в едва уловимых оттенках, только чтобы выделить, придать большее значение или зашифровать данные без какого-либо намерения излишне декорировать графику. Однако их работы некоторым могут показаться слишком сдержанными – и это лишь еще раз доказывает убежденность издания в том, что нет необходимости открыто привлекать внимание читателей типичным для других изданий образом.
7. Макет и верстка
Попытки редакторов заполучить пространство для публикации на лучших, посвящённых рубрике «недвижимость», страницах такой газеты, как New York Times, сродни попыткам приобрести землю на Красной площади. Однако, вопросу о позициях и размерах, в которых графика появляется в печатной версии, редакция придает особое значение. И неважно, полноценные ли это колонки, разворот на две страницы или драматические диагонали – Times делает все возможное, чтобы каждая графика заняла достойную позицию, позволяющую улучшить взаимосвязь между изображением и статьей.
8. Разнообразие техник
Хотя вполне очевидна, и успешно используется последовательная формула подготовки, и строгий подход редакции, и визуальная индивидуальность каждой графической работы New York Times – всё равно, разнообразие техник в портфолио свидетельствует о безграничной гибкости и разносторонности. В их визуализациях крайне редко встречается повторение одних и тех же приемов. Каждая графика тщательно проработана и предназначена специально для того, чтобы ответить на ключевые вопросы или передать важные сюжеты, которые желает осветить издание.
9. Техническое исполнение
В трехмерной иллюстрации, пузырьковой диаграмме или в интерактивной карте команда графических дизайнеров New York Times всегда демонстрирует выдающиеся технические способности и безупречное качество владения матчастью.
10. Аннотации
Аманда Кокс, графический редактор New York Times, полагает, что качественные аннотации для их график – это «самая важная вещь, которую мы делаем». Посредством внимательного использования меток, вводных частей, поясняющих текстов и заголовков, дизайнеры New York Times берут на себя обязанность: помочь читателю в понимании контекста графики и интерпретации ее ключевых сообщений.
Множество примеров графических работ New York Times, созданных в течение многих лет, можно увидеть на следующих сайтах:
Автор статьи, Энди Кирк – консультант, дизайнер и преподаватель визуализации данных. Был судьей и докладчиком на Малофее 20. В настоящее время Энди читает однодневный учебный курс «Введение в визуализацию данных» в Европе и Северной Америке, предоставляя слушателям вдохновляющий и образовательный маршрут в этот, ставший как никогда популярным, предмет.