Инфографика в примерах

5 советов по созданию осмысленной инфографики

noreply@blogger.com (Димка) — Tue, 15 May 2012 03:14:00 PDT

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

Если вы читаете эту статью на SocialMediaToday, вы, вероятно, знаете гораздо больше о механике создания инфографики, чем я. Если вы читаете это на моем блоге, возможно нет (а если на http://infoanalyze.blogspot.com/ – возьмите с полки пирожок! ). Так или иначе, эти подсказки от фаната инфографики помогут немного улучшить ландшафт социальных медиа. В общем, минуя прелюдию, вот вам 5 подсказок:

1. Давайте ссылки на свои источники. Как профессиональному автору, мне нелегко понять, почему люди приводят факты и цифры без указания источников. Свои студенческие годы я провел за написанием статей, новостей и научно-исследовательских работ. Нет ничего удивительного в том, что за отсутствие ссылок на первоисточники всегда снижали оценку. Но взрослая жизнь это не колледж. И тут все проще, это всем сходит с рук. Не верите? Понаблюдайте за политическими спорами.

2. Выбирайте инструменты тщательно, и маркируйте их ясно. Верите или нет, существуют общепринятые методы организации информации в таблицы, диаграммы и графы. Гистограммы, например, должны начинаться с нуля (показ только макушки гистограммы может увеличить силу воздействия, но это чрезвычайно вводит в заблуждение читателя). Проценты лучше представлять на диаграмме, чем в таблице. Диаграммы хороши для того, чтобы иллюстрировать размеры; но когда накладываются бабблы, их трудно прочесть. Метки также важны. Некоторые иллюстраторы забывают отмечать важные моменты, и удивительно, как часто мы забываем добавить объяснения, используя два изображения рядом, чтобы что-то сравнить (например, “население здесь в три раза больше, чем там”).

3. Помните, что корреляция НЕ доказывает причину и следствие. Если вы учили статистику в колледже, вы, вероятно, знаете это, но в мире социальных медиа это легко забывается. Статистические данные, вокруг которых недавно устраивали шумиху, насчет того что у пользователей одного браузера, вероятно, будет более высокий IQ, чем у пользователей другого браузера, например, не означают, что низкий IQ заставляет людей выбирать последний браузер, или что пользователи последнего браузера менее умны, чем пользователи первого. Оба заключения были бы глупостью. Проблема в том, что, помещая статистику в диаграмму или граф, мы делаем ее более простой для восприятия, и это возлагает на автора/проектировщика/пиарщика определенную ответственность: нужно все проверить, прежде чем публиковать. Если диаграмма или граф введут в заблуждение пользователя, не стоит это публиковать, как бы красиво оно не выглядело.

4. Никогда не повторяйте информацию из вторичного источника. Возможно, этому правилу сложно следовать неукоснительно. Но если вы все же решили поделиться такой информацией – сноска на основную цитату обязательна. Если нет сноски, то источник просто ненадежен, независимо от того, кто является источником. Это не критика какого-то конкретного автора, а просто дефиниция “надежности источника”.

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

“И чего все носятся с этой инфографикой?”, спросите вы. Все просто. Будь мы писателями, исследователями, дизайнерами или пиарщиками – наша репутация очень важна. Когда люди рассматривают нашу работу, по ней они судят о нас. Если мы введем их в заблуждение, они, вероятно, будут считать нас обманщиками или лентяями. И, вне зависимости от того, к каким выводам они придут, эти выводы могут сильно повлиять на наше реноме.

Источник: socialmediatoday.com

Перевод: opzarkol.com

Сервис Infogr.am: как самому создать инфографику

noreply@blogger.com (Димка) — Tue, 15 May 2012 00:54:57 PDT

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

Проект Infogr.am пока представлен в виде бета-версии, это ощущается при работе с ним. Тем не менее, сервис удобен в работе, прост и, главное, результативен – с его помощью можно легко создать самому инфографику.

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

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

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

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

Сервис пока представлен только в виде бета-версии, это ощущается по некоторым фрагментам, например, не всегда сохраняются данные после редактирования. Однако даже в этом виде Infogr.am заслуживает внимания и активного использования.

Источник: internetno.net

Журнал "Инфографика". Скачать пилотный выпуск

noreply@blogger.com (Димка) — Mon, 14 May 2012 04:24:27 PDT

В России вот уже больше года есть журнал, который полностью состоит из инфографики. И это, пожалуй, лучшее, что есть на данный момент. Это журнал "Инфографика". О главреде журнала Николае Романове уже упоминалось в этом блоге. Пришло время устроить недельку настоящего Inspiration*. Встречайте
Пилотный выпуск (январь) журнала «Инфографика»

Обложка журнала январь 2011

Инфографика "Нью-йорк"

Инфографика "Из князя в грязь"

Инфографика "За деньгами в лес"

Инфографика "Аномальный год"

Инфографика "Санта Клаус против Деда Мороза"

Инфографика "Куда приводят мечты"

Инфографика "Золотой мяч"

Скачать пилотный выпуск журнала инфографика можно здесь
*Inspiration - вдохновение

События. Москва, Вильнюс, Питер

noreply@blogger.com (Димка) — Mon, 14 May 2012 03:04:54 PDT

Мировые тренды: инфографика

Семинар будет состоять из двух частей. Речь пойдет об истории и теории инфографики: как и где можно применять такой способ представления данных, какие особенности и тенденции популярны сейчас в этом направлении.
На мастер-классе участники попробуют создать собственную инфографику под руководством Максима Горбачевского.

Место проведения : МОСКВА, Stock Exchange Bar, улица Яузская, дом 5
14 мая 19:30
Обязательна регистрация.

Лекция и мастер-класс журналиста и дизайнера Вадима Шмыгова по инфографике в СМИ, массовой культуре и рекламе

В учебном корпусе ЕГУ (ул. Валакупю, 5) пройдёт лекция и мастер-класс журналиста и дизайнера Вадима Шмыгова по инфографике* в СМИ, массовой культуре и рекламе.
Приглашаются студенты программ медиа и визуальный дизайн, массовые коммуникации и журналистика, визуальная культура, а также все желающие: инфографика будет интересна и понятна всем — ведь в этом ее суть!

Место проведения: ВИЛЬНЮС,Литва
Среда, Май 16, 2012 - Четверг, Май 17, 2012
Подробнее

"Инфографика и информационный дизайн 2012"

Кто не в теме, тем сюда
А вот план проведения конференции

Easel.ly Beta Онлайн-редактор инфографики

noreply@blogger.com (Димка) — Mon, 14 May 2012 03:24:25 PDT

Новый стартап Easel.ly является отличным редактором простой статической инфографики. Т.е. вы можете очень просто сделать свою инфографику без каких-либо денежных затрат.
Видимо на следующем этапе сервис собирается стать таким же как visual.ly.

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

Инфографика в журнале "Link"

noreply@blogger.com (Димка) — Sun, 13 May 2012 03:37:57 PDT

"Link" - это периодическое издание о культуре и телевидении. Каждый выпуск, охватывает различные темы. Первая тема это "Product" (про интересный контент, телепередачи и идеи), вторая - "Industry" (экономические, технологические и рыночные вопросы телевидения) и "Sights" (о влиянии телевидения на различные сферы).

Вместе исследовательской лабораторией DENSITY DESIGN журнал сделал выпуск "Декодировать или умереть. Инфографика, применённая к телевидению". Яркое название "Decode or Die" сразу привлекло моё внимание, но не менее интересным (естественно, инфографика же) оказалось само содержимое журнала.

Чтобы посмотреть только инфографику, можно заглянуть сюда. несколько примеров приведу в статье. Кликабельно, разумеется.

Этот пост сделан с нежностью и любовью, нажми "Like" =)

