Тема: Примеры визуализации 7
Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
Мировой капитал и карта мира
Мы все привыкли к географической карте мира, которая отражает размеры и границы стран в соответствии с занимаемой территорией. А что если взглянуть на размеры стран с другой стороны? Bank of America Merrill Lynch опубликовал отчет, в котором многие инвестиционные темы представлены в виде карт.
На этой карте, например, размер страны соответствует размеру рыночной капитализации. Япония и Гонконг выглядят неожиданно внушительно, США — вполне естественно, а Россия — не больше Финляндии. Но особенно удивляет Китай. Такой небольшой размер Китая связан с тем, что данные MSCI, которые были использованы для анализа, не включают А-акции (акции, которые продаются только в юанях, и напрямую инвестировать в которые могут только граждане страны). Если бы они были включены, размер материкового Китая увеличился бы в 10 раз.
Источник — Marketwatch
Рисуем рекламные бюджеты
На днях вышел свежий номер печатной версии проекта AdIndex.ru, знакомящий читателей со структурой маркетинговых бюджетов крупнейших российских рекламодателей. Приятно, что нам удалось внести свой вклад в данный выпуск и подготовить информационный дизайн карты брендов, послуживший основой для наглядного представления активности компаний в различных медиа-сегментах.
О том, как создавалась концепция данной инфографики, мы расскажем подробнее на примере визуализации бюджета небезызвестной компании Johnson & Johnson.
Исходные данные по видам рекламы были представлены в виде агрегированной таблицы.
Данные из таблицы на первом этапе проектировок были отражены в разрезе доли от общего бюджета с одной стороны и выбранного типа рекламы (ТВ/пресса/радио/ООН) — с другой.
Следующий принципиально новый предложенный вариант вы можете видеть ниже. Его основные особенности:
- Отказ от двусторонней структуры картинки в пользу более привычного читающим слева направо людям изображения;
- Представление выделяемого на каждый вид рекламы бюджета в виде отдельных кругов;
- Отображение общего бюджета в виде единого круга с ведущими к брендам связями.
Nicholas Feltron
Легенда инфографики и дизайна годовых отчетов. Ежегодно Фелтрон выпускает неотразимый отчет о себе и своей активности за год. Он мониторит простые факты — количество времени проведенного в метро, телефонные звонки и прочие ежедневные активности. И в итоге создает отчет, которым любуются и ставят в пример тысячи.
Для начала самые последние новости о Фелтроне: у него есть свой сервис Daytum, помогающий собирать ежедневную статистику о себе. Недавно оно вышло и приложением для IPhone. И судя по слухам, Daytum был куплен Фейсбуком! Неплохая прибавка к доходам успешной дизайн студии.
Рассказ же о его отчетах (особенно о выпуске 2010), мы рекомендуем прочитать на странице в ЖЖ MNMLZM:
Американский дизайнер Николас Фелтрон выпустил свой очередной личный годовой отчет, созданием которых он увлекается на протяжении последних пяти лет. В течение года он фиксирует все, что с ним происходит в жизни (начиная с количества выпитых кружек кофе и заканчивая числом поездок на трамвае), систематизирует эти данные и оформляет в виде инфографики. Feltron Annual Report 2010 дизайнер посвятил своему отцу, изучив весь архив его личных документов о разных годах жизни (фотографии, слайды, дневники, календари, поздравительные открытки, личные и рекомендательные письма, школьные дневники и т.д.).
Общее количество собранных материалов, распределенное по годам жизни (6 877 документов), количество незапротоколированных лет (12), месяц, о котором осталось наиболее число документально зафиксированных материалов (июль – 526 записей), месяц, о котором сохранилось наименьшее число документов (ноябрь – 302 записи). Последний имеющийся документ – заключение врача, выданное в октябре 2010 года.
Вообщем отправляйтесь читать подробный рассказ в ЖЖ и идите на сайт самого Фелтрона www.feltron.com , а ниже — примеры из отчетов 2010, 2009, 2008 и 2007 (обложка, плюс одна внутренняя страница):
Visual.ly — ещё один инфоресурс, или новый лидер?
Пока мы тут с вами занимаемся рисованием инфографики — другие открывают всё новые и новые сайты, посвящённые инфографике. В одном только русскоязычном интернете, за последние полгода появилось десятка полтора сайтов, в режиме блога пере-публиковывающих различные работы. Началась, так сказать, гонка вооружений (читай — на скорость перепубликования, как раньше была гонка комментариев и «первонахов»).
На этом фоне чуть выделяется вчера открывшийся проект visual.ly.
Он достаточно долго уже будоражил мозг интернета, так как на YouTube был доступен их промо-ролик:
Визуальный гид по корпоративным инструментам web 2.0
Мы любим, когда инфографика несёт в себе смысл и информацию для осмысления, а не только красиво подаёт факты. Особенно корпоративная. А то, что я хочу показать сегодня, приятно ещё и с эстетической точки зрения.
По заказу испанского инвестиционного агентства DaD наш друг Пабло нарисовал радар-диаграмму, сравнивающую возможности 8 наиболее популярных Web 2.0 сайтов/инструментов, применяемых в коммуникации информации, в частности, корпоративной. Rss, Facebook, Twitter, LinkedIn, Flickr, YouTube, FourSquare, WordPress — разномастные инструменты для одного и того же — коммуникации посредством интернета. И, зная Пабло, конечно же за стильной лаконичной работой кроется достаточно серьёзная аналитическая работа.
Основные характеристики сервисов web 2.0
Карта позволяет сделать выбор в сторону нужного инструмента, в зависимости от потребностей. Отлично показывает, что нет ни одного супер-сбалансированного инструмента, для каждых потребностей есть свой инструмент.
Лично мне очень нравится. Лаконично. Можно вешать в отделе SMM.
Кстати, в начале года мы делали для DaD отчётный управленческий дэшборд, в котором по радару были распределены сервисы, и и были видны «выбросы» относительно среднего по рынку (показать не можем, ибо конфиденциально). Использовалось для определения наиболее / наименее стоящих внимания сервисов. На этот раз порядок отображения изменен наоборот, и по осям раскиданы критерии сравнения:
- Корпоративный имидж: возможность управлять репутацией онлайн, влияние брэнда, компании и её продуктов
- Внутренняя коммуникация: возможность оптимизировать каналы коммуникации, и процессы управления информацией как таковой
- События: возможность создавать события, повышать интерес к сайру, проведение встреч и профессиональных эвенков
- Управление кризисными ситуациями: уровень потенциальной защищённости от кризисных ситуаций, которые могли бы влият на компанию, её продукты, или лично отдельных сотрудников
- Сервис: ввозможность установить канал коммуникации с клиентами, для сбора комментариев, замечаний, предложений, а также уровень эффективности их обработки.
Файл также доступен в формате pdf.
Возможно, кому-нибудь из вас пригодится.
Письмо Стива Балмера. ДО и ПОСЛЕ визуализации
Этот экземпляр у меня не в самом хорошем качестве — фотография, сделанная в офисе, в Мадриде, во время тренинга по визуализации. Так что, наверное, этот материал уникален, в гугле я его не нашла.
Может даже и хорошо что качество плохое — все же внутренняя переписка Микрософта…
Письмо об изменениях в компании, автор Стив Балмер. До визуализации — унылый текст. После — понятная после беглого просмотра информация. Говорить здесь нечего — главное видеть разницу. Единственная ветвь размышлений, которая идет в моей голове, связана с уместностью таких иллюстраций в деловой переписке. Но с точки зрения донесения информации, визуализация явно делает свою работу на 100% — текст Стива Балмера читать даже не хочется, а ведь пишет наверное о важных вещах.
Обращаю внимание на логотипчик исполнителя в правом нижнем углу — Xplane очень успешная визуализационная компания в США. Спасибо, что решили нам объяснить что же хотел сказать Стив.
Когда много графиков
Бывают макеты, в которых просто очень много графиков и их аккуратно нужно уложить. Не нужно много креатива, потому что обычные типы графиков работают лучше всего, нужна аккуратная верстка и цветовая гамма.
Публикую несколько примеров, которые помогали нам работать над бизнес отчетами и дэшбордами. Хоть там и простые диаграммы, сделать эстетически приятную работу не просто.
Про цветовую гамму — цвета это проблема. Эффективнее всего работает зеленый, желтый и красный, чтобы сразу было ясно где все хорошо, а где плохо. Но если эти три одинаково ярких цвета ставить рядом, это будет не красиво, поверьте. А вот в работах ниже палитра решена удачно.
