E-ticaret UX Savaşı: 4 Güzellik ve Kozmetik Mobil Web Sitesini Kıyaslama

Hangi popüler güzellik ve kozmetik web sitesi en iyi kullanıcı deneyimine sahip?

Bu, dört rakip güzellik ve kozmetik web sitesinin dönüşüm odaklı karşılaştırmalı analizidir:

• klinik
• Taze
• yemyeşil
• Sefora

Alexa sıralamasına göre kendi kategorilerinde ilk 25'ten siteleri seçtik. Analizlerimiz, her sitenin genel kullanıcı deneyimini 5 ayrı UX boyutunun bir bileşimi olarak ölçer.

Bu gönderi, sürecimizi, sonuçları ve bu ve benzeri sektörlerdeki işletmeler için çıkarımları detaylandırıyor.

Rekabetçi UX kıyaslaması nedir ve neden önemlidir?

Genel olarak, kıyaslama, elde edilebilecek en iyi performansı keşfetmenin bir yoludur . Kıyaslama, belirli bir sektördeki kuruluşları ve ürünleri test etmek ve karşılaştırmak için yaygın olarak kullanılır.

Rekabetçi UX kıyaslama, bir web sitesinin özelliklerini test eder ve bunları rakiplerle karşılaştırır. Testler, bu amaç için özel olarak görevlendirilmiş gerçek kişiler tarafından manuel olarak yapılır.

Bir web sitesini kullanıcı deneyimini iyileştirmek, ürün veya marka konumlandırmasını etkilemek veya genel olarak kullanıcı davranışını değiştirmek için optimize ediyorsanız, Rekabetçi UX kıyaslama , web sitenizin tüketicilere sunulan seçenekler denizi arasında nasıl algılandığını anlamanıza yardımcı olur .

UX kıyaslamasının 5 boyutu

1. Görünüm. Rakiplerine kıyasla sitenin görünümü ve hissi nasıl?
2. netlik Kullanıcılar, rakiplerine kıyasla değeri ve faydaları nasıl algılıyor?
3. Güvenilirlik. Kullanıcılar siteye rakiplerinden daha fazla mı yoksa daha az mı güveniyor?
4. Sadakat. Kullanıcıların bir siteye mi yoksa rakiplerine mi geri dönme olasılığı daha yüksek?
5. Kullanılabilirlik. Kullanıcılar sitenin az çok kullanışlı olduğunu düşünüyor mu?

UX kıyaslamasının faydaları

Gelir akışınız web sitenize bağlı olduğunda, iki soruyu yanıtlayabilmeniz gerekir:

• UX'iniz sizi rakiplerinizin gerisine mi koyuyor? Eğer öyleyse, nerede?
• Web sitenizin test edilmesine nasıl ve nerede öncelik vermelisiniz?

UX kıyaslama, kullanıcı deneyiminin iyileştirilebileceği alanların belirlenmesine yardımcı olur:

• Mesaj yeterince açık mı?
• Kullanıcılar genel kullanılabilirliğe kıyasla netliği nasıl algılıyor?
• Kullanıcılar aradıklarını bulabiliyor mu?
• Güvenilirlik bir sorun mu?

(Speero Agency, sorunları öncelik sırasına koymaya ve test hipotezleri geliştirmeye yardımcı olan bu analizleri müşteriler için düzenli olarak gerçekleştirir.)

UX Kıyaslama Yöntemimiz

CXL kıyaslama metodolojisi, CXL Enstitüsü UX Araştırma Ekibimiz tarafından Speero Ajansı ile işbirliği içinde yürütülen bir dizi çalışma sırasında geliştirilmiştir.

İlk olarak Jeff Sauro ve ekibiyle MeasuringU'da 5 bisiklet web sitesini kıyaslamak için bir araya geldik. Daha sonra yöntemleri, 5 beslenme web sitesini kıyaslamak için dönüşüm odaklı metrikleri ve ayrıca e-ticaret en iyi uygulama yönergelerimizin temeli olarak daha pek çoğunu içerecek şekilde değiştirdik.

Bu çalışma, TryMyUI ve Userzoom tarafından yayınlanan çalışmanın aynı damarındadır. CXL metodolojisi, Rekabetçi UX kıyaslama sayfamızda daha ayrıntılı olarak açıklanmaktadır.

Rekabetçi UX kıyaslama süreci

CXL kıyaslama, dönüşüm odaklı, doğrulanmış ve standartlaştırılmış bir anket metriğini hesaplamak için standart bir süreç kullanır.

