Hamburger Menü ve Gizli Navigasyonun Gerçek Maliyeti

Hamburger menü ekranı sadeleştirir, bunda tartışma yok. Tartışma, sadeleşen şeyin ne olduğunda. Menü ortadan kalkmaz, yalnızca kullanıcının görüş alanından çıkar ve maliyeti başka bir yere taşınır. O maliyetin tam olarak nerede oluştuğunu görürseniz, hangi durumda gizli navigasyonun makul olduğuna da karar verebilirsiniz.

İkonun altında ne olduğu sorusu

Görünür bir menü çubuğunda kullanıcı başlıkları okur ve aradığı şeyin burada olup olmadığını okurken anlar. Üç çizgili ikonda okunacak bir şey yoktur. Kullanıcı içeride ne bulacağını bilmeden dokunmaya karar vermek zorunda kalır.

Bu bir dokunuş fazlası değil, bir karar fazlası. Emin olmadığı kapıyı açmak yerine kullanıcı sayfada aşağı kaydırmayı, hatta geri gitmeyi seçebilir. Menünün fark edilmemesiyle fark edilip açılmaması ayrı iki sorundur ve gizli navigasyon ikisini birden üretir.

Belirginlik ve bilgi kokusu

İki kavram işi açıklamaya yetiyor. Belirginlik, ögenin ekranda dikkat çekme gücüdür: köşeye yerleşmiş küçük bir ikon bu testte zayıf kalır. Bilgi kokusu ise bir bağlantının arkasında ne olduğuna dair verdiği ipucudur. “Ürünler” kelimesi koku taşır, üç yatay çizgi taşımaz.

İkonun yanına “Menü” yazmak belirginliği bir miktar artırır. Kokuyu artırmaz. İçerideki başlıkları hâlâ göremezsiniz, dolayısıyla karar hâlâ karanlıkta verilir.

Masaüstüyle mobil aynı problem değil

Mobilde alan gerçekten kısıtlıdır; altı ana bölümü yan yana dizmenin fiziksel bir karşılığı yoktur. Masaüstünde böyle bir kısıt yok. Oradaki hamburger menü bir zorunluluk değil, estetik tercihtir ve geniş ekranda boş bırakılan yatay alanın bedelini kullanıcı öder.

Mobilde de her şeyin ikonun altına gitmesi gerekmiyor. Dört ya da daha az ana bölüm varsa bunlar doğrudan ekranda durabilir. Daha fazlaysa seçim yaparsınız: en sık gidilen üç dört bölüm görünür kalır, gerisi ikonun altına iner. Mobilde alt sabit sekme çubuğunu hamburger menüden daha güvenilir bulurum, çünkü başparmağın doğal olarak durduğu yerde, etiketli ve sürekli görünür duruyor.

Sadeleştirme argümanının kodda karşılığı

Menüyü gizlemenin sayfayı hafiflettiği söylenir. Bunun teknik bir karşılığı yok. Gizli menü de aynı bağlantıları aynı HTML içinde taşır, sadece CSS ile görüş dışında tutar. İndirilen bayt da tarayıcının kurduğu ağaç da değişmez, üstüne bir de açma kapama davranışı için JavaScript eklenir. Sadeleşen şey sayfa değil, tasarımcının sunumdaki ekran görüntüsü.

Karar için basit bir sıra

Bölümleri kullanım sıklığına göre sıralayın, bunu tahminle değil ölçümle yapın; sayfa görüntülenmeleri analitikte zaten duruyor. Üstteki üç dört bölümü görünür kılın, gerisini gizleyin. Yayına aldıktan sonra aynı sayfaların trafiğine bakın, bu tür bir değişiklik etkisini birkaç hafta içinde gösterir.

Hamburger menüyü tümden reddetmek gerekmiyor. Kural şu: gizlediğiniz her bölüm için kullanıcıdan bir karar istiyorsunuz ve bunu yalnızca nadiren gidilen bölümler için istemeye değer.