UI/UX

Thông báo toast / snackbar là gì?

toastsnackbarthông báo nổi

Toast (snackbar) là thông báo ngắn hiện ra trong vài giây ở mép màn hình để báo kết quả một hành động, như 'Đã lưu', rồi tự biến mất mà không chặn thao tác.

Hiểu kỹ hơn

Toast phù hợp cho phản hồi nhẹ; không nên dùng cho lỗi nghiêm trọng hay thông tin người dùng cần đọc kỹ, vì nó tự biến mất. Snackbar (theo Material Design) có thể kèm một hành động như 'Hoàn tác'. Nên giữ chữ ngắn, đặt ở vị trí không che nội dung quan trọng, và đảm bảo trình đọc màn hình đọc được.

Ảnh minh hoạ Thông báo toast / snackbar: một toast 'Đã lưu' và một snackbar 'Đã xoá ảnh – Hoàn tác' ở cuối màn hình điện thoại
Một toast 'Đã lưu' và một snackbar 'Đã xoá ảnh – Hoàn tác' ở cuối màn hình điện thoại

Thuật ngữ liên quan

01Feedback (phản hồi của hệ thống)

Feedback trong giao diện là tín hiệu hệ thống gửi lại sau mỗi thao tác của người dùng, như đổi trạng thái nút, hiện thông báo hay chạy vòng tải, để họ…

02Modal (hộp thoại chặn)

Modal là cửa sổ hiện chồng lên nội dung chính và tạm khoá phần phía sau, buộc người dùng xử lý xong hoặc đóng nó trước khi quay lại trang.

03Trạng thái lỗi (error state)

Trạng thái lỗi là cách giao diện hiển thị khi có sự cố, như nhập sai, mất mạng, không tải được, gồm hình thức (màu, biểu tượng, vị trí) và nội dung giải…

04Microcopy (chữ nhỏ trong giao diện)

Microcopy là các đoạn chữ ngắn trong giao diện như nhãn nút, gợi ý ô nhập, thông báo lỗi, thông báo xác nhận, giúp người dùng hiểu phải làm gì và chuyện…