Спеціальні прийоми візуалізації для дашбордів

Концепції дизайну дашбордів

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Проєктування дашбордів для людського сприйняття

 

interactive graphs

добре спроєктована графіка даних зазвичай найпростіша і [...] найсильніша${^1}$

 

          Ефективна візуалізація даних

  • Зменшує когнітивне навантаження користувача
  • Допомагає розв'язувати задачі
  • Сприяє відкриттям
  • Дає практичні інсайти
1 Едвард Тафті
Концепції дизайну дашбордів

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

                                                          Опрацювання інформації

visual communication

Концепції дизайну дашбордів

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

                                                          Опрацювання інформації

visual communication

Концепції дизайну дашбордів

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

                                                          Опрацювання інформації

visual communication

                                                      Принципи дизайну дашбордів

principles

Концепції дизайну дашбордів

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

                                                          Опрацювання інформації

visual communication

                                                      Принципи дизайну дашбордів

principles

Концепції дизайну дашбордів

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

Контраст

  • Колір, розмір, форма

contrast

Повторюваність

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

repetition

Вирівнювання

  • Упорядкований дизайн

alignment

Близькість

  • Споріднені елементи мають бути згруповані

proximity

1 Ferrari, Maw. (2021). Improving Dashboard design.
Концепції дизайну дашбордів

Принципи ґештальту

Як ми сприймаємо й упорядковуємо побачене, щоб надати йому сенс.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Концепції дизайну дашбордів

Принципи ґештальту

Як ми сприймаємо й упорядковуємо побачене, щоб надати йому сенс.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Концепції дизайну дашбордів

Принципи ґештальту

Як ми сприймаємо й упорядковуємо побачене, щоб надати йому сенс.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Концепції дизайну дашбордів

Принципи ґештальту

Як ми сприймаємо й упорядковуємо побачене, щоб надати йому сенс.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Концепції дизайну дашбордів

Принципи ґештальту

Як ми сприймаємо й упорядковуємо побачене, щоб надати йому сенс.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Концепції дизайну дашбордів

Принципи ґештальту

Як ми сприймаємо й упорядковуємо побачене, щоб надати йому сенс.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Концепції дизайну дашбордів

Оманлива візуалізація: що можна і чого не варто

Нуль не з нуля

distortion

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

interval

Перевантаження

overload

3D-ефекти

3-D

1 LibGuide. (2021). Data Visualization: Chart Dos and Don'ts.
Концепції дизайну дашбордів

Давайте потренуємось!

Концепції дизайну дашбордів

Preparing Video For Download...