105 E-ticaret UX İpuçları: Ziyaretçileri Satın Almaya Nasıl Baştan Çıkarırsınız?

Her gün insanlar mağazanızı ziyaret eder ve istediklerini bulamadıkları için ayrılırlar.

Google'da en üst sıralarda yer almaktan daha fazlasına ihtiyacınız var. İnsanlar istedikleri ürüne gidebilmeli ve satın alacak kadar size güvenebilmelidir. E -ticaret UX'iniz (kullanıcı deneyimi) , ziyaretçilerinizin hedeflerini tamamlamalarına yardımcı olarak güvenini oluşturmaya odaklanmalıdır.

Bir kullanıcı deneyimi araştırma firması olan Nielson Norman Group'a göre, e-ticaret kullanılabilirliği için 800'den fazla en iyi uygulama var. Geliştirmeye harcayacak milyarlarca dolarınız olmadıkça, her yönergeyi karşılamayacaksınız. Bu gönderi, e-ticaret UX tasarımınızı iyileştirebilmeniz ve daha fazla dönüşüm elde edebilmeniz için ipuçları ve örneklerle doludur.

Sayfa türüne göre temel en iyi uygulamaları inceleyelim. Mobil ux ile ilgili ipuçları için bu makaleye göz atın.

Ana Sayfa Hızlı Bir Bakışta Güven Oluşturan UX İpuçları

Ana sayfanız en fazla trafiği alır. Ürün sattığınızı açıkça belirtin. Ana sayfanızı mağazanızın penceresi olarak düşünün. Macy'nin Magnificent Mile'da olduğunu düşünün. Ana sayfanızı en iyi ürünleriniz ve görsellerinizle süsleyin. Macy's'de asla göremeyeceğiniz bir şey, vitrinde birer birer süzülen farklı elbiseler. Burada kaydırıcılardan bahsediyorum. Bunları kullanmak zorundaysanız, kullanıcı dostu olduklarından emin olun.

Kahraman Alanı En İyi Uygulamaları

Kahraman alanınız (özel alan olarak da adlandırılır), ana sayfanızdaki en belirgin gayrimenkuldür. İyi bir izlenim bırakmak için sadece 50 milisaniyeniz var, işte bunu nasıl sayacağınız.

Kahraman Bölgesi Yapılacaklar

1. Basit, düzenli tasarım kullanın. Mümkün olduğunca az kelime kullanın.
2. Etkisi olmayan her şeyi ortadan kaldırın. Örneğin, son blog gönderileriniz.
3. Dikkati tek bir harekete geçirici mesaja odaklamak için renk veya oklar gibi görsel kuyrukları kullanın.
4. İnsanların kendilerini tanımlamasını kolaylaştırın. Kadınlar için pahalı ceketler satıyor musunuz?

Kahraman Alanı Dont's

1. Süslemek. Girdaplar, parıltılar ve diğer anlamsız semboller, bilişsel yüke katkıda bulunur ve müşterilerinizin dikkatini dağıtır.
2. Geçen hafta veya hatta geçen ayki promosyonlar gibi modası geçmiş içeriklere sahip olun. Bir anda güvenilirliğinizi kaybedersiniz.
3. Alanı çok fazla mesaj veya promosyonla dağıtın.
4. Otomatik olarak ilerleyen bir kaydırıcıya veya karusele sahip olun.
5. Genel karışımınızı temsil etmeyen bir ürünü vurgulayın.

Ana Sayfa Gezinme

İnsanlar sitenizi ziyaret ettiğinde, ne için geldiklerini bulmalarına yardımcı olmak istersiniz. Dönüşüm uzmanı Tim Ash'e göre, ana sayfanızın ana odak noktası kategori düzeyinde gezinme sağlamaktır. Ziyaretçilerin aradıklarını bulmalarına yardımcı olmak için bu ipuçlarını izleyin.

Ana Sayfa Gezinme Yapılacaklar

