воскресенье, 22 ноября 2015 г.

Осваиваем инфографику

В связи с тем что инфографика завоевывает сердца и мысли визуалов, придется осваивать программки для рисования инфокартинок.  Ссылок в интернете много, программ тоже не мало. Главное выбрать чтобы было и симпатично и не дорого. Хорошая программка за которую надо платить $20-50 в месяц как то не устраивает. Я же рисовать собираюсь не каждый день и не каждый месяц (опять же мода тоже скоро пройдет) 

Причины включать инфографику в контент-маркетинговый ход http://texterra.ru/blog/10-prichin-vklyuchit-infografiku-v-svoyu-kontent-marketingovuyu-strategiyu.html 

Поэтому посмотрим разные варианты
Источник http://www.jetstyle.ru/novosti/2012/7/30/18849

8 бесплатных  вариантов http://www.in-blog.com/2011/11/8-instrumentov-infografiki.html

10 способов http://rebill.me/showthread.php?t=1670
 16 способов  http://www.jetstyle.ru/novosti/2012/7/30/18849
  1. Piktochart трансформирует информацию в захватывающие визуальные истории. Его очень легко использовать. Имеет функцию автоматически настраиваемой инфографики. Вы можете добавлять иконки и ваш собственный логотип. Предлагает отличный набор тем для дизайна. Сервисом можно пользоваться бесплатно, хотя если вы хотите иметь возможность выбирать больше тем и иметь при этом лучшие цены, настроенные индивидуально под заказчика, минимально возможная цена будет составлять 9.99$  в месяц.
  2. Visual.ly – это отличный инструмент, который позволяет генерировать ряд инфографик. Инфографика в этом случае почти полностью будет основана на социальных метриках, таких как данные Twitter или Facebook. Сервис возник относительно недавно и до сих пор добавляет к своим категориям новую информацию. Является бесплатным и легким для использования.
  3. Fluxvfx – это потрясающий инструмент, с помощью которого можно создавать видеоинфографику. Он предлагает набор готовых шаблонов, поэтому его легко использовать. Минимальная цена – 25$.
  4. Many Eyes позволяет вам загрузить ваши собственные данные или использовать данные, хранящиеся на сайте, чтобы профессионально преобразовывать информацию из текстовой в визуальную. Самый простой способ использования ваших собственных данных для создания онлайн визуализаций.Предлагает множество разных опций для создания финального продукта, начиная от карты мира и заканчивая диаграммой сети.
  5. Vizualize.me – новое приложение (в настоящее время в Beta-версии), которое создает инфографику для вашего резюме. Работает, используя информацию профиля пользователя в LinkedIn, и превращает его резюме в настраиваемую инфографику.
  6. Infogr.am до сих пор является относительно новым сервисом и имеет множество возможностей, которые пока находятся на стадии внедрения. Полезный инструмент для создания бесплатных интерактивных диаграмм и инфографики.
  7. Vizify – новый инструмент создания инфографики по данным Twitter и демонстрации детальных данных из вашей Twitter ленты, включая: самых активных фолловеров (подписчиков), самые популярные посты и т.д.
  8. Photo Stats – приложение для iPhone, которое анализирует все фотографии на вашем iPhone и генерирует инфографику, показывающую, как, когда и где вы делаете ваши фото.
  9. Creately – удобный для пользователя инструмент, который помогает создавать профессиональные диаграммы и динамические схемы. Вы можете выбрать из предложенного набора типов диаграмм, и просто добавить свои данные, чтобы создать вашу собственную диаграмму или график.
  10. Stat Planet – это отличный инструмент, который создает интерактивные визуализации и статические изображения). Предоставляет доступ к важным всемирным данным, которые вы можете с пользой продемонстрировать через схематичные визуализации. Вы также можете подстраивать эти визуализации под свои требования.
  11. Hohli – еще один сервис для создания графиков и диаграмм, которым легко пользоваться. Позволяет изменять внешний вид инфографики исходя из ваших потребностей.
  12. Google Public Data Explorer – полезный способ использовать общедоступные данные для того, чтобы трансформировать их в любую инфографику на ваш вкус. Вы можете добавлять эти графики на вебсайт или в блог.
  13. Tagxedo превращает слова (известные речи, новостные статьи, слоганы и тематики, даже ваши любовные признания) в облака слов, оказывающие визуальное воздействие на пользователя.
  14. Wordle – простой в использовании инструмент для создания эффективных словесных визуализаций. Просто введите ваш собственный текст (от коротких до длинных абзацев). Сервис предоставляет огромное количество дизайнов, из которых можно выбрать нужный.
  15. Cacoo – онлайн инструмент для рисования, который делает возможным создание разных видов инфографики, включая карты сайта, схемы страниц, UML (Unified Modeling Language – унифицированный язык моделирования) и сетевые графики. Сервис позволяет совершать совместную работу в реальном времени, а значит несколько пользователей могут делиться друг с другом и добавлять в блог одну диаграмму одновременно.
  16. Lilach & Sarah's Inforgraphics package – если вы ищете возможность заполучить в свои руки набор из 10 инфографик, где уже есть весь контент, и вам нужно только добавить логотип и URL сайта, тогда за 10 фунтов вы можете приобрести эту инфографику (в нее входит блог мастер, система для создания блога WordPress.comхостингзаповеди интернет-маркетинга, итоговые советы).
 Piktochart  - это онлайновый инструмент с шестью бесплатными темами (и множеством платных) для созданий простых визуализаций. Вы можете перетаскивать различные фигуры и изображения, есть определённая свобода настройки. Кроме этого, можно добавлять простые линейные графики, гистограммы и круговые диаграммы на основе данных из CSV (или введенных вручную). Результат позволено экспортировать в PNG и JPG, в различном качестве. При использовании бесплатной версии, в каждый скачанный PNG/JPG файл добавляется небольшой водяной знак Piktochart.
