Mobil Deneyim için e-Ticaret UX

“Mobil ticaret” terimi 20 yıl önce Kevin Duffey tarafından bir mobil cihazın müşterinin cebinde perakende satış noktası olarak işlev görebileceğini öne sürdüğünde ortaya atıldı. Zamanın teknolojik sınırlamaları göz önüne alındığında, bir gün küçük cep boyutunda bir cihazda ürünleri kolayca keşfedebileceğimizi, inceleyebileceğimizi ve satın alabileceğimizi kim düşünebilirdi?

Mobilin tüketicilerimizle olan etkileşimimizi nasıl değiştirdiğini abartamam; bu değişiklikleri benimsemek zorundayız. - Joel Anderson, Walmart'ın CEO'su

E-ticaretin şaşırtıcı büyümesi, şu anda yaklaşık 700 milyar dolar değerinde olan mobil e-ticaretin büyümesini de hızlandırdı. Mobil e-Ticaret şu anda dev çevrimiçi pazarın en büyük dilimidir. Amerikalıların %80'inden fazlası geçen ay çevrimiçi olarak alışveriş yaptı - üç yıl önce bu sayı yalnızca %11,6'ydı.

Business Insider Intelligence tarafından hazırlanan bir rapor, mobil ticaretin 2020 yılına kadar %45'e kadar artacağını öne sürdü. ComScore araştırması kabul etti ve 2016'da mobil cihazlar aracılığıyla yapılan harcamalarda 2015'e kıyasla %44'lük bir artış bildirdi.

Yüksek satış rakamlarına rağmen, kullanıcıların %60'ından fazlası hala cep telefonu kullanırken finansal bilgilerinin hacklenmesinden endişe duyuyor. Yine de, Amazon ve Apple gibi mobil perakende devlerinin her ikisi de %80'den fazla memnuniyet derecesi aldığı için müşteri memnuniyeti hala oldukça yüksek.

Başarı için Mobil e-Ticaret UX En İyi Uygulamaları

Kıstırma ve Çift Dokunma Hareketleriyle Görüntü Yakınlaştırmayı Destekleyin

İnsanlar, mobil cihazlarda görüntüleri yakınlaştırmak için çift dokunma ve kıstırma gibi hareketlere aşinadır. Bir mobil e-ticaret kullanılabilirlik çalışması sırasında, Baymard Enstitüsü, alışveriş yapanların, oldukça doğal bir şekilde, ürünü kapsamlı bir şekilde inceleyebilmek istediklerini ve küçük ayrıntılarla ilgilendiklerini buldu. Bir ürünü satın almakla ilgilenen ancak yakınlaştırarak keşfedemeyen kullanıcılar, satın alırken kendilerini rahat hissetmediler ve çoğu zaman satış taahhüdünde bulunmadılar.

En çok hasılat yapan 50 mobil e-ticaret uygulamasının %40'ından fazlasının yakınlaştırma hareketlerini desteklememesi oldukça şaşırtıcı. Görüntülerin yakın çekim versiyonlarını sunan siteler bile benzer hemen çıkma oranları yaşadı; bu, bir mobil e-ticaret uygulamasında ürün görseli yakınlaştırma hareketlerinin desteklenmesinin temel olduğunu gösteriyor.

Mobil cihazların küçük ekran boyutu düşünüldüğünde bu, platforma özel bir sorundur. Bu özelliklerden en az birinin desteklenmesi, bir uygulamayı e-ticaret uygulamalarının ilk %50'sinin, yani en çok hasılat yapanlar listesinin şirketine yerleştirecektir.

Dikkate alınması gereken birkaç faktör:

• Düşük çözünürlüklü görüntüler, zoomsuz görüntülere eşdeğerdir. Kullanıcılar, bir ürünün ayrıntılarını net bir şekilde görmekle ilgilenirler ve bunu yapmak için yüksek çözünürlüklü görüntülere ihtiyaç duyarlar. Düşük kaliteli bir görüntüyü yakınlaştırma seçeneği, kullanıcının ayrıntıları görmesine izin vermediği için oldukça işe yaramaz.
• Baymard Enstitüsü, uygulamaların %50'sinin kullanıcılara ürün resimlerini sıkıştırabileceklerini veya çift dokunabileceklerini göstermediğini keşfetti. Görüntü yakınlaştırmanın kullanılabilirliğini belirtmek önemlidir. Bu hareketler genellikle mobil kullanıcılar tarafından bilinmesine rağmen, yine de kullanılabilir olduklarının gösterilmesi gerekiyor. Bunu yapmak için simgelerin veya görsel temsillerin kullanılması önerilir.

Alışveriş Sepeti için "Kaydet" Özelliği Sağlayın

Daha önce de belirtildiği gibi, mobil cihazların küçük ekran boyutu, mobil e-ticaret söz konusu olduğunda birincil engeldir. Baymard Enstitüsü, mobil kullanıcıların %61'inden fazlasının bir satın alma işlemini telefon yerine genellikle masaüstü bilgisayarlarını kullanacağını gözlemledi.

Bir "alışveriş sepetini kaydet" özelliği, alışveriş sepetini terk etme sayısını azaltır ve alışveriş yapanların daha sonra satın almak üzere ürünleri kaydetmelerini sağlar. Kalıcı alışveriş sepetleri, müşterilerin iadelerinde istedikleri ürünü aramaya gerek kalmadan alışverişlerine devam etmelerini sağlar; bu özellik, alışveriş yapanların %55'inin yararlanacağı bir özelliktir.

Bu müşterileri nasıl elde tutacağınız aşağıda açıklanmıştır:

1. Sepete eklenen öğeleri kaydederek sepetin bir istek listesi olarak çalışmasını sağlayın.
2. Alışveriş yapanların kayıtlı öğelerle e-posta almasına izin vermek için bir seçenek oluşturun. Satın almayı tamamlamak için masaüstü bilgisayarlarını kullanabileceklerine dair hatırlatıcılar görüntüleyin.

Açıklayıcı, İyi Etiketlenmiş Formlar Kullanın

Mobil formlar için en iyi uygulamaları uygulamak, dikkate alınması gereken başka bir husustur. Bir e-Ticaret uygulamasının veya sitesinin UX tasarımının, herhangi bir karışıklığı ortadan kaldırırken, kullanıcıların formları olabildiğince çabuk tamamlamasına olanak sağlaması önemlidir.

Mobil form kullanılabilirliği için en iyi uygulamalar şunlardır:

• Okunabilirliği, kullanım kolaylığını ve anlaşılırlığı artırmak için form etiketlerini formun üzerine yerleştirin. Belirli bilgilerin neden gerekli olduğunu açıklamak, cep telefonlarında formları doldururken kullanıcı endişesini azaltacaktır.
• Metin girişlerini uygun klavyeyle eşleştirin. Telefon numaralarını ve kredi kartı rakamlarını girerken bir tuş takımı ve adres ve metin girerken bir metin tuş takımı görüntüleyin. Bu, kullanıcı hatalarını azaltacak ve form tamamlamayı hızlandıracaktır.
• Yazma çabasını azaltmak için giriş alanlarının sayısını sınırlayın. Daha az girdi alanı, daha az yüklü bir form oluşturacak ve UX ödeme akışını iyileştirecektir.
• Tamamlandığında her alanı otomatik olarak ekranda yukarı ilerletin. Bunu yapmak, eksik alanların herhangi bir görünümünü engellemeyecektir.
• Müşteri çabasını azaltmak için açılır menüler yerine adımlayıcıları kullanın. Stepper'lar, değeri sabit bir miktarda artırmak veya azaltmak için kullanılır ve çalışması daha hızlı ve göze daha çekici gelen bir çözümdür.

