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

Tab bar là gì?

Còn gọi: thanh tab dưới đáy ứng dụng

Tab bar là thanh điều hướng cố định ở đáy màn hình ứng dụng di động, chứa từ ba đến năm mục chính để người dùng chuyển nhanh giữa các khu vực cấp cao nhất của ứng dụng.

Tab bar (thanh tab dưới đáy ứng dụng)

Hiểu kỹ hơn

Apple gọi thành phần này là tab bar trong Human Interface Guidelines, còn Material Design gọi là navigation bar (trước đây là bottom navigation), cả hai đều khuyên dùng từ ba đến năm mục. Mỗi mục gồm biểu tượng và nhãn chữ ngắn, mục đang chọn được tô màu hoặc đổi icon đặc. Tab bar nằm trong vùng ngón cái dễ với tới, nên hợp với các khu vực người dùng ghé thường xuyên. Trong Figma, đặt tab bar trong frame điện thoại và chọn Fix position when scrolling ở tab Prototype để nó đứng yên khi cuộn. Ví dụ: App Store trên iPhone có tab bar với các mục như Hôm nay, Trò chơi, Ứng dụng và Tìm kiếm. Lỗi thường gặp là nhồi sáu, bảy mục, dùng icon không có nhãn làm người dùng phải đoán, hoặc đặt hành động như Đăng xuất vào tab bar thay vì chỉ các điểm đến.

Tab bar học viên ColorME làm