Easel.ly - ещё один онлайновый инструмент для создания инфографики. Здесь нельзя создавать графики на основе реальных данных, но он отлично подходит для концептуальной визуализации и передачи информации. У него очень приятный и удобный интерфейс, а темы, с которых вам предлагают начать, просто великолепны. Темы поддерживают множество типов данных: карты, блок-схемы и графики сравнения. Этот инструмент снабжен самым обширным и качественным набором объектов (люди, иконки, пейзажи, животные и так далее) и фонов из всех в этом списке. Вдобавок, бесплатная версия позволяет вам загрузить собственные изображения. Результат экспериментов доступен в формате JPG. Инструмент пока ещё находится в бета-версии, но у меня все работало без проблем.
Infogr.am - бесплатный онлайновый инструмент для создания инфографики с набором красивых тем и хорошим интерфейсом. Он позволяет строить графики на основе реальных данных. Доступен 31 вариант различных графиков, часть из которых выглядит очень круто. Например, радиальные гистограммы, точечные диаграммы и пузырьковые графики. Так же можно добавлять свои изображения и видеоролики. Когда вы закончили инфографику, можете опубликовать её на infogra.am и вставить себе на сайт (способа скачать результат я не обнаружила). Это приложение так же проходит бета-тестирование, но показалось мне вполне законченным.
Visual.ly -  есть несколько простых бесплатных инструментов, достойных упоминания. Большая часть из них построена на анализе данных из социальных сетей, в частности, Twitter и Facebook. Можно строить интересные диаграммы Венна, устраивать битвы аккаунтов Twitter и визуально анализировать хэштеги. Однако, нет почти никаких настроек. Впрочем, они предлагают доступ к площадке, где вы можете связаться с дизайнерами, специализирующимися на инфографике. На самом сайте представлено огромное количество графиков, которые можно использовать в качестве источника вдохновения. Встречаются настоящие шедевры.
Tableau -  имеет несколько бесплатных инструментов для создания визуализаций. Они не онлайновые, поэтому придется скачивать программу. Как только вы это сделаете, то сможете загружать туда данные в виде таблиц или в формате CSV и строить на их основе различный интерактивный контент. Сюда входят: тепловые карты, показывающие уровень активности в зависимости от местоположения, диаграммы Венна для ассоциаций, гистограммы, линейные графики и многое другое. Программа работает только под Windows. Примеры того, как все этого выглядит можно увидеть в галерее Tableau.


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

