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

Bộ lọc nhiều chiều là gì?

Còn gọi: faceted search, faceted navigation, bộ lọc sản phẩm, filter ui, lọc và sắp xếp

Faceted search là cách cho người dùng thu hẹp danh sách kết quả bằng nhiều tiêu chí cùng lúc, như danh mục, khoảng giá, thương hiệu, màu sắc, đánh giá, thường hiển thị ở cột bên hoặc khung lọc.

Hiểu kỹ hơn

Các sàn thương mại điện tử dùng bộ lọc kiểu này rất nhiều: chọn 'Áo khoác', 'Size M', 'Màu đen', 'Còn hàng' để còn vài chục sản phẩm. Nguyên tắc thiết kế: hiển thị số kết quả cạnh mỗi lựa chọn, ẩn hoặc làm mờ lựa chọn sẽ cho 0 kết quả, hiện các bộ lọc đang áp dụng dưới dạng chip có nút xoá, và có nút 'Xoá tất cả'. Trên desktop, bộ lọc ở cột trái thường cập nhật ngay khi chọn; trên mobile, bộ lọc nằm trong một màn hình hoặc bottom sheet riêng với nút 'Xem 48 kết quả'. Sắp xếp (mới nhất, bán chạy) là thao tác khác lọc và nên tách riêng. Nhóm lọc nên dùng thuật ngữ người dùng hiểu, kết quả card sorting giúp đặt tên tốt hơn.