Персоналии: Николай Романов

noreply@blogger.com (Димка) — Sun, 06 May 2012 02:36:26 PDT

Николай Романов - главный редактор Журнала "Инфографика".

"Раньше я занимался финансовой журналистикой, работал в газете «Деловой Петербург», потом в журнале «Наши деньги» — вполне стандартная история. А потом мы втроем с друзьями в 2007 году открыли агентство «Манифест». Сначала думали заниматься только пиаром — все-таки журналисты финансового сектора. Стали пиарить банки, финансовые и управляющие компании. Потом стали делать дизайн, буклеты, календари, потом еще и корпоративные издания. В общем, работали, развивались, росли. Так получилось, что двое соучредителей со временем занялись другими проектами, а я вместе с уже сформированной командой продолжил развивать агентство" интервью openspace (ссылка в конце статьи)

Николай Романов выступил на Молодежном образовательном форуме "3D журналистика"
И вы можете это увидеть.

Ниже есть видеотрансляция второго дня и с 41:30 начинается выступление Николая.

Ещё ссылки в тему:

Международный конкурс по инфографике

noreply@blogger.com (Димка) — Wed, 02 May 2012 03:26:47 PDT

Блог "Information is beautiful" организовал международный конкурс в области Информационного дизайна, визуализации и инфографики. Общий фонд 30 тысяч $. В состав жюри входят автор этого блога Дэвид МакКэндлесс, Симон Роджерс (автор The Guardian Datablog’s) и др.

