Mobil deneyimi test edin

İlk ipucumuz, Brand Store oluşturma aracının mobil görünümünden yararlanmaktır. Mağazanızın mobil veya masaüstü görünümünü kolayca oluşturabilirsiniz. Bunlardan birini oluşturduğunuzda mağazanızın diğer cihazdaki sürümü otomatik olarak oluşturulur. Mağazanızı oluştururken tasarım sürecinizin ilerleyişini gerçek zamanlı olarak görmek ve cihaz türüne göre optimize edilmiş varlıklar eklemek için cihaz görünümleri arasında geçiş yapabilirsiniz.

Masaüstü görünümü ve mobil görünüm karşılaştırması örnekleri

Mağazanızı gerçek bir mobil cihazda test etmek, müşterilerinizin mobil deneyimini etkileyebilecek hataları tespit etmenin en etkili yoludur. Masaüstü veya dizüstü bilgisayarınızdan uzaklaşın ve mağazanıza bir telefon ya da tablet üzerinden erişin. Sayfalara ve kutucuklara dokunarak dolaşın. Mağazanızda gezinmek kolay mı? Metinleri ve grafikleri okumak kolay mı?

Mağaza deneyiminizi test etmek için:

1. Brand Store Oluşturma Aracı'nda Ön İzleme > Ön İzlemeyi Paylaş öğesine tıklayın.


Brand Store oluşturma aracında ön izleme paylaşma özelliğine yönelik örnek

2. Ön izleme bağlantısını kopyalayın
3. Bu ön izleme bağlantısını bir e-postaya veya telefonunuzdan erişebileceğiniz herhangi bir yere yapıştırın (İpucu: Ön izleme bağlantısının şifresini ayrı bir satıra ekleyin, böylece daha sonra kopyalayıp girmek daha kolay olur).
4. Mobil cihazınız üzerinden mağazanızda müşteriymiş gibi gezinin ve nelerin iyileştirilmesi gerektiğine dair notlar alın. Gezinmek kolay mı? Aradığınız ürünleri veya bilgileri bulabiliyor musunuz? Resimler mobil cihazda nasıl görünüyor?

Resimlerinizin mobil cihazlarda kırpılmadığından emin olun

Masaüstü monitör ile telefon ekranı arasındaki ekran boyutu farkı nedeniyle, bazen kutucuklu bir tasarım masaüstünde okunabilirken, mobil cihazda okunamayabilir. Resimler, Brand Stores'da farklı ekran boyutlarına göre otomatik olarak ayarlanabilse de bu, her öğenin mobil cihazda okunabileceği anlamına gelmez; bilhassa da metin masaüstü cihazda zaten küçük görünüyorsa.

Bu gibi durumlarda, mobil cihazlar için yazı tipi boyutu ve düzen açısından optimize edilmiş ayrı bir resim yüklemenizi öneririz. Bu, aşağıdaki örneklerde gösterildiği gibi, mobil sürümü açıp Brand Store Oluşturma Aracı'nın sağ panelinden mobil resmi yükleyerek yapılabilir:

Resimleri mobil cihazlar için düzenlemeye yönelik Brand Store oluşturma aracındaki kullanıcı arayüzü örneği

Ayrı bir mobil resim yükleme seçeneğinin yalnızca resim kutucukları ve başlık resmi için mevcut olduğu göz önünde bulundurulmalıdır. Bu seçenek, metin veya alışveriş özellikli resim içeren resimlerin kullanıldığı diğer widget'lar için mevcut değildir.

İçeriğin doğru sırada göründüğünden emin olun

Mobil ekranlar daha dardır ve daha hızlı kaydırılacak şekilde tasarlanmıştır. Bu da, içeriğiniz masaüstü ve mobil cihazda tıpatıp aynı sıra ve düzende gözükmeyecek demektir. Mobil Brand Store'larda, içeriğin sırası için soldan sağa satır önceliklendirmesi kullanılır. Tercih edilen dil Arapça olarak ayarlandığında ise satır önceliklendirmesi sağdan sola şeklindedir. Örnek için aşağıya bakın:

Masaüstünde ve mobil görünümde gösterilen içerik örneği

İçeriğin istenilen sırada göründüğünü doğrulamak için mağazanızı bir mobil cihazda kontrol edin.

Başlık resminizi optimize edin

Mobil cihazlar için ayrı bir başlık resmi yükleyebilirsiniz. Bununla birlikte, resim kutucuğunun aksine, bu resmin yüksekliğini değiştirmenin mümkün olmadığını ve aynı boyutların hem mobil hem masaüstü için kullanılması gerektiğini göz önünde bulundurmak gerekir. Bu, Brand Store'un mobil için dinamik yeniden boyutlandırma işleminin, metin de dâhil olmak üzere başlıktaki tüm grafik öğelerini daraltacağı anlamına gelir.

Bu nedenle, mobil başlık resmi için lütfen aşağıdakileri aklınızda bulundurun:

• Başlıktaki ürün sayısını üç ile sınırlamaya çalışın. Başlıkta ne kadar çok ürün kullanırsanız başlık mobil cihazda o denli birbirine girmiş olarak gözükecektir.
• Başlıktaki metin 30 karakterden az olmalıdır. Bu şekilde başlığı boğmadan metnin boyutunu mobil sürümlerde okunaklı olacak biçimde artırabilirsiniz. Bunun için 90 puntoluk Arial normal yazı tipi veya eş değerindeki yazı tipini öneriyoruz.

Menü gezintisine alternatifler sağlayın

Brand Store'daki gezinti menüsü, masaüstünde mobil cihaza göre farklı görünür. Müşteriler masaüstünde gezinti çubuğu boyunca birden çok sekme görür. Müşteriler mobil cihazlarda tek bir açılır menü görür. Karşılaştırmak için aşağıdaki resimlere bakın:

Masaüstünde ve mobil görünümde gösterilen gezinti menüleri örneği

Bu, bir Brand Store'da en önemli kategorilerinizi veya sekmelerinizi öne çıkarmak söz konusu olduğunda göz önünde bulundurulması gereken önemli bir faktördür. Bu üst sayfaları menüye koymak iyi bir stratejidir ancak mağazanızda gezinmek için farklı bir yol sunmak açısından resim veya metin kutucukları da kullanabilirsiniz. Bu kutucukları mağazanızın üst kısmına ve güçlü bir eylem çağrısı (CTA) ile birlikte eklemek, müşterilerin açılır menüyü genişletmeseler bile en önemli içeriğinizi bulabilmelerini sağlar.

Eylem çağrısının (CTA) yerleştirmesini doğru seçin

Bir okuyucu olarak, genellikle nasıl okursunuz? Ana dilinize bağlı olarak soldan sağa veya sağdan sola tarama yaparken muhtemelen yukarıdan aşağıya doğru okursunuz. Bu akışı göz önünde bulundurmak, mobil tasarımda eylem çağrısı (CTA) düğmenizi etkili olacak bir yere yerleştirmenize yardımcı olabilir.

"Above the fold" kısmındaki öğelerin önemine dikkat edin. Bunlar, Brand Store sayfasını aşağı kaydırmadan önce görünen kısımlardır. Dikey bir kutucuğun altına eylem çağrısı (CTA) yerleştirilirse bunun "above the fold" kısmında görünmesi pek olası değildir ve müşterilerin gözüne çarpması da zordur.

Müşterilerin kolayca bulup tıklaması bakımından mobil tasarımdaki eylem çağrıları (CTA) etrafında yeterli boşluk bırakın. Bir eylem çağrısı (CTA) etrafında yeterli alan bırakmamak, eylem çağrısının etrafındaki öğelerle birbirine girmesine, hiyerarşisini ve görünürlüğünü kaybetmesine yol açabilir.

Kaynaklar

¹ Amazon şirket içi verileri, küresel, Brand Stores, Ocak-Mart 2024.