Sekme Çubukları ve Alt Gezinme: Geçerli Tasarım Kuralları
iOS ve Android'te sekme çubukları ve alt gezinme nasıl tasarlanır: 3 ila 5 hedef, eylemler değil gezinme, etiketler, rozetler, görünürlük ve animasyonlu aktif durumlar.
Ana nokta
Eylemler için değil, üç ila beş üst düzey hedef için bir sekme çubuğu veya alt gezinme kullanın. Her sekmeye bir simge ve etiket verin, insanlar bölümler arasında dolaşırken çubuğu görünür tutun, mümkün olduğunca "Diğer" sekmelerinin taşmasını önleyin ve rozetleri idareli kullanın. İnsanların nerede olduklarını görebilmeleri için aktif durumu ustaca canlandırın.
Platformlar ne diyor?
Material Design 3, gezinme çubuklarının her biri bir simge ve etikete sahip üç ila beş hedefe erişim sağladığını ve bir hedefin her zaman aktif olduğunu söylüyor. Apple'ın yönergeleri, gezinme için bir sekme çubuğu kullanılması gerektiğini, eylemler sağlamayacağını, insanlar bölümler arasında hareket ederken sekme çubuğunun görünür kalmasını sağlayacağını (bir modelin kapsadığı durumlar hariç) ve sekmelerin taşmasını önleyeceğini söylüyor.
Sekmeleri seçme
Sekmeler uygulamanın yapısını temsil eder:
- Sahip olduğunuz her bölümü değil, insanların en sık kullandığı bölümleri seçin.
- Eylemler için fiilleri ("Yükleme") değil, hedefler ("Kütüphane") için isimler kullanın.
- Eylemleri ekranın kendisine, bir araç çubuğuna veya kayan eylem düğmesine yerleştirin.
- Beşten fazlasına ihtiyacınız varsa "Diğer" sekmesini eklemeden önce yapınızı yeniden değerlendirin.
Etiketler ve rozetler
Yalnızca simge içeren sekmeler yerden tasarruf sağlar ancak insanları tahmin etmeye zorlar. Etiketler, özellikle daha az yaygın olan simgeler için gezinmeyi daha net hale getirir. Rozetler insanların harekete geçmesi gereken bir şeyi işaret etmelidir; Her zaman mevcut olan bir rozet fark edilmeyi bırakır.
Sekme başına durumu koru
Apple, sekme çubuklarının, her bölümdeki mevcut gezinme durumunu korurken insanların bölümleri değiştirmesine olanak tanıdığını belirtiyor. Bir sekmeye geri dönmek, en başa sıfırlamak yerine, kaldıkları yeri göstermelidir.
Hareket
Aktif göstergedeki kayan bir hap veya doldurulan bir simge gibi küçük bir geçiş, insanların nerede olduklarını takip etmelerine yardımcı olur. Yaklaşık 250 milisaniyenin altında hızlı tutun, her dokunuşta her simgenin sıçramasını önleyin ve azaltılmış hareket açıkken basitleştirin.
Hatırlanacak temel ilkeler
- Üç ila beş üst düzey hedef
- Eylemler değil gezinme
- Her sekme için simge artı etiket
- Görünür tutun ve her sekmenin durumunu koruyun
- Hafif, hızlı aktif durum hareketi
Sık sorulan sorular
Kaynaklar
- Navigation bar guidelines — Material Design 3
- Tab bars — Apple İnsan Arayüzü Yönergeleri