E-Ticaret Web Sitesi Tasarımı İçin En İyi Kılavuz

ABD e-Ticaret satışları 2018'de yeni zirvelere ulaşmaya devam ediyor. Dünya çapında, e-ticaret 2,3 trilyon dolarlık sağlam kazançlar kaydetmeye devam edecek. Ancak bir e-ticaret sitesini diğerine üstün kılan nedir?

Ürün kalitesi, marka bilinirliği, nakliye maliyetleri, iade politikaları, güvenilirlik ve müşteri hizmetleri dahil olmak üzere bir e-Ticaret web sitesinin genel başarısını çeşitli faktörler belirler. Bununla birlikte, düşünceli kullanıcı deneyimi tasarımı, müşterilere tatmin edici, sorunsuz bir deneyim sunmanın anahtarıdır. Potansiyel tıklamaları yalnızca gerçek e-ticaret işlemlerine dönüştürmekle kalmayacak, aynı zamanda müşterilerin tekrar tekrar gelmesini sağlayacaktır.

Harika e-Ticaret web siteleri oluşturmak için örneklerle birlikte kapsamlı bir e-Ticaret UX tasarım kılavuzu.

Güven ve Güvenlik için e-Ticaret Tasarlayın

Her şeyden önce, alışveriş yapanların güvenebileceklerini hissettikleri bir web sitesi tasarlamak önemlidir. Alışveriş yapanların çoğu gizlilik ve sitenin güvenli bir işlem sağlayarak kişisel verilerini koruyup korumayacağı konusunda endişelidir. Web sitesi güvenilir hissetmiyorsa, başka bir yerden alışveriş yapmayı seçeceklerdir.

Güvenilirliği iletecek bazı yöntemler şunlardır:

• İşletmeye genel bir bakış ekleyin:

  • Genel bilgi sağlayın
  • İşletmenin arkasındaki kişilerin fotoğrafları
  • İletişim bilgileri
  • Sosyal medya bağlantıları
  • Sık Sorulan Sorular (SSS) sayfası

• Mağaza politikalarını yayınlayın ve bulmanın çok zor olmadığından emin olun:

  • Nakliye ve iade politikaları
  • İade sürecini ve hangi ürünlerin iade edilebileceğini ana hatlarıyla belirtin
  • Alışveriş yapanların kişisel ve finansal bilgilerini kapsayan bir gizlilik politikasına kolay erişim sağlayın (bu çok önemlidir)

Sade bir dille yazın ve yasal veya dahili politika jargonundan kaçının.

• Ürün incelemelerini paylaşın. Alışveriş yapanların ürün hakkında daha fazla bilgi sahibi olmalarına yardımcı olmak için ürün incelemeleri sağlayın; bu, sahip olabilecekleri endişeleri gidermeye yardımcı olacak ve harika bir e-Ticaret UX sağlayacaktır. İnceleyenler hakkında ek bilgilerle birlikte ürün incelemeleri sunarak veya incelemeleri özetleyerek bir adım daha ileri götürün. Bu adım, alışveriş yapanların diğerlerinin fikirlerinden tam olarak yararlanmasını kolaylaştırabilir.
• Güvenli bir sunucu kullanın. Alışveriş yapanlar, çevrimiçi alışveriş yaparken kişisel bilgilerinin güvende kalmasını bekler. SSL (güvenli yuva katmanı) sertifikaları, bir web sitesinin kimliğini doğrular ve güvenli kalması gereken bilgileri şifreler. Ödemelerin güvenli olduğunu gösteren önemli bir işarettir. SSL uygulayarak ve SSL sertifikası rozetleri göstererek alışveriş yapanlara verilerinin korunduğundan emin olun.

