Store'unuzu mobil cihazlar için optimize etmeye yönelik 6 ipucu

Artık Store'unuzun mobil veya masaüstü görünümünü kolayca oluşturabilirsiniz. Bunlardan birini oluşturduğunuzda Store'unuzun diğer cihazdaki sürümü otomatik olarak oluşturulur. Store'unuzu 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.

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.

Daha önce de belirtildiği gibi, mobil öncelikli Store Oluşturma Aracı güncellemesiyle Store'unuzun mobil cihazlarda nasıl görüneceğini görselleştirmek artık daha kolay. Ancak Store'unuzu gerçek bir mobil cihazda test etmek, müşterilerinizin deneyimini etkileyebilecek hataları tespit etmenin hâlâ en etkili yoludur. Doğru ayarlamaları yapmanın en iyi yolu, Store'unuzun mobil cihazlarda ne tür bir müşteri deneyimi sunduğunu kendiniz keşfetmektir. Masaüstü/dizüstü bilgisayarınızdan uzaklaşın ve Store'unuza bir telefon veya tablet üzerinden erişin. Sayfalara ve kutucuklara dokunarak dolaşın. Store'unuzda gezinmek kolay mı? Metinleri ve grafikleri okumak kolay mı?

Stores deneyiminizi test etmek için:

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

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 Store'unuzda 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?

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 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:

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

Mobil öncelikli Store Oluşturma Aracı güncellemesi sayesinde artık mobil cihazlar için ayrı bir başlık resmi yüklemek mümkündür. 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, 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.

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, 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.

Store'daki gezinti menüsü, masaüstünde mobil cihaza göre farklı görünür. Müşteriler masaüstünde gezinme ç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:

Bu, bir 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 Store'unuzda gezinmek için farklı bir yol sunmak açısından resim veya metin kutucukları da kullanabilirsiniz. Bu kutucukları Store'unuzun ü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.

¹Amazon şirket içi verileri, dünya geneli, 2021.