Chú giải công cụ giải thích mà không gây cản trở
Cách thiết kế chú giải công cụ hữu ích: thông tin bổ sung ngắn gọn, truy cập di chuột và bàn phím, các lựa chọn thay thế bằng cảm ứng và lý do tại sao các hướng dẫn cần thiết không bao giờ có trong chú giải công cụ.
Điểm chính
Chú giải công cụ là các thông báo ngắn gọn xuất hiện khi di chuột hoặc tiêu điểm trên bàn phím để cung cấp thông tin bổ sung, chẳng hạn như ý nghĩa của số liệu. Giữ chúng ngắn gọn, không bao giờ đưa các hướng dẫn cần thiết vào trong, làm cho chúng có thể truy cập được bằng bàn phím, cung cấp giải pháp thay thế dựa trên thao tác nhấn trên màn hình cảm ứng và không đặt các liên kết hoặc nút bên trong.
Chú giải công cụ là gì
Nielsen Norman Group định nghĩa chú giải công cụ là một thông báo ngắn gọn, đầy thông tin xuất hiện khi người dùng tương tác với một phần tử, được bắt đầu bằng cách di chuột hoặc di chuột qua bàn phím (giữ tiêu điểm bàn phím trên một phần tử). Vì chúng phụ thuộc vào thao tác di chuột nên chú giải công cụ thường không có sẵn trên màn hình cảm ứng.
Bổ sung, không bao giờ cần thiết
NN/g đưa ra một ví dụ rõ ràng về lỗi: một trang web đưa yêu cầu mật khẩu vào chú giải công cụ. Thông tin mọi người cần để hoàn thành nhiệm vụ sẽ hiển thị trên màn hình. Chú giải công cụ phù hợp với các định nghĩa, giải thích lý do tại sao một trường được yêu cầu và nhãn cho các nút chỉ có biểu tượng.
Khả năng tiếp cận
Làm cho chú giải công cụ có thể sử dụng được cho mọi người:
- Mở trên tiêu điểm bàn phím cũng như di chuột.
- Hãy để mọi người loại bỏ nó bằng Escape mà không cần di chuyển tiêu điểm.
- Giữ nó mở trong khi con trỏ di chuyển vào nó.
- Kết nối nó với trình kích hoạt để trình đọc màn hình thông báo.
- Không đưa nội dung tương tác vào bên trong; thay vào đó hãy sử dụng một cửa sổ bật lên.
Chú giải công cụ trên thiết bị cảm ứng
Di chuột không tồn tại khi chạm vào. Sử dụng biểu tượng thông tin hiển thị để mở một cửa sổ bật lên nhỏ khi nhấn hoặc hiển thị phần giải thích nội tuyến. Đối với các số liệu phức tạp của doanh nghiệp, biểu tượng thông tin bên cạnh nhãn là mẫu quen thuộc trên mọi thiết bị.
Chuyển động và thời gian
Độ trễ ngắn trước khi hiển thị sẽ tránh hiện tượng nhấp nháy chú giải công cụ khi con trỏ đi qua các phần tử; khi một cái được mở, các chú giải công cụ lân cận có thể xuất hiện ngay lập tức. Sự mờ dần nhanh chóng hoặc quy mô nhỏ từ trình kích hoạt giúp mọi người biết nó đến từ đâu. Giữ nó dưới khoảng 150 mili giây.
Nguyên tắc chính cần nhớ
- Chú giải công cụ ngắn gọn và bổ sung
- Không bao giờ ẩn các hướng dẫn cần thiết trong chú giải công cụ
- Hỗ trợ lấy nét bàn phím và Escape
- Sử dụng biểu tượng thông tin có thể nhấn trên thiết bị cảm ứng
- Không có nội dung tương tác bên trong chú giải công cụ
Câu hỏi thường gặp
Nguồn
- Tooltip Guidelines — Nielsen Norman Group