Akıllı Otomatik öneri, Otomatik algılama, Adres Arama ve Hatalar sağlayın

Otomatik önerinin arkasındaki temel amaç, kullanıcıların formları doldurmasını daha kolay ve hızlı hale getirmektir. Otomatik öneri, yaygın arama sorgularını tahmin eder ve alışveriş yapanların ürünleri daha kolay bulmasına yardımcı olur.

Mobil kullanılabilirlik, kredi kartı türü otomatik algılama kullanılarak daha da geliştirilebilir. Otomatik algılama, desteklenen kart türleri için anında geri bildirim sağlayarak satın alma sürecini kolaylaştırır. Mümkün olduğu kadar çok sayıda veri girişi sürecinin - tercihen görsellerle - otomasyonu, kullanıcı deneyimini iyileştirir ve dönüşüm oranlarını olumlu etkiler.

Adres arama ve doğrulama, ödeme sürecini hızlandırır; çeşitli API'ler (Google Rehber ve USPS gibi) bu özelliğin kolayca uygulanmasını sağlar.

Hatalar için satır içi giriş doğrulaması sağlamak da mobil UX tasarımında en iyi uygulamadır. Hızlı performans eksikliği, e-ticaret müşterileri için büyük bir hayal kırıklığıdır. Bu, kullanıcılara, özellikle yanlışlıkla bir hata yaptıklarında, ilerlemeleri hakkında (örneğin ödeme sırasında) canlı geri bildirim sağlayarak yardımcı olabilir. Bu, kullanıcıların hatalarını anında düzeltmelerini sağlar ve bu da kullanılabilirliği olumlu yönde etkiler.

Mobil Alışveriş Kullanıcı Deneyimini Geliştirmek için Mikro Etkileşimleri Kullanın

Mikro etkileşimler, bir ürünün arayüzündeki, doğal ürün akışını iyileştirirken tek bir görevi yerine getirmeyi amaçlayan ayrıntılardır. Bir ürünü beğenmek ve derecelendirmek, bir renk ve beden seçmek ve verileri yenilemek için aşağı kaydırmak mikro etkileşim örnekleridir.

Ne kadar yaygın oldukları göz önüne alındığında, mikro etkileşimler bir mobil e-ticaret uygulamasının UX'ini yapabilir veya bozabilir.

Mikro etkileşimler şu amaçlarla kullanılabilir:

• Kullanıcıyı uygulama boyunca daha sezgisel bir şekilde yönlendirin;
• Daha iyi bir güven duygusu iletin, müşteri kaygısını azaltın ve daha yumuşak, daha doğal etkileşimler sayesinde genel psikolojik rahatlığı artırın;
• Gelecekteki hataları önleyin ve tamamladıkları etkinliklere dayalı olarak kullanıcılara anında geri bildirim sağlayın; ve/veya
• Bildirimlere yanıt vererek uygulamayla kullanıcı etkileşimini iyileştirin.

Kolay, Başparmak Odaklı Etkileşim Sağlayın

Alışveriş yapanların mobil cihazlarını tutmanın en yaygın yollarını anlamak, mobil e-ticaret kullanıcı deneyimini ve kullanılabilirliğini iyileştirir. 2013'te Steven Hoober, "Kullanıcılar Mobil Cihazları Gerçekten Nasıl Tutuyor?" ve insanların akıllı telefonlarıyla nasıl etkileşim kurduklarını ve onları nasıl tuttuklarını gözlemlediler ve mobil UX tasarımına rehberlik etmesi gereken üç ana davranış kalıbını fark ettiler.

Arayüzleri insanların doğal olarak cep telefonlarını nasıl kullandıklarına uyarlamak, kullanıcı konforunu artıracak ve alışveriş yapanların kaygısını azaltacaktır. Mobil cihazlar ve ekran boyutları değişir, ancak tasarımın ve kullanıcı deneyiminin kritik bir yönü olan "başparmak bölgesi" aynı kalır.

