Pertempuran UX E-niaga: Pembandingan 4 Situs Web Seluler Kecantikan & Kosmetik

Diterbitkan: 2021-07-22

Situs web kecantikan dan kosmetik populer mana yang memiliki pengalaman pengguna terbaik?

Ini adalah analisis tolok ukur yang berfokus pada konversi dari empat situs web kecantikan dan kosmetik yang bersaing :

  • Klinik
  • Segar
  • Subur
  • sephora

Kami memilih situs dari 25 teratas dalam kategori mereka, menurut peringkat Alexa. Analisis kami mengukur pengalaman pengguna secara keseluruhan dari setiap situs sebagai gabungan dari 5 dimensi UX yang terpisah .

Posting ini merinci proses kami, hasil, dan takeaways untuk bisnis di vertikal ini dan serupa.

Apa itu pembandingan UX yang kompetitif dan mengapa itu penting?

Secara umum, benchmarking adalah cara untuk menemukan kinerja terbaik yang dapat dicapai seseorang. Benchmarking banyak digunakan untuk menguji dan membandingkan organisasi dan produk dalam industri tertentu.

Pembandingan UX kompetitif menguji aspek situs web dan membandingkannya dengan pesaing. Pengujian dilakukan secara manual, oleh orang-orang nyata, yang secara khusus direkrut untuk tujuan ini.

Jika Anda mengoptimalkan situs web untuk meningkatkan pengalaman pengguna, memengaruhi pemosisian produk atau merek, atau secara umum untuk mengubah perilaku pengguna, benchmarking UX Kompetitif membantu Anda memahami bagaimana persepsi situs web Anda di antara lautan pilihan yang tersedia bagi konsumen.

5 dimensi pembandingan UX

  1. Penampilan. Bagaimana tampilan dan nuansa situs dibandingkan dengan pesaingnya?
  2. Kejelasan. Bagaimana pengguna memandang nilai dan manfaat dibandingkan dengan pesaingnya?
  3. Kredibilitas. Apakah pengguna lebih atau kurang mempercayai situs daripada pesaing?
  4. Loyalitas. Apakah pengguna lebih cenderung kembali ke situs atau ke pesaingnya?
  5. Kegunaan. Apakah menurut pengguna situs ini lebih atau kurang bermanfaat?

Manfaat pembandingan UX

Ketika aliran pendapatan Anda bergantung pada situs web Anda, Anda harus dapat menjawab dua pertanyaan:

  • Apakah UX Anda menempatkan Anda di belakang pesaing Anda? Jika demikian, di mana?
  • Bagaimana dan di mana Anda harus memprioritaskan pengujian situs web Anda?

Pembandingan UX membantu mengidentifikasi area di mana pengalaman pengguna dapat ditingkatkan:

  • Apakah pesannya cukup jelas?
  • Bagaimana pengguna merasakan kejelasan dibandingkan dengan kegunaan umum?
  • Apakah pengguna dapat menemukan apa yang mereka cari?
  • Apakah kredibilitas menjadi masalah?

(Speero Agency secara teratur melakukan analisis ini untuk klien, yang membantu memprioritaskan masalah dan mengembangkan hipotesis pengujian.)

Tunjukkan Hasil

Metode Pembandingan UX kami

Metodologi benchmarking CXL telah dikembangkan selama serangkaian studi yang dilakukan oleh Tim Riset UX CXL Institute kami bekerja sama dengan Speero Agency.

Kami pertama kali bekerja sama dengan Jeff Sauro dan timnya di MeasuringU untuk membuat tolok ukur 5 situs web sepeda. Kami kemudian memodifikasi metode untuk menyertakan metrik yang berfokus pada konversi ke benchmark 5 situs web nutrisi, ditambah banyak lagi sebagai dasar pedoman praktik terbaik e-niaga kami.

Studi ini sejalan dengan karya yang diterbitkan oleh TryMyUI dan Userzoom. Metodologi CXL dijelaskan secara lebih rinci di halaman benchmarking UX Kompetitif kami.

Proses pembandingan UX yang kompetitif

Pembandingan CXL menggunakan proses standar untuk menghitung metrik survei yang berfokus pada konversi, divalidasi, dan distandarisasi.

