{"id":14276,"url":"\/distributions\/14276\/click?bit=1&hash=721b78297d313f451e61a17537482715c74771bae8c8ce438ed30c5ac3bb4196","title":"\u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u043b\u044e\u0431\u043e\u0439 \u0442\u043e\u0432\u0430\u0440 \u0438\u043b\u0438 \u0443\u0441\u043b\u0443\u0433\u0443 \u0431\u0435\u0437 \u0431\u0438\u0440\u0436\u0438","buttonText":"","imageUuid":""}

Визуализация данных. О процессе (было/стало)

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

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

Посмотрев на данный график, предлагаю задаться следующими вопросами:

  • Насколько точно визуализированы данные?
  • Удобно ли сравнивать данные?
  • Очевидны ли выводы?

На рисунке круговая диаграмма сама по себе не особо наглядна. Данные сравнивать друг с другом неудобно. Хотелось бы сравнить доли продаж разных сыров по годам, но это сделать сложно. Также как и сделать какие-либо выводы.

Давайте начнем пошагово улучшать этот слайд

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

Круговая диаграмма — не самый наглядный способ визуализации. Преобразуем в линейный график:

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

Значения подписаны возле концов линий. Значит шкалу вертикальной оси тоже можно убрать:

Сдвинем график в левую часть слайда и расставим значения слева и справа от линий. Поместим названия сыров рядом с концами линий.

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

Сделаем заголовок более осмысленным и транслируем его в сам график, сделав более контрастными соответствующие линии:

И в заключении, под графиком необходимо располагать информацию об источнике данных. Чтобы читатель всегда смог проверить данные и их объективность.

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

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

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

0
Комментарии
-3 комментариев
Раскрывать всегда