“Başparmak bölgesi” etrafında tasarlama:

• Navigasyon ve keşifle ilgili olası sorunları çözer
• Hareketleri ve parmak erişimini daha iyi barındırarak etkileşimi iyileştirir
• Önemli öğeleri "ulaşılması kolay" alanlara yerleştirerek daha iyi dönüştürür ve kullanılabilirliği artırır

Dönüşüm Odaklı Mobil e-Ticaret Tasarımı için Hususlar

Mobil e-Ticaret Uygulamalarında Güvenlik Duygusu Taşıyın

Güvenlik, mobil cihazlarda alışveriş yaparken kullanıcıların en büyük endişelerinden biridir. İşlemlerinin güvenli olduğunu iletmek, alışveriş yapanların bir mağazaya karşı sahip oldukları olumlu algıya büyük değer katar.

Kullanıcılara güvenliği ileten ve kullanıcı endişesini azaltan bazı UX tasarım teknikleri şunlardır:

• Düğme etiketlerini, alışveriş yapanların nereye gittiği konusunda anlamlı ve anlaşılır hale getirin. “Devam et”, “güvenli” ve “şifreli” gibi kelimeler, kullanıcıların psikolojik rahatlığını güçlendirecektir.
• Alışveriş yapanlara işlemlerinin güvenli olduğuna dair güvence sağlamak için kilit sembollerini kullanın.
• McAfee Secure ve Norton gibi güvenlik sağlayıcılarının güven rozetlerini kullanın. Bu, kullanıcıların bir web sitesini olumlu algılamasına yardımcı olur (Baymard Enstitüsü çalışması).
• Müşteriler tarafından daha da iyi bir güven algısı için tasarımda renk psikolojisi ilkelerini uygulayın. Bu ilkelerden bazıları, izleyici odaklı ve cinsiyete özgü renkleri içerir.

Aramaya Öncelik Verin (ve Ekranın Üstünde Tutun)

Alışveriş yapanlar, ürünleri keşfetmek veya belirli bir ürünü satın almak için bir mobil e-ticaret sitesi veya uygulaması kullanır; sonuç olarak, iyi tasarlanmış bir arama, bir mobil e-ticaret uygulaması için kritik önem taşır. eBay, site aramasının mobil alışveriş yapanlar için en önemli özelliklerden biri olduğuna inanıyor ve bunu arayüzde ortasına ve ekranın üst kısmına yerleştirerek vurguluyor.

Mobil arama için önemli noktalar:

• Görünür olduğundan emin olun! Arama çubuğunun kolay erişilebilir ve ekranın üst kısmında tutulması, alışveriş yapanlara ürünleri zahmetsizce aramanın bir yolunu sunar.
• Yaygın arama modellerinden elde edilen verileri kullanarak ileriye dönük arama sağlayın ve ilgili ürünleri arama sonuçları sayfalarında görüntüleyin.
• Müşterilerin istedikleri ürünleri hızlı ve zahmetsizce bulmalarını sağlayan gelişmiş filtreleme seçenekleri sağlayın.

Arama formlarını görüntülerken dikkate alınması gereken önemli bir husus, bunların yalnızca kullanıcının uygulamayla etkileşiminin ilk aşamalarında değerli olmalarıdır. Kullanıcılar genellikle uygulamayı alışveriş yolculuğunun başında arar ve yolculukta daha sonra bir arama formu görüntülerken UX'e zarar verebilecek durumlar olabilir.

Örneğin, ödeme işlemi sırasında, arama artık kullanışlı değildir ve yalnızca kullanıcıların dikkatini dağıtacağından, kullanıcıların odaklarını kaybetmelerine ve satın alma taahhütlerinden vazgeçmelerine neden olabilir.

Sorunsuz, Kolay ve Hızlı Ödeme Sağlayın