Участвовать могут абсолютно все. Это действительно глобальный контест. До 31 мая 2012 года нужно отправить данные, результаты будут известны к 31 июля.

Инфографика про призы

Свои уникальные творения следует отправлять здесь

Обучающий курс по инфографике

noreply@blogger.com (Димка) — Mon, 30 Apr 2012 10:40:39 PDT

На днях я нашел инфографику о курсах инфографики. (Сайт Инфографика на люстре, Киев)

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

1. Виды инфографики
2. Законы восприятия информации
3. Основы композиции
4. Цветоведение
5. Основа шрифта
6. Искусство пиктограмм
7. Искусство создания инфографики
8. Применение вышеперечисленного в дизайне проекта.

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

Я не рекламирую курс. Просто это неплохая калька для того, что можно выложить в блог.
По видам инфографики уже есть статья "Виды инфографики", "Виды инфографики: Периодические таблицы", "9 памяток для визуализации данных"
Кстати делюсь ещё несколькими такими схемами выбора диаграмм,чартов.

C остальным будем разбираться подробнее.

Что можно узнать из этих 10 инфографиков?

noreply@blogger.com (Димка) — Wed, 25 Apr 2012 00:30:00 PDT

Читателям этого блога хорошо известен термин «инфографика». Этот способ визуального представления информации активно используется в печатных СМИ на протяжении последних 30 лет (считается, что инфографикой сочетание текста и графики впервые назвали в редакции газеты USA Today в 1982 году).

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

В нашей новой статье мы представим вам 10 типичных образцов современной инфографики и выделим положительные и отрицательные стороны каждого осуществленного проекта.

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

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

Итак, приступим к рассмотрению лучших образцов инфографики.

1. Сбалансируйте вашу медиа-диету

Создавая эту инфографику, дизайнеры журнала Wired, по-видимому, руководствовались поговоркой: «Новое – это хорошо забытое старое». В графическом плане эта работа выглядит «возвращением к истокам» инфографики – для демонстрации составляющих частей «медиа-диеты» современного человека используется классический образ «пищевой пирамиды/пирамиды потребностей». Секторы пирамиды соответствуют способам, которыми люди проводят свое время, взаимодействуя со своим «электронным окружением». Перед нами блестящий пример, раскрывающий самую суть инфографики – визуализацию данных.

За: великолепный 3D дизайн, обеспечивающий быстрое усвоение информации. Запоминающийся образ «пирамиды цифровых потребностей» современного человека.

Против: журналисты Wired невольно внушают своим читателям нездоровую мысль, что они должны находиться на строгой «медиа-диете» не менее 9 часов в день!

2. Глобальный рост сервиса Airbnb

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

Это классический пример инфографики, призванной продемонстрировать успехи компании: Airbnb тесно связана с путешествиями и путешественниками, потому в создании инфографики используются условные географические карты; феноменальный рост числа услуг, предоставленных компанией, наглядно иллюстрируют две расположенные рядом карты мира за 2011 и 2012 годы.

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

Доступность и наглядность подачи материала – вот главные достоинства данной инфографики.

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

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

3. Фелтон: годовой отчет-2008

Нью-йоркский графический дизайнер Николас Фелтон создал группу инфографики, описывающую его жизнь в 2008 году. Его ежегодные отчеты действительно чрезвычайно интересны – они разносторонние, всеобъемлющие, многоплановые. Что самое ценное – Фелтон создает чрезвычайно насыщенный информационный продукт, пользуясь совсем небольшим количеством слов.

«Годовой отчет» включает в себя суммарную длину утренних пробежек и пешеходных прогулок Фелтона, его кулинарные пристрастия и географию посещения ресторанов, учитывает количество поездок на метро и в такси, число посещений спортивного зала и количество времени, проведенное за игрой Grand Theft Auto 4 и многое, многое другое.

Методы классической «бумажной» типографики, использованные при создании этой инфографики, помогают зрителю воспринимать «отчет Фелтона» как полноценную электронную книгу (ни одна деталь не остается нераскрытой, сведения изложены в максимально ясной форме). Определенно, это «высший пилотаж» инфографики!