Kami meminta peserta untuk melakukan tugas nyata di situs web target dan mengumpulkan umpan balik tentang pengalaman mereka segera setelah tugas selesai.

Pengujian dilakukan dari jarak jauh dan tidak dimoderasi; peserta melakukan tugas di perangkat seluler mereka sendiri. Setiap orang diminta untuk menguji semua situs web yang dibandingkan (dalam studi subjek).

Untuk penelitian ini, kami merekrut dan mensurvei 108 orang (55 pria, 53 wanita).

Para peserta diminta untuk menelusuri situs web tes seolah-olah mereka sedang berbelanja, dalam hal ini, barang-barang kecantikan.

Menguji UX

Berikut adalah salah satu tugas yang diminta peserta untuk dilakukan:

  1. Temukan lipstik seharga $25 atau kurang.
  2. Setelah ditemukan, bandingkan dengan yang serupa dan pilih yang ingin Anda beli. Tambahkan ke keranjang belanja.
  3. Bayangkan Anda ingin membeli sesuatu sebagai hadiah untuk teman Anda. Temukan item yang menurut Anda akan mereka sukai dan tambahkan ke keranjang belanja.
  4. Pergi ke keranjang Anda dan selesaikan pembelian.
    Kartu Kredit#: 1111 2222 3333 4444 CVV: 111 Tanggal Kadaluarsa: 06/01/2017.
  5. Tugas Anda akan berakhir ketika Anda melihat pesan kesalahan setelah mengirimkan informasi kartu kredit proxy.

Penyelesaian tugas dikonfirmasi melalui validasi URL.

Setelah pengujian, kami memberikan survei kepada setiap peserta.

Mengumpulkan umpan balik pengguna

Dalam proses pembandingan standar kami, survei terdiri dari pernyataan dan pertanyaan yang mencakup aspek-aspek berikut:

  1. Penampilan
    • Saya menemukan situs web yang menarik.
    • Situs web ini memiliki presentasi yang bersih dan sederhana.
  2. Kejelasan (pertanyaan tambahan kami, bukan bagian dari SUPR-Q)
    • Saya mengerti dengan jelas mengapa saya harus membeli dari situs web ini daripada para pesaingnya.
  3. Kredibilitas (Kepercayaan)
    • Saya merasa nyaman membeli dari website ini.
    • Saya merasa percaya diri melakukan bisnis dengan situs web ini.
  4. Loyalitas
    • Seberapa besar kemungkinan Anda merekomendasikan situs web ini kepada teman atau kolega?
    • Saya kemungkinan akan mengunjungi situs web ini di masa mendatang.
  5. Kegunaan
    • Situs webnya mudah digunakan.
    • Sangat mudah untuk menavigasi dalam situs web.

Peserta mengevaluasi setiap pernyataan atau pertanyaan pada skala Likert 10 poin .

Selain itu, survei tersebut berisi dua pertanyaan terbuka :

  • Apakah ada sesuatu yang membuat Anda frustrasi tentang pengalaman Anda di situs web tempat Anda melakukan tugas itu?
  • Apa yang Anda sukai dari pengalaman situs web?

Dari pertanyaan terbuka, kami mengekstrak umpan balik khusus untuk merumuskan hipotesis tentang cara meningkatkan situs web.

Mengapa kami memilih proses ini

  • Berfokus pada konversi : Dikembangkan dengan dimensi UX yang mengukur persepsi pengguna tentang proposisi nilai situs web, atau mengapa mereka harus mempertimbangkan situs dibandingkan dengan pesaingnya;
  • Kuantitatif : berdasarkan 100+ titik data pengguna untuk setiap situs;
  • Dapat digeneralisasikan dan dapat dialihkan : berlaku untuk situs web mana pun—ideal untuk konteks relatif dan memahami bagaimana skor saling berhubungan saat mengukur perubahan desain sebelum dan sesudah, atau perbandingan dengan pesaing;
  • Multidimensi : mencakup faktor utama untuk mengukur pengalaman pengguna situs web dan kualitas umum situs web;
  • Distandarisasi, dinormalisasi, dan divalidasi : dikembangkan melalui pengujian ekstensif pada basis data pengujian pengguna yang masif (lihat makalah peer-review di dasarnya);
  • Dapat diulang : ideal untuk mengukur garis dasar untuk perbandingan terhadap perubahan desain selanjutnya.

