• En
  • АГЕНТСТВО
    • Agency
    • Агентство
    • Презентация
    • Портфолио
    • Behance
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости

Тема: бизнес инфографика 28

Рисуем рекламные бюджеты

Изображение10 г. назад 5 Примеры визуализациибизнес инфографика, портфолио, российская инфографика

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

О том, как создавалась концепция данной инфографики, мы расскажем подробнее на примере визуализации бюджета небезызвестной компании Johnson & Johnson.

Исходные данные по видам рекламы были представлены в виде агрегированной таблицы.

Данные из таблицы на первом этапе проектировок были отражены в разрезе доли от общего бюджета с одной стороны и выбранного типа рекламы (ТВ/пресса/радио/ООН) — с другой.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Следующий принципиально новый предложенный вариант вы можете видеть ниже. Его основные особенности:

  • Отказ от двусторонней структуры картинки в пользу более привычного читающим слева направо людям изображения;
  • Представление выделяемого на каждый вид рекламы бюджета в виде отдельных кругов;
  • Отображение общего бюджета в виде единого круга с ведущими к брендам связями.

Продолжить чтение →

Nicholas Feltron

Изображение11 г. назад 1 Примеры визуализациибизнес инфографика, годовые отчеты, международный опыт

Легенда инфографики и дизайна годовых отчетов. Ежегодно Фелтрон выпускает неотразимый отчет о себе и своей активности за год. Он мониторит простые факты — количество времени проведенного в метро, телефонные звонки и прочие ежедневные активности. И в итоге создает отчет, которым любуются и ставят в пример тысячи.

Для начала самые последние новости о Фелтроне: у него есть свой сервис Daytum, помогающий собирать ежедневную статистику о себе. Недавно оно вышло и приложением для IPhone. И судя по слухам, Daytum был куплен Фейсбуком! Неплохая прибавка к доходам успешной дизайн студии.

Рассказ же о его отчетах (особенно о выпуске 2010), мы рекомендуем прочитать на странице в ЖЖ MNMLZM:

Американский дизайнер Николас Фелтрон выпустил свой очередной личный годовой отчет, созданием которых он увлекается на протяжении последних пяти лет. В течение года он фиксирует все, что с ним происходит в жизни (начиная с количества выпитых кружек кофе и заканчивая числом поездок на трамвае), систематизирует эти данные и оформляет в виде инфографики. Feltron Annual Report 2010 дизайнер посвятил своему отцу, изучив весь архив его личных документов о разных годах жизни (фотографии, слайды, дневники, календари, поздравительные открытки, личные и рекомендательные письма, школьные дневники и т.д.).

Общее количество собранных материалов, распределенное по годам жизни (6 877 документов), количество незапротоколированных лет (12), месяц, о котором осталось наиболее число документально зафиксированных материалов (июль – 526 записей), месяц, о котором сохранилось наименьшее число документов (ноябрь – 302 записи). Последний имеющийся документ – заключение врача, выданное в октябре 2010 года.

Вообщем отправляйтесь читать подробный рассказ в ЖЖ и идите на сайт самого Фелтрона www.feltron.com , а ниже — примеры из отчетов 2010, 2009, 2008 и 2007 (обложка, плюс одна внутренняя страница):

Продолжить чтение →

Visual.ly — ещё один инфоресурс, или новый лидер?

Изображение11 г. назад 9 Примеры визуализациибизнес инфографика, международный опыт, ресурсы по инфографике

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

На этом фоне чуть выделяется вчера открывшийся проект visual.ly.

Он достаточно долго уже будоражил мозг интернета, так как на YouTube был доступен их промо-ролик:

Продолжить чтение →

Визуальное мышление на службе Бизнеса. Наш новый ресурс BusinessGrapher.

Статья11 г. назад 4 Теориябизнес инфографика, визуальное мышление, информационный дизайн, портфолио
набор для визуального отображение бизнес процессов

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

Сделав несколько проектов в этой области, мы решили выделить его в отдельное направление, более ориентированное на менеджеров и бизнес среду.  Это узко специализированное подразделение агентства InfoGrapher, живущее  на стыке консалтинга и информационного дизайна. Итак, добро пожаловать на BusinessGrapher (в его еще тестовой, но уже публичной версии)! О наших уникальных услугах читайте на главной странице БизнесГрафера.

И, чтобы дать «пощупать» эту тему и ее отличие от инфографики, я хочу поделиться двумя ресурсами, помогающими визуализировать (а иногда и разработать) бизнес-модель компании.

книга о визуализации бизнес моделейНачнем с теории – книга Business Model Generation, авторы Alexander Osterwalder и Yves Pigneur.

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

Но эта работа сильно отличается от всех бизнес книг и тяжелого языка консалтинга. Текст сведен к минимуму и главное место отдано организационным схемам и иллюстрациям.

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

