Aşağıdaki makale size yardımcı olacaktır:E-Ticaret Sitenizi Mobil Cihazlar İçin Nasıl Optimize Edebilirsiniz?
Geçtiğimiz on yılda, mobil cihazlar niş bir üründen günlük yaşamın her yerde bulunan bir parçasına dönüştü. İnsanlar artık akıllı telefonlarında ve tabletlerinde, masaüstü ve dizüstü bilgisayarlarından çok daha fazla zaman harcıyor.
Resim kaynağı: Geniş Bant Arama
Bu rakamlar, birisi e-ticaret sitenizi her ziyaret ettiğinde, bunu büyük olasılıkla bir mobil cihaz üzerinden yapacağı anlamına gelir. Vardı 168 milyon 2020’de ABD’li mobil alıcılar ve bu alıcılar 338 milyar dolar gelir elde etti.
Ancak akıllı telefonlar ve tabletler hala masaüstü bilgisayarlara göre daha düşük bir dönüşüm oranı üretme eğiliminde olduğundan, çevrimiçi mağazalar mobil ziyaretlerden olması gerektiği kadar yararlanamıyor.
Resim kaynağı: Geniş Bant Arama
Bu kılavuzda sitenizi mobil cihazlar için nasıl optimize edeceğinizi ve bu trafikten en iyi şekilde nasıl yararlanabileceğinizi göstereceğiz.
Optimizasyonun Etkisi: Walmart Kanada Mobil Satışlarını Nasıl İkiye Katladı?
E-ticaret sitenizi mobil cihazlar için optimize etmenin doğrudan daha fazla satışa yol açacağına dair bazı kanıtlar görmek istiyorsanız, gerçek hayattan bir örnek olarak Walmart Kanada’ya bakabilirsiniz.
Walmart Kanada, siteyi duyarlı hale getirerek, yani ziyaretçinin kullandığı cihaz türüne otomatik olarak uyum sağlamayı başardı. dönüşüm oranını %20, mobil siparişlerini ise %98 artırdı.
Resim kaynağı: Mavi Yiğit
Walmart Kanada bu sonuçlara şu şekilde ulaştı:
Verim
Hız, mobil deneyimin en önemli unsuru olabilir. Google’a göre, Mobil kullanıcıların %53’ü yüklenmesi üç saniyeden uzun sürerse sitenizden geri çekilecektir.
Bu nedenle Walmart Kanada, şirket mobil deneyimini yeniden tasarlarken performansı iyileştirmeyi bir öncelik haline getirdi. Şirket, önemli bileşenleri önbelleğe almak ve resimler yerine simge yazı tiplerini kullanmak gibi yöntemler kullanarak mobil sitesini %35 daha hızlı hale getirmeyi başardı.
Düzen
Performansı iyileştirdikten sonra Walmart Kanada, duyarlı sitesinin düzeninin farklı cihazlarda nasıl görüntüleneceğine odaklandı.
Şirket, hem masaüstü hem de mobil cihazlarda hangi tarayıcı boyutu genişliklerinin en yaygın olduğunu analiz etti ve ardından 4/8/12 sütunlu bir sistem kullanmanın en iyi kullanıcı deneyimini sağlayacağını belirledi. Site, 320 ila 1.152 piksel arasındaki bir ızgara üzerinde sorunsuz bir şekilde ölçeklenir ve daha fazla alan oluştukça ek sütunlar görüntülenir.
Navigasyon
Mobil tasarımın gezinme yönü özellikle zorlayıcı olabilir; küçük ekranlar, çok kalabalık görünmeden tek bir sayfaya eklenebilecek seçeneklerin miktarını sınırlar, ancak daha az seçenek aynı zamanda kullanıcının, amaçlanan hedefe ulaşmak için birçok sayfayı tıklaması gerekebileceği anlamına da gelir. varış noktası.
Walmart Canada, sayfa başına 60 ürün sergilemenin mobil cihazlar için tam olarak doğru miktar olduğunu buldu. Bu şekilde, ziyaretçiler başka bir tıklamaya gerek kalmadan çok sayıda ürünü görebiliyor ve her satırda görüntülenen ürün miktarı, tarayıcı penceresinin boyutuna bağlı olarak, ekranın altında eksik bir satır kalmadan üç, dört ve altı arasında geçiş yapabiliyor. tam bir sonuç sayfası.
Çevrimiçi Mağazanızı Mobil Uyumlu Hale Getirme
Yukarıda özetlediğimiz Walmart Kanada örneğini takip etmenin yanı sıra, sitenizi daha mobil uyumlu hale getirmeye yönelik birkaç ipucu daha aşağıda verilmiştir:
- Mobil Öncelikli Tasarım: Walmart Kanada’nın, mobil cihazlar piyasaya sürülmeden çok önce bir web sitesi vardı, bu nedenle şirketin, sitesinin masaüstü sürümüyle başlayıp mobil deneyimini bu sürüm etrafında geliştirmekten başka seçeneği yoktu. Ama bunu göz önünde bulundurarak internet trafiğinin çoğunluğu artık mobil olduğundan, yeni başlayan çevrimiçi mağazaların önce sitesinin mobil sürümünü tasarlaması ve masaüstü sürümüne daha az öncelik vermesi akıllıca olacaktır.
- Görsel Hiyerarşi: Önceliklerden bahsetmişken, mobil öncelikli tasarımda göz önünde bulundurulması gereken en önemli şeylerden biri, üzerinde çalışacak fazla alanınızın olmamasıdır. Sitenizin masaüstü sürümünde olduğu gibi, ekranın üst kısmında pek çok farklı içerik türünü öne çıkaramayacaksınız. Şu anda işletmeniz için en önemli olan şey (sınırlı süreli teklif, yeni ürün vb.), kullanıcıların onu görme olasılığının en yüksek olduğu sayfanın üst kısmında yer almalıdır.
- Her Sayfa Önemlidir: Müşteri yolculuğunu düşünün. Çoğu kişi ana sayfanızdan başlayıp oradan gitmez. Bunun yerine, ziyaretçilerinizin çoğunluğu bir arama sonucunu, sosyal medya gönderisini veya reklamı tıklatarak doğrudan bir ürün sayfasına yönlendirilecektir. Ve eğer mobil cihazlar için optimize edilmiş bir siteden, mobil cihazlar için optimize edilmemiş bir siteye gönderilirlerse, bu deneyim o kadar sarsıcı olacaktır ki muhtemelen geri çekileceklerdir.
- Kesme Noktalarınızı Ayarlarken İçeriğe Öncelik Verin: Mobil web tasarımında kesme noktası, tarayıcı boyutundaki bir değişikliğin, ürün listeleme tablosunda üç sütundan dört sütuna geçiş gibi karşılık gelen bir tasarım değişikliğini tetiklediği yerdir. Kesme noktalarınızı belirlerken yaygın olarak kullanılan mobil cihazların boyutlarının dikkate alınması gerekirken, piyasada çok sayıda farklı türde ve boyutta cihaz bulunmaktadır (gelecekte daha fazlası mutlaka gelecektir), içeriği göz önünde bulundurmanız daha iyi olacaktır. öncelikle sitenizde.
- Cesur ol: Mobil cihazlarda bulunan sınırlı alan da inceliklere pek uygun değil. Masaüstünde etkileyici görünen ayrıntılar, sitenizin mobil cihazlarda okunmasını ve kullanılmasını zorlaştırabilir. Bunun yerine, mobil sitenizin tasarımının temeli olarak koyu renkler ve basit şekiller kullanın.
- Bağlantıları ve Düğmeleri Tıklamayı Kolaylaştırın: Çoğu mobil kullanıcı sitenizde gezinmek için fare yerine parmaklarını kullanacak. Bu, ziyaretçilerinizin dışarı çıkmasına yardımcı olmak, tıklanabilir öğeleri büyütmek ve onları bol miktarda beyaz alanla çevrelemek için sayfadaki belirli alanları seçmeyi daha da zorlaştırır. Ayrıca, masaüstü sürümünüz için sayfanın üst kısmında düğmeler bulundurmak mantıklı olsa da, bunun kullanıcının akıllı telefon kullanırken başparmağıyla seçmesi özellikle garip bir alandır.
- Vurgulu Efektler için Bir Alternatif Kullanın: Vurgu efektleri, masaüstü e-ticaret sitelerinin sezgisel bir özelliğidir. Bunları, imlecini bir ürün resminin üzerine getirerek kullanıcının mevcut renk seçeneklerini, ürünün yakınlaştırılmış görünümünü veya başka bir seçeneği hızlı bir şekilde görebilmesi için ayarlayabilirsiniz. Ancak mobil cihazlarda fareyle üzerine gelme efektleri mümkün değildir, bu nedenle “Yakınlaştırmak için Tıklayın” yazan metin talimatları gibi bir alternatif bulmanız gerekir.
- Yazılı İçeriğinizi Parçalayın: Sitenizin masaüstü sürümünde bile, uzun paragraflar yerine kısa paragrafları tercih etmek ve içeriğinizin mümkün olduğunca kolay tüketilmesini sağlamak için başlıkları cömertçe kullanmak her zaman iyi bir fikirdir. Ziyaretçinin çalışmak için daha küçük bir ekranı olduğunda yoğun metin duvarları özellikle sinir bozucu olduğundan, mobil sürümünüz için bu daha da önemlidir.
- Sürekli Test Et: Sitenizin mobil sürümünün Google Chrome tarayıcısında kusursuz çalışması, Apple Safari tarayıcısında da aynı şekilde çalıştığı anlamına gelmez. Düzeltilmesi gereken herhangi bir kusur olmadığından emin olmak için sitenizi bu tarayıcılarda düzenli olarak test etmelisiniz. Chrome ve Safari açık ara en popüler tarayıcılar olsa da, ziyaretçilerinizin çoğunun, tüm Samsung Galaxy cihazlarında önceden yüklenmiş olarak gelen Samsung İnternet tarayıcısını kullanıyor olabileceğini de göz önünde bulundurmalısınız.
Bu ipuçlarını takip ederek e-ticaret sitenizi çok daha mobil uyumlu hale getirebileceksiniz, bu da daha fazla ziyaretçiye ve daha fazla satışa yol açacaktır.