Memahami data

Dengan data dari pertanyaan survei di seluruh peserta, kami menghitung peringkat persentil untuk setiap situs web pada setiap subkomponen dimensi UX dan untuk metrik global.

Catatan: Peringkat persentil tidak hanya relatif satu sama lain, tetapi juga terhadap 84 situs yang saat ini ada di database kami. Gambar di bawah menunjukkan contoh visualisasi data.

Hasil pertempuran

1. Penampilan

Bagaimana tampilan dan nuansa situs dibandingkan dengan pesaingnya?

Pernyataan yang kami gunakan untuk mengevaluasi Penampilan adalah:

  • Saya menemukan situs web ini menarik.
  • Situs web memiliki presentasi yang bersih dan sederhana.

Takeaways

Semua situs mendapat skor di atas rata-rata dibandingkan dengan situs lain di database kami. Ini menunjukkan hambatan masuk yang lebih tinggi atau ekspektasi yang meningkat di antara pengguna di ruang ini.

Subdimensi dan wawasan

Berdasarkan pernyataan evaluatif untuk setiap kategori, kita dapat menyimpulkan subdimensi dalam bentuk pertanyaan. Umpan balik kualitatif menawarkan deskripsi umum yang membantu menjawab setiap:

1.1. Apa yang membuat situs web kecantikan atau kosmetik menarik?

Tebal, warna kontras tinggi dan gambar produk besar beresolusi tinggi:

Saya menyukai overlay dan kemasannya. Item tampak cantik. (Sephora)

Situs web mudah dinavigasi dan menarik secara visual. Tampak mewah dan disajikan dengan baik. (Segar)

1.2. Apa yang membuat situs web kecantikan atau kosmetik tidak menarik?

Desain berantakan, berisik, mengganggu:

Terlalu banyak menambahkan, pop-up buruk, terlalu banyak pemasaran saat saya mencoba mencari sesuatu yang lain. (Subur)

Tampaknya berantakan. (Subur)

Tidak responsif dan tidak tampak profesional dan dipoles. (Subur)

1.3. Apa yang membuat situs web kecantikan atau kosmetik bersih dan sederhana?

Filter yang relevan, kategori intuitif:

Ada lebih banyak pilihan dan Anda dapat memfilter kisaran harga dan mengurutkan berdasarkan harga dengan cara yang berarti. (Sephora)

Mudah dan sederhana untuk diketahui, kategori yang jelas. (Sephora)

1.4. Apa yang membuatnya berantakan dan membingungkan?

Desain UX yang buruk:

Saya pikir grafik di halaman depan sedikit berlebihan. Filter berdasarkan harga tidak ada di depan. (Klinik)

Itu tidak diskalakan ke halaman. Anda harus menggulir. Ada terlalu banyak yang terjadi selama checkout. (Klinik)

2. Kejelasan

Bagaimana pengguna melihat nilai & manfaat situs dibandingkan dengan pesaingnya?

Pernyataan yang kami gunakan untuk mengevaluasi Kejelasan adalah:

  • Saya mengerti dengan jelas mengapa saya harus membeli dari situs web ini daripada para pesaingnya.

Takeaways

Semua situs web sangat visual, menampilkan gambar yang menakjubkan dan teks yang sangat sedikit. Mereka dianggap sangat jelas.

Subdimensi dan wawasan

2.1. Bagaimana sebuah situs web menunjukkan bahwa itu adalah tempat terbaik untuk membeli produk kecantikan?

Kesederhanaan, nilai, kualitas:

Situs web dirancang dengan indah. Anda dapat melihat dengan tepat apa warna riasan yang ingin Anda beli. Sangat menyenangkan untuk melihat berbagai produk. (Sephora)

Saya menyukai overlay dan kemasannya. Item tampak cantik. (Sephora)

Situs web terlihat bagus dan saya merasa produknya berkualitas tinggi. (Sephora)

3. Kegunaan

Apakah menurut pengguna situs ini lebih atau kurang bermanfaat dibandingkan dengan pesaing?

Pernyataan yang kami gunakan untuk mengevaluasi Kegunaan adalah:

  • Situs webnya mudah digunakan.
  • Sangat mudah untuk menavigasi dalam situs web.