• Tanınan güven mühürleri ekleyin. Güven mührü, bir web sitesinin meşruiyetini ve güvenliğini doğrular. Bazı güven şirketleri, işlemin hileli olduğu ortaya çıkarsa, bir miktar sigorta sunarak ekstra bir koruma katmanı bile ekler. Tanınmış güven mühürlerinin kullanılması, potansiyel müşterilere güvenli bir işlem süreci sağlar, bu da satışların artmasına neden olur ve daha iyi e-Ticaret UX sağlar.
• Detaylara dikkat gösterin. Yazım hatalarından, eksik resimlerden, bozuk bağlantılardan, 404 hatalarından (sayfa bulunamadı) veya diğer e-Ticaret UX'i öldüren hatalardan kaçınarak web sitesinin meşru ve profesyonel görünmesini sağlayın.

e-Ticaret Kullanıcı Arayüzü Tasarımında Dikkat Edilecek Hususlar

Bir web sitesinin görünümü ve hissi, ilk izlenimlerin ana itici gücüdür. Araştırmalar, insanların bir web sitesini beğenip beğenmediklerini sadece 50 milisaniyede belirleyeceği sonucuna varıyor.

İşte bazı temel kullanıcı arayüzü tasarım ipuçları:

• Marka kimliğini takip edin. Marka, web sitesi boyunca görünür olmalıdır. Hangi tür ürünlerin satıldığını netleştirmek için markayı yansıtan renkleri seçin ve stili belirleyin. Marka deneyiminin tüm kanallarda (çevrimiçi, mağaza içi veya mobil cihaz) tutarlı olmasını sağlayın. Bu, güçlü bir marka-müşteri ilişkisi kurmaya yardımcı olacaktır.
• Görsel hiyerarşiyi benimseyin. En kritik içerik ekranın üst kısmında görüntülenmelidir. Bazı durumlarda, öğeleri birbirine yaklaştırmak için daha az beyaz alan kullanmak, kritik içeriği ekranın altına itmekten daha iyidir.
• Fazla tasarım yapmayın. Yazı tipi yüzü, boyutları ve renkleri gibi yazı tipi biçimlerini sınırlayın. Metin çok fazla grafiğe benziyorsa, bir reklamla karıştırılacaktır. İçeriği olabildiğince net hale getirmek için yüksek kontrastlı metin ve arka plan renkleri kullanın.
• Bilinen sembollere bağlı kalın. Tanımlanması kolay simgeler veya semboller kullanın. Bilinmeyen simgeler yalnızca alışveriş yapanların kafasını karıştırır. Herhangi bir olası karışıklığı önlemenin iyi bir yolu, simgeler için etiketler sağlamaktır.
• Açılır pencerelerden kaçının. Açılır pencereler dikkat dağıtıcıdır. Değerli bilgiler içerseler bile, alışveriş yapanların onları hemen reddetme olasılığı daha yüksektir - bir kez gittikten sonra, isteseler bile alışveriş yapanların bilgileri tekrar bulması zordur.

Sürtünmesiz e-Ticaret Sitelerinde Gezinmenin Önemi

Sürtünmesiz olmanın yolu budur. Gezinme, insanların web sitesinde gezinmelerinin, aradıklarını bulmalarının ve sonunda harekete geçmelerinin ne kadar kolay olduğu ile ilgilidir. E-Ticaret alışveriş deneyimi sorunsuz olmalıdır, böylece alışveriş yapanlar sürecin yarısında vazgeçmezler.

Kolay gezinme için e-ticaret web sitesi tasarımının bazı önemli yönleri şunlardır:

İyi tanımlanmış Ürün Kategorileri

En üst düzeyde gezinme, sitenin sunduğu kategoriler kümesini göstermelidir. Ürünleri anlamlı olan kategorilere ve alt kategorilere ayırın. Kategori etiketleri, ürün yelpazesini tanımlayan tek kelimeler olarak en iyi sonucu verir, böylece alışveriş yapanlar bunları tarayabilir ve neyi temsil ettiklerini anında anlayabilir. Harika bir e-ticaret kullanıcı deneyimi için sitede gezinmeyi mümkün olduğunca kullanıcı tarafından test etmek en iyisidir, çünkü bu, sitenin önemli bir oluşturma veya bozma özelliğidir.