бизнес модель - визуальный шаблон Продолжить чтение →

Визуальный гид по корпоративным инструментам web 2.0

Изображение11 г. назад 7 Примеры визуализациибизнес инфографика, интернет-сервисы, карты, радар-диаграмма

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

По заказу испанского инвестиционного агентства DaD наш друг Пабло нарисовал радар-диаграмму, сравнивающую возможности 8 наиболее популярных Web 2.0 сайтов/инструментов, применяемых в коммуникации информации, в частности, корпоративной. Rss, Facebook, Twitter, LinkedIn, Flickr, YouTube, FourSquare, WordPress — разномастные инструменты для одного и  того же — коммуникации посредством интернета. И, зная Пабло, конечно же за стильной лаконичной работой кроется достаточно серьёзная аналитическая работа.

 

Основные характеристики сервисов web 2.0

Основные характеристики сервисов web 2.0

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

Лично мне очень нравится. Лаконично. Можно вешать в отделе SMM.

Кстати, в начале года мы делали для DaD отчётный управленческий дэшборд, в котором по радару были распределены сервисы, и и были видны «выбросы» относительно среднего по рынку (показать не можем, ибо конфиденциально). Использовалось для определения наиболее  / наименее стоящих внимания сервисов. На этот раз порядок отображения изменен наоборот, и по осям раскиданы критерии сравнения:

  • Корпоративный имидж: возможность управлять репутацией онлайн, влияние брэнда, компании и её продуктов
  • Внутренняя коммуникация: возможность оптимизировать каналы коммуникации, и процессы управления информацией как таковой
  • События: возможность создавать события, повышать интерес к сайру, проведение встреч и профессиональных эвенков
  • Управление кризисными ситуациями: уровень потенциальной защищённости от кризисных ситуаций, которые могли бы влият на компанию, её продукты, или лично отдельных сотрудников
  • Сервис: ввозможность установить канал коммуникации с клиентами, для сбора комментариев, замечаний, предложений, а также уровень эффективности их обработки.

Файл также доступен в формате pdf.

Возможно, кому-нибудь из вас пригодится.

Простые диаграммы в Excel — дополнительные возможности

Статья11 г. назад 12 Инструменты, Теорияexcel, бизнес инфографика, гантт, графики и диаграммы, рейтинг, спарклайны, ячейки

В прошлый раз я рассказывал о том, как строить микро-диаграммы в ячейках Excel. На самом деле это ещё не всё, что можно вытворять. Подключаем фантазию, и..

…Чего ооочень не хватало в той диаграмме — так это подписей. Добавим их следующим образом:

=ПОВТОР(«|»,D2)&» «&D2

=REPT(«|»,D2)&» «&D2

 

Диаграмма в ячейке с подписями

Диаграмма в ячейке с подписями

 

…Превращаем время в диаграмму Гантта. Наверное, самое полезно-ценное применение. В Excel просто так Ганнта не построить, MS Project вряд ли у кого-то есть, а привязать нормально к строкам с данными — ещё сложнее. Итак: полоски показывают промежутки времени, отведённые на определённую задачу.

=ПОВТОР(» «,(D2-МИН($D$2:$D$10)))&ПОВТОР(«|»,1.5*(E2-D2+1))

=REPT(» «,(D2-MIN($D$2:$D$10)))&REPT(«|»,1.5*(E2-D2+1)),

где D2 — ячейка с начальной датой, E2 — ячейка с конечной датой, а колонка D2:D10 есть колонка всех начальных дат

Умножение на 1.5 необходимо для того, чтобы соотнести ширины: в шрифте Arial пробел равен примерно полторы символа «I»

 

Гантт в ячейке Excel

Гантт в ячейке Excel

 

..Добавляем к графикам маркеры-окончания, а сами графики делаем пунктирами. Остаётся по-прежнему читабельно, а график принимает совсем иной вид.

 

Диаграмма с маркером-окончанием в ячейке Excel

Диаграмма с маркером-окончанием в ячейке Excel

 

Кто не верит — смотрите файл со всеми этими графиками.

Давайте ещё что-нибудь эдакое придумаем?

Простые диаграммы внутри ячеек в Excel

Статья11 г. назад 17 Инструменты, Теорияexcel, бизнес инфографика, рейтинг, спарклайны, ячейки

Есть один интересный приемчик в работе с эксель-данными. Раньше о нём упоминала Ира, но кратко и давно — а поэтому освежим архивы истории.

Допустим, у вас есть таблица. Много строк. И есть колонка, по которому все эти строки сравниваются. Например: продажи по каждому магазину торговой сети, выручка по товарным категориям, тиражи изданий, или что-либо неважно. Главное — что график строить вроде как незачем, а сравнить значения в таблице хочется. Например, хочется нам посмотреть, какие из моделей Volvo на сайте auto.ru выставляются активнее всего (вдруг вам это действительно понадобилось?).