Takeaways

Mendapatkan kegunaan yang tepat tampaknya menjadi tantangan besar. Tiga dari empat di antara situs seluler yang diuji mencapai skor terendah pada dimensi ini. Sementara Sephora dan Fresh berkinerja di atas rata-rata pada Usability, Lush jelas tidak setara.

Subdimensi dan wawasan

3.1. Apa yang membuat situs web kecantikan dan kosmetik mudah digunakan?

Kemudahan penggunaan, kecepatan, pemfilteran/penyortiran yang baik:

Sangat mudah untuk mencari dan juga sangat terorganisir dengan baik. (Segar)

Itu mudah untuk mencari dan memeriksa. (Segar)

Sangat mudah dinavigasi. (Segar)

Situs web sangat cepat dan mudah digunakan. (Sephora)

3.2. Apa yang membuatnya sulit digunakan?

Lambat memuat, navigasi buruk, pemfilteran, atau pengurutan:

Bilah pencarian sulit ditemukan, checkout tidak mengizinkan saya menggunakan fitur pengisian cepat. (Subur)

Itu cukup sulit untuk mencari di sekitar. Itu terus membawa saya kembali ke halaman rumah. (Subur)

Seluruh situs web tidak muat di layar ponsel saya. Saya harus menggulir ke kanan untuk melihat tombol untuk keranjang saya. (Subur)

3.3. Apa yang membuat situs web kecantikan dan kosmetik mudah dinavigasi?

Kategori, filter, dan checkout yang mudah:

Saya suka bahwa ketika saya menekan 'tambahkan ke tas' itu secara otomatis membawa saya ke tas saya dan saya tidak perlu menavigasi untuk menemukannya untuk check out. (Klinik)

Navigasinya bagus. Itu diatur dalam kategori luas yang dapat Anda jelajahi. Situs web yang terlihat sangat bagus dan fungsional. (Subur)

3.4. Apa yang membuat navigasi menjadi sulit?

Menyesatkan, tidak intuitif:

Saya tidak suka bahwa hal pertama adalah pendaftaran email ketika saya pikir itu adalah pendaftaran pendaftaran. Saya juga tidak suka semua berbagai tawaran datang di mana-mana. Saya lebih suka tab terpisah untuk "penawaran Anda." di mana saya bisa mendapatkan sampel atau poin lain dan hal-hal seperti itu. Penawaran menghalangi proses belanja dan checkout yang bersih dan membuatnya sedikit merepotkan. (Klinik)

4. Kredibilitas

Apakah pengguna lebih atau kurang mempercayai situs daripada pesaing?

Pernyataan yang kami gunakan untuk mengevaluasi Kredibilitas adalah:

  • Saya merasa nyaman membeli dari website ini.
  • Saya merasa percaya diri melakukan bisnis dengan situs web ini.

Takeaways

Tiga dari empat situs web dianggap sangat kredibel. Lush tertinggal, mencetak sedikit di bawah rata-rata.

Subdimensi dan wawasan

4.1. Apa yang membuat pembeli kosmetik merasa nyaman membeli dari situs ini?

Cepat, profesional, mudah dinavigasi, menarik:

Itu dirancang dengan sangat baik. Saya suka penambahan penambahan gambar dan membuatnya terasa lebih homey. Itu juga cukup mudah dinavigasi. (Segar)

4.2. Apa yang membuat mereka tidak merasa nyaman?

Kecepatan lambat, terlalu banyak munculan, desain berantakan, opsi tidak jelas di keranjang atau saat checkout:

Sebagian besar situs web sangat berantakan dan terasa sangat kacau. Itu sangat sulit untuk dinavigasi dibandingkan dengan situs web lain. (Klinik)

Ada iklan pop up yang mengganggu. (Klinik)

Saya tidak suka lipstiknya tidak menunjukkan kemasannya tetapi hanya noda bibir. (Subur)

Saya tidak suka warnanya dan mereka menanyakan lebih banyak informasi seperti nomor telepon saya. (Subur)

4.3. Apa yang membuat pembeli kosmetik percaya diri untuk membeli dari situs ini?

Kemudahan penggunaan, transparansi harga:

Ada lebih banyak pilihan dan Anda dapat menggunakan filter untuk kisaran harga dan menyortir harga dengan cara yang berarti. (Sephora)

