Chuyên môn · Thiết kế sản phẩm số

Thiết kế dashboard: một cái nhìn đủ để hành động

Một dashboard không phải nơi chứa mọi số liệu, mà là nơi người xem biết ngay mình cần làm gì tiếp theo.

Chốt nhanh

Dashboard tốt không phải dashboard có nhiều biểu đồ nhất, mà là dashboard giúp người xem nắm tình hình và phát hiện bất thường ngay trong lần nhìn đầu tiên. Để làm được điều đó, Anh Chị cần xác định rõ người xem là ai, họ ra quyết định gì, và chỉ số nào thực sự cần xuất hiện trên màn hình đó. Phần còn lại, bao gồm bố cục, phân cấp thị giác và ngưỡng cảnh báo, đều phục vụ một câu hỏi duy nhất: người xem nhìn vào và hiểu ngay không?

Nhìn nhanh
Hợp với
mục tiêu là giám sát định kỳ để phát hiện điều bất thường trong một cái nhìncần ngưỡng và tín hiệu trực quan để người xem biết ngay điều gì đáng chú ý
Không hợp
biến dashboard giám sát thành công cụ phân tích chi tiết, mất cả hai mục tiêunhồi quá nhiều biểu đồ và trang trí rườm rà làm chìm chỉ số quan trọng
Ngành hay dùng
SaaSphần mềm B2Btài chính

Dashboard thiết kế tốt không đến từ trực giác. Theo Stephen Few trong Information Dashboard Design, kỹ năng xử lý các thách thức riêng của dashboard là kỹ năng học được, và đây cũng là lý do vì sao nhiều dashboard làm ra trông đẹp nhưng lại kém hiệu quả trong thực tế. Sinh Vũ tiếp cận vấn đề từ câu hỏi quyết định trước, rồi mới tính đến bố cục và hình thức.

Dashboard phục vụ ai và để làm gì

Trước khi vẽ một ô nào, Anh Chị cần trả lời: người xem dashboard này là ai và họ sẽ ra quyết định gì từ những gì họ thấy? Một quản lý vận hành cần thấy thứ khác so với một giám đốc tài chính hay một nhân viên chăm sóc khách hàng. Cùng một tập số liệu nhưng mỗi vai trò cần một góc nhìn khác nhau, ưu tiên khác nhau, và ngưỡng cảnh báo khác nhau.

Bỏ qua bước này thường dẫn đến tình trạng dashboard cố gắng phục vụ tất cả mọi người và cuối cùng không giúp ích rõ ràng cho ai. Mỗi dashboard nên có một nhóm người dùng chính, với một mục tiêu giám sát rõ ràng.

Chọn đúng chỉ số và thứ tự ưu tiên

Không phải mọi số liệu đều cần có mặt trên dashboard giám sát. Chỉ số quan trọng là chỉ số mà nếu nó thay đổi bất thường, người xem cần biết ngay để hành động. Các chỉ số còn lại có thể để ở bảng phân tích riêng hoặc mở theo yêu cầu.

Thứ tự ưu tiên cũng quan trọng không kém. Mắt người lướt từ trên xuống, từ trái sang phải. Chỉ số quan trọng nhất phải ở vị trí được nhìn thấy đầu tiên, không nằm ẩn giữa màn hình hay ở góc dưới cùng.

  • Chỉ số nào báo hiệu sức khỏe tổng thể của hệ thống hay hoạt động kinh doanh?
  • Chỉ số nào cần người xem hành động ngay khi có biến động?
  • Chỉ số nào chỉ cần xem theo định kỳ, không cần theo dõi liên tục?

Chọn đúng dạng biểu đồ cho từng loại dữ liệu

Một trong những lỗi kỹ thuật phổ biến nhất là chọn sai loại biểu đồ. Biểu đồ không phải trang trí mà là công cụ truyền đạt, mỗi dạng phù hợp với một loại câu hỏi khác nhau.

Xu hướng theo thời gian: biểu đồ đường (line chart) phù hợp hơn biểu đồ cột (bar chart) vì nó thể hiện sự liên tục và chiều chuyển động rõ hơn.

So sánh giữa các hạng mục: biểu đồ cột nằm ngang (horizontal bar chart) thường dễ đọc hơn biểu đồ tròn (pie chart) khi có nhiều hơn ba hạng mục, vì mắt người đọc độ dài dễ hơn đọc góc.

