Template tab

Template Tab berfungsi sebagai penampung untuk template lain yang tercantum di bawah, menyediakan tab di bagian atas (seperti yang ditunjukkan dalam Anatomi template Tab).

Dengan tab, Anda dapat beralih di antara tampilan. Kemampuan ini sangat berguna untuk mengatur konten atau tampilan yang akan dijelajahi atau ditelusuri pengguna.

Mencakup:

Setiap tampilan tab berhubungan dengan satu template tersemat, dan hanya satu tampilan tab yang dapat aktif pada satu waktu.

{i>Wireframe<i} untuk {i>template<i} tab

Anatomi template Tab

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

Template Tab terdiri dari elemen-elemen berikut:

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

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 Sediakan ikon vektor monokromatik untuk setiap tab.
HARUS Sertakan minimal 2 dan maksimal 4 tab di header aplikasi.
TIDAK BOLEH Izinkan lebih dari 1 tab untuk aktif sekaligus.
TIDAK BOLEH Buat navigasi sekunder dengan menambahkan tab tingkat kedua.
SEBAIKNYA Gunakan label tab yang pendek untuk menghindari pemotongan.
TIDAK BOLEH Mengandalkan header atau strip tindakan dalam template tersemat.