Инфографика: понятие, классификация и инструменты создания

Инфографика ИНФОГРАФИКА: ПОНЯТИЕ, КЛАССИФИКАЦИЯ И ИНСТРУМЕНТЫ СОЗДАНИЯ Инфографика – графический способ подачи информации, знаний и данных с целью демонстрации соотношения факторов. Целью инфографики являетсямаксимальная наглядность, доступность и простота. Выбор формы зависит напрямую от информации, которую необходимо предоставить аудитории.Посредством инфографики можно визуализировать информацию любой тематики: от серьёзных аналитических данных до обзора компьютерных игр. Почему же инфографика стала настолько популярна? Дело в том, что практически каждый пользователь социальных сетей гораздо охотнее делится изображением, нежели текстовой информацией. В текст нужно вникать, вчитываться, прикладывать к этому занятию определённые усилия и время, а изображение можно понять в ту же секунду. Исходя из статистики, 90-95% пользователей социальных сетей не создают вообще никакого контента, лишь определяют, какой наиболее полно и точно отображает их мнение. И это вполне допустимый факт. Если Вы относите себя к тем 5-10%, которые любят создавать интересный контент, то рано или поздно Вы должны будете осваивать инфографику. Кроме того, визуализация информации необходима для удобства работы, если Вы представляете какой-нибудь проект. Если Вы задумались о создании инфографики, то речь явно идёт не о простом хобби или весёлом времяпрепровождении. Это означает, что Вы владеете определённой информацией и хотите сделать её наиболее понятной для своей аудитории. Однако, если Вы начинающий пользователь, который никогда не представлял информацию в виде инфографики, то для Вас будут полезны следующие советы:  Определите, что именно Вы хотите донести до аудитории и с какой целью. Выделите основные моменты в совокупности данных, которые должны стать основополагающими, — это будет каркас Вашей инфографики.  Максимально упростите подачу информации, разбейте её на разделы, если массив данных слишком велик. Каждый раздел представьте отдельным графиком или изображением.  Подберите для каждого массива данных наиболее подходящий формат для визуализации. Различия только помогут лучше закрепить у целевой аудитории предоставленную информацию. Также для лучшего понимания информации в инфографике необходимо подбирать соответствующую тематике цветовую гамму.  Обязательно указывайте источники данных и своё авторство. Нужно сказать, что пределов для полёта фантазии абсолютно нет, однако стоит изучить основные типы инфографики, чем мы сейчас и займёмся. Итак, инфографика делится на 4 типа: 1. Статичная инфографика – здесь предоставляются лишь факты и числовые данные, их взаимосвязь и зависимость относительно друг друга. Она имеет вид диаграмм, графиков и других простых форм. 2. Динамичная инфографика – она отображает динамику развития или прогресс. Наиболее часто используется для визаулизации экономических и социальных показателей. 3. Инфографика-инструкция – она показывает последовательность действий с целью обучения или объяснения каких-либо процессов. Графические или символьные схемы помогают доступно изложить данные. Широко используется в инструкциях любого рода. 4. Видеоинфографика – одна из последних современных тенденций в этом направлении, которая помогает наглядно донести до зрителя информацию, представленную в виде инфографики. Может сочетать в себе разнообразные направления визуализации данных, закрепляя в сознании зрителя данные, благодаря их зачитыванию. Таким образом, более 80% услышанного и увиденного запоминается с 1-го просмотра. Это один из самых эффективных в плане восприятия и запоминания информации тип инфографики. Кстати, зачастую, в инфографике может одновременно переплетаться несколько её типов (например, цифровая и текстовая информация дополняется вспомогательными графиками, диаграммами и высококачественными изображениями). Теперь настало время рассмотреть онлайн-сервисы, посредством которых Вы сможете создавать красивую инфографику без специальных знаний. Сервис №1 — easel.ly Сервис easel.ly предлагает существенно упростить создание инфографики посредством использования уже готовых шаблонов. Внести сюда статистическую информацию, которая автоматически отобразится в виде диаграммы или графика, нельзя, разве что придется вводить вручную заведомо структурированные данные, подгоняя их под выбранный шаблон. Данный сервис позволяет просто красиво структурировать информацию, не требуя при этом совершенно никаких специальных знаний в дизайне. Работает сервис по принципу drag & drop (перетащи и брось), то есть методом перетаскивания на рабочее поле наиболее подходящих по смыслу элементов. Каждому элементу, будь то картинка, линия или текст, можно придавать нужную величину и форму, просто растягивая или уменьшая его при помощи курсора. Также Вы можете добавлять свои изображения, пиктограммы, фото и так далее. Каждый шаблон сервиса служит лишь отправной точкой для Вашей инфографики – фон и все элементы взаимозаменяемы. Несмотря на то, что сайт на английском языке, он не видит разницы между латиницей и кириллицей.Сохранять готовый проект можно в форматах JPEG и PDF, а регистрироваться необязательно. Порядок действий:  Просто перейдите на сервис по адресу — http://www.easel.ly/  На главной странице увидите множество шаблонов разнообразных тематик, кликнув левой клавишей мыши по любому из них, Вы окажетесь в редакторе, где можете изменять надписи, их размер, стиль и т.п.  Кликнув по самой 1-ой иконке с названием «Start Fresh», Вы сможете создать свой собственный шаблон. Сервис №2 — infogr.am Сервис infogram является одним из наиболее дружелюбных к пользователю сервисов инфографики. Название сайта отнюдь неспроста напоминает всем известный бренд Instagram, так как создатели изначально исходили из идеи наибольшего упрощения интерфейса. Девизом сервиса служит слоган: «Зашёл, создал, поделился!». Для создания собственных графиков, необходимо либо завести аккаунт на сайте, либо войти посредством профиля в Facebook или Twitter и выбрать 1 из 6 предложенных шаблонов. Несмотря на англоязычный интерфейс, сервис воспринимает кириллический текст как свой собственный, а разобраться с последовательностью действий сможет даже новичок. В процессе создания инфографики Вы можете добавлять к уже готовому шаблону необходимые диаграммы, фото и видео. Редактирование данных осуществляется в таблице, которая напоминает всем знакомый Excel-документ (она появляется после двойного клика на поле графика). Сохранение Вашей инфографики осуществляется в автоматическом режиме и каждый открытый шаблон помещается в Вашу профильную библиотеку (Library).Всё хранится на удалённом сервере, поэтому Вы в любой момент можете вернуться к нужному проекту и поменять данные по мере надобности. Вот только на жёсткий диск результат Ваших творческих фантазий сохранить не получится, Вы лишь можете поделиться им в социальных сетях, либо получить код для встраивания на сайт. Порядок действий:  Перейти на официальный сайт сервиса — http://infogr.am/  Кликнуть на красную кнопку «Start now, it’s free!», затем завести аккаунт, либо зайти через одну из предложенных социальных сетей.  Вы увидите 3 иконки – Create (создать), Library (Библиотека) и Upgrade to Pro (обновиться до профессиональной версии, которая позволяет скачивать Вашу инфографику на компьютер).  Нажмите кнопку Create (создать), выберите необходимый Вам шаблон инфографики и нажмите кнопку под ним «Use design»  После этого Вы можете наводить курсор мыши на нужные названия или пункты, кликать 2 раза левой клавишей мыши по ним и вводить свою информацию и данные. Подводя итог всему вышесказанному, заключаем, что инфографика имеет широкое поле для применения и помогает не только разнообразить методы подачи информации, но и создавать новые направления в этой области. Она доступна людям любых возрастов и с любой степенью образования. В 21 веке важно не столько владеть информацией, сколько уметь её правильно подават 0 причин, почему инфографика это круто 18.11.2011 Почему инфографика, особенно качественная и красиво оформленная, всегда пользуется большим успехом? Причем, неважно, на какую тему она сделана, будь то разведение кроликов, выпуск автомобилей или популяция медведей Аляски. Что заставляет людей просматривать ее? Попробуем разобраться в этой статье. Плюс, чтобы не было скучно читать — каждую причину буду иллюстрировать этой самой инфографикой. Инфографика делает получение информации приятнее Не просто набор графиков и цифр, объединенных в одном изображении, а действительно качественный продукт — его приятно просматривать. Причем, абсолютно неважно на каком языке. Качественная инфографика отдаст заложенный в ней смысл хоть на древнекитайском. Текст так не умеет. Инфографика несет в себе не только дизайн, но и информацию Звучит банально, но тем не менее — самое главное в ней все же информация. А дизайн же — лишь способ ее донести, причем сделать это так, чтобы было понятно любому человеку, ее увидевшему. Возможно, вам понравится, как оформлена инфографика — но намного приятнее получить из нее действительно ценные или интересные сведения. Инфографика привлекает внимание Трудно пройти мимо, не так ли? Так и тянет посмотреть, что же там такое, что за графики, линии и циферки. Причем, качественную инфографику интересно смотреть независимо от того, на какую тему она создана. А вот статью об этом далеко не всегда прочитаешь. Инфографика проще для понимания Действительно, когда не знаешь, о чем идет речь в статье — читать скучно, непонятно и не всегда такая статья дочитывается до конца. А оформленные цифры и графики дают понимание с первого взгляда. Инфографика не дает скучать Получение большого количества информации, особенно, не совсем понятной, перегруженной цифрами и фактами — процесс скучный и долгий. Гораздо приятнее видеть все это оформленным в виде инфографики. Зачем читать огромные «простыни» текста, если можно получить информацию гораздо быстрее? Она повышает интерес к теме Если инфографика сможет «зацепить» чем-то действительно интересным — высока вероятность того, что человек полезет поискать дополнительную информацию по этой теме. Процесс самообучения во всей красе. Она доступна В интернете инфографики море — несмотря на то, что появилась и стала популярной она сравнительно недавно. Можно найти освещение практически любой проблемы, события или какого-либо известного персонажа. Инфографика убедительнее текста Человек склонен доверять тому, что видит. Инфографика дает человеку возможность воочию увидеть информацию. Будь то рост продаж Iphone, развитие автомобильной промышленности или доминирование одного африканского племени над другим — цифры, оформленные графически, с одного взгляда дают понять, что к чему. Инфографика долго не забывается Качественная инфографика долго не забывается. Яркая графическая картинка надежно впечатывается в сознание, в этом успех яркой телевизионной рекламы. Инфографика работает аналогичным образом. С ней никогда не запутаешься Ясное и наглядное предоставление информации выгодно отличает инфографику от обычного текста, особенно объёмного. С текстом сложно работать, его трудно запомнить. Цифры, которые были на прошлой странице, могут вылететь из головы к началу следующей. С инфографикой все проще, все рядом — можно сравнить, проанализировать и сделать для себя какие-то выводы. Вот и все на сегодня. Надеюсь, было интересно и вы почерпнули для себя что-то новенькое. Удачного дня вам http://www.myshared.ru/slide/1330604/ -презентация Восприятие информации в эпоху социальных сетей Новая информационная среда, развитие блогов и социальных сетей, переход получения информации из традиционных источников в интернет-пространство оказало значительное влияние на поведенческие стереотипы пользователя. Мы хотим получать информацию быстрее, мы хотим понимать информацию быстрее, мы хотим взаимодействовать быстрее. Социальные платформы, такие как Twitter, Инстаграм, Facebook, Slideshare, Pinterest переход коммуникаций в интернет-пространство трансформировало наше «видение» информации. Это обеспечивается, прежде всего, за счет различных гаджетов, которые мы используем каждый день — смартфон, планшет, ноутбук… Постепенно пришло понимание, насколько важна визуализация информации, особенно сейчас. И это не случайно. Посудите сами, как наш мозг воспринимает информацию. Наш мозг обрабатывает визуальную информацию в 60 000 раз быстрее, чем текст.   90% информации, передающейся в мозг, является визуальной; 70% ваших чувствительных рецепторов находятся в ваших глазах;  50% вашего мозга задействовано в обработке визуальной информации;  40% людей лучше реагируют на визуальные эффекты. Обычно люди стремятся получить информацию как можно быстрее — и инфографика является отличным решением данной потребности. Инфографика — это графический способ подачи информации, данных и знаний, целью которого является быстро и четко преподносить сложную информацию Как говорится, Google нам приходит в помощь, так как Интернет пестрит книгами, инструкциями и форумами на тему ТОП 10 книг по инфографике и визуализации данных, ТОП 20 ресурсов по созданию инфографики и т.д. Из истории создания инфографики Одними из первых в газете стали использовать сочетание графики и текста издатели USA Today, запустившие свой проект в 1982 году. За несколько лет газета вошла в пятерку самых читаемых изданий страны. Одним из наиболее заметных и востребованных читателями нововведений USA Today стали детальные, хорошо прорисованные картинки с поясняющими комментариями — инфографика. Американские читатели быстро поняли и приняли преимущества такого способа передачи информации — инфографика передавала сообщение быстрее, чем текст (один качественно сделанный рисунок заменял несколько страниц текста) и подробнее, чем стандартная иллюстрация (благодаря детальности рисунка и точным тезисным комментариям). Карта — явный пример визуализации. Чтобы дойти до определенной точки, нам важно знать направление, расстояние, ориентиры. Один взгляд на карту позволяет нам избежать чтения длинных описаний о местонахождении определенной точки. Почему визуализация важна? Визуализация информации = представление + взаимодействие 1. Она позволяет видеть то, что иначе сложно заметить. Да, информация присутствует в данных, но без визуализации вы не замечаете трендов, паттернов поведения и зависимостей. 2. Она дает ответы на многие вопросы быстрее. В простейшем случае гораздо проще поглядеть на график и увидеть тренд, чем на колонку цифр. 3. Хорошая визуализация позволяет «исследовать данные», поиграть с ними, выявляя интересные вещи, что особенно важно в журналистике, к примеру. 4. В наше время объемы данных растут с невероятной скоростью. Визуализация помогает справиться с возрастающей сложностью и разнообразием данных. 5. Все любят смотреть на интригующие цветные картинки, но практически никто не любит скучные таблицы с цифрами. Субъективное восприятие информации, доверие к информации выше, когда она подана визуально. Инфографика в работе пресс-служб В современной PR и медиа-индустрии инфографика занимает заметное место, хоть и является довольно новым направлением деятельности. Парадоксально, что, будучи одним из самых древних приемов визуализации информации, инфографика пока еще остается малоизученным инструментом коммуникации. Конечно, разработка инфографики требует вовлечение дизайнера. Однако если оценивать эффективность от вложения средств в традиционную рекламу, в виде баннеров, и заказа журналистских статей, то эффективность от размещения инфографики в социальной сети и Интернете гораздо выше! Ведь просмотр и доступ к данной информации не ограничен тиражом издания! Хорошая инфографика позволяет тратить как можно меньше времени на поиск ответов Современная аудитория предпочитает сжатый, компактный контент большим массивам информации, а инфографика как нельзя лучше подходит под это описание. Для «точки отсчета» предлагаю вам некоторые идеи по визуализации некоторых направлений деятельности вашего ведомства в эпоху электронного правительства. 1. История развития ведомства/министерства (почему бы не использовать «линейку времени» с обозначением ключевых событий, визитов и достижений?); 2. Объем привлеченных инвестиций в сферу (в сравнении с более ранним периодом); 3. Количество оказываемых услуг (в том числе электронных) для физических лиц и предприятий; 4. Как получить ту или иную услугу (визуальное изображение — куда подать, как получить, ссылки, количество дней, сумма оплаты и т.д.). Таким образом, можно говорить о том, что инфографика являет собой устойчивый тренд в области коммуникационных технологий, является востребованной и не должна быть оставлена без внимания, когда речь идет об инструментарии специалиста по связям с общественностью. Кроме того, инфографика — это удобный и емкий раздаточный материал для информирования общественности о проделываемой работе вашего ведомства. Как создать инфографику?      Подумайте об идее, о теме и тех данных, что вы решили представить аудитории. Соберите и структурируйте данные и статистику или поищите связанные с вашей темой интереcные факты. Разработайте систему кратких и значимых аргументов, сделайте выводы. Для упрощения работы используйте таблицы, например, Excel. Подумайте над наиболее подходящим форматом визуализации данных. Инфографика представлена во множестве различных форматов, поэтому, подумайте над тем, как вы хотите представить свою информацию – временная шкала, график, диаграмма, движущаяся схема и прочее. Вашей задачей должно являться быстрая передача основных тезисов, поэтому главный совет: упрощайте!Не нужно размещать много информации на одной картинке. Подумайте над подходящей и привлекающей внимание цветовой схеме, о брендировании вашей инфографики. Проставьте связи между фактами в вашей инфографике. Инфогра́фика (от лат. informatio — осведомление, разъяснение, изложение; и др.греч. γραφικός — письменный, от γράφω — пишу) — это графический способ подачи информации, данных и знаний, целью которого является быстро и чётко преподносить сложную информацию[1][2]. Одна из форм информационного дизайна[3]. Спектр её применения огромен: география, журналистика, образование, статистика, технические тексты. Инфографика способна не только организовать большие объёмы информации, но и более наглядно показать соотношение предметов и фактов во времени и пространстве, а также продемонстрировать тенденции. Подходы[править | править вики-текст] Инфографика — визуализация данных или идей, целью которой является донесение сложной информации до аудитории быстрым и понятным образом[1][2]. Средства инфографики помимо изображений могут включать в себя графики, диаграммы, блок-схемы, таблицы, карты, списки[1]. Существуют два противоположных подхода к дизайну инфографики, расходящиеся в вопросах значимости для инфографики эстетики и украшений. За одним из них, исследовательским (англ. explorative), берущим начало в вековых традициях оформления научных работ, стоит Эдвард Тафти, автор нескольких основополагающих работ по информационному дизайну. Он ратует за минималистский характер инфографики, при котором всё несущественное для передачи информации должно быть опущено, а сама информация должна быть передана максимально точно. Основной целью этого подхода является стремление к донесению информации до целевой аудитории. Такой подход оправдан в научной работе, анализе данных, бизнес-аналитике. Другой подход, сюжетный, повествовательный (англ. narrative) свойственен Найгелу Холмсу (Nigel Holmes), наиболее известному по его иллюстрациям редакционных колонок в Time с 1978 по 1994 год, называемому им explanation graphics[4] — «поясняющие иллюстрации». Этому подходу присуще стремление к созданию привлекательных для читателя образов, выразительного дизайна, иллюстративности. Это — не просто получение информации, но и развлечение для читателя. Сферой применения этого подхода можно считать журналистику, блоги, маркетинговые и рекламные материалы. Таким образом, исследовательский подход подразумевает извлечение нужной информации самим читателем, тогда как повествовательный уже содержит заключение, к которому читатель должен прийти[5]. Инфографика может использоваться для создания ложного представления о статистических данных и манипулирования общественным мнением. Использование инфографики для этих целей подробно рассмотрено в главе «The One-Dimensional Picture» классической[6] книги Дарелла Хаффа (англ.)русск. «Как лгать при помощи статистики». Особенности[править | править вики-текст]     графические объекты, ассоциативно связанные с представляемой информацией или являющиеся графическим выражением направлений изменения представляемых данных, полезная информационная нагрузка, красочное представление, внятное и осмысленное представление темы. Составляющие успеха инфографики[править | править викитекст] Инфографика: Яндекс в 2013 году Практикующие дизайнеры выделяют несколько аспектов, учёт которых позволяет сделать инфографику успешной[7][8][9][10]:   Своевременность Привлекательная, понятная тема                 Плавный, красивый, эффективный дизайн Удобство распространения Учёт целевой аудитории Цифры могут говорить сами за себя Внутренняя целостность Эмоциональные цвета Качественные диаграммы Выбор масштаба Создание истории Выбор интересных фактов Визуализация Упрощение Использование линии времени Определение концепции и цели Авторитетность и надёжность источников Учёт отзывов от заказчика Кроме того, можно выделить три столпа, на которых основывается хорошая инфографика[11]:    Полезность (практическая ценность) — насколько достигаются поставленные цели коммуникации. Пригодность — наличие смысла для зрителей и читателей, насколько полно, достоверно, интересно содержание. Красота — качество формы и дизайна преподнесения информации. Разновидности[править | править вики-текст] Несмотря на то, что инфографика может применяться практически в любой дисциплине, специалист может выделить некоторые категории инфографики[12]:    Числа в картинках: наиболее распространённая категория, которая позволяет сделать числовые данные более удобоваримыми, Расширенный список: статистические данные, линия времени, просто набор фактов может быть визуализирован, Процесс и перспектива: служит для визуализации сложного процесса или предоставления некоторой перспективы. Может вообще не содержать числовых данных. По способу отображения инфографика подразделяется на следующие виды[13]:   Статичная инфографика — одиночные изображения без элементов анимации; Динамическая инфографика — инфографика с анимированными элементами. Основными подвидами динамической инфографики являются видеоинфографика, анимированные изображения, презентации. По типу источника различают 3 основных вида инфографики:    Аналитическая инфографика — графика подготавливаемая по аналитическим материалам. Наиболее часто используется экономическая инфографика: аналитика проводится исключительно по данным экономических показателей и исследований; Новостная инфографика — инфографика, подготавливаемая под конкретную новость в оперативном режиме; Инфографика реконструкции — инфографика, использующая за основу данные о какомлибо событии, воссоздающая динамику событий в хронологическом порядке. Инфографика различных видов Статистика по проектуWikipedian in Residence Линия времени о работах Джона Баскервиля Инфографика на тему Social media brandsphere Принцип создания и восприятия инфографики Интерактивная инфографика[править | править вики-текст] Основная статья: Интерактивная инфографика Ключевыми форматами инфографической коммуникации являются[14]:    статические изображения — фиксированная информация, предназначенная для чтения и просмотра, изображение статическое. движущиеся изображения — обычно фиксированная информация, которую пользователь смотрит, читает, слушает. Изображение анимированное или движущееся. Для этого формата можно использовать видео. интерактивные интерфейсы — фиксированная или обновляемая информация. Пользователь может искать, преобразовывать отображаемое содержимое, выбирая, что именно должно быть визуализировано, в отличие от двух предыдущих форматов — допускает как сюжетную, так и исследовательскую логику изложения. Движущиеся изображения, особенно в сочетании со звуковым сопровождением, привлекают внимание людей больше, чем статические изображения. Этот вид инфографики становится всё более популярным. Технологии HTML5, CSS3 и JavaScript (ранее — Flash) позволяют располагать текстовый и графический материал поверх видео, создавая эффект расширенной реальности[15]. Интерактивные инфографические интерфейсы (англ. interactive infographic interfaces) варьируются от самых простых до сложных и динамических. Этот вид инфографики особенно приспособлен для презентации большого объёма данных и привлечения пользователя к активному исследованию при получении требуемой им информации. Через интерактивный интерфейс можно подать как фиксированную информацию (англ. hard-coded), информацию о ситуации в виде приборной доски, а также обновляющуюся информацию в реальном времени[16]. Интерактивная визуализация фиксированной информации в наиболее простом варианте может быть аналогична презентации или слайд-шоу, где от пользователя может потребоваться лишь переходить от одного слайда к другому. Другим случаем может быть нагруженная данными географическая карта, которая визуально представляет данные о выбранном пользователем регионе (скажем, при движении мыши над этим регионом)[16]. Фиксированная интерактивная визуализация набора данных, динамически обновляющаяся в случае внесения изменений в наборе данных. В этом решении данные отделены от движка визуализации, да и обновлять подчас огромный объём данных вручную может быть слишком дорогим занятием. Примером данного подхода может служить фоновая картограмма карты США с обозначенными уровнями безработицы[17][16]. Динамический интерактивный интерфейс позволяет по требованию обновлять как отображение, так и отображаемую информацию. Примеры данного вида интерактивной инфографики можно найти в программах для разного рода аналитики и CRM. В качестве хорошего примера интерфейса можно назвать бесплатный сервис управления финансами mint.com. Хотя обычно в таких системах пользователь сам выбирает временные периоды, визуализируемые данные и форму их отображения, и в этом случае сюжетное изложение возможно наряду с исследовательским[16]. История[ В СССР инфографика широко применялась при оформлении павильонов ВДНХ, где был создан «Производственно-оформительский комбинат» (ПОК ВДНХ), на котором работали в том числе выпускники художественно-оформительского отделенияМГАХУ памяти 1905 года и МГХПА им. Строганова. Одними из первых в газете стали использовать сочетание графики и текста издатели USA Today, запустившие свой проект в 1982 году. За несколько лет газета вошла в пятерку самых читаемых изданий страны. Одним из наиболее заметных и востребованных читателями нововведений USA Today стали детальные, хорошо прорисованные картинки с поясняющими комментариями — инфографика. Американские читатели быстро поняли и приняли преимущества такого способа передачи информации — инфографика передавала сообщение быстрее, чем текст (один качественно сделанный рисунок заменял несколько страниц текста) и подробнее, чем стандартная иллюстрация (благодаря детальности рисунка и точным тезисным комментариям). Со временем выяснилось, что инфографика является не только технологией, не только сферой бизнеса, но и искусством. При этом, степень владения этим искусством напрямую влияет на доходность издательского бизнеса. Именно поэтому сегодня такие журналы как «Эсквайр» и «Нью-Йоркер» выделяют на создание инфографики 3—4 ведущих дизайнеров и одного журналиста — автора стержневой идеи. Одним из пионеров в создании интерактивной графики можно считать Дона Виттекинда (Don Wittekind), приглашённого газетой South Florida Sun-Sentinel. Мультимедийная галерея The Edge, созданная в Sun-Sentinel с помощью программы Adobe Director и позднее перенесённая на Macromedia Flash, стала образцом для подражания многих профессионалов. Интерактивную графику приняли на вооружение и другие онлайн-медиа[18]. В России в 2011 году появился журнал «Инфографика», главной особенностью которого стало отсутствие текстов и представление всей информации в виде инфографики[19]. 10 советов по созданию качественной инфографики Инфографика существовала на протяжении веков, но лишь в последние годы она стала центром внимания как почти безупречный способ передачи сложной информации и сценариев. Мы ничего не можем поделать - едва завидев ссылку на очередную инфографику, мы просто обязаны ознакомиться с ней. Если вы заинтересованы в создании собственной инфографики, ознакомьтесь с содержимым данной стать. Мы рассмотрим несколько примеров и обсудим, что следует и чего не следует делать при создании убедительной и эффективной инфографики. Создайте точку фокуса внимания Инфографика слишком часто превращается в чересчур усложненную кашу из картинок и текста. Дизайнер может легко увлечься и создать вместо полезной конструкции нечто гнетущее. Одним из способов избежать подобной тенденции является создание центрального графического элемента, наглядно передающего основную тему или посыл. источник изображения Как видите, график в виде кукурузного початка здесь не просто единственный привлекающий внимание элемент, он съедает практически все свободное пространство. Такая структура привлекает внимание и придает ощущение, что вы легко сможете поглотить отображенную информацию. Как только центральный элемент привлек вас, вы запросто сможете переключить внимание на расположенные по сторонам данные - как графические, так и текстовые. источник изображения Вы можете это прочитать, взглянув лишь раз? Помните, что инфографика, как и любая другая форма дизайна, должна иметь под собой определенные цели, которых вы пытаетесь достичь с ее помощью. Как правило, задача инфографики – взять сложную информацию и с помощью художественных усовершенствований сделать ее более понятной. Ваша цель состоит в том, чтобы создать нечто, что может быть усвоено максимально быстро. Это касается не только отдельных фрагментов, смысл которых должен передаваться мгновенно, но и общей идеи, которая должна восприниматься за считанные секунды. Если вы не будете уделять внимание этой цели, вы легко собьетесь с пути. Результат, возможно, и будет лучше сплошного текста, однако он не сможет передать информацию в действительно увлекательном и легко усваиваемом виде. источник изображения Глядя на подобную инфографику, единственное, что приходит в голову – она очень сложна для восприятия. Работая над дизайном, думайте о количестве движений глаз, которое потребуется совершить для усвоения идеи. В примере выше, ваши глаза должны постоянно метаться по всей площади графика, чтобы зафиксировать горизонтальное положение сектора, вертикальное положение, его цвет, а затем свести воедино эту информацию. Только представьте, сколько работы! Используйте уместные метафоры Одна из блестящих возможностей инфографики – взять скучную, комплексную информацию и обратить ее в графическую метафору, столь совершенную, что даже непрофессионалы смогут практически мгновенно понять суть посыла. Инфографика ниже служит отличным тому примером. Целью дизайнеров было связать пятьдесят позиций сравнительного позитивного экономического роста 14 стран. Будучи выражена в табличном виде, подобная информация была способна погрузить в сон студента-первокурсника. Однако, благодаря метафоре соревнования, она становится интересным, побуждающим к обсуждению графиком, усвоить который на базовом уровне способен даже школьник. источник изображения Теперь взгляните на график, расположенный ниже. Здесь приток иммигрантов в США представлен серией столбцов, образующих подобие американского флага. Информация быстро считывается и, благодаря узнаваемой форме, выглядит гораздо более привлекательной. источник изображения Используйте срезы Порой инфографика используется не просто для оживления скучных данных, а для отображения реальной ситуации. В подобном случае одной из популярных стратегий является представление обстановки в виде трехмерной графики, которая выглядит почти как лабораторный образец, к примеру – образец дерева. источник изображения Как вы видите, результатом этой техники становится необычайно интересная иллюстрация, позволяющая очень быстро уловить суть. То, что в обычных условиях потребовало бы нескольких параграфов или даже страниц объяснений, сконцентрировано в одном наглядном изображении. источник изображения Информацию можно сделать красивой Иногда инфографика берет большой объем данных и сводит его воедино для удобства чтения, а иногда цель ее – визуализировать просто неимоверный объем информации. В подобных случаях попросту не всегда возможно, а часто – и не желательно, уделять излишнее внимание каждому значению. Вместо этого мы ставим целью всю картину: что мы можем узнать, отступив назад и взглянув на все данные разом? В таких обстоятельствах дизайнеры часто отображают данные так, что результатом становится настоящее произведение искусства! источник изображения Если вы пройдете по ссылке и взглянете на график поближе, вы убедитесь, что в нем попросту слишком много данных, чтобы пытаться их усвоить. Однако же, инфографика здесь по-прежнему является превосходным источником, так как ей удалось обратить смертельно скучную информацию в нечто действительно замечательное и ясно отображающее конкретные тенденции. Не увлекайтесь столбиковыми диаграммами Дизайнер, научивший меня почти всему, что я знаю, всегда говорил мне одну вещь, навсегда оставшуюся в памяти: «Первая твоя идея всегда самая банальная». В дизайне практически всегда так - первое, что приходит вам в голову, также посетит голову и другого дизайнера. Это не всегда плохо, однако же, ведет к большим объемам неоригинального творчества. В инфографике эта концепция часто обретает форму столбцовых диаграмм. Конечно же, это невероятно полезный инструмент, значительно усиливающий визуализацию данных, но также немного банальный и прозаичный с точки зрения дизайна. В следующий раз, когда вы захотите создать столбцовую диаграмму, подумайте о том, как придать ей немного индивидуальности. Инфографика ниже служит прекрасным тому примером. Здесь дизайнер использовал 3D стопки карт для отображения возможных союзников Америки. Чем выше стопка, тем более привлекателен вариант. По сути, это все та же столбцовая диаграмма, но выглядит она гораздо более интересно. 10 инструментов для создания инфографики и визуализации данных Дата публикации: 25.04.2013 Автор: Миранда Ренч (Miranda Rensch) Перевод: Proactivity Публикуем перевод статьи из блога SEOmoz – одного из крупнейших западных разработчиков SEO-программ. В ней бренд-менеджер компании Миранда Ренч рассказывает о популярных в их команде инструментах прототипирования и визуализации данных. Привет! Я Миранда Ренч, менеджер по продукту SEOmoz и поклонница визуальных коммуникаций. Визуальное представление информации – один из самых эффективных методов демонстрации сложных идей и связей. Это отличный способ рассказать о сервисе или продукте и создать качественный контент. В нашей команде, обсуждая новые идеи и функции сервиса, мы часто используем диаграммы и командное рисование на доске. Я составила список инструментов, которые можно использовать для визуализации данных и обмена идеями внутри команды. Смело пользуйтесь этим списком и не бойтесь делиться своими мыслями в комментариях. Инструменты для создания простой инфографики и визуализации данных 1Piktochart Piktochart – это веб-инструмент, в котором есть шесть приятных бесплатных шаблонов (в платной версии их намного больше) для создания простой графики. Сервис позволяет вставлять фигуры и изображения перетаскиванием, кроме того, у пользователей возможностей для персонализации. Можно добавлять простые графики, гистограммы и секторные диаграммы на основе данных из CSV-файлов или вводить их напрямую. Возможен экспорт файлов в форматы PNG и JPG в разрешениях для печати и для веб. Обратите внимание: при использовании бесплатной версии в нижней части загруженного PNGили JPG-изображения появляется маленький водяной знак Piktochart. 2Easel.ly Другой бесплатный онлайн-сервис для создания инфографики – Easel.ly. С ним не получится создать график на основе реальных данных, но он отлично подходит для визуализации идей и историй. У Easel.ly красивый интерфейс и великолепные стартовые шаблоны. В них есть поддержка многих функций: создания карт, блок-схем, сравнительных диаграмм и схем, отражающих связи между ра Инструмент отличается самым широким набором объектов (люди, коллекции иконок, достопримечательности, карты, животные и т.д.) и фонов из всех, что я видела. Кроме того, в бесплатной версии можно загружать собственные изображения. JPG-файл можно сохранить в разрешении для веб. Сервис находится в стадии бета-тестирования, но, на мой взгляд, работать с ним уже достаточно удобно. 3Infogr.am Ещё один бесплатный онлайн-инструмент – Infogr.am – обладает прекрасным интерфейсом для создания простой инфографики и имеет в своём распоряжении несколько красивых шаблонов. Этот сервис позволяет создавать таблицы на основе реальных данных. В наличии 31 вид диаг оформлением, включая радиальные, точечные, пузырьковые диаграммы и карты. Сюда можно загружать собственные изображения и видео. После того, как информационный плакат готов, его можно вставить на сайт или опубликовать в галерее infogra.am (способа сохранить изображение я не нашла). Этот сервис тоже существует в виде бетаверсии, но и он показался мне довольно убедительным решением. 4Visual.ly Visual.ly предлагает несколько простых, но достойных внимания бесплатных инструментов, многие из которых интегрируются с социальными сетями и анализируют данные Twitter и Facebook. С его помощью можно создавать забавные диаграммы Венна, «поединки» Twitter -аккаунтов, визуа хэштегов и некоторые другие схемы, однако сервис не предусматривает персональных настроек. В то же время, на Visual.ly есть коммерческая площадка для сотрудничества с дизайнерами-визуализаторами и аниматорами, специализирующимися на инфографике. На самом сайте много вдохновляющих работ в этом жанре. Да-да, здесь много эффектных визуализаций, посвящённых серьёзным темам. 5Tableau В этом приложении есть несколько бесплатных инструментов визуализации данных. Tableau не является веб-приложением, так что желающим придется устанавливать программу на компьютер. Как только она будет установлена, вы сможете загружать таблицы и данные из любых CSV-файлов и создавать различныеинтерактивные визуализации, включая тепловые карты, отражающие активность действий в разных областях поля, диаграммы Венна для представления связей, столбчатые диаграммы, графики и другие схемы. Существует только Windowsверсия программы. Посетите галерею Tableau и познакомьтесь с примерами доступных видов визуализации. Там же мож том, как работает приложение. Хотите ещё больше функций для создания потрясающей инфографики? В Datavisualization.ch собрали отличный набор пакетов, библиотек и фреймворков для создания боле интерактивных визуализаций на основе пользовательских данных для работы в любимых пол Приложения для создания диаграмм и прототипов 6OmniGraffle Это десктопное приложение, которым я постоянно пользуюсь на работе. Инструмент обладает интуитивным интерфейсом и очень эффективен для создания прототипов интерфейсов. Его возможности по модифицированию и стилизации объектов позволяют создавать поистине уникальную инфографику (однако есть некоторые проблемы с визуализацией реальных данных). Существует масса загружаемых шаблонов, которые упрощают построение схем мобильных и веб-инт сайтов и даже планировки жилых или офисных помещений. У приложения есть свои недостатки: это не самое дешевое программное обеспечение – стандартная версия обойдется в 99 долларов, профессиональная – в 199 долларов, при этом оно работаеттолько на Mac. 7Balsamiq Еще один инструмент для прототипирования, который отлично подходит для создания простых схем сайтов и мобильных интерфейсов. Версия для PC стоит 79 долларов, однако есть бесплатная демо-версия для работы онлайн, которой вп набрасывания эскизов. Еще сервисы https://vc.ru/p/infographics Посмотрите сайты http://infogra.ru/books/infographic-books 1) книги по инфографике 2) Инфографику (виды, иструменты..) 3) http://amedium.com/data/MediuM_infographic_e xport.pdf ВИЗУАЛЬНЫЙ КОНТЕНТ И СРЕДСТВА ВИЗУАЛЬНОЙ КОММУНИКАЦИИ ВИЗУАЛЬНЫЙ КОНТЕНТ Визуальный контент – это вся визуальная информация, которая сопровождает текст: фотографии, рисунки, схемы, видеоролики, графический дизайн, логотипы и прочее. Активное использование инструментов визуализации – это не только дань времени (неразбавленный текст сегодня мало кто станет читать), это еще и реальная возможность привлечь и удержать потребителей. Основные средства визуализации Визуальный контент, размещенный на печатной или интернет-странице, обращает на себя внимание читателя в первую очередь. Затем просматриваются подписи к изображениям, заголовки и подзаголовки. И уж если все это смогло заинтересовать читателя, он уделит внимание и основному тексту. Исследования доказывают, что визуальную информацию наш мозг воспринимает в 60 раз быстрее, чем текстовую, а длительность пребывания на странице сайта в 10 раз возрастает за счет картинок и фотографий. Преимущество визуального контента перед текстовым все больше доказывают социальные сети, в которых пользователи уделяют первостепенное внимание фотографиям и видео. Подтверждает этот факт и высокая популярность проектов Instagram и Pinterest. Средства визуальной коммуникации и место визуального контента в них. Рассмотрим ниже, какие элементы визуальной коммуникации могут использоваться как визуальный контент: • Фотографии, в том числе коллажи. • Рисунки. • Видеоролики, анимация, включая презентации, флеш-анимацию и gif-анимацию (видеоряд, создаваемый сменой фотографий). • Инфографика: таблицы, графики, диаграммы, карты и авторские иллюстрации с включением текстовых комментариев. • Дизайн страниц, фирменный стиль. • Логотипы и прочие опознавательные и авторские знаки. К средствам визуализации можно отнести и шрифты, а также цветовое оформление. Каждый элемент визуального контента оказывает свое воздействие на читательское восприятие, вплоть до того, что используемые базовые цвета создают настрой на определенную информацию и настроение (например, зеленый соответствует теме природы или финансов). Средства и функции визуального контента ОСОБЕННОСТИ ВИЗУАЛЬНОГО КОНТЕНТА В СРАВНЕНИИ С ТЕКСТОВЫМ Легкое усвоение зрительной информации и требования современного медиарынка делают визуализацию необходимым атрибутом рекламы и PR. 1) Фотографии, видео, инфографики легко и быстро копируются, а соответственно наиболее оперативны в публикации, что дает им преимущества перед текстами, позволяет быстрее распространяться в СМИ. 2) Изобразительный контент как нельзя лучше воспроизводится современными электронными устройствами (смартфонами, планшетами), более удобен для восприятия на маленьком экране, чем текст . Как пример, 75 % владельцев смартфонов смотрят видео с этих устройств . 3) Качественно сделанный визуальный контент, особенно схемы, инфографики, значительно упрощает и ускоряет понимание сложной и пространной информации. 4) Продвижение бизнеса в социальных сетях будет гораздо успешнее при грамотной визуализации. Известно, что около половины пользователей соцсетей активно комментируют и обсуждают фотографии, видео и музыку. 5) Многие компании имеют свои аккаунты в социальных медиа, и наиболее посещаемые профили как раз отличаются насыщенным, но при этом органичным визуальным контентом, привлекающим пользователей эстетикой, полезностью, оригинальностью. Так, удачно оформили свои страницы на Facebook компании Starbucks (фото выше), Fanta, Coca Cola, студия дизайна Corner Of Art (Фото ниже). Задачи фотографий Фотоизображения – самый распространенный вид визуального контента в СМИ и на интернетстраницах. Помимо того, что удачная фотография обращает на себя внимание аудитории, а соответственно, дает больше шансов на прочтение вашего текста, фото выполняет и другие задачи. • Фотографии товара дают возможность покупателям лучше представить продукцию фирмы. • Фотографии реальных сотрудников компании на ее сайте дополнительно привлекают пользователей к просмотру ресурса: людям интересно знать бренд «в лицо». • Фотоизображения в бизнесе редко размещаются без обработки: она позволяет обратить внимание на отдельные детали (увеличение изображения), скрыть или, если нужно, подчеркнуть недостатки. Эксперты указывают, что при выборе фотографии к текстовому контенту очень важна ее информативность. Чем больше полезной для аудитории информации содержит фотография, тем больше посетителей задержится на вашей странице. Платформа LPgenerator публикует результаты сравнения посещаемости страниц двух интернетмагазинов - Pottery Barn и Amazon. На странице более крупной торговой сети – Amazon – просмотров фотографий меньше, чем на Pottery Barn. Причин тому две: изображение телевизора дает меньше информации, чем фото книжного шкафа; фотографии в магазине Amazon более обобщенные, что облегчает работу с большой их массой, а у Pottery Barn ассортимент меньше и есть возможность размещения более детальных снимков. Особенности инфографики Главная задача инфографики – упростить подачу сложного материала. Если разработчики визуального контента применят достаточно фантазии и смекалки, то данные, которые могли бы составить сложный и скучный текст, обернутся в емкий рисунок с небольшими словесными комментариями. При удачном воплощении идеи ваша инфографика просто обречена на массу просмотров и копирований в медиаресурсах. Другими словами, «образ, который рассказывает всю историю, легче копировать, чем полностью текстовую статью». По некоторым данным, с информацией, переданной в виде инфографики, пользователи знакомятся в 30 раз чаще, чем с любой другой . Приведем показательный пример. В 2012 году американская компания WordStream провела сравнение эффективности площадок Facebook и Google’s Display Network в качестве рекламных платформ. Чтобы привлечь внимание к результатам своего исследования, компания оформила их в виде инфографики (Фото 6). Уже через несколько дней эту инфографику со ссылкой на WordStream опубликовало несколько крупных американских СМИ: USA Today, CNN, Fast Company, The Economist и другие. А спустя неделю после появления инфографики на сайте компании система Google находила более 13 тысяч статей с упоминанием WordStream, в большинстве из которых была эта инфографика со ссылкой на сайт первоисточника. Секрет популярности видео Видеоконтент – наиболее эффективный способ передачи информации, так как сочетание визуального и аудиального ряда воспринимается быстрее и усваивается легче. Не удивительно, что телевидение и видеоролики в Интернете остаются на высоте популярности. К слову, 71,6 % пользователей глобальной сети смотрят видеоконтент как минимум раз в неделю . Другая статистика показывает, что пользователи проводят в два раза больше времени на сайте, где есть видео. А те, кто посмотрел видеоролик о продукте, на 85% чаще совершают покупку увиденного товара . И, конечно же, увеличение длительности пребывания пользователей на вашем сайте поднимает его позицию в поисковых системах. "Информация красива (Information is beautiful)",- так можно перевести тему выступления Девида МакКендлеса на конференции TED, который убежден в том, что будущее за визуальной информацией и данными: Уверены, что мы привели достаточно примеров, чтобы убедить наших читателей в высокой эффективности визуального контента при подготовке различного рода PR и информационных сообщений. Еще раз подчеркнем, что визуализация – наиболее оперативный, емкий и эффективный способ донесения нужных данных до аудитории, а также наиболее популярный.