Konu Başlıkları
Yükleniyor...

Mobil Alt Navigasyon: Dört Kalıp ve Hangisi Nerede Çalışır

Mobilde Alt Navigasyon Kalıpları: Akordeon, Sıralı Menü, Bölüm Menüsü

Mobil alt navigasyon tartışmaları genelde bir menü tipleri listesine dönüşüyor: akordeon, sıralı menü, bölüm menüsü, kategori açılış sayfası. Liste doğru, seçim ölçütü çoğu yerde yanlış kurulmuş. Alt kategori sayısına bakıp karar verin deniyor; oysa belirleyici olan sayı değil, kullanıcının o bölümde kalıp kalmadığı.

Akordeon menü

Ana menüde kategoriye dokunulduğunda altı açılan, alt kategorileri yerinde gösteren kalıp. Sayfa yüklenmiyor, kullanıcı sitenin hangi sayfasında olursa olsun tek dokunuşla alt kategoriye geçiyor. Kalabalık olmayan bölümlerde en ucuz çözüm bu.

Sınırı şurada: açılan bölüm beş altı satırı geçtiğinde menü kaydırmaya başlar, kullanıcı aradığı başlığı görmek için ekranı sürüklemek zorunda kalır. Bir de ana kategoriyle alt kategoriyi girinti, ton farkı ya da ayırıcı çizgiyle ayırmazsanız liste tek bir yığına dönüşüyor. Bu kalıbın sahada en sık görülen hatası ikinci madde, birincisi değil.

Sıralı menü ve geri tuşu

Sıralı menü önce ana kategorileri gösterir, seçtikçe bir kademe iner. Derin hiyerarşiyi küçük ekrana sığdırmanın gerçekten işe yarayan yolu, ama bedeli var: her kademe yeni bir karar ve yeni bir dokunuş, kullanıcı da üçüncü kademede nerede olduğunu kaybediyor.

Asıl arıza geri tuşunda çıkıyor. Menü tek sayfa içinde durum değiştiriyorsa tarayıcının geri tuşu kullanıcıyı bir kademe yukarı değil, menüyü açmadan önceki sayfaya atar. Bunu history.pushState ile çözersin: her kademede duruma bir geçmiş kaydı ekle, popstate dinleyicisinde bir üst kademeye dön. Hazır menü kütüphanesi aramaya gerek yok, iş on beş satır JavaScript.

Kademeler arası kırıntı yolu, ya da en azından üst kademenin adını menü başlığında tutmak, kaybolma hissini azaltır.

Bölüm menüsü

Her ana bölümün kendi gezinim şeridini taşıdığı kalıp. Haber sitelerinde, çok yazarlı bloglarda, portal yapılarında işe yarıyor: kullanıcı zamanının çoğunu tek bölümde geçiriyorsa o bölümün sayfaları arasında dolaşmak için ana menüyü hiç açması gerekmiyor.

Tek koşulu var, bölüm menüsü ana menüye benzemeyecek. İkisi aynı yükseklikte, aynı tipografide ve aynı konumdaysa kullanıcı hangi menünün hangi kapsamda çalıştığını anlamıyor; bölüm içi bir bağlantıyı site genelinde bir bağlantı sanıyor.

Kategori açılış sayfası

On beşten fazla alt kategoride yukarıdakilerin ikisi de tutmuyor. Açılır menü kaydırılacak kadar uzuyor, sıralı menü de kademelendirecek kadar derin bir yapı bulamıyor. Kalanı tek bir sayfaya listelemek, yani kategori açılış sayfası kurmak, bu noktada makul olan seçenek.

Maliyeti açık: her kategori geçişi bir sayfa yüklemesi daha. Kullanıcı bölümler arasında sık geçiş yapıyorsa bu kalıp onu her defasında aynı ara duraktan geçirir.

Sayı değil, gezinti yolu

Ortalıkta bir eşik tablosu dolaşıyor: altıdan azsa akordeon, altı ile on beş arası bölüm menüsü, fazlası açılış sayfası. Tabloyu üreten mantık yarım. Alt kategori sayısı menünün ekrana sığıp sığmadığını söyler, kullanıcının hangi kalıptan fayda göreceğini söylemez.

Aynı ölçüte iki site koyun. Sekiz alt kategorili bir dokümantasyon sitesinde kullanıcı tek bölümde kalıyorsa bölüm menüsü doğru seçim. Sekiz alt kategorili bir e-ticaret kategorisinde kullanıcı bölümler arasında zıplıyorsa aynı menü onu her geçişte bölüm sayfasına geri çeker, akordeon daha hızlı çalışır. Sayı ikisinde de sekiz, doğru cevap aynı değil.

Sıralama şöyle kurulur: analitikten bölüm içi ve bölümler arası geçiş oranına bak, kalıbı buna göre seç, sayıyı yalnızca seçtiğin kalıbın ekrana sığıp sığmadığını denetlemek için kullan.