Для построения диаграмм можно использовать:
OmniGraffle -  программа хорошо подходит для детального прототипирования. Вы можете полностью изменять вид объектов и создавать именно такую инфографику, какую хотите (тем не менее, визуализировать реальные данные довольно сложно). На официальном сайте доступно множество бесплатных шаблонов, которые превращают прототипирование мобильных и веб-интерфейсов, построение архитектурных диаграмм и даже составление макетов зданий в тривиальные задачи. Не обошлось и без минусов. Это не самый дешёвый инструмент: за обычную версию вам придётся заплатить 99$, а за профессиональную - 199$. Кроме этого, программа доступна только для Mac.
Balsamiq - инструмент прототипирования, позволяющий создавать простые диаграммы интерфейсов. Десктопная версия стоит 79$, но для простых задач достаточно и бесплатного онлайнового демо.

Серия анимированных роликов The RSA (иллюстрации от CognitiveMedia) - это хороший пример того, как словесное объяснение чего-либо дополняется визуальными образами. Можете нанять иллюстратора и сделать что-то в таком роде, или самостоятельно рисовать на доске, объясняя какую-то концепцию (такой подход отлично работает на внутренних собраниях; в следующий раз попробуйте объяснить что-либо таким образом и посмотрите на результат). Если вы наймете профессионального художника, дайте ему сценарий с пометками того, какие моменты должны сопровождаться рисунками, но оставьте ему немного свободы для выражения своих идей.
TimelineJS - использует таблицы Google со ссылками на YouTube, Flickr, Twitter, Sound Cloud и другие источники для формирования красивых хронологических лент. Этот инструмент можно использовать для создания интерактивной истории своей компании, компании клиента или целой отрасли.
Present.me  - позволяет создавать презентации, в которых вы разговариваете на видео рядом со слайдами. Благодаря этому инструменту, люди, работающие удалённо, смогут поделиться своими идеями и концепциями. Кроме этого, такие презентации можно выкладывать на сайтах.



Как планировать инфорграфику. Есть целый набор инструментов. Но, прежде чем выброситесь играть с пузырьковыми графиками и радиальными гистограммами, потратьте некоторое время на планирование своей инфографики и того, что люди должны из неё вынести. 
Советов по планированию визуализации данных:
1. Учитесь у других Если вы не уверены, какую инфографику создать, эти сайты помогут вам узнать, как это делают другие люди:
• Visual.ly - огромное количество вдохновляющей инфографики для вас и ваших дизайнеров.
• Informationisbeautiful.net - множество интересных примеров визуализации данных.
• Datavisualization.ch - набор интерактивных данных и информационных графиков.
2. Разберитесь в вариантах графиков и темах
Неплохо будет задуматься о различных типах визуализации данных и целях, которым они служат. Сайт Many Eyes составил хорошийсписок типов графиков и ситуаций, в которых их лучше применять. Visual-literacy.org опубликовал замечательную Периодическую Таблицу Визуализации, в которой присутствуют все типы графиков, которые вы только можете себе представить.

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


Связь отношений: Показывайте плотность, пропорции и различия.

Схемы выбора решения: Уточняйте варианты и пути.

Хронологические ленты: Показывайте последовательность событий.

Планируйте вашу визуализацию Вот несколько шагов, которые помогут вам спланировать свою визуализацию:

• Определите требуемый результат. Что аудитория должна узнать из вашей визуализации? Вы хотите, чтобы они что-то сделали? Или как-то себя почувствовали (например, удивлёнными или довольными)?

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

• Посмотрите, как делают другие люди (выше я дала список сайтов для вдохновения). Добавьте понравившиеся идеи к собственному списку.

• Выберите одну идею и сделайте прототип (инструменты у вас уже есть). Покажите его нескольким людям. Узнайте, не сбивает ли их что-нибудь с толку, или, не стоит ли раскрыть информацию подробнее.

• Постройте график при помощи одного из вышеперечисленных инструментов или наймите того, кто вам поможет. Дизайнеров, занимающихся инфографикой можно найти на следующих ресурсах: Freelancer99 designsDesigncrowdElanceOdeskNowsourcing,ColumnfiveInfog8 и Mikewirthart.

• Начинайте её рекламировать! Джастин Бриггс недавно написал статью об интересной стратегии продвижения инфографики.

Удачи, визуализаторы! Если вы знаете другие способы визуальной коммуникации в сети или реальной жизни, расскажите о них!

Комментариев нет:

Отправить комментарий