Thiết kế dashboard

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

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Vì sao thiết kế quan trọng?

 

  • Công ty: NASDAQ
  • Nhu cầu: truyền đạt thị trường hằng ngày cho nhà đầu tư phổ thông
  • Giải pháp: hiển thị giá trị thời gian thực đơn lẻ tại Quảng trường Thời Đại

 

Tại sao đường xu hướng không phải lựa chọn tốt nhất?

 

sàn chứng khoán

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Các Khái Niệm Thiết Kế Dashboard

Vì sao thiết kế quan trọng?

 

  • Công ty: NASDAQ
  • Nhu cầu: truyền đạt thị trường hằng ngày cho nhà đầu tư phổ thông
  • Giải pháp: hiển thị giá trị thời gian thực đơn lẻ tại Quảng trường Thời Đại

 

Tại sao đường xu hướng không phải lựa chọn tốt nhất?

 

sàn chứng khoán

 

Insight lịch sử so với chỉ báo thời gian thực

1 Brath, Richard & Michael Peters. (2004). Dashboard design: why design is important.
Các Khái Niệm Thiết Kế Dashboard

Thành phần thiết kế

                Đối tượng

  • Ai sẽ dùng dashboard này?
  • Nhu cầu của họ là gì?
  • Định dạng nào phù hợp với họ?
  • Tần suất truy cập?

  đối tượng

                        Thành phần

  • Mục đích: khám phá hay diễn giải
  • Định dạng: ngang hay dọc
  • Bố cục: grid hay flex
  • Trực quan: giá trị, kích thước, hình dạng

 

thành phần

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

Mục đích của dashboard

              Dashboard khám phá

dashboard khám phá

Dashboard khám phá cho phép người dùng khám phá dữ liệu.

                    Dashboard diễn giải

dashboard diễn giải

Dashboard diễn giải cung cấp insight định sẵn cho người dùng.

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

Dashboard khám phá

 

dashboard khám phá

 

 

  • Bộ lọc để phân đoạn dữ liệu tùy chỉnh
1 Baucke, Spencer. (2022). Dashboard design essentials.
Các Khái Niệm Thiết Kế Dashboard

Dashboard khám phá

 

dashboard khám phá

 

 

  • Bộ lọc để phân đoạn dữ liệu tùy chỉnh
  • Bảng điều hướng tùy biến
1 Baucke, Spencer. (2022). Dashboard design essentials.
Các Khái Niệm Thiết Kế Dashboard

Dashboard khám phá

 

dashboard khám phá

 

 

  • Bộ lọc để phân đoạn dữ liệu tùy chỉnh
  • Bảng điều hướng tùy biến
  • Drill-down để xem chi tiết hơn
1 Baucke, Spencer. (2022). Dashboard design essentials.
Các Khái Niệm Thiết Kế Dashboard

Dashboard khám phá

 

dashboard khám phá

 

 

  • Bộ lọc để phân đoạn dữ liệu tùy chỉnh
  • Bảng điều hướng tùy biến
  • Drill-down để xem chi tiết hơn
  • Đồ họa tương tác (hover, tooltip)
1 Baucke, Spencer. (2022). Dashboard design essentials.
Các Khái Niệm Thiết Kế Dashboard

Dashboard diễn giải

 

dashboard diễn giải

 

 

  • Dữ liệu thường đã được lọc
  • Câu chuyện định sẵn
  • Trình bày cho lãnh đạo
  • Kêu gọi hành động
1 Baucke, Spencer. (2022). Dashboard design essentials.
Các Khái Niệm Thiết Kế Dashboard

Kích thước dashboard

                      Không gian vật lý

  • Kích thước màn hình - độ dài đường chéo

      Máy bàn, laptop, máy tính bảng, di động

kích thước màn hình

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

Kích thước dashboard

                      Không gian vật lý

  • Kích thước màn hình - độ dài đường chéo
  • Độ phân giải - số điểm ảnh và mật độ (rộng x cao)

                          Định dạng

  • Định dạng chuẩn - dashboard hình chữ nhật

    • Tỉ lệ - 16:9
    • Mọi thành phần hiển thị trên một màn hình
    • Không cuộn

  • Định dạng dài - ngang hoặc dọc

      Máy bàn, laptop, máy tính bảng, di động

kích thước màn hình

                Ngang (kiểu timeline) định dạng dài

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

Kích thước dashboard

                      Không gian vật lý

  • Kích thước màn hình - độ dài đường chéo
  • Độ phân giải - số điểm ảnh và mật độ (rộng x cao)

                          Định dạng

  • Định dạng chuẩn - dashboard hình chữ nhật

    • Tỉ lệ - 16:9
    • Mọi thành phần hiển thị trên một màn hình
    • Không cuộn

  • Định dạng dài - ngang hoặc dọc

      Máy bàn, laptop, máy tính bảng, di động

kích thước màn hình

                Dọc (kiểu cột báo) định dạng dọc

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

Bố cục dashboard

                  Hệ lưới (grid) hệ lưới

  • Ma trận hai chiều
  • Cân bằng và đối xứng
  • Dễ điều hướng
  • BAN (Big Aggregate Numbers) - hàng trên cùng

                                Tiêu điểm

trọng tâm dạng F

trọng tâm dạng F

1 Baucke, Spencer. (2022). Dashboard design essentials.
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...