Методы визуализации для дашбордов

Основы проектирования дашбордов

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Дашборды, удобные для восприятия

 

интерактивные графики

хорошо спроектированная графика обычно наиболее проста и [...] наиболее эффективна${^1}$

 

          Эффективная визуализация данных

  • Снижает когнитивную нагрузку на пользователя
  • Помогает решать задачи
  • Способствует открытиям
  • Даёт практически применимые выводы
1 Edward Tufte
Основы проектирования дашбордов

Принципы дизайна

                                                          Обработка информации

визуальная коммуникация

Основы проектирования дашбордов

Принципы дизайна

                                                          Обработка информации

визуальная коммуникация

Основы проектирования дашбордов

Принципы дизайна

                                                          Обработка информации

визуальная коммуникация

                                                      Принципы дизайна дашборда

принципы

Основы проектирования дашбордов

Принципы дизайна

                                                          Обработка информации

визуальная коммуникация

                                                      Принципы дизайна дашборда

принципы

Основы проектирования дашбордов

Принципы дизайна C.R.A.P.

Контраст

  • Цвет, размер, форма

контраст

Повторение

  • «Ритм» чтения дашборда

повторение

Выравнивание

  • Упорядоченный дизайн

выравнивание

Близость

  • Связанные элементы группируются

близость

1 Ferrari, Maw. (2021). Improving Dashboard design.
Основы проектирования дашбордов

Принципы гештальта

То, как мы воспринимаем и организуем увиденное, стремясь осмыслить его.

гештальт

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Основы проектирования дашбордов

Принципы гештальта

То, как мы воспринимаем и организуем увиденное, стремясь осмыслить его.

гештальт

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Основы проектирования дашбордов

Принципы гештальта

То, как мы воспринимаем и организуем увиденное, стремясь осмыслить его.

гештальт

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Основы проектирования дашбордов

Принципы гештальта

То, как мы воспринимаем и организуем увиденное, стремясь осмыслить его.

гештальт

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Основы проектирования дашбордов

Принципы гештальта

То, как мы воспринимаем и организуем увиденное, стремясь осмыслить его.

гештальт

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Основы проектирования дашбордов

Принципы гештальта

То, как мы воспринимаем и организуем увиденное, стремясь осмыслить его.

гештальт

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Основы проектирования дашбордов

Вводящая в заблуждение визуализация: что делать и чего избегать

Ненулевая базовая линия

искажение

Непоследовательные интервалы

интервал

Перегруженность

перегрузка

3D-эффекты

3D

1 LibGuide. (2021). Data Visualization: Chart Dos and Don'ts.
Основы проектирования дашбордов

Давайте потренируемся!

Основы проектирования дашбордов

Preparing Video For Download...