Katılımcılardan hedef bir web sitesinde somut görevler gerçekleştirmelerini ve görev tamamlandıktan hemen sonra deneyimleri hakkında geri bildirim toplamalarını istiyoruz.

Testler uzak ve denetlenmez; katılımcılar görevleri kendi mobil cihazlarında gerçekleştirir. Her kişiden karşılaştırma altındaki tüm web sitelerini test etmesi istenir (denek içi çalışma).

Bu çalışma için 108 kişiyi (55 erkek, 53 kadın) işe aldık ve anket yaptık.

Katılımcılardan, bu durumda güzellik ürünleri için alışveriş yapıyormuş gibi test web sitesine göz atmaları istendi.

UX'i test etme

İşte katılımcılardan gerçekleştirmeleri istenen görevlerden biri:

1. 25 $ veya daha ucuza bir ruj bulun.
2. Bulduktan sonra, benzerleriyle karşılaştırın ve satın almak istediğinizi seçin. Alışveriş sepetine ekleyin.
3. Arkadaşınız için bir hediye olarak bir şey satın almak istediğinizi hayal edin. Beğeneceklerini düşündüğünüz bir ürün bulun ve alışveriş sepetine ekleyin.
4. Sepetinize gidin ve satın alma işlemini tamamlayın.
   Kredi Kartı#: 1111 2222 3333 4444 CVV: 111 Son Kullanım Tarihi: 06/01/2017.
5. Proxy kredi kartı bilgilerini gönderdikten sonra bir hata mesajı gördüğünüzde göreviniz sona erecektir.

Görevin tamamlanması, URL doğrulaması yoluyla onaylandı.

Testten sonra, her katılımcıya bir anket uyguladık.

Kullanıcı geri bildirimi toplama

Standart kıyaslama sürecimizde anket, aşağıdaki hususları kapsayan ifadeler ve sorulardan oluşur :

1. Görünüm
   • Web sitesini çekici buldum.
   • Web sitesi temiz ve basit bir sunuma sahiptir.
