Создание сайтов. Инфографика для сайта .

   Инфографика – это элегантный способ подачи информации, в котором сплавлены воедино графика и текст. Она выручает, когда необходимо емко и выразительно показать большие объемы данных или описать сложное предметное поле, не отпугнув читателя. Божья искра в инфографике способна разогреть тех, кто пока прохладно относится к предложениям на вашем сайте. Простейший пример – «Карта музыка льных предпочтений пользователей “Яндекс. Музыки”» (см. блок «Полезно знать»), которая была широко растиражирована в Рунете и попутно подхлестнула интерес к самому сервису.

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

   Ценность инфографики и ее успех определяет сумма факторов.

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

   • Полезность. В фундаменте такой работы должно лежать послание, поддающееся четкому формулированию. Пример дельной инфографики – схема, наглядно показывающая многообразие разъемов у современной техники. Да, это edutainment [20 - Edutainment (от англ. education и entertainment – «образование» и «развлечение» соответственно) – способ игровой подачи информации, в первую очередь обучающей.], непреложный закон которого – сочетать приятное с полезным. Такие материалы в идеале вызывают у читателя ощущение, что он не только «узнал сегодня много нового», но и сэкономил благодаря вам время.

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

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

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

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

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

   • Правильно выбранный тип. Какие-то явления, наборы фактов, выборки данных проще выразить одним способом, какие-то – другим. Читайте профильные онлайн-издания, листайте блоги специалистов по инфографике, и вскоре вы научитесь чувствовать, когда уместнее столбцовая диаграмма, когда временная шкала, а когда достаточно простого графика.

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

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

 

  Обратите внимание  

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

 

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

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

   Желаете затмить конкурентов и в случае удачи прогреметь на весь российский интернет? Вам прямая дорога в веб-студии, которые, помимо всего прочего, специализируются на создании инфографики, например «Турбомилк» (www.turbomilk.ru). Успела в Рунете сформироваться и когорта независимых профессионалов; их контакты вы найдете в тематических блогах и онлайн-изданиях. Будет дорого, но впечатляюще.

   Немало существует и онлайн-сервисов для с оздания инфографики, значительная их доля – полностью или частично бесплатные. С ними, чуть «пристрелявшись», сладите и вы сами. В качестве примеров назовем Creately.com, Ease.ly, Infogr.am и Piktochart.com. Из десктопных продуктов можно выделить Tableau. Разумеется, такие решения по определению накладывают ограничения на креатив по части формы подачи материала, но по первому времени вам будет достаточно. А распробуете их и почувствуете отдачу от использования инфографики – впору будет взяться за дело всерьез и начать давать заказы «титулованным» инфографам.

 

   Полезно знать

   «Рассылка SeoPult. Выпуск № 26: оптимизация сайта для “Яндекс. Картинок”»: http://seopult.ru/subscribe.html?id=26

   «Рассылка Setup.ru. Выпуск № 33: фотобанки»: http://www.setup.ru/client/subscription/71

   «Бизнес фотостоков: с миру по снимку»: http://seopult.tv/programs/moneymaking/terentieva_irina_photostocks/text/<

>    О перспективе в иконках: http://ru.iconka.com/put-in-a-word-for-a-perspective/

   «От дизайна иконок к созданию шедевров»: http://naikom.ru/blog/archives/5101

   «21 пример иконок в веб-дизайне»: http://www.yellowdesign.ru/ikonki-v-veb-dizayne/

   Как правильно делать фавиконы: http://netcoding.ru/articles/web-design/idealniye-ikonki-dlya-saita/

   Карта музыкальных предпочтений пользователей «Яндекс. Музыки»: http://company.yandex.ru/researches/figures/2013/ya_music_13.xml

   Портал об «инфографике по-русски»: http://5coins.ru

   Журнал «Инфографика»: http://infographicsmag.ru

   Инфографика «Втыкайте правильно»: http://infografics.ru/all/vtykayte-pravilno/

   Data Visualization (один из самых авторитетных мировых сайтов об инфографике и визуализации данных): http://datavisualization.ch

   «Десять советов по созданию качественной инфографики»: http://www.cmsmagazine.ru/library/items/graphical_design/jj_2011-10-25/

   Подборка книг об инфографике: http://infographer.ru/category/library/

   «Pixel art для начинающих»: http://gamin.ru/blog/art/4849