1. Ziyaretçilere, belirli kategorilere inebilmeleri için sitenizin ne sattığını "30.000 fitlik bir görünüm" sunun.
2. En çok kullandığınız araçları veya satın alma kılavuzlarını ekleyin.
3. İade politikası, müşteri hizmetleri, nakliye ve gizlilik sayfalarına bağlantılar sağlayın.

Ana Sayfa Navigasyon Yapılmaması Gerekenler

1. İnsanların ne aradığını bildiğinizi varsayalım.
2. Ana sayfanızdaki her kategoriyi ve alt kategoriyi sıkıştırın.
3. Ürün düzeyinde promosyonları zorlayın. Sadece birkaç ürününüz varsa, bunu görmezden gelebilirsiniz.
4. Genel stok fotoğrafları kullanın. Bu gerçeksizliği haykırıyor.

Navigasyon: UX'in Temeli

Çok sayıda kategoriniz, değişken ürününüz veya birçok seçeneğe sahip ürününüz olduğunda gezinme çok önemlidir. Hiçbir şey hantal bir menüden daha sinir bozucu olamaz. İnsanlar istediklerini ne kadar hızlı bulabilirse, onları ödeme sürecine o kadar hızlı taşıyabilirsiniz.

Navigasyon menüsünün amacı, insanları gitmek istedikleri yere ulaştırmaktır. İşte ele almanız gerekenlerin bir dökümü:

Birincil Navigasyon Menüsü Yapılacaklar

1. Üst menüyü 7 seçenekle sınırlayın.
2. "Bize Ulaşın" gibi öğeler için sağ üstte ikincil bir gezinme kullanın
3. Kategorileri ve alt kategorileri düzenleyen çok sütunlu bir menü kullanın.
4. Ürününüzün yüksek kaliteli resimlerini gösterin.
5. Kontrast renklerle navigasyon menünüzü öne çıkarın.
6. Birden çok kategoriye çapraz referans ürünleri. USB sürücüsü arayan biri Dizüstü Bilgisayar, Aksesuarlar veya Bilgisayarlar altına bakabilir.

Birincil Gezinme Menüsü Yapılmaması Gerekenler

1. Uzun bir sütun kaplayan tek bir açılır listeye sahip olun.
2. Boş kategori sayfalarını ana gezinmeye bağla.
3. Ürünleri aşırı sınıflandırmak. Bir (alt) kategoride yalnızca bir ürün varsa, kategoriyi kaldırın ve ürünü yeniden sınıflandırın.
4. “Daha” gibi belirsiz seçenekler kullanmayın.

Alışveriş Sepeti Menüleri

Bir alışveriş sepeti menüsü, muhtemelen bir kullanıcının kredi kartını çıkarmadan önce tıklayacağı son düğmedir. Bu küçük simgeye fazla bakma.

Alışveriş Sepeti Menüsü Yapılacaklar

1. Toplam fiyatı ve sepetteki ürün sayısını göster.
2. İçeriklerinin ayrıntılarını görebilecekleri alışveriş sepeti sayfasına bağlantı

Alışveriş Sepeti Menüsü Dont's

1. Dolu bir araba için bir "mini araba" kullanın. E-ticaret sitenizin sadece bir sepet widget'ına değil, bir sepet sayfasına ihtiyacı var.
2. Alışveriş sepetindeki ürünlerin tüm ayrıntılarını göstermeyen bir ödeme sayfasına doğrudan bağlantı verin.

Arama

Birçok kullanıcı gezinme menüsünü tamamen atlar ve daha fazla detaya inmek için arama/yönlü aramaya güvenir. Yönlü arama hızlı bir şekilde karmaşık hale gelebilir. Geliştirme ve maliyet perspektifinden, aynı zamanda kullanıcı perspektifinden. İşleri basit ve yararlı tutmak için bu yönergeleri izleyin.

Yapılacakları Ara

