Hamburger Menü Varken Gezinmeyi Ayakta Tutmak
Hamburger menü mobilde yer kazandırır, karşılığında gezinmeyi bir dokunuşun arkasına saklar. Bu takas çoğu sitede bilinçli bir karar olarak değil, varsayılan olarak yapılıyor. Menüyü hiç açmayan bir ziyaretçi için siteniz ne kadar gezilebilir durumda?
Gizli menünün bedeli tek dokunuş değil
Simgeye basmak ucuz bir etkileşim gibi görünür. Ama kullanıcıdan istenen şey dokunuş değil, menüyü görmeden içeride ne olduğunu tahmin etmesidir. Siteyi tanıyan biri için bu bedava; ilk kez gelen biri için bir bahis. Bahsi kaybeden ziyaretçi menüyü açıp kapatmaz, geri düğmesine basar.
Menü simgesini yalnızca üç çizgiye bağlamam, yanına "Menü" yazısını koyarım. Maliyeti birkaç piksel genişlik, karşılığı ise simgeyi çözmek zorunda kalmayan bir ziyaretçi kitlesi. Aynı mantık dokunma alanı için de geçerli: simge küçük çizilmiş olabilir, dokunulabilir alanı küçük olmak zorunda değil.
Menüyü açmayan kullanıcı için ne bırakıyorsunuz?
Bir ziyaretçi arama motorundan bir iç sayfaya düşüyor, okuyor, sonra ya bir yol buluyor ya da çıkıyor. O yolun ana menüden geçmesi gerekmiyor. Yazının içindeki bağlantılar, sayfa sonundaki ilgili içerikler ve her sayfada erişilebilir bir arama kutusu, gezinmenin büyük kısmını menüye hiç dokunmadan taşıyabilir.
Bunların hepsi eşit değerde de değil. Kendi ölçümlerinizde ayırt etmesi en kolay olanı arama kutusudur, çünkü ne aradıklarını size kendileri yazarlar; boş dönen sorgu listesi, eksik navigasyonun en dürüst raporudur. Footer navigasyonu ise listenin en zayıf halkası: işe yaraması için kullanıcının sayfanın sonuna kadar inmesi gerekir, yani zaten sayfayı bitirmiş olması gerekir. Ara verip çıkacak olan kişi oraya hiç ulaşmaz.
Sabit alt menü iyi fikir, ucuz fikir değil
Ana eylemleri (arama, iletişim, sepet) ekranın altında sabit bir çubuğa taşımak, gizli menünün yükünü gerçekten azaltır. Yalnız bu bir tasarım kararından çok bir uygulama borcudur ve borç kodda ödenir.
Mobil tarayıcılarda 100vh, adres çubuğu açıkken bile tam ekran yüksekliğini verir, dolayısıyla sayfa kaydırıldıkça sabit çubuk zıplar; 100dvh bu yüzden var. iPhone'da alt kenardaki ana ekran çizgisi çubuğun bir kısmını yer, env(safe-area-inset-bottom) kadar iç boşluk eklemezseniz dokunma alanınız pratikte kısalır. Sayfanın en altındaki içerik de çubuğun altında kalır, gövdeye çubuk yüksekliği kadar alt boşluk vermek gerekir. Üçü de tek satırlık düzeltmeler, ama üçü de akla gelmediğinde kullanıcı "buton çalışmıyor" diye yazar.
Hangisi, ne zaman
İçerik siteleri için sabit çubuğa gerek yoktur; oradaki kazanç neredeyse tamamen içerik içi bağlantılar ve arama tarafındadır. Tek bir dönüşüm hedefi olan sitelerde, mesela randevu alan bir klinik ya da telefonla iş yapan bir servis, sabit çubuk hamburger menüden daha çok iş görür, çünkü kullanıcının aradığı şey zaten menüdeki yirmi maddeden biri değil.
Peki hamburger menüyü tümden kaldırmak? Kategori sayısı beşi geçmiyorsa deneyin, çoğu mobil ekranda yatay bir başlık şeridi sığar. Geçiyorsa menü kalsın, ama tek gezinme yolu olmasın.