Mobil Bilgi Mimarisi: Menü Derinliği ve Dokunma Hedefleri
Mobil bilgi mimarisi tavsiyeleri neredeyse hep aynı iki cümleye iner: menüyü sığ tut, ekranı bağlantıyla doldurma. Bu ikisi birlikte uygulanabilir tavsiye değil, çünkü biri diğerinin yerini daraltır. Aşağıda hangisinin hangi büyüklükte kazandığı, dokunma hedefi için doğru sayı ve mobilde neyin kesileceği var.
Sığ menü ve az bağlantı aynı anda olmaz
Yaygın tavsiye paketi şudur: navigasyon derinliği en fazla 2-3 seviye, ana kategori sayısı 4-5, bir ekranda 10'dan fazla bağlantı yok. Kulağa makul geliyor. Sonra çarpmayı yapıyorsun.
Ekran başına 10 bağlantı sınırıyla iki seviye sana 100 hedef sayfa verir, üç seviye 1000. Ana kategoriyi 5'e indirdiğinde iki seviyede erişebildiğin sayfa sayısı 50'ye düşer. Yani 300 ürünlü bir katalog iki seviyede yaşayamaz; ya derinliği üçe çıkarırsın, ya bir ekrandaki bağlantı sınırını kırarsın, ya da menüyü tek gezinme yolu olmaktan çıkarırsın.
Üçüncüsü genelde doğru cevaptır. Katalog büyüdükçe menü zaten keşif aracı olmaktan çıkar, arama ve filtre asıl yol haline gelir. Menüyü sığ tutup, uzun kuyruğu aramaya devretmek; menüyü sekiz seviye derinleştirip kimsenin dibine inmediği bir ağaç kurmaktan iyidir.
Kendi sitenin gerçek derinliğini ölçmek için araç kurmana gerek yok: sitemap.xml'i aç, URL'lerdeki bölü işaretlerini say, en uzun yolu bul. Tasarımda çizdiğin şema değil, o sayı gerçek derinliğin.
Dokunma hedefi için 30 piksel yanlış sayı
Mobil rehberlerinde dolaşan "en az 30 piksel buton" ölçüsünün platform dokümanlarında karşılığı yok. Apple'ın Human Interface Guidelines dokümanı 44x44 pt, Google'ın Material yönergesi 48x48 dp taban verir. Aradaki fark küçük görünür ama parmak ucunun temas alanı sabit; 30 piksel hedefte yanlış dokunma oranı ölçülebilir şekilde artar.
Pratikte iki şey yeter. Tıklanabilir alanı görsel boyuttan bağımsız düşün: 24 piksellik bir ikonun dokunma alanını padding ile 48'e tamamlayabilirsin, ikon büyümez. Ve bitişik hedefler arasında en az 8 piksel boşluk bırak, çünkü yanlış dokunmaların çoğu küçük butondan değil, birbirine yapışık iki butondan gelir.
Mobilde neyi kesersin
"Mobilde sadeleştir" tavsiyesi çoğu zaman içeriği gizlemeye dönüşüyor. Gizlenen içerik kaybolmuyor, sadece bulunması zorlaşıyor, arama motoru tarafında da aynı içeriğin masaüstünde olup mobilde olmaması bugün ceza değil ama tutarsızlık üretir.
Kesme kararını trafikten ver. Analitikte mobil oturumların girdiği ilk üç sayfayı ve çıkış yaptıkları sayfaları çıkar. Menüde duran ama mobil oturumların yüzde birine bile denk gelmeyen kalemler menüden inmeyi hak eder; içerik olarak kalır, navigasyondan düşer. Bu, sayfayı silmekten farklı bir karar ve geri alması kolaydır.
Sık aranan iki üç içeriği menünün en üstüne almak da işe yarayan basit bir hamle. Site içi arama loglarındaki en popüler sorgular sana bu listeyi hazır veriyor, tahmin etmene gerek yok.
Geri dönüş yolu görünür olsun
Dar ekranda kaybolmanın maliyeti yüksek, çünkü kullanıcının konumunu hatırlatacak çevresel ipucu yok. Kırıntı yolu (breadcrumb) mobilde tek satıra sığdığı sürece işini görür; iki satıra taşıyorsa üst seviyeyi kısaltıp göstermeye devam et, tamamen kaldırma.
Tarayıcının geri tuşuna güvenme. Kullanıcı siteye arama sonucundan derin bir sayfaya düştüyse geri tuşu onu siteye değil aramaya götürür. Kategori sayfasına çıkaran açık bir bağlantı, o oturumun devam etmesiyle bitmesi arasındaki fark oluyor.
Etiketlerde de kısa olmak yetmez, tanıdık olmak gerekir. "Çözümler" başlığı altında ne olduğunu kimse bilmez; "Fiyatlar" başlığı altında ne olduğunu herkes bilir. Menü, yaratıcılık gösterilecek yer değil.