1. Her sayfanın üst kısmında açık bir metin alanı kutusu kullanın.
2. Bir kategoride 20'den fazla ürün olduğunda yönlü aramayı kullanın.
3. Fiyata, renge, boyuta göre filtreleme, temel yönlü arama seçenekleridir.

Dont's'ta Ara

1. Arama girişinde dolgu metni kullanın. Boş bırakın veya "Ara" deyin.
2. "Ağır hizmet" veya "hafif hizmet" gibi öznel filtreleme seçeneklerini kullanın.

Kategori Sayfaları: Alışveriş Yapan Kişilere Bir Adım Yaklaşın

Kategori sayfaları biraz zor olabilir. İçeriğin çok ince olmadığından emin olmak istersiniz. Ek metin alanları Google sıralamalarında harikalar yaratabilir, ancak çok fazla metin müşterinizin kafasını karıştırabilir.

Arama sorgusu "mayo" göz önüne alındığında, Macy's'in sonucu oldukça alakalıdır. Bir kullanıcının aradıklarını daha da hassaslaştırması kolaydır.

Kategori Gezinme Karmaşasını Serbest Tutun

Kategori sayfanızda sunduğunuz alt kategoriler konusunda seçici olun. Macy's pembe mayo, siyah mayo, tek parça, iki parça vb. resimleri gösterebilirdi. Her seçenek sunulsaydı, alışveriş yapanlar seçeneklerin sayısı karşısında felç olurdu. Ayrıca, insanların kategori sayfanızı zayıf bir ürün listeleme sayfası olarak algılamasını da istemezsiniz.

Kategori Navigasyonu Yapılacaklar

1. Çok fazla boşluk ve sınırlı metin kullanın.
2. Alt kategorileri mümkün olduğunca az kelimeyle tanımlayın, ancak spesifik olun.
3. Ana alt kategorileri uygun şekilde temsil etmek için resimleri kullanın.
4. Daha az popüler kategorileri temsil etmek için yalnızca metin kullanın.
5. Bir mega veya açılır menü kullanıyorsanız bir üst kategoriye sahip olun.

Kategori Navigasyonu Yapılmaması Gerekenler

1. Alakasız resimleri göster.
2. Yalnızca metne güvenin.
3. Birden çok renkli metin kullanın.
4. Promosyonları çok zorlayın.
5. Alt kategoriler için ürün adlarını kullanın.

Target'ın web sitesinde. “Juniors mayo” bulmak için gerçekten çok uğraşmanız gerekiyor.

Kategori Sayfası İçeriği

Kategori sayfalarının içerik açısından ince olması gerekmez. Anahtar kelime araştırması, alışveriş yapanların merak ettiği soruları anlamanıza yardımcı olabilir. Ürün hattınızla ilgili sık sorulan soruları ele almak için bu anahtar kelimeleri kullanın.

Kategori Sayfa İçeriği Yapılacaklar

1. Alıcınızın ihtiyaçlarına odaklanın.
2. Ana anahtar kelimenizi tamamlamak için anlamsal anahtar kelimeler kullanın.
3. Kategoriyle ilgili SSS'leri adresleyin.

Kategori İçerik Yapılmaması Gerekenler

1. Sayfanın en üstüne büyük kopya blokları koyun.
2. Birincil anahtar kelimenizi tekrar tekrar kullanın.
3. Alakasız görseller kullanın. Target'ın mayo sayfasındaki erkek takım elbise fotoğrafına inanabiliyor musunuz?
4. Resimlere metin koyun.

Ürün Listeleme Sayfaları: Bilgilendirin ve Güven Oluşturun

Kaç tane ürün listeleme sayfasının içerik açısından zayıf olduğuna şaşırdım. Best Buy'ın zengin içerikli, kullanıcı dostu ürün listeleme sayfaları sürekli olarak üst sıralarda yer alır. Sayfaları birçok en iyi uygulamayı göstermektedir. Best Buy'ın ürün listeleme sayfası, ürün sayfasını ziyaret etmeden bile dönüşüm gerçekleştirmeyi mümkün kılar. E-ticaret ürün listeleme sayfaları, resim, fiyat, seçenekler ve bulunabilirlik gibi temel ürün bilgilerini vermelidir. Bu sayfaların sizin için biraz satış yapmasına izin verin.