Araştırmalar, ödeme sürecinin çevrimiçi bir satın alma işlemini tamamlamanın en stresli kısmı olduğunu göstermiştir. Baymard Enstitüsü, satın almadan önce bir hesap oluşturma gerekliliği nedeniyle alışveriş sepetini terk etme oranını %35 olarak bildirmektedir. Alışveriş sepetini terk etme oranlarını azaltmak için, alışveriş yapanlardan önce kaydolmalarını istemeyen, kolay ve hızlı bir ödeme süreci tasarlamak önemlidir.

Kullanılabilirlik çalışmaları, kullanıcıların %60'ından fazlasının misafir ödeme seçeneğini bulmakta zorluk çektiğini tespit etti; Bu nedenle, misafir ödeme seçeneği açıkça görülebilmeli ve erişimi kolay olmalıdır.

İyileştirilmiş bir e-Ticaret ödeme akışı için birkaç öneri:

• Kullanıcı etkileşimini desteklemek için, o anda etkin olan adımı numaralandırarak ve görüntüleyerek ödeme sürecinin her adımını etiketleyin.
• Ödeme sürecinde ilerlemeyi görüntülemek için ilerleme çubukları gibi görsel temsiller kullanın.
• Ödeme işlemi sırasında kaydolmak ve oturum açmak için bir seçenek sağlayın, ancak bunu bir seçim yapın.
• Kaygı ve hemen çıkma oranlarını azaltmak için, kullanıcıların check-out yaptıktan sonra misafir olarak giriş yapmalarını veya kayıt olmalarını önerin.
• Kullanıcı odağını iyileştirmek ve içeriği %30 daha hızlı yüklemek için aşamalı açıklama tekniklerini uygulayın.

Özetle: Başarılı Mobil e-Ticaret Tasarımının Bazı Temel Özellikleri Nelerdir?

• Hızlı ve kolay kayıt ve ödeme süreci akışları sağlar
• Uygun simgeleri, rozetleri, incelemeleri ve referansları görüntüleyerek bir güvenlik ve güven duygusu aşılar
• Başparmak dostu bölgeler etrafında tasarlanmış etkileşim sağlar
• Tutarlı ve yoğun navigasyon kullanır
• Hızlı arama ve ürünlerin kolay filtrelenmesini içerir
• Mobil uygulamalar için kullanıcı stresi, kaygısı ve dönüşüm oranları arasındaki doğrudan bağlantıyı anlar
• Mobil sitelerin hızlı yüklenen, duyarlı deneyimlerini sağlar
• Ürün resmi yakınlaştırma için hareketleri destekler

Mobil e-Ticaret Alanı Sadece Büyüyecek

Mobil e-ticaret trendleri, mobil e-ticaret pazarının katlanarak büyüdüğünü ve endüstrinin büyümesinin satıcılar için çok sayıda fayda yarattığını gösteriyor. Ancak bununla birlikte, başarılı olmak isteyen satıcıların uyması gereken mobil e-ticaret tasarımı için birçok en iyi uygulama ve standart geldi.

Alışveriş yapanlar, iyi çalışan, güzel görünen ve davranışlarına uyarlanmış bir mobil uygulama bekler. Her uygulamanın kendi sınırlamaları ve hedefleri farklı olmasına rağmen, bu makalede özetlenen temel ilkeleri takip etmek, başarılı mobil e-ticaret uygulamaları oluşturmaya yardımcı olacaktır.

Bir mobil e-Ticaret UX geliştirme hile sayfası indirin

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Öne Çıkan e-Ticaret Trendleri ve Tasarıma Etkileri (İnfografik ile)
• eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
• eCommerce UX – Temel Tasarım Stratejileri ve İlkeleri
• E-Ticaret Web Sitesi Tasarımı İçin En İyi Kılavuz
• e-Ticaret Yeniden Tasarlandı: Küçük Değişiklikler Büyük UX İyileştirmelerini Nasıl Yaptı?