За: это отличный пример визуализации данных с минимальным количеством текста. Численные величины были «превращены» в геометрические формы, из которых зритель легко может понять, где и как проводил свое время мистер Фелтон.

Против: первую, главную инфографику, стоило бы представлять зрителю сразу в полноэкранной, большой версии.

4. Отчет «Бритиш Петролеум» (BP) о ликвидации последствий аварии в Мексиканском заливе

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

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

За: доступная для понимания, четкая и ясная инфографика – отличный способ рассказать всему миру о способах решения сложнейшей проблемы.

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

5 . Где живет Америка

Эта интерактивная инфографика была разработана для сайта журнала Time. Плотность населения в различных регионах США наглядно представлена в виде трехмерной карты с всплывающими подсказками. Основная идея этой инфографики – «где живут, и, что еще более важно, куда перемещаются по территории своей страны американцы» – отображена совсем простыми средствами: насыщенностью оттенков единственного «активного» цвета и текстом всплывающих подсказок.

За: благодаря условной «трехмерности», это, скорее всего, лучшее на данный момент представление населения США по географическому принципу. Зритель сразу же может понять, где проживает большая часть американского населения.

Против: отсутствуют заголовок и описание. Зрителю было бы проще понять замысел создателей, если бы он знал, что перед ним график, показывающий плотность населения США.

6. «Горящие вакансии» в в IT-сфере в 2012 году

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

За: очень мало текста, все понятно без лишних слов.

Против: инфографика не очень привлекательна с визуальной стороны. Отсутствуют некоторые ключевые данные (например, кто является «компанией № 1» по числу принятых на работу IT-специалистов?).

7. 25 лучших онлайн-приложений для управления проектами

Для того, чтобы составить свой «Топ 25», специалисты сайта The Cloud Infographic были вынуждены прибегнуть к помощи инфографики. Сотни программ, позволяющих управлять проектами через Интернет, были «отфильтрованы» согласно специально разработанному списку критериев, что позволило сократить число лучших приложений до 25. Наглядные результаты, продемонстрированные каждой программой, выражались в форме ее «персональной» инфографики.

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

За: графическое представление 25 лучших программ управления проектами заметно упростило жизнь всем потенциальным пользователям таких приложений. Для того чтобы выбрать нужную программу, уже не нужно посещать сотни сайтов и просеивать огромный объем данных.

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

8. Отчаянно ищем изобретателей

«Отчаянно ищем изобретателей» - так называлась инфографика, размещенная в блоге Pure Infographics для иллюстрации статьи о том, что множество талантливых молодых изобретателей, способных изменить мир, пребывают в безвестности без доступа к средствам массовой информации и капиталам инвесторов.

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

За: отличная работа. Высокое качество дизайна, достоверная информация из надежных источников.

Против: самая важная статистика отображается одним из самых мелких визуальных элементов.

9. Twitter 2012

Разработчики из Infographic Labs создали эту инфографику, посвященную состоянию дел сервиса микроблоггов Twitter в нынешнем 2012 году. Представленная работа «преодолевает» негласное табу, существующее для применения фотографий в инфографике. Цветовое решение «приглушенное», проект выглядит так, будто бы дизайнеры весь день напряженно использовали яркие цвета и вот, наконец, решили отдохнуть от буйства красок.

За: отличная подборка информации, очень полезная для маркетологов.

Против: цветовое решение выглядит немного угнетающим.

10. Великая тихоокеанская мусорная куча

Замечательный материал, размещенный на сервисе Flickr, посвящен проблеме гигантских скоплений плавающего мусора, перемещаемых Северным Тихоокеанским течением. Актуальная экологическая проблема, изложенная простым и понятным языком, перечисление интересных фактов, хороший дизайн – вот такой и должна быть современная инфографика.

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

Против: текст написан излишне жестким языком, но в данном случае это необходимо.

Вместо заключения

Мы надеемся, что нам удалось привлечь внимание читателей нашего блога к такому мощному средству передачи информации как инфографика. Принцип, положенный в основу инфографики – «все материалы, визуальные и графические, подчинены одной задаче – донести одно конкретное послание до читателя», очень напоминает базовый принцип создания целевых страниц: «все элементы страницы на работают на одну цель – конверсию». Это сходство позволяет предположить, что идея использовать инфографику в качестве главного изображения целевой страницы, представляется весьма перспективной.

Высоких вам конверсий!

По материалам blog.kissmetrics.com и перевод lpgenerator.ru

Минимализм в инфографике. Пиктограммы

