Đừng Sử Dụng Một Trạng Thái Trống Chung Chung Cho Các Bảng Dữ Liệu Của Bạn

Hầu hết các bảng dữ liệu đều đi kèm với một thông báo duy nhất: "Không có dữ liệu."

Nó trông có vẻ ổn trong các buổi duyệt thiết kế. Nhưng nó lại tạo ra các yêu cầu hỗ trợ (support tickets) khi vận hành thực tế (production).

Một bảng trống có thể mang ba ý nghĩa khác nhau. Mỗi trường hợp cần một thiết kế riêng, văn bản riêng và hành động cụ thể.

Dưới đây là ba trường hợp bạn phải thiết kế riêng biệt:

  1. Lần đầu sử dụng (Chưa có dữ liệu) Người dùng là người mới. Họ muốn biết bảng này dùng để làm gì và cách để bắt đầu. • Mục tiêu: Hướng dẫn người dùng (onboarding). • Văn bản: Giải thích mục đích của bảng. • Hành động: Cung cấp một nút để tạo mục đầu tiên hoặc nhập dữ liệu. • Tránh: Một thông báo cụt lủn như "Không có dữ liệu."

  2. Trống do bộ lọc (Có dữ liệu nhưng bộ lọc đang ẩn chúng) Người dùng đã áp dụng các bộ lọc không trả về kết quả nào. Họ thường nghĩ rằng công cụ đang bị lỗi. • Mục tiêu: Giúp người dùng tìm thấy dữ liệu của họ. • Văn bản: Nêu rõ những bộ lọc nào đang được kích hoạt. • Hành động: Cung cấp một nút để xóa tất cả bộ lọc hoặc chỉnh sửa chúng. • Tránh: Một thông báo chung chung mà bỏ qua các bộ lọc đang hoạt động.

  3. Lỗi tải dữ liệu (Yêu cầu thất bại) Máy chủ trả về lỗi hoặc kết nối mạng bị ngắt. • Mục tiêu: Giúp người dùng khắc phục. • Văn bản: Giải thích rằng việc tải dữ liệu đã thất bại và hiển thị mốc thời gian hoặc mã lỗi. • Hành động: Cung cấp một nút thử lại (retry). • Tránh: Nói với người dùng "Không có dữ liệu" trong khi vấn đề thực sự là một lỗi kỹ thuật.

Why teams fail at this:

  • Họ thiết kế các trạng thái trống quá muộn trong quy trình.
  • Họ chỉ kiểm thử với dữ liệu mẫu (demo data), vì vậy họ không bao giờ thấy được trạng thái trống.
  • Họ coi các trạng thái trống là các trường hợp ngoại lệ (edge cases).

Trên thực tế, các trạng thái trống là những khoảnh khắc mang lại tác động lớn. Một trạng thái trống tốt sẽ giúp người dùng chuyển từ con số không đến khi nhận được giá trị chỉ trong vài phút. Một trạng thái trống tồi sẽ khiến họ bối rối và nản lòng.

Hãy xây dựng thành phần bảng (