eCommerce UX untuk Pengalaman Seluler

Istilah "mobile commerce" diperkenalkan 20 tahun yang lalu oleh Kevin Duffey ketika dia menyarankan bahwa perangkat seluler dapat berfungsi sebagai outlet ritel di kantong pelanggan. Mempertimbangkan keterbatasan teknologi pada waktu itu, siapa yang mengira bahwa suatu hari kita akan dapat dengan mudah menjelajahi, meninjau, dan membeli barang di perangkat berukuran saku kecil?

Saya tidak dapat melebih-lebihkan bagaimana seluler mengubah cara kami berinteraksi dengan konsumen kami; kita harus menerima perubahan ini. – Joel Anderson, CEO Walmart

Pertumbuhan eCommerce yang luar biasa juga telah memicu pertumbuhan eCommerce seluler, yang sekarang bernilai hampir $700 miliar. Mobile eCommerce saat ini merupakan bagian terbesar dari pasar online raksasa. Lebih dari 80% orang Amerika telah melakukan pembelian dalam sebulan terakhir secara online—tiga tahun lalu, jumlahnya hanya 11,6%.

Sebuah laporan dari Business Insider Intelligence menyarankan bahwa perdagangan seluler akan meningkat hingga 45% pada tahun 2020. Penelitian ComScore setuju dan, pada tahun 2016, melaporkan peningkatan 44% dalam pengeluaran melalui perangkat seluler dibandingkan dengan tahun 2015.

Meskipun angka penjualannya tinggi, lebih dari 60% pengguna masih merasa khawatir informasi keuangan mereka diretas saat menggunakan ponsel. Namun demikian, kepuasan pelanggan masih cukup tinggi, dengan raksasa ritel seluler seperti Amazon dan Apple sama-sama menerima peringkat kepuasan lebih dari 80%.

Praktik Terbaik UX eCommerce Seluler untuk Sukses

Dukung Pembesaran Gambar dengan Gerakan Mencubit dan Ketuk Dua Kali

Orang-orang terbiasa dengan gerakan seperti mengetuk dua kali dan mencubit untuk memperbesar gambar di ponsel. Selama studi kegunaan eCommerce seluler, Baymard Institute menemukan bahwa, secara alami, pembeli ingin dapat memeriksa produk secara menyeluruh dan memperhatikan detail kecil. Pengguna yang tertarik untuk membeli produk tetapi tidak dapat menjelajahinya dengan memperbesar tidak merasa nyaman membelinya dan sering tidak berkomitmen untuk melakukan penjualan.

Cukup mengejutkan bahwa dari 50 aplikasi eCommerce seluler terlaris, lebih dari 40% tidak mendukung gerakan zoom. Bahkan situs yang menawarkan gambar versi close-up mengalami rasio pentalan yang serupa, yang menunjukkan bahwa dukungan gerakan pembesaran gambar produk di aplikasi eCommerce seluler sangat penting.

Mempertimbangkan ukuran layar perangkat seluler yang kecil, ini adalah masalah khusus platform. Mendukung setidaknya satu dari fitur-fitur ini akan menempatkan aplikasi di perusahaan dengan 50% aplikasi eCommerce teratas, yaitu, daftar terlaris.

Beberapa faktor yang perlu dipertimbangkan:

• Gambar beresolusi rendah setara dengan gambar tanpa zoom. Pengguna tertarik untuk melihat detail suatu produk dengan jelas dan membutuhkan gambar beresolusi tinggi untuk melakukannya. Opsi untuk memperbesar gambar berkualitas rendah hampir tidak berguna, karena tidak memungkinkan pengguna untuk melihat detailnya.
• The Baymard Institute menemukan bahwa 50% aplikasi tidak menunjukkan kepada pengguna bahwa mereka dapat mencubit atau mengetuk dua kali pada gambar produk. Menunjukkan ketersediaan pembesaran gambar adalah penting. Meskipun gerakan ini umumnya diketahui oleh pengguna seluler, masih perlu ditunjukkan bahwa itu tersedia. Penggunaan ikon atau representasi visual dianjurkan untuk melakukan ini.

Sediakan Fitur “Simpan” untuk Keranjang Belanja

Seperti yang disebutkan sebelumnya, ukuran layar perangkat seluler yang kecil merupakan penghalang utama dalam hal eCommerce seluler. The Baymard Institute mengamati bahwa lebih dari 61% pengguna ponsel akan sering menggunakan desktop mereka untuk menyelesaikan pembelian daripada ponsel mereka.