Ürün Arama

Basitçe söylemek gerekirse, alışveriş yapanlar ürünü bulamazlarsa ürünü satın alamazlar; aradıklarını kolayca bulmalarına yardımcı olacak bir arama işlevi oluşturun:

• Aramayı her yerde bulun. Arama kutusunu her sayfaya ve tanıdık yerlere koyun. Kutu görünür, çabuk tanınabilir ve kullanımı kolay olmalıdır. Arama kutusunu uygulamak için standart konumlar, sayfaların sağ üst veya üst orta kısımları veya ana menüdür.
• Her türlü sorguyu destekleyin. Aramaların ürün adları, kategoriler ve ürün özellikleri gibi her tür sorguyu ve ayrıca müşteri hizmetleriyle ilgili bilgileri desteklemesi gerekir. Alışveriş yapanlara çeşitli işlevlerin kullanımını önermek için giriş alanına örnek bir arama sorgusu eklemek iyi bir fikirdir.
• Bir arama otomatik tamamlama işlevine sahip olun. Otomatik tamamlama işlevi, alışveriş yapanların aradıklarını bulmalarını kolaylaştırır ve halihazırda aradıkları alan içinde şeyler önererek satış potansiyelini artırır.
• Sonuçların sıralanmasına ve filtrelenmesine izin verin. Alışveriş yapanların arama sonuçlarını çeşitli kriterlere göre (en çok satanlar, en yüksek veya en düşük fiyat, ürün derecelendirmesi, en yeni ürün vb.) sıralamasına ve belirli bir kategoriye uymayan ürünleri elemesine izin verin.

Filtreleme Ürünleri

Ne kadar çok seçenek verilirse, seçmek o kadar zor olur. Filtreler uygulayarak alışveriş yapanların doğru ürünleri bulmasına yardımcı olun. Seçimlerini daraltmalarına ve doğrudan istedikleri ürün yelpazesine geçmelerine yardımcı olacaktır.

Ürüne Hızlı Bakış

"Hızlı görünüm", gereksiz sayfa yüklemelerini ortadan kaldırarak alışveriş yapanların doğru ürünü bulmaları için gereken süreyi azaltır. Tipik olarak, ürün ayrıntıları, görüntülenen sayfa üzerinde kalıcı bir pencerede görüntülenir. Tüm ürün ayrıntılarını göstermeye çalışmayın, bunun yerine tüm ayrıntıları görüntülemek için tam ürün sayfasına bir bağlantı ekleyin. Ayrıca, belirgin bir şekilde yerleştirilmiş bir "Sepete Ekle" düğmesinin yanı sıra bir "İstek Listesine Kaydet" işlevi eklediğinizden emin olun.

Özel teklifler

Alışveriş yapanlar her zaman özel teklifler, indirimler veya en iyi fırsatlar ararlar. Alışveriş yapanların bunlardan haberdar olması için özel teklifleri görünür hale getirin. Fiyat farklılıkları o kadar büyük olmasa bile, biraz para biriktirmenin psikolojik hissi, bir üstünlük olduğu yanılsaması yaratır.

e-Ticaret Ürün Sayfası Tasarımı

Olağanüstü e-Ticaret UX için, alışveriş yapanlar istedikleri ürünü başarıyla bulduklarında , ürün hakkında bilgi edinmelerine izin verin. Çok sayıda görsel, ayrıntılı açıklamalar ve ürünle ilgili diğer yararlı ve ilgili bilgileri ekleyerek, mümkün olduğunca yüz yüze alışveriş deneyimine benzer bir deneyim yaratan bir ürün sayfası tasarlayın. Bunun ne anlama geldiğine derinlemesine bir göz atalım.

