Template Tab berfungsi sebagai penampung untuk template lain yang tercantum di bawah, yang menyediakan tab di bagian atas (seperti yang ditunjukkan dalam Anatomi template Tab).
Dengan tab ini, Anda dapat beralih di antara tampilan. Kemampuan ini sangat berguna untuk mengatur konten atau tampilan yang ingin dijelajahi atau ditelusuri pengguna.
Mencakup:
- Kolom tab dengan ikon aplikasi dan maksimal 4 tab (tanpa tombol kembali)
- Template tersemat, yang dapat berupa salah satu jenis berikut:
Setiap tampilan tab sesuai dengan satu template tersemat, dan hanya satu tampilan tab yang dapat aktif pada waktu tertentu.
Anatomi template Tab
Contoh template tab
Persyaratan UX template tab
Developer aplikasi:
HARUS | Menyertakan panel tab dengan label dan ikon vektor monokrom untuk setiap tab. |
HARUS | Sertakan minimal 2 dan maksimal 4 tab di header aplikasi. |
HARUS | Sertakan template yang disematkan dan tidak kosong di setiap tampilan tab. |
TIDAK BOLEH | Izinkan lebih dari 1 tab untuk aktif secara bersamaan. |
TIDAK BOLEH | Buat navigasi sekunder dengan menambahkan tab tingkat kedua. |
SEHARUS | Gunakan label tab yang singkat untuk menghindari pemotongan. |
TIDAK SEHARUS | Sertakan header atau strip tindakan dalam template tersemat. |