Bagaimana Tim Desain UX Zivame Mengaktifkan Penemuan Produk Multiway

Ini adalah yang pertama dari seri lima bagian Blog Tamu oleh Udit Khandelwal, Direktur UX di Zivame.

Jika pengguna tidak dapat menemukannya, fitur tersebut tidak ada! – Faktor Manusia Internasional (HFI)

Saya pertama kali mendengar kutipan ini dalam sesi pelatihan di HFI pada tahun 2012, dan Anda akan selalu menemukannya selaras dengan cara saya mendekati UX.

Penemuan produk adalah salah satu aspek terpenting dari bisnis ritel mana pun, dan jika pengguna tidak dapat menemukan produk yang Anda tawarkan, produk tersebut tidak ada. Untuk memungkinkan eksplorasi produk yang lancar di Zivame, kami mengembangkan strategi penemuan multi-arah di seluruh platform kami. Dalam seri 5 artikel ini, saya akan membahas tuas yang digunakan untuk menampilkan koleksi, penemuan produk, dan, menawarkan komunikasi di Zivame.

Ini adalah artikel pertama dalam seri ini, dan di sini saya akan membahas item-item di bawah Ice Breaker dari daftar tuas yang diberikan di bawah ini:

Masing-masing dari ini melayani tujuan yang sangat spesifik dalam perjalanan pengguna dan digunakan sesuai dengan itu. Mari kita lihat mereka, satu per satu – sambil berbicara tentang tantangan dalam setiap kasus, dan apa yang kami lakukan untuk mengatasi hal yang sama. Saya juga akan berbicara tentang metrik bisnis, di mana pun berlaku.

Kartu Pendaratan Beranda

Tantangan

• 45% lalu lintas web di Zivame terdiri dari pengguna pertama kali

• 40% lalu lintas langsung dan organik mendarat di beranda Zivame

• Sebagian besar pengguna di atas memiliki sedikit petunjuk tentang luasnya produk yang kami tawarkan

Larutan

Tidak memiliki menu horizontal terbuka dan menggunakan navigasi hamburger mobile-first adalah pendekatan yang dipikirkan dengan baik dan telah diuji pengguna yang kami mulai ikuti dengan tumpukan baru kami.

Itu datang dengan biaya tidak terbuka tentang penawaran kami.

Oleh karena itu, menjadi penting bagi kami untuk mengomunikasikan hal yang sama, tepat di lipatan pertama. Kartu-kartu yang ditunjukkan di bawah ini tepat untuk tujuan ini.

Yang menarik adalah bahwa pendekatan ini pertama kali dikonsep untuk desktop, dan kemudian diadaptasi untuk seluler, seperti yang ditunjukkan di bawah ini. Dalam versi desktop,

kartu menempati real estat teratas pada lipatan pertama, sedangkan di seluler, mereka berada tepat di bawah spanduk pahlawan karena batasan ruang vertikal.

Ketika kami membuat konsep ini, eksekutif kami membayangkannya sebagai berikut:

Tidak seorang pun yang menghabiskan 8 detik di beranda saya harus pergi tanpa mengetahui bahwa Zivame menjual pakaian dalam, pakaian, dan pakaian aktif. – Shaleen, COO Zivame

…dan saya pikir kami telah melakukan pekerjaan yang baik untuk mencapai hal yang sama melalui desain. Penempatan kartu membuatnya tidak dapat dilewatkan dan judul bersama dengan tautan menetapkan harapan yang jelas tentang kategori individu yaitu, Lingerie, Activewear dan Apparel. Selain itu, kartu keempat memungkinkan fleksibilitas yang cukup untuk menempatkan item meta yang layak mendapat tempat duduk di lipatan pertama.
PS Komponen ini sedang dalam pengembangan saat saya menulis posting ini, dan akan segera dirilis!

(Baca Juga: Membentuk Pengalaman Pengguna di Zivame: Studi Kasus Manajemen Produk)

Berusaha keras

Sulit untuk menentukan 4 hal mana yang akan masuk dalam setiap kartu, karena setiap pemangku kepentingan di perusahaan mencari real estat utama untuk propertinya!
Meskipun data tampaknya merupakan rute pelarian yang mudah, di mana Anda dapat dengan mudah menyimpan hal-hal yang paling banyak diminta di atas, bisnis mungkin memiliki arah yang bertentangan . Misalnya, Apparel sendiri menyumbang hanya 8% dari pendapatan Zivame pada hari ini, namun menempati 25% dari real estat teratas.

Kolaborasi lintas fungsi dengan cukup banyak moderasi dari para eksekutif perusahaan akan memberi Anda jawaban yang tepat. Seperti yang dikatakan manajer produk saya:

Anda harus bersikap baik secara tidak proporsional kepada entitas tertentu untuk memastikan pertumbuhan mereka yang tidak proporsional. – Vishrut Shukla, Sr. PM – Zivame

Beranda Pahlawan Korsel

Tantangan

• Ini adalah real estat utama berikutnya dan properti itu visual. Itu perlu mewakili merek dan bahasa desain visual yang ketat perlu diikuti.

Larutan

Terus terang, ini adalah desain yang mudah, tetapi sulit untuk dieksekusi. Kami tahu bahwa kami mengikuti bahasa desain yang besar-tebal-indah, dan karenanya merupakan keputusan yang mudah bahwa spanduk harus menempati 100% lebar layar dan 100% dari tinggi layar yang tersisa. Tapi itu meninggalkan kami dengan 2 masalah yang harus diselesaikan:

• Pada ukuran layar tertentu, spanduk akan terpotong karena kami akan menggunakan algoritme 'penutup'.

• Saat spanduk membentang sampai ke tepi bawah layar, pengguna mungkin mendapatkan ilusi bahwa halaman berakhir di sana dan tidak ada yang lebih dari itu.

Untuk mengatasi masalah pemotongan, kami mendefinisikan area aman dan mengujinya di berbagai resolusi. Setelah beberapa pukulan dan uji coba, kami dapat melakukannya.
Kami menempatkan chevron di bagian bawah spanduk untuk memberikan isyarat visual kepada pengguna bahwa ada lebih banyak hal di luar spanduk. Untuk menjaganya tetap bersih, kami memutuskan untuk membuat panah navigasi searah, tetapi juga memberikan isyarat slideshow dengan menempatkan navigasi berbasis titik.

Sejumlah besar kolaborasi lintas fungsi dilakukan untuk membuat spanduk yang tepat, dengan pesan yang tepat dan menyatukannya dengan spanduk halaman kategori, dengan mengingat perjalanan pengguna. Bagian di atas menampilkan contoh tangkapan layar, dan di bawah ini adalah cara kami mendefinisikan area aman:

Koleksi Unggulan

Tantangan

• Spanduk bagus untuk menarik perhatian, tetapi untuk membangkitkan minat pengguna dan membuat pengguna mengklik dengan harapan yang tepat, kami perlu memberi tahu mereka sedikit lebih banyak tentang koleksi tersebut. Namun, real estat terbatas dan ada banyak persaingan di antara koleksi yang berbeda.
• Desain sebelumnya dari Beranda Zivame untuk Seluler digunakan untuk menampilkan akordeon koleksi di mana setiap koleksi memiliki susunan 10 produk diikuti dengan tombol "Lihat Selengkapnya" setelah menggulir sampai ke thumbnail terakhir. Analisis data mengungkapkan bahwa lebih dari 40% pengguna yang berinteraksi dengan akordeon mengklik lihat lebih banyak. Ini memperkuat poin yang disebutkan di atas. Namun, kami tidak ingin menggunakan akordeon karena non-visual dan teks yang berat.

  

• Memuat terlalu banyak gambar produk di awal berdampak negatif pada kinerja halaman. Untuk setiap detik tambahan waktu buka halaman, konversi turun sebesar 7%.

Larutan

Dengan biaya klik ekstra, tunjukkan USP serta intip setiap koleksi. Terlepas dari kolase produk, kami hanya memunculkan 3 informasi penting:

1. Nama Koleksi
2. Keterangan
3. Atribut Tanda Tangan

Ini tidak hanya membangkitkan minat pada koleksi, tetapi juga memandu pengguna ke dalam perjalanan penemuan produk dengan harapan yang ditetapkan. Kolase produk dapat dioptimalkan secara teknis untuk ditampilkan sebagai gambar kolase tunggal daripada beberapa gambar produk. Sekali lagi, versi ini telah digunakan sebagian di situs saat ini, dan sisanya sedang diterapkan saat saya menulis artikel ini.

Kunjungi Zivame

Kategori Masthead

Tantangan

• Halaman kategori adalah halaman arahan utama untuk lalu lintas berbayar. Juga, siapa pun yang mengklik salah satu koleksi/spanduk penawaran di dalam situs, akan diarahkan ke halaman kategori. Oleh karena itu, menjadi penting untuk menyatukan perjalanan pengguna di sini dan mempertahankan konteksnya.

• Semakin luas kategorinya, semakin sulit bagi pengguna untuk membuat pilihan. Oleh karena itu, untuk kasus tertentu, kami mungkin ingin mempersempit perjalanan pengguna ke subkategori yang lebih spesifik dan selanjutnya ke produk tertentu.

• Kategori tertentu sangat istimewa atau baru dan pengguna perlu diberi tahu tentang USP pada saat mereka mendarat di halaman.

Larutan