Khi dữ liệu là một tỷ lệ đơn giản và chỉ có hai phần, biểu đồ tròn có thể dùng được. Nhưng khi có nhiều phần, hãy chuyển sang biểu đồ cột hoặc bảng có điểm nhấn màu sắc.

Ngưỡng và tín hiệu: giúp mắt nhận biết nhanh

Một con số đứng trơ không nói lên được điều gì. Người xem cần ngữ cảnh: 500 đơn hàng hôm nay là tốt hay xấu so với tuần trước, so với mục tiêu tháng, so với cùng kỳ năm ngoái? Ngưỡng và so sánh biến con số thành tín hiệu.

Dashboard thiết kế tốt huy động sức mạnh của tri giác thị giác để truyền đạt một tập thông tin dày đặc một cách hiệu quả và rõ ràng.

Stephen Few, Information Dashboard Design

Màu sắc là công cụ tín hiệu mạnh nhất, nhưng phải dùng có nguyên tắc: xanh là bình thường, vàng là cần theo dõi, đỏ là cần hành động ngay. Đừng dùng màu sắc chỉ để trang trí vì khi đó màu mất hết giá trị cảnh báo.

Lỗi thường gặp khi thiết kế dashboard

  • Nhồi quá nhiều biểu đồ: mắt không biết nhìn vào đâu trước, chỉ số quan trọng bị chìm giữa đám đông.
  • Biến dashboard giám sát thành công cụ phân tích: khi cố nhét cả hai chức năng vào một màn hình, người dùng không nắm được tình hình nhanh và cũng không phân tích được đến nơi đến chốn.
  • Thiếu phân cấp thị giác: mọi thứ cùng cỡ chữ, cùng màu sắc, cùng trọng lượng thị giác, người xem mất thêm thời gian tự sắp xếp ưu tiên trong đầu trước khi đọc được nội dung.
  • Tương tác thừa: bộ lọc và tính năng khoan sâu (drill-down) là hữu ích khi thực sự phục vụ quyết định, nhưng nếu thêm vào chỉ vì "có thể có thì tốt", chúng làm loãng thông điệp chính và khiến dashboard trở nên phức tạp không cần thiết.

Góc nhìn của Sinh Vũ

Sinh Vũ thiết kế phần con người nhìn vào và hiểu ngay: bố cục, phân cấp thị giác, ngưỡng cảnh báo, cách chọn và đặt biểu đồ. Phần đường ống dữ liệu và hệ thống kỹ thuật ở tầng backend là của đội kỹ thuật của Anh Chị. Sinh Vũ phối hợp với đội đó để bảng chạy trên số liệu thật, nhưng ranh giới phân công cần rõ từ đầu để tránh lệch kỳ vọng.

Điểm khởi đầu luôn là câu hỏi quyết định: người xem cần thấy gì để hành động? Câu trả lời cho câu hỏi đó sẽ dẫn đến mọi lựa chọn thiết kế còn lại, từ chỉ số nào hiện lên đầu tiên, đến màu sắc nào dùng để cảnh báo, đến những gì cần ẩn đi để không làm nhiễu.

Nguồn tham khảo

Stephen Few, Information Dashboard Design (ISBN 978-1938377006). Kinh nghiệm thực hành Sinh Vũ Studio.

Câu hỏi thường gặp

Dashboard giám sát và báo cáo phân tích có khác nhau không?

Khác nhau rõ ràng. Dashboard giám sát phục vụ việc nắm tình hình nhanh, phát hiện bất thường, không cần đào sâu tại chỗ. Báo cáo phân tích thì ngược lại: người dùng cần thời gian ngồi đọc, lọc, khoan sâu vào từng con số. Nhồi cả hai vào một màn hình thường làm hỏng cả hai mục tiêu.

Có bao nhiêu chỉ số là vừa cho một dashboard?

Không có con số cứng, nhưng nguyên tắc là chỉ đưa vào những chỉ số mà nếu thiếu, người xem không thể ra quyết định đúng. Nếu Anh Chị đang do dự giữa 'cần' và 'hay có thì tốt', hãy để phần 'hay có' ra một bảng riêng hoặc bộ lọc mở rộng.

← Về Trải nghiệm số
{INJ}