Kỹ thuật trực quan hóa dành cho dashboard

Các Khái Niệm Thiết Kế Dashboard

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Thiết kế dashboard cho mắt người

 

biểu đồ tương tác

đồ họa dữ liệu được thiết kế tốt thường đơn giản nhất và [...] mạnh mẽ nhất${^1}$

 

          Trực quan hóa dữ liệu hiệu quả

  • Giảm tải nhận thức cho người dùng
  • Hỗ trợ giải quyết vấn đề
  • Tạo điều kiện khám phá
  • Cung cấp insight có thể hành động
1 Edward Tufte
Các Khái Niệm Thiết Kế Dashboard

Nguyên tắc thiết kế

                                                          Xử lý thông tin

giao tiếp trực quan

Các Khái Niệm Thiết Kế Dashboard

Nguyên tắc thiết kế

                                                          Xử lý thông tin

giao tiếp trực quan

Các Khái Niệm Thiết Kế Dashboard

Nguyên tắc thiết kế

                                                          Xử lý thông tin

giao tiếp trực quan

                                                      Nguyên tắc thiết kế dashboard

nguyên tắc

Các Khái Niệm Thiết Kế Dashboard

Nguyên tắc thiết kế

                                                          Xử lý thông tin

giao tiếp trực quan

                                                      Nguyên tắc thiết kế dashboard

nguyên tắc

Các Khái Niệm Thiết Kế Dashboard

Nguyên tắc thiết kế C.R.A.P.

Tương phản

  • Màu, kích thước, hình dạng

tương phản

Lặp lại

  • “Nhịp điệu” khi đọc dashboard

lặp lại

Căn chỉnh

  • Bố cục có trật tự

căn chỉnh

Gần nhau

  • Nhóm các phần tử liên quan

gần nhau

1 Ferrari, Maw. (2021). Improving Dashboard design.
Các Khái Niệm Thiết Kế Dashboard

Nguyên lý Gestalt

Cách chúng ta tri giác và sắp xếp những gì nhìn thấy để tạo ý nghĩa.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Các Khái Niệm Thiết Kế Dashboard

Nguyên lý Gestalt

Cách chúng ta tri giác và sắp xếp những gì nhìn thấy để tạo ý nghĩa.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Các Khái Niệm Thiết Kế Dashboard

Nguyên lý Gestalt

Cách chúng ta tri giác và sắp xếp những gì nhìn thấy để tạo ý nghĩa.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Các Khái Niệm Thiết Kế Dashboard

Nguyên lý Gestalt

Cách chúng ta tri giác và sắp xếp những gì nhìn thấy để tạo ý nghĩa.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Các Khái Niệm Thiết Kế Dashboard

Nguyên lý Gestalt

Cách chúng ta tri giác và sắp xếp những gì nhìn thấy để tạo ý nghĩa.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Các Khái Niệm Thiết Kế Dashboard

Nguyên lý Gestalt

Cách chúng ta tri giác và sắp xếp những gì nhìn thấy để tạo ý nghĩa.

gestalt

1 Dataspire. (2020). Let's leverage perception science to our advantage!
Các Khái Niệm Thiết Kế Dashboard

Trực quan gây hiểu lầm: nên và không nên

Trục không bắt đầu từ 0

xuyên tạc

Khoảng cách mốc không đều

khoảng

Quá tải

quá tải

Hiệu ứng 3D

3-D

1 LibGuide. (2021). Data Visualization: Chart Dos and Don'ts.
Các Khái Niệm Thiết Kế Dashboard

Ayo berlatih!

Các Khái Niệm Thiết Kế Dashboard

Preparing Video For Download...