Исходные данные, перетащенные в Excel:

Исходные данные для графика внутри ячейки

Исходные данные для графика внутри ячейки

Что делать? Строить диаграмму прямо в ячейке. Эксель 2010 умеет делать микро-чарты (спарклайны), но мы сейчас не об этом. Нам нужно не динамику в ячейке построить, а сравнить между собой строки. В работу берём формулу REPT («Повтор» в русской версии).

Итак, пишем в строке формулы для ячейки А3 магический код:

= REPT ( «I» ; A2), где А2 — это ячейка с количеством машин

Результат: ячейка заполнилась символами I, в количестве равном цифре каждой ячейки.

Результат выдачи - количество в каждой ячейке

Результат выдачи - количество в каждой ячейке

 

Останется лишь поставить такую ширину столбца, который позволит увидеть всю длину.
Зачем все это? Только лишь для того, чтобы оставить таблицу чистой и аккуратной, не городить графиков, и при этом сделать таблицу читабельнее.

Как заметили самые смекалистые — такие диаграммы как будто бы не работают на больших числах. А вот нет — делаем дополнительную промежуточную колонку, в которой тысячые и миллионные разряды убираем делением, и приводим все так чтобы значения не превышали 50-100.

Итоговый график в ячейке

Итоговый график в ячейке

Это еще не все. Идем дальше: визуализируем таким же способом положительные и отрицательные значения. Отрицательные строятся в одной колонке, положительные в другой. Формула контролирует, что именно отображать.

Пример: статистика изменений в предложениях всё того же Volvo (это уже выдумано, пример-то надо продолжать). Результат:

Выигрыши - проигрыши диаграмма в ячейке Excel

Выигрыши - проигрыши диаграмма в ячейке Excel

Как?

1. Строим модуль значения каждой строки, так как REPT ничего не знает про отрицательные числа

2. Строим в двух колонках REPTы так, что в одной колонке только положительные, в другой только отрицательные

3. Форматируем, и приводим в порядок. Works!

Кстати, все подобные экзерсисы — отличный тренажер для логики. Love it!

Визуализация идеи Правового Информационного Портала

Статья11 г. назад 4 Теориябизнес инфографика, портфолио

На недавно прошедшем мероприятии стартап-площадки Greenfield Project мы вручили сертификат на бесплатную визуализационную сессию самому интересному, на наш взгляд, проекту.

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

Я не буду описывать суть проекта, чтобы оставить автору его авторское право и конкурентное преимущество на рынке, но приотрокую занавес на наш инфографический процесс.

Итак, стадия 1 заняла у нас около 8 часов напряженного труда с маркерами и бумагой:

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

Скажу отдельное спасибо Валентину: он действительно обладает четким видением того, что собирается создать — и это сделало нашу работу более четкой.

Наши следующие шаги таковы:

  1. Выверяем каждый элемент схемы – они все должны нести функциональный смысл, и Валентину должно быть удобно презентовать свой проект, используя нашу схему.
  2. Дополняем проект статистикой рынка проф услуг и способами монетизаци
  3. После того как всё выверено — начинается работа над дизайном и иллюстрациями.

 

Конференция «Информационная графика и информационный дизайн-2011» в Питере 14-15 мая.

Событие11 г. назад 15 Событиябизнес инфографика, визуальное мышление, конференция, Санкт-Петербург

Развёрнутая информация о конференции «Информационная графика и информационный дизайн-2011». 14-15 мая 2011 года, Санкт-Петербург.

Мы организуем для конференции эксклюзивный мастер-класс нашего старого товарища, испанца Pablo María Ramírez Bañares — создателя и руководителя студии Sin Palabras. Он будет вести мастер-класс по визуализации и скетчингу (15 мая, воскресенье, 12:00).

Также, не пропустите наше выступление про инфографику в бизнесе (14 мая, суббота, 16:15).

Адрес: Санкт-Петербург, Васильевский остров, 1 линия, 26
Факультет журналистики Санкт-Петербургского государственного университета. Cтанция метро «Василеостровская», 10 минут пешком (ссылка на карту)

Программа (время может уточняться, пост будет обновляться):

уточнённая программа в файле: по ссылке [13.05.2011]

14 мая, суббота

10.00 Открытие конференции.

10.15 Хавьер Эрреа (президент испанского отделения Общества новостного дизайна (SND-E), один из организаторов всемирного конкурса информационной графики Malofiej Infographics Awards, консультант по газетному дизайну)

11.15 Светлана Максимченко (региональный директор общества новостного дизайна (SND Russia), председатель жюри 18-го конкурса Malofiej Infographics Awards, главный редактор газеты «Акция»)

  • «Как побеждать в конкурсах SND: судейство конкурсов изнутри, лучшие работы по инфографике»
  • «Инфографика в «Акции»: работы, за которые не стыдно»