noreply@blogger.com (Димка) — Fri, 20 Apr 2012 04:46:00 PDT

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

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

Особенно упрощает поиск проект The Noun Project. Поиск по иконкам доступен и на русском языке, что очень удобно. Создатель этого проекта Эдвард Ботман считает, что "Превратить в иконку можно всё что угодно".

Иконки из этого проекта использовались для создания инфографики о Британии.
(ссылка на презентацию Britistics)

Так же хочется привести пример красивой видео инфографики

Пиктограммы из ролика

Практическое применение инфографики в бизнесе

noreply@blogger.com (Димка) — Wed, 18 Apr 2012 00:56:00 PDT

Что такое инфографика и почему она стала одним из трендов ? Как использовать инфографику в Вашем бизнесе? Как создавать и применять визуализации на практике? Какие этапы создания инфографики схожи с проведением бизнес-анализа? Основные идеи и подсказки по этим вопросам Вы найдете в статье, опубликованной в HRMagazine.

Какой будет инфографика в 2012?

noreply@blogger.com (Димка) — Tue, 17 Apr 2012 04:41:58 PDT

Инфографика - начало визуальной революции. Эта область двигается вперёд, развивается и с каждым годом всё быстрее. Какой будет инфографика в следующем году? Эта тема особенно интересует тех, кто вкладывает в неё средства. По тенденциям, которые просматриваются уже сейчас, можно отследить, к какой инфографике мы придём. Росс Крукс соучредитель фирмы инфографики ColumnFive, рассматривает некоторые из наиболее интересных тенденций, оказывающих влияние на эту область. Оригинал на английском языке Вы можете прочесть здесь. Или сэкономьте немного времени и просмотрите «понятный и простой» перепост на русском ниже).

Тенденции настоящего:

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

На сегодняшний день, статическая графика – наиболее популярный способ, что, вероятно, связано с тем, что он является самым простым для создания и последующего размещения. Однако все более распространенной становится интерактивная инфографика, как правило, на основе flash. Она позволяет дизайнерам и разработчикам визуализировать несколько слоев данных в одном интерфейсе, обеспечивая при этом динамический просмотр для пользователя. Очевидным недостатком flash является отсутствие поддержки данной технологии на iPhone и iPad. Но, несмотря на это серьезное ограничение, простота в разработке, новизна и удобство для пользователей дают интерактивной инфографике несомненные преимущества.

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

Будущее инфографики:

В последние годы мы были свидетелями изменения мнения и отношения «пользователей» к инфографике. Сегодня различные приложения открывают новые области, в которых успешно можно использовать инфографику.
Распространенность iPad и iPhone только подпитывают желание внести интерактивность графического отображения в эти устройства. Разработчики используют HTML и HTML 5 для воплощения этого желания в жизнь, создавая «богатую» интерактивность на этих платформах. А если компания Apple изменит свое отношение к flash в ближайшее время, то эта тенденция продолжится с большим размахом.
Еще одной развивающейся областью является использование визуализации данных в режиме реального времени. Повсеместность Twitter и увеличение социальной активности обеспечивают для этого отличные возможности. Например, крупные компании хотели бы узнавать мнение людей об их новинках, услугах, нововведениях в режиме реального времени. Они начинают отслеживать и измерять свое присутствие и отношение к ним в сети Интернет. Компании уже сегодня хотят видеть самую последнюю информацию, отображаемую в хорошо продуманном и простом для понимания интерфейсе.

В последнее время наблюдается некоторый переход от веб-разработки к информационному дизайну. Опыт mint.com стал одним из первых примеров того, как устаревшая финансовая информация может стать динамичной и простой для взаимодействия с пользователем. «Новаторы» поняли, что четкое отображение информации с интуитивной интерактивностью часто является гораздо более действенным способом, чтобы привлечь пользователей на сайт. Это выводит на первый план содержание сайта, и позволяет «гостю» использовать его наиболее эффективно. Это, несомненно, зависит от направленности сайта, и не подходит для некоторого контента, но можно быть уверенным, что инфографика в качестве пользовательского интерфейса, обеспечивает хорошее восприятие информации и будет востребована в будущем.

Интересно наблюдать эволюцию и рост инфографики!

Оригинал статьи в блоге Medium

Как ваша компания использует инфографику?

noreply@blogger.com (Димка) — Mon, 16 Apr 2012 08:48:40 PDT

The Washington Post спросил трех предпринимателей "Как ваша компании использует инфографику?". Ответы были схожими.