Fitur "simpan keranjang belanja" mengurangi jumlah pengabaian keranjang dan memungkinkan pembeli menyimpan barang untuk pembelian selanjutnya. Keranjang belanja yang persisten memungkinkan pelanggan untuk melanjutkan belanja mereka tanpa perlu mencari produk yang diinginkan saat mereka kembali—fitur yang akan digunakan oleh 55% pembeli.

Berikut cara mempertahankan pelanggan tersebut:

1. Jadikan troli berfungsi sebagai daftar keinginan dengan menyimpan item yang ditambahkan ke troli.
2. Buat opsi untuk mengizinkan pembeli menerima email dengan item yang disimpan. Tampilkan pengingat bahwa mereka dapat menggunakan desktop untuk menyelesaikan pembelian.

Gunakan Deskriptif, Formulir Berlabel Baik

Menerapkan praktik terbaik untuk formulir seluler adalah pertimbangan lain. Sangat penting bahwa desain UX dari aplikasi atau situs eCommerce, sambil menghilangkan kebingungan, memungkinkan pengguna untuk melengkapi formulir secepat mungkin.

Berikut adalah praktik terbaik untuk kegunaan formulir seluler:

• Tempatkan label formulir di atas formulir untuk meningkatkan keterbacaan, kemudahan penggunaan, dan kejelasan. Menjelaskan mengapa informasi tertentu diperlukan akan mengurangi kecemasan pengguna saat mengisi formulir di ponsel mereka.
• Cocokkan input teks dengan keyboard yang sesuai. Menampilkan papan tombol saat memasukkan nomor telepon dan digit kartu kredit, dan papan teks saat memasukkan alamat dan teks. Ini akan mengurangi kesalahan pengguna dan mempercepat penyelesaian formulir.
• Batasi jumlah kolom input untuk mengurangi upaya pengetikan. Lebih sedikit kolom input akan menghasilkan formulir yang lebih sedikit dimuat dan akan meningkatkan alur checkout UX.
• Secara otomatis memajukan setiap bidang ke atas layar saat selesai. Melakukan hal ini tidak akan menghalangi tampilan bidang yang tidak lengkap.
• Gunakan stepper alih-alih menu drop-down untuk mengurangi upaya pembelanja. Stepper digunakan untuk menambah atau mengurangi nilai dengan jumlah yang konstan dan merupakan solusi yang lebih cepat untuk dikerjakan dan lebih menarik bagi mata.

Memberikan Saran Otomatis Cerdas, Deteksi Otomatis, Pencarian Alamat, dan Kesalahan

Tujuan utama di balik saran otomatis adalah untuk mempermudah dan mempercepat pengguna mengisi formulir. Saran otomatis memprediksi kueri penelusuran umum dan membantu pembeli menemukan produk dengan lebih mudah.

Kegunaan seluler dapat lebih ditingkatkan dengan menggunakan deteksi otomatis jenis kartu kredit. Deteksi otomatis menyederhanakan proses pembelian dengan memberikan umpan balik langsung untuk jenis kartu yang didukung. Otomatisasi sebanyak mungkin proses entri data—sebaiknya dengan visual—meningkatkan pengalaman pengguna dan akan memengaruhi rasio konversi secara positif.

Pencarian alamat dan validasi mempercepat proses pembayaran—berbagai API (seperti Google Places dan USPS) memungkinkan penerapan fitur ini dengan mudah.

Memberikan validasi input sebaris untuk kesalahan juga merupakan praktik terbaik dalam desain UX seluler. Kurangnya kinerja yang cepat merupakan frustrasi utama bagi pembeli eCommerce. Ini dapat dibantu dengan memberikan umpan balik langsung kepada pengguna tentang kemajuan mereka (selama checkout, misalnya), terutama ketika mereka membuat kesalahan yang tidak disengaja. Ini memungkinkan pengguna untuk segera memperbaiki kesalahan mereka, yang memengaruhi kegunaan secara positif.

Gunakan Interaksi Mikro untuk Meningkatkan UX Belanja Seluler

Interaksi mikro adalah detail dalam antarmuka produk yang dimaksudkan untuk menyelesaikan satu tugas sambil meningkatkan aliran produk alami. Menyukai dan menilai produk, memilih warna dan ukuran, dan menggesek ke bawah untuk menyegarkan data adalah contoh interaksi mikro.