Harika Ürün Resimleri Sağlayın

E-Ticaret ile alışveriş yapanlar ürüne dokunamaz, hissedemez veya ürünü deneyemez. Bunun yerine, her şey çevrimiçi gördüklerine bağlıdır. Bu nedenle, ürünün tüm yönlerini açıkça gösteren ürün resimleri sağlamak çok önemlidir. Mükemmel ürün görselleri için bir kontrol listesi:

• Beyaz bir arka plan kullanın. Ürün resimlerinin arka planı, dikkati dağıtmamalı veya ürünün kendisiyle çelişmemelidir. Beyaz bir arka plan en iyi sonucu verir çünkü ürünün öne çıkmasını sağlar ve hemen hemen her stil veya renk şemasıyla çalışır.
• Yüksek kaliteli, büyük resimler kullanın. İyi görüntüler ürünü satar. Yüksek kaliteli görseller, alışveriş yapanların ilgisini çeker ve onlara tam olarak ne satın aldıklarını gösterir. Büyük resimlere sahip olmak, alışveriş yapanların bir ürünü yakınlaştırmasına ve ince ayrıntılarla incelemesine olanak tanır.

• Çeşitli görseller kullanın. Ürünü bir dizi farklı açıdan görüntüleyin ve daha eksiksiz bir ürün algısı sağlamak için yakın çekimler ekleyin. Ürünü hareket ettirebilecekleri 360 derecelik bir görünüm, mağazaya fiziksel olarak girmeye ve mağazayla etkileşime girmeye yakın bir deneyim sağlamanın iyi bir yoludur. VR e-Ticaret, bu deneyimin bir sonraki dalgasıdır.
• Videoyu kullanın. Videolar, kısa sürede çok fazla bilgi sunma yeteneğine sahiptir. Ürünü kullanımda göstermek ve mümkün olduğunca çok işlevsel bilgi sağlamak için bir video kullanın.
• Tutarlı ol. Birden çok sayfada tutarlı olan ve aynı zamanda web sitesinin geri kalanının görünümü ve hissi ile uyumlu olan resimler kullanın. Bu, her şeyin temiz ve düzenli görünmesini sağlayacaktır. Ana ürün görseli, ürün vurguları veya öne çıkan öğeler bölümü gibi sitenin tüm alanlarında aynı olmalıdır.

Tam Doğru Miktarda Ürün Bilgisi Verin

Alışveriş yapanlara, bilinçli bir satın alma kararı verebilmeleri için ürün hakkında ayrıntılı bilgi verin. Kullanılabilirliği, farklı boyut veya renk seçeneklerini, boyutları, boyut tablosunu, kullanılan malzemeleri, toplam maliyeti, garantileri ve daha fazlasını gösterin. Bir ürün hakkında ne kadar az soruları olursa, satın alma olasılıkları o kadar artar.

İkna Edici Tasarım Kullanın

Kıtlık ilkesine göre, insanlar kıt olan bir nesneye daha yüksek, bol olan bir nesneye daha düşük bir değer verir. Kıtlığı göstererek satış sürecinde bir aciliyet duygusu yaratın—kaç tane ürün kaldığını, stokta olmayan boyutları gri renkte gösterin veya satış son tarihlerini gösterin. Kıtlık, potansiyel alıcıları harekete geçmeye motive edecektir.

Şirketler giderek artan bir şekilde gelişmiş psikolojik araştırmaları kullanıyor ve daha fazla katılım ve satın alma sağlamak için eskiden sanat olan şeyi bir bilime dönüştürdü. E-Ticaret'te ikna edici tasarım, daha fazla satın alma elde etmenin çok etkili bir yoludur.

İlgili ve Önerilen Ürünleri Göster

