8 ошибок учебной инфографики

1. Не изучать аудиторию

Некоторые разработчики инфографики имеют смутное представление о том, кто будет её потребителем. Они ориентируются на стандарты дизайна, а не потребителя.

Так можно получить красивый продукт, который будет хорошо смотреться в соцсетях, но образовательная ценность будет очень низкой. Или же можно создать продукт, ориентируясь на отдел аналитики, где привыкли читать много графиков. Но смогут ли понять её остальные?

А как они будут её потреблять? С экрана компьютера или смартфона?

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

2. Неподходящие изображения

Основная цель инфографики — помочь понять и запомнить. А сделать это с изображениями или иллюстрациями намного проще, чем с текстом. Однако некоторые дизайнеры имеют привычку включать несвязанные картинки, «чтобы было красиво». Или создавать сложные иллюстрации.

Но визуальный беспорядок часто приводит к когнитивной перегрузке и путанице. Так что учащийся ничего не запомнит и с раздражением закроет курс.

Хорошая и нужная инфографика о безопасных покупках в сети. Но что здесь происходит? Эту инструкцию можно передать текстом-инструкцией.
Хорошая и нужная инфографика о безопасных покупках в сети. Но что здесь происходит? Эту инструкцию можно передать текстом-инструкцией.

3. Слишком много текста

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

Но без подписей, пояснений не обойтись. И тут работают хорошо известные приёмы: выделение важных мыслей курсивом или рамкой, маркированные списки, отдельная цветовая подложка.

Очень много текста. На отдельный блок в рамках микрообучения.
Очень много текста. На отдельный блок в рамках микрообучения.

4. Несогласованность контента

Инфографика — цельное сочетание цвета, изображений и текста. Есть два подхода при работе с таким форматом:

  1. Создавать под каждый курс отдельный файл.
  2. Создать шаблон, который легко редактировать.

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

В самом шаблоне должны быть следующие элементы:

  • Примеры иконок и картинок
  • Несколько видов оформления текста
  • Элементы фирменного стиля компании

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

Пример шаблона со всеми (почти) необходимыми элементами.
Пример шаблона со всеми (почти) необходимыми элементами.

5. Повторяющаяся графика

Ошибка вытекает из предыдущей — постоянно использовать утвержденный шаблон и не менять изображения или иконки.

Представьте, что учащийся проходит пять курсов. И на трёх из них инфографика с разным содержанием, но поразительно схожим оформлением. Запомнит ли он что-то? Маловероятно, а вот недоумение будет гарантированно.

Проблема решается созданием банка изображений и графических элементов (стрелки, значки, разделители текста).

6. Перегрузка цветом

Мы все видели инфографику в основе которой «цветовой конфликт» — самые яркие оттенки борются за глаза и внимание пользователя. Другая проблема, когда дизайнер использует один оттенок.

Например, в диаграмме, которая должна показать различия цвета варьируются от голубого до бледно-голубого. Разглядеть на смартфоне, чем один пункт отличается от другого невозможно.

Для инфографики достаточно набора из 5-6 цветов.

Положительный пример: цветов мало, они контрастны и необходимые данные легко считать.
Положительный пример: цветов мало, они контрастны и необходимые данные легко считать.

7. Загроможденный дизайн

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

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

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

Что означают эти шестеренки? Куда они ведут? Причём тут Элвис Пресли?
Что означают эти шестеренки? Куда они ведут? Причём тут Элвис Пресли?

8. Непонятные заголовки

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

Пусть ваша аудитория знает, чего ожидать от инфографики благодаря понятному и чёткому заголовку. Например, «5 методов удержания клиента» или «Заведение сделки без ошибок».

Инфографика про автомобильный рынок. По понять это из названия довольно сложно.
Инфографика про автомобильный рынок. По понять это из названия довольно сложно.
89 views·1 share