Template tab

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.

{i>Wireframe<i} untuk template Tab

Anatomi template Tab

{i>Wireframe<i} untuk {i>template<i} Tab, termasuk semua kemungkinan {i>template<i} yang disematkan

Template Tab terdiri dari elemen berikut:

  1. Panel tab, yang dapat menampilkan hingga 4 tab
  2. Template tersemat, yang menggunakan salah satu template berikut: Daftar, Petak, Penelusuran, Panel, atau Pesan

Contoh template tab

Template tab dengan template Daftar yang disematkan
Tampilan tab “Semua perangkat” dibuat menggunakan template Tab yang berisi Template daftar (contoh Android Auto)
Template tab dengan template Petak tersemat
Tampilan tab “Perangkat rumah” dibuat menggunakan template Tab yang berisi template Petak (contoh Android Auto)

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.