Mevcut ürünle veya başkalarının satın aldığı ürünlerle iyi çalışan, alışveriş yapanların da beğenebileceği benzer ürünleri görüntüleyin. Bu, bir ürün detay sayfasında veya alışveriş sepetinde görüntülenebilir ve alışveriş yapanları ihtiyaçlarını karşılayan ürünlere yönlendirmeye yardımcı olur ve potansiyel olarak onları alışverişe devam etmeye teşvik eder - ilgili ürünleri çapraz satmak için harika bir yoldur.

Alışveriş Sepeti Tasarımı

Alışveriş sepeti, alışveriş yapanların seçtikleri ürünleri incelediği, nihai kararı verdiği ve ödeme aşamasına geçtiği yer olduğu için çok önemlidir. Alışveriş sepetinin birincil amacı, alışveriş yapanları ödemeye yönlendirmektir. Aşağıda, kullanıcı dostu ve alışveriş yapanları daha fazla satın almaya teşvik edecek bir alışveriş sepeti tasarlamaya ilişkin ipuçları bulunmaktadır.

• Net bir harekete geçirici mesaj (CTA) kullanın. Alışveriş sepeti sayfasındaki birincil harekete geçirici mesaj, ödeme düğmesi olmalıdır. Ödeme düğmesini görünür, basit ve kullanımı kolay hale getirmek için parlak renkler, çok sayıda tıklanabilir alan ve basit bir dil kullanın.
• Yeterli geri bildirim sağlayın. Alışveriş sepetine bir ürün eklendiğinde, anında ve net bir şekilde onaylandığından emin olun. Müşterilerin, göze çarpmayan onay metni gösterme gibi yetersiz geri bildirimlerle kafası karışır. Hareket insan gözünü çektiği için animasyon kullanmak iyi bir fikirdir.
• Bir mini sepet widget'ı kullanın. Alışveriş yapanların bir mini sepet kullanarak bulundukları sayfadan ayrılmadan sepetlerine ürün eklemelerine izin verin. Ayrıca, gezinmelerine, keşfetmelerine ve daha fazla ürün eklemelerine olanak tanır. Mini sepet widget'ları her zaman tam sayfa alışveriş sepetine bağlanmalıdır.

• Ürün ayrıntılarını görüntüleyin. Alışveriş sepetinde ürün adları, resimler, bedenler, renkler ve fiyatlar gibi ayrıntıların görüntülenmesi, alışveriş yapanların her bir ürünü hatırlamalarına ve ürünleri karşılaştırmalarına yardımcı olur. Alışveriş yapanların gerektiğinde daha fazla ayrıntıyı gözden geçirebilmeleri için sepetteki ürünleri tam ürün sayfalarına geri bağlayın.
• Sepeti kolayca düzenlenebilir hale getirin. Kaldırma, daha sonrası için kaydetme veya boyut, renk veya miktar gibi ayrıntıları değiştirme olanağına erişim kolay olmalıdır.
• Beklenmeyen nakliye masrafları ve vergi sürprizlerinden kaçının. Beklenmeyen nakliye maliyetleri, alışveriş yapanların alışveriş sepetlerini terk etmelerinin önde gelen nedenlerinden biridir. Gönderim seçeneklerini ve vergileri, maliyetlerin kesin hesaplanması ve önceden tahmini bir teslimat tarihi ile birlikte yerleştirin.

e-Ticaret Ödeme Tasarımı

Şık ve modaya uygun bir tasarım, başarılı bir e-ticaret web sitesini belirlemez ve mutlaka harika bir e-ticaret UX sağlamaz. E-Ticaret başarısı yalnızca tamamlanan satın almaların sayısıyla ölçülür. Başarılı bir dönüşüme katkıda bulunacak, iyi tasarlanmış bir ödeme sayfası oluşturmanın birkaç yolu:

• Çeşitli ödeme seçenekleri sunun. Ödeme yapmak söz konusu olduğunda, farklı müşterilerin farklı tercihleri ​​vardır. Müşteri tabanını genişletmek ve alışveriş yapanların siparişlerini tamamlamasını kolaylaştırmak için mümkün olduğunca çok ödeme seçeneği (hedef kitleye bağlı olarak) sağlayın.
• Basit tutun. Satın alma işlemini tamamlamak için alan ve adım sayısını en aza indirin. Teslimat adresini varsayılan olarak fatura adresi olarak kullanmak, alan sayısını en aza indirmenin iyi bir yoludur; ideal olarak, alışveriş yapanların alışveriş sepetlerini görüntüleyebilecekleri ve teslimat ve ödeme bilgilerini girebilecekleri tek sayfalık bir ödeme tasarımı tasarlayın.

• Kaydı isteğe bağlı yapın. Alışveriş yapanları ilk alışverişlerinden önce bir hesap oluşturmaya zorlamak, alışveriş yapanları uzaklaştıracaktır. Onlara satın alma işlemi tamamlandıktan sonra kaydolma seçeneği sunun ve kaydolmalarını istediğinizde kaydın avantajlarını vurgulayın. Avantajlar arasında, kayıtlı teslimat adresi veya ödeme bilgileri gibi kişisel bilgiler sayesinde daha hızlı ödeme ve yalnızca kayıtlı üyelere sunulan özel tekliflere erişim yer alır.
• Açık hata göstergeleri kullanın. Bir satın alma işlemi yapamamaktan veya nedenini bulamamaktan daha sinir bozucu bir şey yoktur. Form gönderildikten sonra hataları göstermek yerine, gerçek zamanlı olarak hata bildirimlerinin gelmesini sağlayın. Müşterilerin bunları fark edip anlaması için, düzeltilmesi gereken öğenin hemen üstüne veya yanına net ve kısa hata mesajları yerleştirin.

• İnsanları yolda tutun. Çok sayfalı bir ödeme kullanırken, satın alma işlemini tamamlamak için kaç adım kaldığını gösteren bir ilerleme çubuğu ekleyin. Bu, herhangi bir belirsizliği ortadan kaldıracak ve alışveriş yapanların doğru yolda olmalarını sağlayacaktır. Satın alma işlemi tamamlandığında, gönderi takibi ile bir sipariş onayı ve sipariş durumu görüntüleyin.
• Destek sunun. Alışveriş yapanların soruları olduğunda siteden ayrılıp başka bir yere gitmek zorunda kalmadan hızlı bir şekilde yanıt alabilmeleri için ödeme süreci boyunca bir canlı sohbet veya iletişim numarası ekleyin.

Özet

Çevrimiçi alışveriş yapanlar, ne olursa olsun sorunsuz deneyimler beklerler. Bir e-ticaret sitesi tasarlarken, sadece bir web sitesi oluşturmakla kalmaz, aynı zamanda pasif alışveriş yapanları ödeme yapan müşterilere dönüştürecek bir çevrimiçi alışveriş deneyimi yaratır.

Bu e-Ticaret web sitesi tasarım kılavuzunun, profesyonel, çekici, kullanıcı dostu ve alışveriş yapanların tekrar tekrar gelmelerini sağlayan harika e-Ticaret UX oluşturmak için temel tasarım kararları vermenize yardımcı olacağını umuyoruz. Hızlı büyüme ve nispeten düşük pazar payı, yeni oyuncuların geleneksel endüstri liderlerini geride bırakması için hala muazzam bir fırsat olduğu anlamına geliyor.

Toptal Tasarım Blogunda daha fazla okuma:

• eCommerce UX – Temel Tasarım Stratejileri ve İlkeleri
• Mobil Deneyim için e-Ticaret UX
• UX Tasarımı ile e-Ticaret Müşterilerini Nasıl Kancalarsınız?
• e-Ticaret Yeniden Tasarlandı: Küçük Değişiklikler Büyük UX İyileştirmelerini Nasıl Yaptı?