Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Mẫu UXđọc 6 phút·Updated tháng 10 năm 2026·Đội ngũ ExodeUI

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ụ.

Tóm tắt và định nghĩa

Đ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.

Chỉ số trên trang tổng quan có biểu tượng thông tin hiển thị định nghĩa ngắn gọn về chú giải công cụ, bên cạnh các nguyên tắc nên làm và không nên làm
Các định nghĩa ngắn gọn, bổ sung là cách sử dụng tốt cổ điển của chú giải công cụ.

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

  1. Tooltip Guidelines — Nielsen Norman Group

Hướng dẫn và ví dụ liên quan

Chuyển động nhỏ, rõ ràng lớn

Điều chỉnh các chuyển tiếp nhanh chóng, êm dịu cho chú giải công cụ và cửa sổ bật lên trong trình duyệt.

Mở máy phát điện lò xo
Dùng thử miễn phí