Mempertimbangkan seberapa umum mereka, interaksi mikro dapat membuat atau menghancurkan UX aplikasi eCommerce seluler.

Interaksi mikro dapat digunakan untuk:

• Pandu pengguna melalui aplikasi dengan cara yang lebih intuitif;
• Menyampaikan rasa percaya yang lebih baik, mengurangi kecemasan pembeli, dan meningkatkan kenyamanan psikologis secara keseluruhan karena interaksi yang lebih halus dan lebih alami;
• Mencegah kesalahan di masa mendatang dan memberikan umpan balik langsung kepada pengguna berdasarkan aktivitas yang telah mereka selesaikan; dan/atau
• Tingkatkan interaksi pengguna dengan aplikasi dengan menanggapi notifikasi.

Berikan Interaksi yang Mudah dan Berorientasi pada Jempol

Memahami cara paling umum pembeli memegang perangkat seluler mereka meningkatkan pengalaman dan kegunaan pengguna eCommerce seluler. Pada 2013, Steven Hoober bertanya "Bagaimana Pengguna Benar-benar Memegang Perangkat Seluler?" dan mengamati bagaimana orang berinteraksi dengan dan memegang ponsel cerdas mereka, dan memperhatikan tiga pola perilaku utama yang seharusnya memandu desain UX seluler.

Menyesuaikan antarmuka dengan cara orang menggunakan ponsel secara alami akan meningkatkan kenyamanan pengguna dan mengurangi kecemasan pembeli. Perangkat seluler dan ukuran layar bervariasi, namun "zona jempol", aspek penting dari desain dan pengalaman pengguna, tetap sama.

Merancang di sekitar "zona jempol":

• Memecahkan potensi masalah dengan navigasi dan eksplorasi
• Meningkatkan interaksi dengan lebih baik mengakomodasi gerakan dan jangkauan jari
• Mengonversi lebih baik dan meningkatkan kegunaan dengan menempatkan elemen penting di zona "mudah dijangkau"

Pertimbangan untuk Desain eCommerce Seluler yang Berorientasi Konversi

Sampaikan Rasa Aman dalam Aplikasi Mobile eCommerce

Keamanan adalah salah satu perhatian terbesar bagi pengguna saat berbelanja di perangkat seluler. Mengkomunikasikan bahwa transaksi mereka aman menambah banyak nilai pada persepsi positif yang dimiliki pembeli terhadap sebuah toko.

Berikut adalah beberapa teknik desain UX yang mengkomunikasikan keamanan kepada pengguna dan mengurangi kecemasan pengguna:

• Buat label tombol sugestif dan jelas ke mana pembeli pergi. Kata-kata seperti "lanjutkan", "aman", dan "terenkripsi" akan memperkuat kenyamanan psikologis pengguna.
• Gunakan simbol kunci untuk memberikan jaminan kepada pembeli bahwa transaksi mereka aman.
• Gunakan lencana kepercayaan oleh penyedia keamanan seperti McAfee Secure dan Norton. Ini membantu pengguna melihat situs web secara positif (studi Institut Baymard).
• Terapkan prinsip-prinsip psikologi warna dalam desain untuk persepsi kepercayaan yang lebih baik oleh pembeli. Beberapa prinsip ini mencakup warna yang berorientasi pada audiens dan spesifik gender.

Prioritaskan Pencarian (dan Simpan di Paro Atas)

Pembeli menggunakan situs atau aplikasi eCommerce seluler untuk menjelajahi produk atau membeli produk tertentu; akibatnya, pencarian yang dirancang dengan baik menjadi sangat penting untuk aplikasi eCommerce seluler. eBay percaya bahwa pencarian situsnya adalah salah satu fitur terpenting bagi pembeli seluler dan menekankannya dengan menempatkannya di tengah dan di atas flip pada antarmuka.

Pertimbangan penting untuk penelusuran seluler:

• Pastikan itu terlihat! Menjaga agar bilah pencarian mudah diakses dan paro atas memberi pembeli cara untuk mencari produk dengan mudah.
• Menyediakan pencarian melihat ke depan dengan menggunakan data yang diperoleh dari pola pencarian umum, dan menampilkan produk terkait di halaman hasil pencarian.
• Menyediakan opsi pemfilteran lanjutan yang memungkinkan pelanggan menemukan produk yang diinginkan dengan cepat dan mudah.