4.4. Apa yang merusak kepercayaan diri mereka?

Pesan pemasaran, interupsi:

Terlalu banyak menambahkan, pop-up buruk, terlalu banyak pemasaran saat saya mencoba mencari sesuatu yang lain. (Subur)

5. Kesetiaan

Apakah pengguna lebih cenderung kembali ke situs atau ke pesaing Anda? (termasuk NPS)

Pernyataan yang kami gunakan untuk mengevaluasi Loyalitas adalah:

  • Seberapa besar kemungkinan Anda merekomendasikan situs web ini kepada teman atau kolega?
  • Saya kemungkinan akan mengunjungi situs web ini di masa mendatang.

Takeaways

Loyalitas adalah dimensi UX yang paling memisahkan situs-situs ini. Keempat situs web menunjukkan hasil loyalitas yang tersebar di 50% atas kurva lonceng. Lush and Fresh mengikuti pesaing mereka pada dimensi UX ini.

Subdimensi dan wawasan

5.1. Mengapa pembeli kosmetik merekomendasikan situs kecantikan ke teman?

Kemudahan penggunaan dan produk dapat ditemukan:

Menu pull-down dari atas tampak elegan tetapi tidak rewel. Dimuat dengan cepat dan ke tempat yang saya inginkan. (Sephora)

Saya menyukai kemudahan menemukan segalanya dan dengan cepat membatasinya hanya untuk kebutuhan saya. (Sephora)

5.2. Apa yang membuat mereka tidak merekomendasikannya?

Produk yang sulit ditemukan, lambat, membingungkan:

Bilah pencarian sulit ditemukan, checkout tidak mengizinkan saya menggunakan fitur pengisian cepat saya. (Subur)

Meskipun mereka memiliki kemampuan pengurutan, mereka tidak memiliki opsi filter yang sebenarnya. (Subur)

5.3. Aspek mana dari situs kecantikan yang membuat pengguna kembali lagi dan lagi?

Kemudahan penggunaan dan produk dapat ditemukan:

Tidak ada yang saya temukan membuat frustrasi. Saya pelanggan lama Lush jadi saya secara teratur membeli produk dari mereka secara online. Saya suka situs web mereka. (Subur)

5.4. Aspek mana yang membuat mereka tidak kembali?

Desain kelas bawah, produk yang sulit ditemukan:

Tidak responsif dan tidak tampak profesional dan dipoles. (Subur)

Kategorinya tidak sebagus situs pertama. Rasanya seperti saya memiliki lebih sedikit pilihan di sini dan produk yang paling jelas hanya yang paling laris. (Klinik)

GLOBAL UX – Siapa yang Menang?

Setelah analisis ini, kami dapat menyatakan pemenang yang jelas di antara 4 situs web yang kami uji: Sephora. Sephora menonjol di kelima dimensi yang kami uji. Clinique dan Fresh memiliki ruang untuk perbaikan, sementara Lush membuntuti tiga pesaingnya.

Unduh Laporan Lengkap BeautyUX di sini.

Kesimpulan

Membandingkan dua “objek” yang berbeda secara sekilas memang sulit. Apakah objek ini adalah perusahaan, situs web, produk, atau layanan, pembandingan UX menawarkan perbandingan yang ketat dan hasil kuantitatif.

Studi pembandingan ini membandingkan empat situs web yang menakjubkan—semuanya mendapat skor tinggi pada Penampilan dan Kejelasan. Namun, terlepas dari penampilannya, kami dapat memisahkannya berdasarkan dimensi kegunaan, dan pemenang yang jelas muncul.

Pembandingan adalah titik awal untuk memahami apa yang Anda lakukan lebih baik daripada pesaing Anda dan di mana Anda dapat meningkatkan, mungkin dengan belajar dari mereka.

Apa yang terjadi setelah benchmarking? Langkah selanjutnya adalah penelitian mendalam untuk menilai aspek mana dari kehadiran online Anda yang dapat ditingkatkan. Di Speero Agency, kami menggunakan kerangka ResearchXL sebagai bagian rutin dari proses orientasi klien.

Jika Anda ingin mempelajari lebih lanjut, pesan sesi strategi gratis dengan tim agensi kami.