29/05/2023
𝐓𝐨𝐨𝐥𝐓𝐢𝐩
____________________________________________________
Thuật ngữ tooltip xuất phát từ các ứng dụng Microsoft đời cũ (Microsoft Word 95). Các ứng dụng này có thanh công cụ chứa nhiều biểu tượng. Khi ta di chuyển chuột lên các biểu tượng này, chú thích ngắn về chức năng của biểu tượng sẽ hiển thị. Không chỉ được sử dụng trên thanh công cụ, tooltip (hay infotip hoặc hint), là yếu tố phổ biến trong giao diện đồ hoạ người dùng (Graphical User Interface). Tooltip còn được sử dụng trên nhiều phần khác nhau của giao diện, giúp hiển thị các thông tin như:
1. Mô tả chức năng của nút bấm
2. Phiên bản đầy đủ của từ viết tắt
3. Thời gian chính xác thay vì thời gian tương đối
4. Hướng dẫn sử dụng khi mới vào một màn hình lần đầu
Những trường hợp sử dụng tooltip phổ biến bao gồm: hướng dẫn từng bước trực quan (interactive walkthroughs), làm quen các tính năng bổ trợ (secondary onboarding) và giới thiệu tính năng. Bạn có thể học hỏi từ các tooltip của Medium, Slack, Wikipedia,…
𝟖 𝐥𝐨𝐚̣𝐢 𝐭𝐨𝐨𝐥𝐭𝐢𝐩 𝐭𝐫𝐨𝐧𝐠 𝐭𝐡𝐢𝐞̂́𝐭 𝐤𝐞̂́ 𝐔𝐈
1. ToolTip thông tin (Information)
2. ToolTip ngữ cảnh (Contextual)
3. Tooltip điều hướng (Navigational)
4. Tooltip điểm dữ liệu (Datapoints)
5. Tooltip thông báo (Alerts)
6. Tooltip chỉnh sửa văn bản nội tuyến (Inline editor toolbar)
7. Tooltip hình ảnh/avatar
8. Tooltip giới thiệu (Onboarding)
Cách áp dụng tooltip để đem đến trải nghiệm tốt cho người dùng
1. Chỉ dùng khi thật sự cần thiết
2. Sử dụng mô tả rõ ràng, ngắn gọn
3. Không nên làm gián đoạn trải nghiệm người dùng
4. Đừng để tooltip che đi các nội dung quan trọng khác
Xem thêm bài viết tại: https://techie.vn/cach-ap-dung-tooltip-hieu-qua-trong-thiet-ke-ui/