Первый сказал (Кэйтлин Маккейб, основатель и генеральный директор Real Bullets Branding in Boston):

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

Как маркетолог и исследователь могу сказать, что инфографика заставляет мою команду сокращать наши результаты и выводить ту информацию, которая является релевантной для массовой аудитории. Хотя мы ранее, возможно, подготовили 35 страниц отчета, которые никто и не прочитает. Теперь мы можем использовать инфографику.

Второй сказал (Николас Риз, главный директор Microbrand Media in New York):

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

Например, когда мы начали проект TaxReceipts.com, мы использовали инфографику, чтобы помочь владельцам малого бизнеса понять общие налоговым мифы, часто мешающие им развивать дело. Один самых наших популярных инфографиков "Налоговый Миф №2"

Бизнес-инфографика: Налоговый миф №2

И последний, который, кажется, знает больше, чем первые два, сказал (Джастин Бигель, основатель Infographic World, Inc. в Нью-Йорке):

Я предполагаю, что это - интересный вопрос, потому что я, оказывается, управляю агентством по информационному дизайну и продвижению инфографики. Было замечательно видеть рост инфографики, потому что действительность такова, что старый способ передавать сообщения просто не работает. Люди теперь визуальные ученики — более, чем когда-либо.

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

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

Ещё по теме:

Ценность визуального (образного) мышления

noreply@blogger.com (Димка) — Thu, 12 Apr 2012 04:20:00 PDT

Отрывок из книги Построение бизнес-моделей. Настольная книга стратега и новатора | Александр Остервальдер и Ив Пинье . Рекомендую!

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

Ценность образного мышления

"Образное (визуальное) мышление незаменимо в работе с бизнес-моделями. Под образным мышлением мы имеем в виду использование инструментов визуализации, таких как эскизы, наброски, диаграммы и стикеры с пометками, для конструирования и обсуждения идей. Бизнес-модель – это комплексная структура, состоящая из различных блоков и взаимодействия между ними, поэтому разобраться в модели, не изобразив схематически, очень сложно.

На практике бизнес-модель – такая система, в которой каждый элемент воздействует на все остальные; она имеет смысл только как единое целое; увидеть всю картину целиком без визуализации очень сложно. Создавая зрительный образ бизнес-модели, мы переводим свои неясные предположения в форму очевидной для окружающих и для нас самих информации. При этом модель обретает реальные черты и может стать предметом для обсуждения и изменения. Техники визуализации вдыхают жизнь в бизнес-модель и способствуют совместному творчеству.

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

В бизнесе давно используются такие визуальные техники, как диаграммы и графики. Эти элементы широко применяются для разъяснения содержания докладов и планов. Однако визуальные методы гораздо реже используются в дискуссиях, исследованиях и при разрешении проблем бизнеса. Когда последний раз вы были на совещании, во время которого руководитель рисовал какую-нибудь схему? А ведь для стратегического процесса визуализация имеет огромное значение. Образное мышление улучшает стратегические исследования, превращая абстрактное в конкретное, высвечивая связи между элементами и упрощая сложные структуры. Ниже мы покажем, как образное мышление может помочь вам в процессе уточнения, обсуждения и изменения бизнес-моделей.

Мы рассмотрим два метода: использование стикеров с надписями и рисунков в сочетании с шаблоном бизнес-модели. Также мы обсудим процессы, которым способствует визуализация: понимание, диалог, исследования и коммуникации."

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

Канва бизнес-модели

Стив Бланк: 6 способов завалить стартап

Ещё по теме:
Развитие образного мышления у детей (взрослым тоже полезно)
Книги по инфографике: Дэн Роэм "Визуальное мышление"

Генератор инфографики от Intel

noreply@blogger.com (Димка) — Tue, 10 Apr 2012 05:44:00 PDT

Intel создали простой генератор инфографики по профилю в facebook, twitter и youtube. Очень похоже на сервисы для создания инфографики от Visual.ly.

Применение инфографики в бизнесе: объявления

noreply@blogger.com (Димка) — Tue, 10 Apr 2012 01:13:00 PDT

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

Я приведу примеры объявлений, связанных с недвижимостью. Они набрали сотни лайков, а авторы быстро получили желаемое.ps звонить не надо)

Типографика и Книги. Краткий обзор

noreply@blogger.com (Димка) — Mon, 09 Apr 2012 00:44:00 PDT

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

Специалистов по типографике, как и по инфографике в России очень мало. Артемий Лебедев ищет таких специалистов и хорошо им платит. Поэтому рекомендую обратить внимание на материалы, представленные в посте

