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

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

Сне Рой (Sneh Roy), дизайнер из Австралии, в своем блоге описала “анатомию” инфографики – два уровня смыслов инфографики, и привела 5 шагов, которые нужно сделать, чтобы удостовериться, что ваша инфографика не только концептуально состоятельна, но и точна в деталях и доступна для понимания. Здесь я привожу вольный перевод ее 5 важных шагов к хорошей инфографике:

1. Скелет-основа и схемы

Подходите к инфографике как к любому другому виду дизайна. Подготовьте “скелет”-основу из слов и стрелок, чтобы сгруппировать релевантные данные, и визуализируйте информационные потоки с помощью блок-схемы (flow chart). Часто инфографика бывает очень сложной, использование же блок-схем упрощает представление процессов и связывает все в единое целое.

2. Продуманная цветовая кодировка

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

3. Графика

В инфографике выделяются два типа собственно графики – графика по теме и “намекающая” графика.
Тематическая графика определяет визуальную составляющую дизайна, и используется в инфографике чаще всего, за исключением, пожалуй, случаев, когда инфографика построена, в основном, на статистических данных. Правильно выбранная в соответствии с темой графика за считанные секунды дает понять читателю, какого рода знанием вы хотите с ним поделиться.
Референтная графика, или графика-«намек» не является обязательной. Обычно сюда относятся разного вида иконки и обозначения, которые применяются, чтобы избежать засорения дизайна. Они отлично подходят, когда нужно обозначить много предметов с помощью одного какого-то примера. Иногда даже не нужны слова, если используются очень понятные обозначения.

4. Поиск информации и данные для графики

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

Другой важный момент, о котором стоит помнить, это демография. Кто будет читать вашу инфографику? Это обычные офисные служащие, привыкшие читать схемы метро, или туристы, не понимающие кириллицу, или 10-летние впечатлительные дети, которые противятся всему, навязываемому им насильно? В зависимости от демографии выбираются цвета, иконки, уровень сложности и объем знаний, изображаемые в инфографике.

5. Знание

Умение выделить важный контент так, чтобы автоматически спровоцировать нужные выводы, – настоящее искусство. Как говорится, знание — сила, поэтому и передавать знание тоже нужно сильно.

Если у вас концентрическая инфографика, то самый важный контент, как визуально, так и фактически, лучше разместить в центре. Если ваша инфографика горизонтальная, то ее левый и правый край – начальная и конечная точка читательских выводов и мыслей, так что хорошо, если вы этим воспользуетесь и используете их соответственно.

Очень важен правильный выбор цветов и картинок, потому что нельзя показывать статистику эксплуатации детского труда в нежных тонах желтого нарцисса, это неправильно, потому что желтый цвет ассоциируется с радостью и счастьем, то есть, чем-то, чем детский труд не является.

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

Перевод – xuxachka.