12.00 кофе-брейк.

12.30 Алексей Новичков («Вокруг света»)

  • «Опыт создания информационного дизайна для периодических изданий»

13.30 обед

15.00 Ольга Привалова, Федор Шумилов (студия «Паровоз»)

  • «Инфографика под ключ — этапы работы над проектом».
  • Выбор темы, работа в команде, Сбор и отсев информации, Финальная сборка, особенности, Жизнь после публикации.

15.45 Денис Крюков, Станислав Сырецких, Надежда Андрианова («РИА Новости»)

  • «Оперативная информационная графика от «РИА Новости»

16.15 Ирина Доброва, Макс Горбачевский (Infographer.ru)

  • Инфографика в бизнесе работает. Доказано!

18.00 Открытие выставки инфографики

15 мая, воскресенье

10.15 Дмитрий Циликин (журналист, редактор)

  • Вкус как совесть в сфере эстетического

10.45 Дмитрий Сурнин («Мой район», Москва)

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

11.45 кофе-брейк.

12.00 Пабло Рамирес (агентство Sin Palabras, Мадрид)

  • Мастер-класс «Практика визуализации и скетчинга»
  • Мы ездили к нему в гости в Мадрид в ноябре

14.00 обед

15.30 Дмитрий Распопов («Секрет фирмы»)

  • «Инфографика и/или иллюстрация»

16.15 Иван Анишев («Деловой Петербург»)

  • Цифровые образы «Делового Петербурга»

17.00 Артем Колеганов, Николай Романов («Инфографика»)

  • Большие и маленькие секреты «Инфографики»

Infographer едет на конференцию автопробегом Москва-Питер-Москва. Присоединяйтесь! Пишите на max@infographer.ru

Tableau — онлайн-визуализатор и BI-платформа

Статья11 г. назад 10 ИнструментыBI, аналитика, бизнес инфографика, дэшборды

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

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

У Tableu Public (совсем, кстати, бесплатной) есть одно серьезное отличие от всех своих собратьев, даже от бесплатного Tableau Free.

Tableau Public не предусматривает возможность сохранения проектов пользователя на локальных дисках, только в онлайн, на специальные серверы Tableau Public.

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

Так, например, будет выглядеть интерактивный дэшборд из нескольких графиков после публикации в вебе.

Представление о возможностях Tableau Public можно получить из этого (пусть и в некотором смысле рекламного) видео:

Остановлюсь на некоторых из них:

Удивительная «всеядность» в вопросах источников даных

Tableau поддерживает импорт из MS Excel, MS Access, внушительного количества текстовых форматов и серверных баз данных.

Удобство использования

Продукты Tableau проектируются так, чтобы максимально упростить для пользователя работу с его данными. Различные виды предварительных сортировок, изменение типов диаграмм буквально в пару кликов — всё это делает работу с Tableau Public очень удобной и интуитивно-понятной. Даже если вы новичок в вопросах визуализации, Tableau Public на основе автоматического анализа ваших данных может порекомендовать вам удачный способ визуализации. Эта функция называется Show Me и про нее тоже стоит показать видео:

Интерактивность получившегося результата

Графики, созданные при помощи Tableau Public отличаются от документов Excel. Они интерактивны. По щелчку мыши, на интересующем графике или диаграмме появляется дополнительная информация.Это позволяет не перегружать исходную «картинку», сделать изучение информации намного интереснее и удобнее. При этом для создания красивых интерактивных визуализаций совсем не нужно изучать языки программирования, Flash или что-то подобное.

Социальность

После того, как вы опубликовали данные и диаграммы в интернете, пользователи могут делиться друг с другом вашими визуализациями в социальных сетях и скачивать себе уже созданные вами аналитические диаграммы. Кроме того, пользователи могут скачать и «сырые» данные, чтобы построить уже свои собственные визуализации на них. Также пользователи могут встроить к себе на ресурс вашу визуализацию, и она всегда будет у них в актуальном состоянии если вы будете в ней что-то менять. И стоит отметить, что вы сохраняете над созданными графиками полный контроль даже после их публикации.

Кстати, очень обрадовала автоматическая привязка данных к карте мира, как по ZIP-кодам в США, так, и по широте-долготе. Выглядеть это будет примерно так:

 

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

Скачать и попробовать последнюю версию можно (и очень рекомендуется) с сайта Tableau: http://www.tableausoftware.com/products/public

А ещё «на сайте производителя» есть достаточно интересная галлерея созданных в Tableau Public работ. Там замечены работы Wall Street Journal, New Scientist и Wired. Посмотрите, это действительно интересно.

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

НазадВперед
Темы раздела
События 10Примеры визуализации 7Инструменты 7Теория 8Книги 2
Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+