Типографика. Что почитать!

Самые популярные книги

Живая типографика | Александра Королькова

Книга про буквы от Аа до Яя | Юрий Гордон

Типографика | Эмиль Рудер

Книги можно купить на озоне, livelib'е, а можно скачать бесплатно через поисковик или на твирпиксе.

Дополнительно

И ещё небольшой список литературы по типографике, который найти будет посложнее:

Методика технического редактирования. П.Г. Гиленсон. Москва, 1964
Книжный шрифт. М.В. Большаков, Г.В. Гречихо, А.Г. Шицгал. Москва, 1964
Искусство акцидентного набора. С. Телингатер, Л. Каплан. Москва, 1965
Художественное конструирование и оформление книги. Е.Б. Адамов и др. Москва, 1971
Ритмическая структура книги. Е.Б. Адамов. Москва, 1973
Композиция и архитектоника книги. Н. Гончарова. Москва, 1977
Облик книги: Избранные статьи о книжном оформлении. Я. Чихольд (пер. с нем.). Москва, 1980
Типографика: Руководство по оформлению. Э. Рудер (пер. с нем.). Москва, 1982
Сетка: Модульная система конструирования и производства газет, журналов и книг. А. Херлберт (пер. с анг.). Москва, 1984
Художественная структура книги. Ю. Герчук. Москва, 1984
Ручной набор. В.А. Вигдорчик. Москва, 1985
Эстетика книжных пропорций. С. Водчиц. Москва, 1997

Ещё по теме:
Книги по типографике с подробными обзорами
23 книги
Рекомендации студии Лебедева

Конференция "Инфографика и информационный дизайн 2012"

noreply@blogger.com (Димка) — Thu, 05 Apr 2012 10:11:17 PDT

"Что тянуть-то. Пора объявлять. Вторая конференция «Инфографика и информационный дизайн-2012» состоится 19 и 20 мая 2012 года в Санкт-Петербурге. Проводится при поддержке российского отделения Общества новостного дизайна (SNDR) и фонда «Новая Евразия». Все подробности и регистрация — на сайте SNDR. Сейчас просто отметьте себе две даты в голове и бронируйте билеты. Будет интересно. Это я вам обещаю." из блога Федора Шумилова (студия инфографики "ПАРОВОЗ")

Первая конференция "Инфографика и информационный дизайн" прошла в 2011 году. На конференции собираются передовики инфографичной мысли. В этом году мероприятие пройдет в Санкт-Петербурге 19 и 20 мая. За информацией следите на сайте SNDR

Отчет с мастер-класса Андрея Скворцова в "Digital October"

noreply@blogger.com (Димка) — Thu, 05 Apr 2012 09:02:52 PDT

28 марта в Digital October прошел мастер-класс «Увидел и понял» российского гуру инфографики, руководителя компании «Меркатор» Андрея Скворцова.
Смотрите и подписывайтесь на канал в Youtube.

События: Мастер-класс Андрея Скворцова в "Digital October"

noreply@blogger.com (Димка) — Thu, 03 May 2012 10:38:50 PDT

Отчет с мастер-класса Андрея Скворцова в "Digital October" с видеозаписью уже готов.

28 марта в 19:30 в Digital October выступит Андрей Скворцов с мастер-классом об инфографике и искусстве представления данных в удобном и наглядном формате.

Андрей Скворцов

Директор и совладелец крупнейшей в России студии видеоинфографики - компании "Меркатор", куратор проектов "Россия в цифрах" (телеканал «Россия-24»), "Москва в цифрах" («Москва-24»), а также службы инфографики телеканала «Россия-1». Автор и соавтор сотен инфографических роликов и презентационных фильмов для крупнейших компаний России и мира (Vimetco, Orange, PWC, STADA, «Лаборатория Касперского», Yota, Ростелеком, РЖД, Сбербанк, Газпром и др.). Обладатель золотой медали Нью-Йоркского фестиваля презентационных фильмов, с 2010-го года член жюри фестиваля от России. Академик российской Академии телевидения, ведущий "Погоды на НТВ" (как сам говорит, "не отпускает образование метеоролога"). Выпускник Гарвардской школы бизнеса (курс OPM), программы MBAбизнес-школы AIBEc, кафедры метеорологии географического факультета МГУ. Четырехкратный рекордсмен России по парашютному спорту (в классе больших формаций).