Masthead terdiri dari 4 komponen utama. Kami datang dengan pendekatan di mana komponen yang dapat dikonfigurasi akan menangani kasus penggunaan yang disebutkan di atas: cukup meletakkan spanduk di masthead dan mengandalkan spanduk kreatif, berbelanja, memfilter/mengurutkan bilah alat, dan menawarkan komunikasi untuk melakukan sisanya.
Saya akan berbicara tentang spanduk di sini, dan akan mencakup 'belanja oleh' dan penawaran nanti. Kami merancang 3 variasi atau templat untuk spanduk kategori:

1. Spanduk Tunggal
2. Korsel
3. Spanduk Terpisah

Spanduk tunggal berfungsi sempurna untuk kategori sempit dan membicarakan USP mereka. Korsel dan Spanduk terpisah, di sisi lain, adalah cara yang bagus untuk menyediakan banyak spanduk dalam real estat terbatas dan digunakan untuk mengarahkan ke subkategori.
Saat mempromosikan halaman ini, tim pemasaran & kreatif digital memastikan bahwa materi iklan berbicara dalam bahasa yang sama dan menggunakan gambar yang serupa untuk menyatukan perjalanan pengguna.

Sekarang seperti spanduk pahlawan beranda, spanduk ini menempati 100% dari lebar yang tersedia, namun tingginya konstan. Oleh karena itu, dalam beberapa kasus (atau resolusi) kami akhirnya memotong spanduk dari kanan. Jadi seperti beranda, kami mendefinisikan area aman dan tim kreatif diminta untuk mengikuti hal yang sama saat mendesain spanduk ini.
Di bawah ini adalah contoh bagaimana kami mendefinisikan hal yang sama untuk spanduk terpisah:

peringatan

Ini bukan desain yang mengutamakan seluler dan, setelah degradasi yang anggun, di seluler kami kembali ke spanduk sederhana, atau korsel yang mendukung gesekan. Tidak ada spanduk terpisah untuk seluler.

Orientasi Aplikasi

Tantangan

• Anda ingin memberi tahu pengguna begitu banyak, tetapi melampaui 4 kartu selama orientasi adalah pekerjaan yang berlebihan. Ruang terbatas, fitur sangat besar, pengguna tidak punya waktu untuk membaca dan terlepas dari semua ini, Anda perlu membuat aplikasi tetap.

• Anda tidak tahu siapa yang menjelajah : pemula atau ahli, penjelajah atau navigator; dan Anda harus merancang pengalaman orientasi yang cocok untuk semua orang

Larutan

Daripada memikirkan apa yang ingin kami sampaikan kepada pengguna, kami mulai berpikir sebaliknya → Apa yang ingin dipelajari pengguna? Dengan penelitian dipstick cepat, kami dapat mengetahui bahwa pengguna terutama mencari jawaban atas pertanyaan-pertanyaan berikut:

1. Tentang apakah ini?
2. Apa yang bisa saya lakukan di sini?
3. Bagaimana cara memulai?
4. Apa untungnya bagi saya? Bagaimana itu membantu saya?

Jadi masalahnya hanya dikurangi menjadi 4 layar yang bisa menjawab pertanyaan-pertanyaan ini. Karenanya kami memusatkan perhatian pada 4 layar berikut:

Layar terakhir dirancang dengan cerdik untuk mempromosikan FitCode tetapi pengguna bebas untuk melewatinya dan terus berbelanja.

Peringatan

Ada beberapa gangguan, yang sekarang sedang kami perbaiki dan saya ingin memperingatkan Anda tentang:

1. Pop-up izin pemberitahuan muncul tepat di layar orientasi. Ini sangat menjengkelkan bagi pengguna dan kami cenderung mendapatkan konversi minimal di sini. Apa yang harus dilakukan sebagai gantinya – izin pemberitahuan harus dicari setelah terjadinya peristiwa tertentu (misalnya login, atau pesanan berhasil, atau mengakses konten, dll).
2. Pesan keterlibatan web (popup pemasaran) terkadang muncul selama orientasi. Sekali lagi, ini adalah pengalaman yang sangat buruk dan pengguna kemungkinan besar tidak menerima pesan pemasaran apa pun selama orientasi. Kita harus berhati-hati agar tidak ada pop-up yang ditampilkan di layar orientasi.

FitCode

Tantangan

• Banyak wanita lebih suka membeli dari toko fisik daripada membeli secara online. Salah satu alasan paling umum untuk ini adalah bahwa mereka tidak yakin apakah produk tertentu cocok untuk mereka. Mereka tidak bisa mencobanya secara online.

• Wanita yang berbeda memiliki bentuk tubuh yang berbeda dan tidak ada satu produk yang cocok untuk semua dalam hal pakaian dalam. Oleh karena itu, menghadirkan produk yang sesuai dengan bentuk dan preferensi tubuh mereka sangat penting.

