Дизайн и создание инфографики. Часть 2.

Продолжение курса от Мичиганского университета Design and Make Infographics. Сегодня речь пойдет об использовании диаграмм в инфографике, их виды и рекомендации по использованию. В конце будет приведен список сайтов для создания инфографики.

Ознакомиться с первой частью курса можно здесь:
Дизайн и создание инфографики. Часть 1.

Виды диаграмм.

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

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

Существует несколько вещей которые не стоит делать с диаграммами.

Разберем типичные ошибки при построении круговых диаграмм.

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

Недостаточная разница значений для визуального сравнения.

Недостаточно элементов.

Искажение пропорций элементов.

Очень много элементов.

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

Рекомендации по использованию гистограмм.

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

Всегда ли нужно использовать ноль, как точку отсчета - большой вопрос.

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

Рекомендации по использованию линейных диаграмм.

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

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

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

Coolinfographics содержит большой список онлайн сообществ по инфографики и множество другой полезной информации.

Canva - хороший сайт для создания инфографики и проектирования множества других вещей.

Datavisual позволяет легко визуализировать ваши данные. Интуитивно понятный веб-интерфейс предлагает заранее разработанные шаблоны которые может использовать каждый.

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

Infogra.am С помощью этого сервиса можно создавать свою инфографику и делиться своими идеями.

Lira Это интерактивная среда которая позволяет разрабатывать пользовательскую визуализацию без написания кода.

Piktochart С помощью этого сервиса можно создавать свою инфографику и делиться своими идеями.

Plotly С помощью этого сервиса можно создавать свою инфографику и делиться своими идеями.

Tableau Public Бесплатный сервис, который позволяет любому публиковать интерактивные карты и диаграммы в Интернете (с использованием данных электронных таблиц). Любой человек может взаимодействовать с данными, загрузить их себе, или создавать свои собственные визуализации. Навыки программирования не требуются.

Visme Это простой инструмент, чтобы воплотить ваши идеи и сделать привлекательный контент в виде инфографики и не только.

Вывод:

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

Конспект подготовлен для Академии Голоса @academy.