--- title: "Как делать инфографику? 10 шагов + примеры на Yvision" description: "Инфографика в инструментарий SMM-специалиста появляется, когда он сталкивается со следующими ситуац..." author: "laralarkin" published: "2013-03-04T04:06:00+00:00" modified: "2013-03-04T07:30:31+00:00" locale: "ru" canonical_url: "https://yvision.kz/post/kak-delat-infografiku-10-shagov-primery-na-yvision-340536" markdown_url: "https://yvision.kz/post/kak-delat-infografiku-10-shagov-primery-na-yvision-340536/markdown" site_name: "Yvision.kz" --- # Как делать инфографику? 10 шагов + примеры на Yvision > Инфографика в инструментарий SMM-специалиста появляется, когда он сталкивается со следующими ситуац... [!\[Как делать инфографику? 10 шагов + примеры на Yvision\](http://prashkevich.com/wp-content/uploads/2013/02/54-infograph.png)](http://prashkevich.com/?attachment_id=469) **Инфографика в инструментарий SMM-специалиста появляется, когда он сталкивается со следующими ситуациями:** - Уже достало по 50 раз объяснять людям какие-то алгоритмы, механизмы, руководства, инструкции - Уже достало разубеждать людей в их стереотипах о продукте, услуге, компании, рынке - Необходимо оторваться от конкурентов, позиционировать себя как эксперта в области - Слишком долго и часто приходится рассказывать историю: создания, открытия, запуска компании итп - Есть сложные виды услуг или товаров, которые нужно объяснить простыми словами (картинками) ## Все эти задачи имеют одну основу – сложное нужно объяснить просто. И, согласитесь, на прочтение короткого текста у человека уходит около двух минут и до 15-20, а на изучение интересной картинки – от нескольких секунд до минуты! Если перед вашей компанией стоит подобные задачи, один из самых эффективных способов – создавать инфографику. Далее - про 10 шагов создания инфографики и несколько примеров. Кстати, второй навык (отслеживание эффективности) также [вышел](http://prashkevich.com/?p=480). Следующий (работа с негативом) выйдет в среду. Подписаться на весь курс (по email) можно [здесь](http://prashkevich.com/?page_id=416). [!\[Как делать инфографику? 10 шагов + примеры на Yvision\](http://prashkevich.com/wp-content/uploads/2013/02/%D0%90%D1%81%D0%B5%D0%BC-%D0%90%D0%B91-1024x461.jpg)](http://prashkevich.com/wp-content/uploads/2013/02/%D0%90%D1%81%D0%B5%D0%BC-%D0%90%D0%B91.jpg) ## 10 этапов создания инфографики - **Конкретизируйте запросы пользователей, на которые стоит ответить.** Что именно стоит объяснить пользователям? О чем они не догадываются? Что было бы им интересно узнать о компании? - **Изучите инсайты от пользователей** (какие наиболее часто задаваемые вопросы, стереотипы, негатив) с помощью инструментов монтиротинга, ручного перебора, данных от службы качества, сопровождения клиентов или технической поддержки - **Соберите весь материал по теме**, который есть у компании касательно вопроса (законодательство, инструкции, вопросы-ответы, тарифные планы). Обычно такая документация лежит либо глубоко на сайтах (в архивах), либо в талмудах различных инструкций, базы кол-центра итп. - **Исследуйте этот материал**, просмотрите его весь: распечатки, в электронном виде. Делайте конспекты, закладки, выписки. Главное – найти связь между элементами, систематизировать их. - **Подберите иерархию внутри информации.** На какой основе можно было бы упорядочить информацию, которые вы хотите создать? Это временная шкала? Это объемы? Это длины? Это порядок действий? Это пространтсво (карты, план помещений, маршруты)? Что это? - **Выберите прием подачи информации:** сравнение (друг с другом, с внешним показателем), соотнесение (например, с предметом-символом или аналогом), хронологическое расположение, по алфавиту, по категориям? Может быть, можно провести аналогии с простыми вещами-символами? - **Сделайте эскиз на бумаге.** Заранее подумайте о возможностях ресайзинга: для печатных СМИ (разворот, полоса), для социальных сетей (Facebook, VK), для сайта, планшетника, мобильных телефонов. Разместите на приоритетных местах 2-3 главных элемента будущей инфографики, на других местах расположите сопутствующие детали: описания, комментарии, разъяснения, ссылки итп. - **Отдайте эскиз дизайнерам**, отдайте дизайнерам уже систематизированный материал ранее. Составьте для них техническое задание. Будьте готовы к изменениям: перемещению объектов по золотому сечению, по равновесию, фирменным цветам компании итп. - **Финальная отрисовка.** Хорошо, если дизайнеры сделают со своей стороны эксиз, который можно будет утвердить – и только после этого уже заняться отрисовкой деталей. - **Размещайте инфографику!** При посеве, обратите внимание на возможности SEO-оптимизацию вашей картинки! **В результате работы вы получите вечный материал, который при должном приложении усилий будет иметь вирусный эффект и дистанцирует вас от конкурентов, а также снизит уровень негатива.** Ниже я приведу примеры работ [агентства Good!](http://good.kz), в создании которых я принимала участие, еще будучи в штате агентства. Иллюстрации выкладываются с разрешения моих работодателей. ## Good Gelmets [Ссылка](http://yvision.kz/post/190450) размещения инфографики. [!\[инфографика, good helmets, как делать инфографику, good!\](http://prashkevich.com/wp-content/uploads/2013/02/G_ru-731x1024.jpg)](http://prashkevich.com/wp-content/uploads/2013/02/G_ru.jpg) **Задача:** Осветить успешное распространение креативного концепта Helmets **Инсайт:** Наши клиенты и партнеры были заинтригованы возможностью подобного успеха **Информация.** Мы решили поднять статистику сайта агентства по Google Alalytics за 1 год – время, в которое гремела работа. Мы проанализировали: источники переходов, количество внешних ссылок на страницу с работой, количество просмотров страницы с работой, географию пользователей, сайты крупных международных СМИ, на которых была опубликована информация. **Организация материала.** Так как это была наша первая работа в жанре инфографики, она получилась несколько тяжелой. Главными элементами стали: страны и города распространения информации, а также источники переходов (прямой, поисковый, рефералы). **Прием передачи.** В инфографике есть несколько приемов: хронологический, сравнение, динамика, карта, соотношение. Ключевым элементом мы решили использовать, естественно, шлемы) **Далее выкладываю уже клиентские проекты, без комментариев. Догадывайтесь сами.** ## Путь денег в пенсионной системе. История о 10%. [Yvision](http://yvision.kz/post/208452) [!\[инфографика, пенсионная система, НПФ Capital, агентство Good!, good.kz\](http://prashkevich.com/wp-content/uploads/2013/02/Capital-%D0%9F%D1%83%D1%82%D1%8C-767x1024.jpg)](http://prashkevich.com/wp-content/uploads/2013/02/Capital-%D0%9F%D1%83%D1%82%D1%8C.jpg) ## Только вы вправе распоряжаться своими накоплениями. [Yvision](http://yvision.kz/post/214433) [!\[инфографика, пенсионная система, НПФ Capital, агентство Good!, good.kz\](http://prashkevich.com/wp-content/uploads/2013/02/Capital-%D1%84%D0%B8%D0%BB%D1%8C%D0%BC%D1%8B-278x1024.jpg)](http://prashkevich.com/wp-content/uploads/2013/02/Capital-%D1%84%D0%B8%D0%BB%D1%8C%D0%BC%D1%8B.jpg) *Примечание: Инфографика в интернете версталась так, чтобы ссылки на ролики и социальные сети и сайт клиенты были кликабельными. * ## Вода бывает разная! [Yvision](http://yvision.kz/post/244350) [!\[минеральная вода, агентство Good!, Асем Ай, Asem Ai, инфографика, good.kz\](http://prashkevich.com/wp-content/uploads/2013/02/%D0%90%D1%81%D0%B5%D0%BC-%D0%90%D0%B92-595x1024.jpg)](http://prashkevich.com/wp-content/uploads/2013/02/%D0%90%D1%81%D0%B5%D0%BC-%D0%90%D0%B92.jpg) ## О чем хочет сказать модем? [Yvision](http://yvision.kz/post/199425) [!\[агентство Good, good.kz, инфографика, модем, ADSL-модем, Megaline, Казахтелеком\](http://prashkevich.com/wp-content/uploads/2013/02/%D0%BC%D0%BE%D0%B4%D0%B5%D0%BC.jpg)](http://prashkevich.com/wp-content/uploads/2013/02/%D0%BC%D0%BE%D0%B4%D0%B5%D0%BC.jpg) --- Source: [https://yvision.kz/post/kak-delat-infografiku-10-shagov-primery-na-yvision-340536](https://yvision.kz/post/kak-delat-infografiku-10-shagov-primery-na-yvision-340536)