2. Netlik (ek sorumuz, SUPR-Q'nun bir parçası değil)
   • Rakipleri yerine neden bu web sitesinden satın almam gerektiğini açıkça anlıyorum.
3. Güvenilirlik (Güven)
   • Bu siteden alışveriş yaparken kendimi rahat hissediyorum.
   • Bu web sitesiyle iş yaparken kendime güveniyorum.
4. sadakat
   • Bu web sitesini bir arkadaşınıza veya meslektaşınıza önerme olasılığınız nedir?
   • Muhtemelen gelecekte bu web sitesini ziyaret edeceğim.
5. kullanılabilirlik
   • Web sitesinin kullanımı kolaydır.
   • Web sitesi içinde gezinmek kolaydır.

Katılımcılar her bir ifadeyi veya soruyu 10'lu Likert ölçeğinde değerlendirdi .

Ek olarak, anket iki açık uçlu soru içeriyordu:

• Görevi gerçekleştirdiğiniz web sitesindeki deneyiminizle ilgili sizi hayal kırıklığına uğratan bir şey oldu mu?
• Web sitesi deneyimiyle ilgili neyi beğendiniz?

Açık uçlu sorulardan, web sitelerinin nasıl iyileştirileceğine dair hipotezler formüle etmek için belirli geri bildirimler aldık.

Neden bu süreci seçtik

• Dönüşüm odaklı : Kullanıcının bir web sitesinin değer önerisine ilişkin algısını veya bir siteyi rakiplerine kıyasla neden dikkate almaları gerektiğini ölçen bir UX boyutuyla geliştirildi;
• Nicel : her site için 100'den fazla kullanıcı veri noktasına dayalı;
• Genelleştirilebilir ve aktarılabilir : herhangi bir web sitesine uygulanabilir—göreceli bağlam ve tasarım değişiklikleri öncesi ve sonrası ölçülürken veya rakiplerle karşılaştırmalar yapılırken puanların birbiriyle nasıl ilişkili olduğunu anlamak için idealdir;
• Çok boyutlu : web sitesi kullanıcı deneyimini ve bir web sitesinin genel kalitesini ölçmek için ana faktörleri içerir;
• Standartlaştırılmış, normalleştirilmiş ve doğrulanmış : büyük bir kullanıcı testi veritabanı üzerinde kapsamlı testler yoluyla geliştirildi (temeli hakkında hakemli makaleye bakın);
• Tekrarlanabilir : sonraki tasarım değişiklikleriyle karşılaştırma için bir temelin nicelleştirilmesi için idealdir.

Verileri anlama

Katılımcılar arasında anket sorularından elde edilen verilerle, her bir UX boyut alt bileşenindeki her web sitesi için ve küresel bir metrik için yüzdelik sıralamayı hesaplarız.

Not: Yüzdelik sıralamalar yalnızca birbirine göre değil, aynı zamanda şu anda veritabanımızda bulunan 84 siteye göredir. Aşağıdaki şekiller, verilerin örnek görselleştirmelerini temsil etmektedir.

savaş sonuçları

1. Görünüm

Rakiplerine kıyasla sitenin görünümü ve hissi nasıl?

Görünümü değerlendirmek için kullandığımız ifadeler şunlardı:

• Bu web sitesini çekici buldum.
• Web sitesinin temiz ve basit bir sunumu vardı.

paket servisler

Veritabanımızdaki diğer sitelere kıyasla tüm siteler ortalamanın üzerinde puan aldı. Bu, bu alandaki kullanıcılar arasında daha yüksek bir giriş engeli veya artan beklentiler olduğunu gösterir.

Alt boyutlar ve içgörüler

Her kategori için değerlendirme ifadelerinden yola çıkarak soru şeklinde alt boyutlar çıkarabiliriz. Niteliksel geri bildirim, her birini yanıtlamaya yardımcı olan ortak açıklamalar sunar:

1.1. Bir güzellik veya kozmetik web sitesini çekici yapan nedir?

Cesur, yüksek kontrastlı renkler ve büyük, yüksek çözünürlüklü ürün resimleri:

Kaplamalarını ve ambalajlarını sevdim. Eşyalar muhteşem görünüyordu. (Sefora)

Web sitesinde gezinmek kolaydı ve görsel olarak çekiciydi. Üst düzey görünüyordu ve güzel sunuldu. (Taze)

1.2. Bir güzellik veya kozmetik web sitesini çekici olmayan nedir?

Dağınık, gürültülü, dikkat dağıtıcı tasarım:

Çok fazla eklenti, pop-up'lar korkunç, başka bir şey aramaya çalışırken çok fazla pazarlama. (gür)

Dağınık görünüyordu. (gür)

O kadar duyarlı değildi ve profesyonel ve cilalı görünmüyordu. (gür)

1.3. Bir güzellik veya kozmetik web sitesini temiz ve basit yapan nedir?

İlgili filtreler, sezgisel kategoriler:

Çok daha fazla seçenek var ve fiyat aralığını filtreleyebilir ve anlamlı bir şekilde fiyata göre sıralayabilirsiniz. (Sefora)

Anlaması kolay ve basit, kategorileri netleştirin. (Sefora)

1.4. Onu dağınık ve kafa karıştırıcı yapan nedir?

Kötü UX tasarımı:

Ön sayfadaki grafiklerin biraz bunaltıcı olduğunu düşündüm. Fiyata göre filtre önde değildi. (Klinik)

Bir sayfaya ölçeklenmedi. kaydırmanız gerekiyordu. Çıkış sırasında çok fazla şey oldu. (Klinik)

2. Netlik

Kullanıcılar, rakiplerine kıyasla sitenin değerini ve faydalarını nasıl algılıyor?

Clarity'yi değerlendirmek için kullandığımız ifade şuydu:

• Rakipleri yerine neden bu web sitesinden satın almam gerektiğini açıkça anlıyorum.

paket servisler

Tüm web siteleri son derece görseldir, çarpıcı görüntüler ve çok az metin içerir. Son derece net olarak algılanırlar.

Alt boyutlar ve içgörüler

2.1. Bir web sitesi güzellik ürünleri satın almak için en iyi yer olduğunu nasıl gösterir?

Sadelik, değer, kalite:

Web sitesi güzel tasarlanmış. Satın almakla ilgilendiğiniz herhangi bir makyajın renklerinin tam olarak ne olduğunu görebilirsiniz. Çeşitli ürünlere bakmak eğlencelidir. (Sefora)

Kaplamalarını ve ambalajlarını sevdim. Eşyalar muhteşem görünüyordu. (Sefora)

Web sitesi güzel görünüyordu ve ürünlerin en kaliteli olduğunu hissettim. (Sefora)

3. Kullanılabilirlik

Kullanıcılar sitenin rakiplere kıyasla daha fazla veya daha az kullanışlı olduğunu düşünüyor mu?

Kullanılabilirliği değerlendirmek için kullandığımız ifadeler şunlardı:

• Web sitesinin kullanımı kolaydır.
• Web sitesi içinde gezinmek kolaydır.

paket servisler

Kullanılabilirliği doğru yapmak büyük bir zorluk gibi görünüyor. Test edilen mobil siteler arasında dörtte üçü bu boyutta en düşük puanı aldı. Sephora ve Fresh, Kullanılabilirlik konusunda ortalamanın üzerinde performans gösterirken, Lush açıkça eşit değil.

Alt boyutlar ve içgörüler

3.1. Bir güzellik ve kozmetik web sitesinin kullanımını kolaylaştıran nedir?

Kullanım kolaylığı, hız, iyi filtreleme/sıralama:

Aramak çok kolaydı ve aynı zamanda çok iyi organize edilmişti. (Taze)

Aramak ve kontrol etmek kolaydı. (Taze)

Gezinmek çok kolay. (Taze)

Web sitesi çok hızlı ve kullanımı kolaydı. (Sefora)

3.2. Kullanımı zorlaştıran nedir?

Yavaş yükleme, zayıf gezinme, filtreleme veya sıralama:

Arama çubuğunu bulmak zordu, ödeme, hızlı doldurma özelliğimi kullanmama izin vermedi. (gür)

Etrafı aramak oldukça zordu. Beni ana sayfaya geri götürmeye devam etti. (gür)

Tüm web sitesi telefonumun ekranına sığmadı. Sepetimin düğmesini görmek için sağa kaydırmam gerekti. (gür)

3.3. Bir güzellik ve kozmetik web sitesinde gezinmeyi kolaylaştıran nedir?

Yararlı kategoriler, filtreler ve kolay bir ödeme:

'Çantaya ekle' düğmesine bastığımda beni otomatik olarak çantama götürmesini ve kontrol etmek için onu bulmak için gezinmem gerekmemesini sevdim. (Klinik)

Navigasyon harikaydı. Keşfedebileceğiniz geniş kategorilerde kuruldu. Çok güzel görünümlü ve işlevsel bir web sitesi. (gür)

3.4. Navigasyonu zorlaştıran nedir?

Yanıltıcı, sezgisel değil:

Bir kayıt kaydı olduğunu düşündüğümde ilk şeyin bir e-posta kaydı olması hoşuma gitmedi. Ayrıca her yerden gelen çeşitli teklifleri de beğenmedim. "Teklifleriniz" için ayrı bir sekme tercih ederim. Numuneleri veya diğer noktaları ve bunun gibi şeyleri alabileceğim yer. Teklifler, temiz bir alışveriş ve ödeme sürecinin önüne geçti ve onu biraz zorlaştırdı. (Klinik)

4. Güvenilirlik

Kullanıcılar siteye rakiplerinden daha fazla mı yoksa daha az mı güveniyor?

Güvenilirliği değerlendirmek için kullandığımız ifadeler şunlardı:

• Bu siteden alışveriş yaparken kendimi rahat hissediyorum.
• Bu web sitesiyle iş yaparken kendime güveniyorum.

paket servisler

Dört web sitesinden üçü son derece güvenilir olarak algılanıyor. Lush geride kalıyor ve ortalamanın biraz altında puan alıyor.

Alt boyutlar ve içgörüler

4.1. Kozmetik müşterilerini bu siteden alışveriş yaparken rahat hissettiren nedir?

Hızlı, profesyonel, gezinmesi kolay, çekici:

Çok iyi tasarlanmıştı. Resim eklemeyi ve daha sade hissettirmeyi seviyorum. Gezinmek de oldukça kolaydı. (Taze)

4.2. Onları rahat hissetmekten alıkoyan nedir?

Yavaş hız, çok fazla açılır pencere, dağınık tasarım, sepette veya ödeme sırasında net olmayan seçenekler:

Web sitesinin çoğu çok dağınıktı ve çok kaotik hissettirdi. Diğer web sitelerine kıyasla gezinmek çok zordu. (Klinik)

Can sıkıcı reklamlar vardı. (Klinik)

Rujların ambalajını göstermeyip sadece dudak lekelerini göstermesi hoşuma gitmedi. (gür)

Renkleri beğenmedim ve telefon numaram gibi daha fazla bilgi istediler. (gür)

4.3. Kozmetik tüketicilerine bu siteden satın alma güvenini veren nedir?

Kullanım kolaylığı, fiyatlarda şeffaflık:

Çok daha fazla seçenek var ve fiyat aralığı ve fiyat sıralaması için filtreyi anlamlı bir şekilde kullanabilirsiniz. (Sefora)

4.4. Güvenlerini ne sarsar?

Pazarlama mesajları, kesintiler:

Çok fazla eklenti, pop-up'lar korkunç, başka bir şey aramaya çalışırken çok fazla pazarlama. (gür)

5. Sadakat

Kullanıcıların siteye veya rakiplerinize geri dönme olasılığı daha mı yüksek? (NPS dahil)

Bağlılığı değerlendirmek için kullandığımız ifadeler şunlardı:

• Bu web sitesini bir arkadaşınıza veya meslektaşınıza önerme olasılığınız nedir?
• Muhtemelen gelecekte bu web sitesini ziyaret edeceğim.

paket servisler

Sadakat, bu siteleri en çok ayıran UX boyutudur. Dört web sitesi, çan eğrisinin üst %50'sine yayılmış sadakat sonuçlarını gösteriyor. Lush ve Fresh, bu UX boyutunda rakiplerini takip ediyor.

Alt boyutlar ve içgörüler

5.1. Kozmetik alışverişi yapanlar neden arkadaşlarına bir güzellik sitesi tavsiye etsinler?

Kullanım kolaylığı ve ürün keşfedilebilirliği:

Üstten açılan menüler zarif görünüyordu ama telaşlı değildi. Hızlı ve istediğim yere yüklendi. (Sefora)

Her şeyi bulmanın kolaylığını ve bunu hızla sadece kendi ihtiyaçlarıma göre sınırlandırmayı sevdim. (Sefora)

5.2. Onları tavsiye etmekten ne alıkoyabilir?

Bulması zor ürünler, yavaş, kafa karıştırıcı:

Arama çubuğunu bulmak zordu, ödeme, hızlı doldurma özelliğimi kullanmama izin vermedi. (gür)

Sıralama yetenekleri olsa da, gerçek bir filtre seçeneğine sahip değillerdi. (gür)

5.3. Bir güzellik sitesinin hangi yönleri kullanıcıları tekrar tekrar geri getirir?

Kullanım kolaylığı ve ürün keşfedilebilirliği:

Sinir bozucu bulduğum hiçbir şey olmadı. Uzun zamandır Lush müşterisiyim, bu yüzden düzenli olarak onlardan çevrimiçi ürün satın alıyorum. Web sitelerini beğendim. (gür)

5.4. Hangi yönler onları geri gelmekten alıkoyuyor?

Düşük kaliteli tasarım, bulunması zor ürünler:

O kadar duyarlı değildi ve profesyonel ve cilalı görünmüyordu. (gür)

Kategoriler ilk site kadar güzel değildi. Burada daha az seçeneğim varmış gibi hissettim ve en belirgin ürünler sadece en çok satanlardı. (Klinik)

GLOBAL UX – Kim Kazandı?

Bu analizden sonra, test ettiğimiz 4 web sitesi arasında net bir kazanan ilan edebiliriz: Sephora. Sephora, test ettiğimiz beş boyutun hepsinde göze çarpıyordu. Clinique ve Fresh'in iyileştirme için yeri varken, Lush üç rakibini takip ediyor.

Tam BeautyUX Raporunu buradan indirin.

Sonuç

Bir bakışta iki farklı “nesneyi” karşılaştırmak zordur. Bu nesneler ister şirketler, web siteleri, ürünler veya hizmetler olsun, UX kıyaslama, titiz bir karşılaştırma ve nicel sonuçlar sunar.

Bu kıyaslama çalışması, tümü Görünüm ve Netlik açısından yüksek puan alan dört çarpıcı web sitesini karşılaştırdı. Yine de, görünüşlerine rağmen, onları kullanılabilirlik boyutlarına göre ayırabildik ve net bir kazanan ortaya çıktı.

Kıyaslama, rakiplerinizden daha iyi ne yaptığınızı ve belki onlardan öğrenerek nerede geliştirebileceğinizi anlamak için bir başlangıç ​​noktasıdır.

Kıyaslamadan sonra ne gelir? Bir sonraki adım, çevrimiçi varlığınızın hangi yönlerinin iyileştirilebileceğini değerlendirmek için derinlemesine araştırma yapmaktır. Speero Agency'de, müşteri işe alım sürecinin rutin bir parçası olarak ResearchXL çerçevesini kullanıyoruz.

Daha fazlasını öğrenmek istiyorsanız, ajans ekibimizle ücretsiz bir strateji oturumu ayırtın.