Ürün Listeleme Sayfaları İçin SEO İçeriği

Kullanıcı dostu kopya, doğal olarak SEO dostu olacaktır. İnsanların (ve Google'ın) sayfanızın içeriğini net bir şekilde anlamasını istiyorsunuz. Ayrıca, ne istediklerini görmezlerse, insanları bu sayfadan nazikçe uzaklaştırmak istersiniz.

SEO İçeriği Yapılacaklar

1. Sayfa başlığınızda ve h1 etiketinizde en alakalı, en düşük zorluktaki anahtar kelimeleri kullanın. Anahtar kelime araştırması hakkında daha fazla bilgi edinin.
2. Kategorinin kısa bir özetinde ek anahtar kelimeler kullanın.
3. Ek bilgi gerekiyorsa, ürün listelerinin altına koyun.
4. Kullanıcıların gezinmesine ve PageRank'i kategori sayfalarınıza dağıtmasına yardımcı olmak için içerik kırıntılarını kullanın.
5. Fiyatlandırma ve seçenekleri göster.
6. Sepete ekle düğmesi varsa, ürüne genel bakış sağlayın.

SEO İçeriği Yapılmaması Gerekenler

1. Ürünler listelenmeden önce çok fazla içerik doldurun.
2. Ürünler için şirin veya mecazi isimler kullanın. Çocuk ayakkabısı satıyorsanız, kahverengi sandaletlere “George” demeyin.

Ürün Listelerinde Gezinme

Bir kullanıcı ne almak istediği konusunda bir fikre sahip olduğunda, ürün listeleme sayfanızdan alışveriş yapacaktır. Alışveriş yapmak için birden fazla seçeneğe ve sayfaya sahip olduklarını açıkça belirtin. İlk sayfada istediklerini görmezlerse aramaya devam etmelerini istersiniz.

Ürün Listeleme Sayfalarında Gezinme Yapılacaklar

1. Ürün listelemelerinden önceki ve sonraki sayfa sayısını gösterin.
2. Bu kategorideki toplam ürün sayısını göster.
3. Kullanıcıların şu kriterlere göre sıralamasına izin ver: fiyat,
4. Kullanıcıların sonuçlardaki belirli sayfalara atlamalarına izin verin.

Ürün Listeleri Sayfa Gezinmesi Yapılmaması Gerekenler

1. Kullanıcıların sayfaları değiştirmek için okları tıklamasını sağlayın.
2. İnsanların en üste kaydıracağını veya "Tümünü Görüntüle" düğmesini tıklayacağını varsayalım.
3. Küçük veya bulanık ürün fotoğrafları kullanın.

Ürün Sayfaları: SEO, UX ve Satışın Buluştuğu Yer

Tam ürün detayları çok önemlidir. SEO ve kullanıcı deneyimi için. Dahili bağlantılar SEO'yu güçlendirir ve kullanıcının ürün listeleme sayfasına geri dönmesine yardımcı olur. Kullanıcı dostu bir ürün sayfası tasarımı, ekranın üst kısmında önemli ürün bilgilerine sahip olacaktır.

Ürün sayfaları sitenizin özüdür, ikna edici olmaları gerekir. Müşteriniz sepete eklemeden önce bir seçenek seçmek zorundaysa, "Sepete Ekle" düğmesine tıklandığında bir hata mesajı görüntüleyin.

Ürün Sayfası İçerik Katmanı

Ürün sayfanız hızlı bir şekilde aşırı bilgi yüklemesinden zarar görebilir. Ne satın almak istediklerini zaten bilen insanlar için doğru düzeyde ürün bilgisi istiyorsunuz, ancak aynı zamanda her ürün detayına ihtiyaç duyan alışveriş yapanlara da hitap ediyorsunuz. Bilgilerinizi katmanlara ayırarak, her iki tür alıcıya da hitap edebilirsiniz.

Ürün Sayfası İçerik Katmanlama Yapılacaklar

1. Sayfanın üst kısmında veya fotoğrafın yanında kısa bir ürün özeti sağlayın.
2. İnsanların seçenekleri belirlediği ve düğmenizi tıkladığı “eylem alanınıza” bir kenarlık veya gölgeli arka plan ekleyin.
3. İşlem alanında üst kısma yakın sipariş seçeneklerini sunun
4. Ürün sayfalarında ekmek kırıntıları var.
5. Ürün görseli ve CTA alanının altına ürün detaylarını, incelemeleri, verileri vb. koyun.

Ürün Sayfası İçerik Katmanı Yapılmaması Gerekenler

1. CTA düğmesinin yanına veya üstüne büyük bir kopya bloğu koyun.
2. Birisi seçim yapana kadar sepete ekle düğmenizi gizleyin.
3. Müsaitlik bilgilerini bir tık ötede yapın.
4. Birisi sepete ekle düğmenizi tıkladığında küçük bir değişiklik yapın. İnsanlar “Başarıyla eklendi” mesajınızı özleyecek .

Birçok WordPress e-ticaret temasında gördüğüm yaygın bir hata, "Sepete Ekle" düğmelerinin gizlenmesiydi.

Ürün Sayfası Resimleri

Büyük fotoğraflar ve yakınlaştırma, alıcınızın ürüne fiziksel olarak dokunmadan alabileceği en yakın mesafedir. Bulanık, düşük kaliteli görüntüler, ürünlerin de kalitesiz görünmesine neden olur. Daha büyük, daha iyi ürün görsellerinin dönüşümleri %300'ün üzerinde artırdığı bu vaka çalışmasına göz atın.

Ürün Sayfası Görselleri Yapılacaklar

1. Beyaz bir arka plan üzerinde büyük, yüksek çözünürlüklü fotoğraflar kullanın.
2. Kullanıcıların ayrıntıları kendileri görmelerini sağlamak için yakınlaştırma özelliklerini kullanın.
3. Kullanıcıların görüntüler arasında ileri ve geri kaydırma yapmasına izin verin.
4. Ek görüntülerin veya yakınlaştırma özelliklerinin etkinleştirildiğine dair net talimatlar sağlayın.

Ürün Sayfası Görselleri Yapılmaması Gerekenler

1. "Yaşam tarzı" resimlerini veya ürününüzü gösterin. Sadece ürünü göster.
2. Fotoğraflarınızı logolar, filigranlar veya arka planlarla bulandırmayın.
3. Daha fazla ayrıntı veya ek fotoğraf görmek için bir görüntü açılır penceresini zorlayın.

Ödeme Süreci: Güven İçin Tasarlandı

Ödeme işleminizin basit, mantıklı ve dikkat dağıtıcı olmaması gerekir. Bunu karmaşıklaştırma. Macy'nin alışveriş sepeti sayfası birçok ana noktaya değiniyor. Sepet, ürün ayrıntılarını resimler, fiyatlandırma, vergi ve tek tek ürün sayfalarına geri bağlantılar ile gösterir.

Alışveriş Sepeti Sayfası

Ödeme işleminizdeki ilk sayfa, alışveriş sepeti sayfanızdır. Bu sayfa, satın alma niyetinde olduklarını ayrıntılı olarak yeniden teyit eder. Bu, mağazanızda güven ve güven oluşturmalarına yardımcı olur. İyi tasarlanmış bir alışveriş sepeti yaşı, alışveriş sepetini terk etmeyi azaltmanıza yardımcı olacaktır.

Alışveriş Sepeti Sayfasında Yapılacaklar

1. Her şeyi onaylayın. Ürün, beden, renk, miktar, bulunabilirlik, sevkiyat tarihi, tahmini teslimat.
2. Kullanıcıların doğrudan sepetlerindeki ürünlere geri dönmesine izin verin.
3. Miktarı değiştirmeyi veya ürünleri silmeyi kolaylaştırın. Ürünleri kaldırmak veya bir "kaldır" düğmesini tıklatmak için kullanıcıların miktarı 0 olarak değiştirmesine izin verin.
4. Ürünün, sipariş edildiği renkte bir resmini gösterin. Müşteriniz siyah bir ceket sipariş ederse ve kasada mavi bir ceket görürse, güvenini kaybeder.
5. Ödemeye devam et düğmesini öne çıkarın, ancak insanların alışverişe devam etmesine izin verin.
6. Kapı fiyatının toplamını gösterin.

Sopping Cart Sayfa Sunumu Dont's

1. Erken bir kredi kartı veya e-posta adresi isteyin. İnsanların satın aldıklarını onaylamalarına izin verin.
2. Ürünleri kaldırmak için “Güncelle” düğmesini kullanmayın.

Kayıt Sayfası

Bu, ziyaretçinizden bilgi almanız gereken en önemli andır. Alıcıların hesap oluşturmadan ödeme yapmasına izin verin. Müşteriler yeni bir oturum açma ve parola oluşturmaya ve hatırlamaya zorlanmaz, ancak bir hesap oluşturmanın yararı vurgulanır. Sayfanın basit düzenine dikkat edin. Basit seçim bilişsel yükü azaltır.

Kayıt Sayfası Yapılacaklar

1. Hesap oluşturmanın faydalarını vurgulayın.
2. Basit bir düzen kullanın.
3. 2'den fazla soru sormayın.

Kayıt Sayfası Dont's

1. İnsanları bir hesap oluşturmaya zorlayın. Hiç kimse yeni bir kullanıcı adı ve şifreyi hatırlamak istemez.
2. Erken bir kredi kartı veya e-posta adresi isteyin. İnsanların satın aldıklarını onaylamalarına izin verin.
3. Ürünleri kaldırmak için “Güncelle” düğmesini kullanmayın.

Ödeme Sayfası

Alıcılar, doğru şirketten (sizinki) doğru ürünü sipariş ettiklerinden emin olduktan sonra, partiyi başlatmanın zamanı geldi.

Kullanıcılar, ödeme sürecini başlattıktan sonra, satın alma işlemini mümkün olan en kısa sürede tamamlamak isterler. Sana yardım etmelerine yardım et. Dikkat dağıtıcı unsurları ortadan kaldırın ve süreci mümkün olduğunca kolaylaştırın. Adreslerini tekrar girmelerine veya formu nasıl dolduracaklarını tahmin etmelerine izin vermeyin.

Ödeme Sayfası Yapılacaklar

1. Yalnızca minimum gerekli bilgileri isteyin.
2. Ana navigasyonu bir "kontak" navigasyonu ile değiştirin.
3. Ödeme sürecinizi kısa tutun ve adımlarınızı net ve mantıklı tutun.
4. Ödeme işlemi sırasında ilerlemeyi göster.
5. Kullanıcıların tek bir tıklamayla fatura adresini teslimat adresi olarak kullanmasına izin verin.

Ödeme Sayfası Dont's

1. Yeni bilgiler veya seçenekler sunun.
2. İnsanları “katılmaya” veya “üye olmaya” zorlayın.
3. İnsanların aynı bilgileri iki kez yeniden girmesini sağlayın.

Siteniz Nasıl Yığınlanıyor?

Olumlu bir alışveriş deneyimi yaratmak için bir milyon dolarınız olması gerekmez. Yukarıdaki büyük markaların hiçbiri Nielson Norman Group tarafından önerilen 800'den fazla yönergeyi karşılamıyor. Müşterilerinizin sitenizi sizin gibi bildiğini varsaymayın. Bu temel bilgileri elde edin ve Google'ın ve müşterilerin sitenizi sevmesini ve sizden satın almasını sağlayabilirsiniz.