Thư viện thuật ngữ / UI/UX

Toggle switch là gì?

Còn gọi: công tắc bật tắt

Toggle switch là công tắc trong giao diện chuyển giữa hai trạng thái bật và tắt cho một cài đặt, và thay đổi có hiệu lực ngay khi người dùng gạt.

Toggle switch (công tắc bật tắt)

Hiểu kỹ hơn

Toggle mô phỏng công tắc vật lý nên người dùng hiểu ngay nó có hai trạng thái. Điểm quan trọng nhất theo Nielsen Norman Group là toggle phải có tác dụng tức thì, như bật Wi-Fi hay chế độ tối. Nếu thay đổi chỉ áp dụng sau khi bấm Lưu, hãy dùng checkbox. Trạng thái bật thường có màu nhấn và núm nằm bên phải; không nên chỉ dựa vào màu mà nên thêm vị trí núm hoặc nhãn để người mù màu vẫn phân biệt được. Trong Figma, toggle là component có hai variant On/Off, nối bằng tương tác On click › Change to với Smart animate để núm trượt mượt. Ví dụ: màn hình Cài đặt trên iPhone dùng toggle cho Chế độ máy bay, Bluetooth. Lỗi thường gặp là đặt nhãn mơ hồ khiến không rõ đang bật hay tắt, hoặc đặt toggle trong form cần bấm Gửi mới có tác dụng.