Гостевой пост

Автор статьи: Наталья Воскобойникова, контент-студия WordFactory

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

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

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

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

Сразу же после обзора – бонус: ТОП-11 книг об инфографике и работе с данными, которые также рекомендуем недизайнерам.

Обзор сервисов для создания инфографики

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

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

Infogr.am

Этот сервис я освоила первым, и это лучшее доказательство того, что он подходит для «чайников», которые не умеют рисовать даже в Paint. Подружиться с Infogr.am легко: регистрируетесь на сайте (можно через Facebook или Google+) – и попадаете на страницу с готовыми темами. Например, такими:

Выбираете понравившуюся тему (то есть кликаете на нее) и перед вами открывается шаблон со стандартным набором элементов (заголовок, график и т.д.). Ненужные элементы можете удалить (просто наведите курсор на элемент и увидите соответствующий значок), а нужные – добавить (при помощи панели инструментов слева). Опции включают всевозможные средства визуализации: простые графики, гистограммы, диаграммы-области, круговые, радиальные и биржевые диаграммы, таблицы, облака слов, древовидные карты, таймер и пр. С их помощью вы сможете наглядно проиллюстрировать самые разнообразные данные. Их можно вводить в таблицу разными способами (включая загрузку из таблицы Excel и Google Drive), а потом редактировать.

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

А еще можно загружать картинки с популярных видео- и фотохостингов, карты (в бесплатной версии – только мира и США), статистику из Google Analytics, а также вставлять заголовки, подзаголовки, цитаты и подписи. Вот пример таких «вставок»:

Плюс еще целая куча настроек, включая изменение цветов и размеров.

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

Достоинства и недостатки Infogr.am

Плюсы

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

Минусы

• Самый большой минус для меня – необходимость апгрейдить аккаунт до платной версии, чтобы получить возможность скачивать свои работы на комп ($15 в месяц).

Подсказка: если скачивание недоступно, можно сделать скриншот.

• Также не радует скромный выбор бесплатных тем и карт, загрузка картинок только из Интернета (с компа загрузить не получится), отсутствие бесплатных иконок, лимит на количество инфографик, хранящихся в библиотеке. Есть и другие ограничения, но они расстроят разве что продвинутых пользователей.
• Латвийский сервис поддерживает 6 языков, включая китайский, но начисто игнорирует русский. Поэтому хотя бы минимальное знание английского вам потребуется.

Резюме: если у вас много данных для диаграмм, выбирайте этот сервис с самым большим выбором вариаций.

Venngage

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

В принципе, все действительно просто: выбираете пустой шаблон или уже готовую тему (они, кстати, удобно рассортированы по типам), кликаете на «create» и просто перетаскиваете с левой боковой панели нужные вам диаграммы, иконки, пиктограммы, карты. Можно загрузить картинку с компа или Интернета, добавить видео с YouTube, вставить текст и интерактивные элементы (вроде формы для подписки или опросника). Любой элемент редактируется (меняется цвет, размер, расположение и т.д.) при помощи инструментов верхней панели: все доступные опции появятся, как только вы кликнете по нужному элементу на шаблоне. Данные для таблиц и диаграмм вносятся в табличку, которая появляется на правой боковой панели вместе с другими инструментами редактирования, весьма многочисленными. Выглядит это приблизительно вот так:

Готовую инфографику можно оценить с помощью предварительного просмотра, а потом опубликовать на странице местного сообщества или поделиться ею в соцсетях. Храниться ваши работы будут в разделе Infographics, где вы можете их не только посмотреть, но и отредактировать.

Плюсы и минусы Venngage

Плюсы

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

Минусы

• Сделали вы 5 инфографик, а потом – бах, и сервис совершенно неожиданно выдает сообщение, что вы использовали свой лимит и должны проапгрейдить аккаунт до Стоит данное удовольствие $15 в месяц. Infogr.am, например, так не делает, позволяя своим пользователям создавать неограниченное количество визуализаций, хоть и с ограничениями по функционалу и хранению.

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

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