Aspek penting yang perlu dipertimbangkan saat menampilkan formulir pencarian adalah bahwa formulir tersebut hanya berguna pada tahap pertama interaksi pengguna dengan aplikasi. Pengguna biasanya mencari aplikasi di awal perjalanan belanja mereka, dan mungkin ada kejadian saat menampilkan formulir pencarian di kemudian hari dalam perjalanan dapat membahayakan UX.

Misalnya, selama proses checkout, pencarian tidak lagi berguna dan hanya akan mengalihkan perhatian karena dapat membuat pengguna kehilangan fokus dan melepaskan komitmen mereka untuk membeli.

Berikan Checkout yang Lancar, Mudah, dan Cepat

Penelitian telah menunjukkan bahwa proses checkout adalah bagian yang paling menegangkan dalam menyelesaikan pembelian online. Institut Baymard melaporkan tingkat 35% untuk pengabaian keranjang karena persyaratan untuk membuat akun sebelum membeli. Untuk mengurangi tingkat pengabaian keranjang, penting untuk merancang proses checkout yang mudah dan cepat yang tidak meminta pembeli untuk mendaftar terlebih dahulu.

Studi kegunaan telah menemukan bahwa lebih dari 60% pengguna mengalami kesulitan dalam menemukan opsi checkout tamu; ergo, opsi checkout tamu harus terlihat jelas dan mudah diakses.

Berikut adalah beberapa saran untuk alur pembayaran eCommerce yang lebih baik:

• Untuk mempromosikan keterlibatan pengguna, beri label setiap langkah proses checkout dengan memberi nomor dan menampilkan langkah yang sedang aktif.
• Gunakan representasi visual seperti bilah kemajuan untuk menampilkan kemajuan dalam proses checkout.
• Berikan opsi untuk mendaftar dan masuk selama proses checkout, tetapi jadikan itu pilihan.
• Untuk mengurangi kecemasan dan rasio pentalan, sarankan agar pengguna masuk atau mendaftar setelah checkout jika mereka telah check out sebagai tamu.
• Terapkan teknik pengungkapan progresif untuk meningkatkan fokus pengguna dan memuat konten 30% lebih cepat.

Ringkasan: Apa Karakteristik Utama dari Desain eCommerce Seluler yang Sukses?

• Menyediakan alur proses pendaftaran dan checkout yang cepat dan mudah
• Menanamkan rasa aman dan kepercayaan dengan menampilkan ikon, lencana, ulasan, dan testimonial yang sesuai
• Menyediakan interaksi yang dirancang di sekitar zona ramah ibu jari
• Menggunakan navigasi yang konsisten dan ringkas
• Menggabungkan pencarian cepat dan penyaringan produk yang mudah
• Memahami hubungan langsung antara stres, kecemasan, dan tingkat konversi pengguna untuk aplikasi seluler
• Memberikan pengalaman pemuatan situs seluler yang cepat dan responsif
• Mendukung gerakan untuk pembesaran gambar produk

Ruang eCommerce Seluler Akan Menjadi Lebih Besar

Tren eCommerce seluler menunjukkan bahwa pasar eCommerce seluler tumbuh secara eksponensial dan pertumbuhan industri telah menciptakan banyak manfaat bagi penjual. Namun, dengan itu muncul banyak praktik dan standar terbaik untuk desain eCommerce seluler yang harus diikuti penjual jika ingin sukses.

Pembeli mengharapkan aplikasi seluler yang berfungsi dengan baik, terlihat cantik, dan disesuaikan dengan perilaku mereka. Meskipun setiap aplikasi berbeda dengan batasan dan tujuannya sendiri, mengikuti prinsip dasar yang diuraikan dalam artikel ini akan membantu membuat aplikasi eCommerce seluler yang sukses.

Unduh lembar contekan peningkatan UX eCommerce seluler

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• Tren eCommerce Terkemuka dan Pengaruhnya pada Desain (dengan Infografis)
• eCommerce UX – Tinjauan Praktik Terbaik (dengan Infografis)
• eCommerce UX – Strategi dan Prinsip Desain Esensial
• Panduan Utama untuk Desain Situs Web eCommerce
• eCommerce Didesain Ulang: Bagaimana Perubahan Kecil Membuat Peningkatan UX Besar