• Jika Anda memberi mereka formulir untuk mengisi pengukuran dan preferensi mereka, penurunannya tinggi. Oleh karena itu, solusi apa pun yang kami buat, harus efektif.

Larutan

Tim Desain Mode Zivame, bersama dengan Manajer Produk, melakukan penelitian ekstensif, dan menyimpulkan bahwa tipe tubuh wanita dapat dijelaskan secara akurat dengan memasukkannya ke dalam 11 jenis profil.

Kumpulkan profil ini, bersama dengan pengukuran dan preferensi, dan Anda harus dapat memberikan rekomendasi produk yang tepat kepada pengguna. Kami menyebutnya FitCode, yang diturunkan dengan mengajukan serangkaian pertanyaan kepada pengguna (FitCode Quiz).
Versi ini dirancang, diuji pengguna, diimplementasikan, dan dirilis di aplikasi. Sementara pengguna mendapatkan konsep dan menanggapi kuis, ada 2 masalah mencolok:

• Jumlah drop-off yang tinggi
• Beberapa orang menganggap gambar yang kami gunakan untuk mewakili profil itu menyeramkan.

Kami memperkirakan bahwa kuis dirancang sedemikian rupa sehingga kami mengajukan pertanyaan sulit kepada pengguna terlebih dahulu, dan pendekatan ini perlu diubah. Kami perlu membuat pengguna berinvestasi dengan mengajukan pertanyaan yang lebih mudah terlebih dahulu, lalu yang lebih sulit. Kami juga mengubah materi iklan kami dan membuatnya lebih abstrak. Mereka tidak menyeramkan lagi. Lihatlah layar di bawah ini:

Temukan Kecocokan Sempurna Anda

Saya harap Anda menemukan artikel ini informatif dan berwawasan.

Pelajari Kursus Manajemen Produk secara online dari Universitas top dunia. Dapatkan Master, PGP Eksekutif, atau Program Sertifikat Tingkat Lanjut untuk mempercepat karier Anda.

Program Unggulan untuk Anda: Program Sertifikasi Pemikiran Desain dari Duke CE

Apa yang dimaksud dengan penemuan produk multiway?

Penemuan produk mengacu pada cara pelanggan, yang telah tiba di titik kontak pelanggan untuk pertama kalinya - mempelajari, memahami, dan menyimpan informasi tentang produk yang ditawarkan perusahaan, cukup untuk memastikan bahwa mereka kemudian akan segera mengingat merek tersebut di lain waktu. memiliki persyaratan berulang. Ini harus menjadi tujuan semua manajer produk untuk memastikan bahwa ini terjadi dalam 8 detik pertama dari pengalaman pelanggan di berbagai titik kontak pelanggan perusahaan. Jika perusahaan menawarkan lebih dari satu produk, tujuannya adalah untuk mewujudkannya untuk semuanya. Ini pada dasarnya adalah tentang penemuan produk multiway.

Apakah ada kursus khusus untuk manajemen produk untuk perusahaan e-niaga?

Tidak, tidak ada kursus khusus untuk manajemen produk untuk e-niaga. Beberapa perusahaan yang kurang teliti mungkin mengklaim demikian, tetapi akan lebih bijaksana untuk memeriksa kredensial mereka sebelum terjun. Program yang baik untuk manajemen produk tidak begitu spesifik, karena akan merugikan siswa. Tujuan memungkinkan seseorang untuk menjadi manajer produk yang baik adalah untuk memastikan bahwa mereka memiliki keterampilan dan pengetahuan yang diperlukan untuk melakukan pekerjaan yang baik terlepas dari pilihan industri, yang pada gilirannya akan memungkinkan mereka untuk beralih antar industri pada tahap selanjutnya dari karir mereka.

Bagaimana cara menjadi manajer produk tanpa gelar MBA?

Untuk menjadi manajer produk yang baik yang dapat memecahkan wawancara terberat, keterampilan domain dasar yang Anda butuhkan adalah pemahaman yang adil tentang teknologi produk, pengetahuan yang sangat baik tentang desain produk dan merancang perjalanan pelanggan, dan keterampilan manajemen bisnis. Dengan demikian, mungkin menakutkan bagi seseorang yang memiliki keterampilan teknis dan pengalaman kerja yang memadai, tetapi tidak memiliki pemahaman tentang manajemen bisnis seperti perencanaan keuangan, penganggaran, manajemen proyek, pemasaran, strategi, dan sebagainya. Cara terbaik untuk mengembangkan ini memang, melibatkan mengejar gelar MBA. Namun, berkat permintaan manajer produk yang terampil, seseorang juga dapat masuk ke peran ini dengan mengikuti kursus paruh waktu dalam manajemen produk.