Çoğu satıcı mobil deneyimi "site telefonda bozulmuyorsa tamamdır" diye tanımlar. Ekranı açar, sayfa düzgün görünür, yazılar okunur, butonlar yerindedir ve konu kapanır. Oysa mobilde iş bozulmakla ilgili değil, ulaşmakla ilgilidir. Tek elle telefon tutan bir kullanıcının başparmağı ekranın ancak alt üçte ikisine rahatça uzanır; üst kısımdaki menü ikonu ona uzak bir kıyıdır.
Bu yüzden mobil alt menü, moda bir arayüz süsü değil, doğrudan ciroyu etkileyen bir yapısal karardır. Uygulama gibi çalışan bir alt menü kurduğunda kullanıcı kategori gezmeyi, bakiye görmeyi ve siparişini kontrol etmeyi tek dokunuşla yapar; kurmadığında her işlem için yukarı uzanır, menüyü açar, listeyi tarar ve yolun bir yerinde vazgeçer. Aşağıda epin scripti tarafında bu kurgunun teknik olarak nasıl doğru yapıldığını konuşacağız.
Alt menüde hangi beş şey durmalı, gerisi neden çöp?
Alt menü kıt bir arazidir ve oraya koyduğun her şey bir başkasını dışarı atar. Karar verirken "kullanıcı hangi işlemi bir oturumda birden fazla kez yapıyor?" sorusunu sor. E-pin satışında bu işlemler şunlardır: ana sayfaya dönmek, kategoriye girmek, arama yapmak, bakiye veya cüzdanı görmek, siparişlerine bakmak. İletişim, hakkımızda, blog, sözleşmeler alt menüde yer bulamaz; bunlar oturumda en fazla bir kez ziyaret edilir ve yerleri klasik menü ile alt bilgi kısmıdır. Beş sekmeyi geçme; altıncı sekme eklediğin anda ikonlar daralır, etiketler kırpılır ve tüm menünün okunurluğu düşer. Sepeti ayrı sekme yapmak yerine üzerinde adet sayacı olan yüzen bir buton kullanmak çoğu zaman daha verimlidir; böylece sepet her zaman görünür kalır ama bir sekme harcamaz. Bir dijital ürün satış scripti seçerken bu sekme setinin panelden yönetilebilir olup olmadığına bak, çünkü kategori yapın değiştikçe menüyü de değiştirmek isteyeceksin.
İkon mu etiket mi: hangisi tıklamayı artırır?
Yalnız ikon kullanmak tasarımı temiz gösterir ama ölçümlerde kaybeder. Kullanıcı bir ikonun ne olduğunu tahmin etmek zorunda kalırsa dokunmaz; özellikle cüzdan, sipariş ve kategori ikonları kültürel olarak net değildir. Doğru yaklaşım ikon ve kısa etiketin birlikte kullanılmasıdır. Etiketi tek kelime tut, on karakteri geçme, hepsini aynı puntoda ver. Aktif sekmeyi hem renkle hem de dolgu farkıyla belirt; yalnız renk kullanmak renk körlüğü olan kullanıcıyı dışarıda bırakır. Ayrıca ikon ailesi tutarlı olsun: yarısı çizgi, yarısı dolgu ikon olan bir menü amatör görünür ve güven kaybettirir. Erişilebilirlik tarafında her sekmeye açıklayıcı etiket ver, sekme listesini gezinme rolüyle işaretle ve klavye ile odaklanabilir yap. Bunlar arama motorunun anladığı sinyaller olduğu kadar, ekran okuyucu kullanan gerçek müşterilerin de kapısıdır.
| Alt menü öğesi | Oturumda kullanım sıklığı | Önerilen konum | Rozet gösterimi |
|---|---|---|---|
| Ana sayfa | Yüksek | 1. sekme | Yok |
| Kategoriler | Çok yüksek | 2. sekme | Yok |
| Arama | Çok yüksek | 3. sekme veya orta | Yok |
| Cüzdan / bakiye | Yüksek | 4. sekme | Bakiye tutarı |
| Siparişlerim | Orta | 5. sekme | Bekleyen sipariş |
| Sepet | Yüksek | Yüzen buton | Adet sayacı |
| Destek | Düşük | Klasik menü | Okunmamış mesaj |
| Blog ve kurumsal | Çok düşük | Alt bilgi | Yok |
Alt menü neden sayfayı yavaşlatmamalı ve nasıl başarılır?
Alt menü ekranın en kritik bölgesinde durduğu için ilk boyamada hazır olmalıdır. Sonradan betikle üretilen bir menü, sayfa yüklenirken zıplamaya yol açar ve tam dokunma anında içerik kaydığı için kullanıcı yanlış sekmeye basar. Bunu engellemenin yolu belli: menüyü sunucu tarafında üret, yüksekliğini sabitle, ikonları harici istek gerektirmeyen gömülü vektör olarak ver ve gövdeye alt boşluk ekleyerek içeriğin menünün altında kalmasını önle. Menü için ayrı bir betik dosyası yüklemek zorunda kalıyorsan kurgu yanlıştır. Sabit konumlandırma kullanırken güvenli alan boşluğunu hesaba kat, aksi halde çentikli telefonlarda sekmeler ekran kenarına yapışır. Bir de klavye davranışını test et: kullanıcı arama alanına yazarken alt menü klavyenin üstüne binmemeli, o anda gizlenmeli. Bu davranışları hazır getiren bir e-pin satış yazılımı sana haftalarca uğraş kazandırır; getirmeyen ise her tema güncellemesinde aynı hatayı tekrar yaşatır.
Mobil oturumlarda alt menü dokunmalarının dağılımı
- Kategoriler 40%
- Arama 30%
- Cüzdan ve bakiye 20%
- Siparişlerim 10%
Hızlı erişim kısayolları gerçekten işe yarıyor mu?
Alt menünün üstüne inşa edilebilecek ikinci katman hızlı erişimdir ve doğru kurulduğunda tekrar satın almayı ciddi biçimde artırır. Fikir basit: kullanıcının son aldığı ürünü, en çok aldığı kuponu veya favori kategorisini tek dokunuşla önüne koy. Bunu iki yerde yapabilirsin. Birincisi kategoriler sekmesine bastığında açılan panelin en üstünde "son aldıkların" satırı. İkincisi cüzdan sekmesinde "aynı siparişi tekrarla" butonu. Tekrar sipariş, yeni müşteri kazanmaktan kat kat ucuzdur ve mobil kısayol bu davranışın en doğal tetikleyicisidir. Uzun basma menüleri, titreşimli geri bildirim ve kaydırmayla açılan kategori şeridi de işe yarar ama önce temel akışı oturt; süslü etkileşimler eksik temelin üstüne kurulduğunda sadece hata üretir. Pinova tarafındaki mobil bileşen setini özellikler bölümünde görebilir, paket farklarını fiyat kısmında karşılaştırabilirsin.
Menüyü yayına almadan önce telefonu tek elle ve ayakta tutarak beş sekmeye de bas. Başparmağını uzatmak için telefonu kaydırmak zorunda kalıyorsan sekme yüksekliğini ve yerleşimini değiştir.
Ölçüm kurmazsan alt menü neden kör bir yatırım olur?
Alt menü eklemek tek başına bir kazanç garantisi değildir; hangi sekmenin çalıştığını bilmeden onu iyileştiremezsin. Her sekmeye ayrı bir olay adı ver ve dokunma sayısını, dokunma sonrası sayfa derinliğini, o sekmeden gelen sipariş sayısını ayrı ayrı izle. Bir sekme yüksek dokunma alıp düşük sipariş üretiyorsa hedef sayfası yanlıştır. Düşük dokunma alıyorsa ya ikon anlaşılmıyor ya da o işlem zaten sık yapılmıyordur; ikinci durumda o sekmeyi kaldırıp yerine daha değerli bir işlem koy. Alt menüyü üç aylık döngülerle gözden geçir. Ürün yelpazen değiştikçe kullanıcı alışkanlığı da değişir; bir dönem hiç dokunulmayan sekme, yeni bir kategori açtığında birden en çok kullanılan sekmeye dönüşebilir. Ölçümü sekme bazında tutmak, bu değişimi tahmin yerine veriyle görmenin tek yoludur ve iyi bir epin yazılım altyapısı bu olayları kutudan çıkar çıkmaz üretmelidir.
| Kontrol maddesi | Durum | Nasıl doğrularsın | Etki |
|---|---|---|---|
| Sekme yüksekliği 48 pikselden küçük değil | Zorunlu | Tarayıcı denetçisiyle ölç | Yüksek |
| İkonla birlikte tek kelime etiket var | Zorunlu | Gerçek cihazda oku | Yüksek |
| Sekme sayısı beşi geçmiyor | Zorunlu | Menüyü say | Orta |
| Menü ilk boyamada hazır, zıplama yok | Zorunlu | Yavaş bağlantı testi | Yüksek |
| Klavye açıkken menü gizleniyor | Zorunlu | Arama alanına yaz | Orta |
| Güvenli alan boşluğu uygulanmış | Zorunlu | Çentikli cihazda bak | Orta |
| Sepet yüzen butonda adet rozeti var | Önerilir | Ürün ekleyip kontrol et | Orta |
| Her sekme için ayrı olay ölçümü kurulu | Zorunlu | Gerçek zamanlı raporda gör | Yüksek |
Mobil kurguyu sıfırdan yazdırmaya değmez
Alt menü, yüzen sepet, hızlı erişim şeridi ve sekme bazlı ölçüm Pinova içinde hazır gelir. Sen kategori ve kampanya kurgusuna odaklan, teknik detayı yazılım üstlensin.
Alt menü masaüstünde de görünmeli mi?
Hayır. Masaüstünde üst menü ve yan gezinme daha verimlidir. Alt menüyü yalnızca küçük ekranlarda göster, aksi halde geniş ekranda gereksiz yer kaplar ve tasarımı bozar.
Sepeti alt menüde ayrı sekme yapmak doğru mu?
Genellikle gerek yoktur. Adet sayacı taşıyan yüzen bir sepet butonu, hem her ekranda görünür kalır hem de değerli bir sekmeyi işgal etmez.
Alt menü site hızını etkiler mi?
Doğru kurulduğunda etkilemez. Gömülü vektör ikonlar, sabit yükseklik ve sunucu tarafında üretim kullanırsan ek istek oluşmaz ve düzen kayması yaşanmaz.
Sekme isimlerini kaç karakterde tutmalıyım?
Tek kelime ve on karakterin altında tut. Daha uzun etiketler küçük ekranlarda kırpılır, kırpılan etiket okunmadığı için ikon tek başına kalmış gibi davranır.
Mobil alt menü, müşterinin dükkanında ne kadar rahat dolaştığını belirleyen en küçük ama en etkili karardır; parmağın ulaştığı o şerit iyi kurulduğunda kullanıcı gezinmeyi düşünmeyi bırakır ve sadece alışveriş yapar. Anlattığımız yerleşimi kendi gözünle test etmek istersen canlı demo sayfasını telefondan aç, tek elle beş sekmeyi dolaş ve aynı yolu kendi sitende yürüyerek kaç dokunuş fark ettiğini kaydet.