Резюме: по возможностям редактирования, на мой взгляд, этому сервису нет равных.

Piktochart

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

 

Для создания инфографики используется простой и удобный механизм drag & drop: выбираете нужный элемент на панели слева и просто перетаскиваете его в шаблон, где и редактируете. Помимо традиционного набора опций (разнообразные диаграммы, фигуры и линии, иконки и фоторамки), сервис предлагает приятные бонусы, обычно недоступные в бесплатных версиях: цветные иконки, отличный выбор карт, готовые тематические фотографии. Можно вставлять текст, экспериментируя со шрифтами и рамками; можно менять фон (не только цвета и степень прозрачности, но и рисунок); можно заливать видео с YouTube или Vimeo и (о, чудо!) загружать картинки с собственного компа. Любой элемент визуализации можно выделить и отредактировать, изменив цвет, размер, положение, способ группировки и т.д.

Готовую инфографику можно просмотреть, сохранить в библиотеке, опубликовать (в том числе и вставить в свой сайт), поделиться ею в соцсетях или через электронную почту. Но главное – ее можно скачать даже в бесплатной версии! Правда, всего в одном размере и только в форматах .png и .zip (для скачивания в виде отдельных блоков), но это совсем некритичные ограничения.

Easel.ly

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

Есть возможность вставить текст, загрузить файл со своего компьютера. Все представленные графические элементы просто перетаскиваются с панели инструментов.  Для редактирования нужно на них кликнуть, а данные в диаграммы вводятся вручную путем заполнения таблицы. Свою работу можно оценить при помощи предпросмотра, сохранить в библиотеке, вставить на сайт, поделиться в группе (только ее нужно сначала создать) или отправить ссылку по электронке. И – барабанная дробь – готовая инфографика совершенно бесплатно скачивается в формате .jpg и PDF! Причем никаких тебе сторонних логотипов, удаление которых требует капиталовложений. Я уже не говорю о том, что опробовать возможности сервиса Easel.ly можно без регистрации (правда, чтобы сохранять и редактировать свои работы зарегистрироваться все-таки придется).

Достоинства и недостатки Easel.ly

Плюсы

• Пожалуй, из всех представленных сервисов этот – самый простой в использовании, особенно для начинающих пользователей.
• Здесь меньше всего ограничений для бесплатных аккаунтов (фактически, они сводятся к меньшему выбору тем, иконок, шрифтов).
• Платная версия стоит смешные $3 в месяц.
• Есть и полезный блог, и форма обратной связи, и видеоинструкция по использованию – в общем, вы не останетесь один на один с возникшими проблемами, хотя в том же Piktochart подсказок на порядок больше.

Минусы

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

Резюме: идеальный вариант для начинающих пользователей.

Бонус

Книги о визуализациях и работе с данными

1. Edward Tufte The Visual Display of Quantitive Information;
2. Edward Tufte Envisioning Information;
3. Edward Tufte Visual Explanations;
4. Edward Tufte Beautiful Evidence;
5. Мартин Сайкс, Никлас Малик, Марк Вест «От слайдов к историям.Пошаговая методика создания убеждающих презентаций»;
6. Джин Желязны «Говори на языке диаграмм. Пособие по визуальным коммуникациям для руководителей»;
7. Нейтан Яу «Искусство визуализации в бизнесе.Как представить сложную информацию простыми образами»;
8. Рэнди Крам «Инфографика. Визуальное представление данных»;
9. Мартин Тоузленд, Саймон Тоузленд «Инфографика. Мир, каким вы никогда не видели его прежде»;
10. Дэвид Маккэндлесс «Инфографика. Самые интересные данные в графическом представлении»;
11. Валентина Д’Эфилиппо, Джеймс Болл «История мира в инфографике».