Trải nghiệm người dùng
Làm bảng dữ liệu hữu ích mà không phụ thuộc cuộn ngang
Bảng nghiệp vụ hữu ích giữ thông tin nhận diện, so sánh và thao tác trong tầm sử dụng. Chọn cột theo tác vụ, duy trì quan hệ tiêu đề với dữ liệu và cho xem chi tiết thay vì bắt mọi quyết định phụ thuộc cuộn ngang.
Bảng có thể chứa mọi trường dữ liệu nhưng vẫn không giúp người cần đưa ra một quyết định. Cuộn ngang có thể tách tên bản ghi khỏi trạng thái hoặc giấu thao tác tiếp theo. Trước khi tranh luận chiều rộng cột, hãy thống nhất người dùng so sánh gì và làm gì sau so sánh. Bản xuất báo cáo và hàng đợi vận hành hiếm khi cần cùng một cách xem mặc định.
Chọn cột từ quyết định cần đưa ra
Hỏi người dùng mô tả hành động tiếp theo sau khi đọc một dòng. Với hàng đợi gia hạn, thông tin nhận diện, trạng thái, người phụ trách và hạn sắp tới có thể quan trọng hơn mọi trường địa chỉ đã lưu. Đặt thông tin phụ ở phần chi tiết dễ mở hoặc lựa chọn cột có chủ đích.
Đừng bỏ ngữ cảnh chỉ để nhét thêm giá trị. Số tiền không có đơn vị tiền tệ hoặc trạng thái không gắn rõ bản ghi có thể gây mơ hồ. Nếu cho chọn cột, xác định trường nhận diện nào luôn hiện và ứng dụng có nhớ lựa chọn hay không.
Giữ ý nghĩa ngoài sự căn chỉnh nhìn thấy
WAI giải thích bảng hỗ trợ tiếp cận cần cấu trúc đánh dấu tiêu đề, ô dữ liệu và quan hệ giữa chúng.[6] Các ô được xếp đẹp không tự cung cấp quan hệ đó. Rà soát bảng đã triển khai bằng công nghệ hỗ trợ, không cho rằng dòng đầu in đậm tạo đủ ý nghĩa cần thiết.
Hướng dẫn dàn lại nội dung của WAI thừa nhận ngoại lệ cho nội dung cần bố cục hai chiều, trong đó có bảng dữ liệu.[5] Ngoại lệ không khiến cuộn thừa trở thành quyết định sản phẩm tốt. Nên giảm cột mặc định và giữ chuyển động ngang cần thiết trong vùng bảng, đồng thời để hướng dẫn xung quanh vẫn đọc được.
Ví dụ giả định: hàng đợi gia hạn dịch vụ
Một điều phối viên tài khoản giả định xem các gói đăng ký sắp gia hạn. Thiết kế đầu tiên đưa siêu dữ liệu kỹ thuật, nhiều trường liên hệ và ghi chú thanh toán vào mỗi dòng. Trạng thái gia hạn nằm xa tên tài khoản. Điều phối viên phải cuộn ngang liên tục để biết hành động thuộc về gói nào.
Cách xem theo tác vụ được đề xuất giữ tài khoản, hạn gia hạn, trạng thái và thao tác tiếp theo cùng nhau. Mở dòng sẽ hiện liên hệ và ghi chú. Một cách xem so sánh riêng giữ thêm cột cho người phân tích thực sự cần. Đây là tình huống thiết kế, không phải bằng chứng đã đo được mức giảm thời gian xử lý.
Cân nhắc giữa tổng quan và chi tiết
Cách xem gọn làm tăng bước mở chi tiết, còn cách xem dày làm tăng công đọc quét. Thử cả hai với tên dài thực tế, giá trị thiếu và nhiều trạng thái. Nếu ẩn cột làm mất ngoại lệ quan trọng, hãy sửa mặc định thay vì trông chờ mọi người tự tùy chỉnh.
Thống nhất cách sắp xếp, lọc, chọn dòng và đi vào chi tiết giữ lại ngữ cảnh. Các quyết định này cần tiêu chí nghiệm thu bên cạnh hình thức. Vượt qua kiểm tra bố cục không tự chứng minh tuân thủ đầy đủ tiêu chuẩn tiếp cận.
- Xác định quyết định rồi chọn các cột thiết yếu phục vụ nó.
- Giữ rõ nhận diện dòng cạnh trạng thái và hành động.
- Xác minh quan hệ tiêu đề trên bảng đã triển khai.
- Thử giá trị dài và phóng đại mà không mất nút xung quanh.
- Cho mở chi tiết dễ dàng với thông tin không hiện mặc định.