В современном мире коммуникация становится все более визуальной. Газеты, телевидение, интернет, докладчики -- все больше и больше "говорят картинкой". Объем информации возрастает, что влечет за собой рассеивание внимания аудитории и увеличение затрат времени на поиск нужных данных.

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

Андрей коснется вопросов:

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

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

Для участия необходимо зарегистрироваться.

Кстати, по событиям в области инфографики есть отличная инфографика, сделанная авторами блога "Inforapher"

Ура! Блогу 2 года.

noreply@blogger.com (Димка) — Sun, 25 Mar 2012 21:56:56 PDT

Уважаемые читатели, блог Инфографика в примерах отмечает День Рождения. Ему 2 года.
Чтобы и дальше развиваться, напишите в комментариях, что вам было бы интересно прочесть и узнать.

Сервисы для создания инфографики: Visual.ly

noreply@blogger.com (Димка) — Mon, 12 Mar 2012 08:51:36 PDT

УРА! Сервис "Вижуали" расширил число сервисов для автоматического создания инфографики.

Уважаемые читатели!

Проголосуйте за блог "Инфографика в примерах" на странице конкурса БЛОГ РУНЕТА

"Просто подключите и нажмите кнопку для создания профессионально выглядящей инфографики. Если вам не нравится первый проект, выберите другой, пока не найдете тот, который вам нравится." Сказано на сайте create.visual.ly

Жизнь хештегов в твитере.

Можно увидеть динамику использований и основных евангелистов этого хештега (для русских, к сожалению не работает)

Сравнение аакаунтов в твитере

Несколько видов фонов, вся правда о ваших фоловерах. Мериться пузомерками можно сколько хочется =)

Насколько Вы монстр Facebook

Много сидите в соцсетях. Ааа, это всё по работе, нуну.)

Жизнь в facebook

Следите за всем. Вполне себе инструмент для SM исследований

инфографика о себе

Пробуйте, вот он долгожданный инструмент нашей мечты =)

На связи блог "Инфографика в примерах". Подпишись на дополнительные обновления в соцсетях!

В чем создавать инфографику: Основные программы

noreply@blogger.com (Димка) — Thu, 01 Mar 2012 02:03:04 PST

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

Ответ на этот вопрос был не полностью описан в статье "Видеоинфографика. Где её делают?"

Специализированное программное обеспечение для создания инфографики

(подчеркнутые программы используются чаще)

Программное обеспечение для работы с векторной графикой

Adobe Illustrator
Corel Draw
Corel Designer
Corel Painter
Microsoft Expression Studio
Inkscape

Программное обеспечение для работы с растровой графикой

Adobe Photoshop
Corel PhotoPainter
Gimp
Русский Дизайн

Программное обеспечение для работы с 3D-графикой

AutoDesk 3D MAX
AutoDesk 3D Maya
Maxon Cinema 4d

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

Adobe Flash
Adobe Flash Builder
а также технологии xml и php

Программное обеспечение для работы с видео-контентом

Adobe Premiere
Adobe AfterEffects
и др.

Вы используете другой софт? Поделитесь с читателями в комментариях.

На связи блог "Инфографика в примерах". Подпишись на дополнительные обновления в соцсетях!

Создание резюме в стиле инфографика

noreply@blogger.com (Димка) — Wed, 29 Feb 2012 03:20:17 PST

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

Если вы не дизайнер, то всё равно можете сделать такое резюме благодаря нескольким сервисам, предоставляющим создание резюме в стиле инфографика

1. ResumUP
Это питерский стартап на международном рынке - это очень приятною Причем сервис идет первым, так как действительно хороший и качественный (не просто патриотизм)). Сервис поддерживает вконтакте и прост в обращении.

2.Vizualize.me

3. Re.vu

4. Kinzaa.com

5. Brazen Careerist app

6.Dipity.com Интересный сервис для создания не только резюме, но и просто интерактивной инфографики типа таймлайн.

На связи блог "Инфографика в примерах". Подпишись на дополнительные обновления в соцсетях!

Жизнь хештегов в твитере. Можно увидеть динамику использований и основных евангелистов этого хештега (для русских, к сожалению не работает)
Сравнение аакаунтов в твитере Несколько видов фонов, вся правда о ваших фоловерах. Мериться пузомерками можно сколько хочется =)
Насколько Вы монстр Facebook Много сидите в соцсетях. Ааа, это всё по работе, нуну.)
Жизнь в facebook Следите за всем. Вполне себе инструмент для SM исследований
инфографика о себе Пробуйте, вот он долгожданный инструмент нашей мечты =)