Kesalahan Desain dan Pengembangan Aplikasi Seluler Magento Teratas yang Kami Hadapi

Global eCommerce menghasilkan $3,54 triliun pada tahun 2019 dan akan mencapai $6,54 triliun pada tahun 2022. Seperti yang Anda harapkan, webmaster yang cerdas menginginkan sepotong kue itu, dan mereka bertaruh pada platform eCommerce terbaik untuk hadiahnya.

Dalam posting ini, kami akan memperkenalkan Anda ke Magento 2 dan mengapa itu sering dipilih di eCommerce, Kami akan memandu Anda melalui kelalaian khas yang terjadi selama pengembangan aplikasi di platform, serta memberikan tips tentang apa yang harus dihindari ketika datang ke blok desain.

Apa yang akan Anda temukan di artikel ini?

Beberapa Kata Tentang Magento 2
Sering Terjadi Kesalahan dengan Pengembangan Magento & Desain Aplikasi
1. UI Penuh & UX Buruk
2. Tidak Membangun untuk iOS & Android atau Memiliki PWA
3. Pengujian Pengguna yang Buruk
4. Pengalaman Checkout yang Buruk
5. Kecepatan Pemuatan
Kesimpulan

Kedengarannya bagus? Mari selami!

Beberapa Kata Tentang Magento 2

Meskipun Magento bukan platform perangkat lunak eCommerce yang paling umum digunakan saat ini, layanan pengembangan Magento saat ini mengalami peningkatan permintaan. Sebagai permulaan, platform ini sangat dapat disesuaikan dan pada dasarnya dapat "diukir" tepat di sekitar kebutuhan bisnis tertentu, terutama jika tokonya kompleks dan berskala besar. Selain itu, platform ini tumbuh tiga kali lebih cepat daripada rekan-rekannya. Belum lagi dengan penghentian dukungan Magento versi pertama pada pertengahan tahun 2020, proses migrasi yang sulit ke platform versi kedua tidak bisa dihindari.

Menurut Datanyze dan seperti yang terlihat pada tangkapan layar di bawah, Magento memang berdiri di belakang platform lain dalam hal pangsa pasar dan nomor domain. Saat ini berada di belakang WooCommerce, Squarespace, dan Shopify, persentase pangsa pasarnya adalah 3,35% dengan lebih dari 70 ribu domain.

Tangkapan layar dari Datanyze

Data lain yang dikumpulkan oleh Statista menunjukkan bahwa pada musim semi 2020, Magento memegang posisi ke-6 di antara platform eCommerce terkemuka di seluruh dunia dengan pangsa pasar 3,44%.

Tangkapan layar dari Statista

Tapi jangan terburu-buru dengan kesimpulan tentang posisinya dalam daftar dulu. Selama periode 4 tahun dari 2016 hingga 2020, basis pedagang Magento telah tumbuh sebesar 200%. Yang cukup mengesankan jika Anda menganggapnya tumbuh 100% dari 2017 hingga 2018 saja. Lebih dari itu, perlu dicatat bahwa Magento adalah salah satu platform eCommerce B2B teratas.

Dan seperti yang sudah disebutkan secara singkat, ini sangat cocok untuk toko besar dan sangat dapat disesuaikan yang tidak ingin tetap menggunakan desain template "standar". Ya, oleh karena itu, ini menyiratkan ruang lingkup kerja pengembang dan desainer profesional untuk membangun toko (sebagai lawan dari mengutak-atik blok drag-and-drop yang sudah jadi).

Inilah sebabnya mengapa kembali pada pengembangan bertahun-tahun pada Magento 1 dan Magento 2, kami ingin membicarakan tentang apa yang tidak boleh dilakukan untuk membuat proyek Magento sukses.

Sering Terjadi Kesalahan dengan Pengembangan Magento & Desain Aplikasi

Pengembangan Magento membutuhkan keterampilan teknis yang kuat dan pemahaman yang sangat menyeluruh tentang prinsip-prinsip navigasi untuk membuat desain yang sesuai. Jadi, tidak semua orang senang dengan platform. Pengembang dan perancang aplikasi seluler Magento membuat kesalahan yang membuat mereka kehilangan konversi dan keuntungan. Mari kita telusuri kesalahan ini dan bagaimana cara memperbaikinya.

1. UI Penuh & UX Buruk

Elemen yang berantakan dapat mematikan desain aplikasi seluler Magento Anda bahkan sebelum Anda memulai. Jadi, buatlah desain yang sederhana.

Saat berbelanja online, orang menghabiskan sekitar empat menit di ponsel. Tetapi mereka menghabiskan lima menit atau lebih di desktop. Oleh karena itu, Anda memiliki sedikit waktu untuk membuat tanda Anda pada pembeli potensial. Jangan bunuh peluang Anda dengan kekacauan.

Tentu saja, Anda tidak ingin membuat desain yang hambar. Itu juga kontraproduktif. Anda perlu menyeimbangkan banyak hal. Secara khusus, Anda ingin pengguna aplikasi Anda menikmati pengalaman interaktif yang mengarahkan mereka untuk melakukan pembelian.

Jadi, bagaimana Anda mencapai keseimbangan? Bagaimana Anda mencapai antarmuka pengguna yang interaktif dan menghindari kekacauan? Bagaimana Anda mendesain pengalaman pengguna yang mendapatkan klik?

Berikut adalah beberapa praktik terbaik industri yang dapat Anda gunakan.

Desain Harus Mendukung Ketuk Dua Kali dan Pinch-to-Zoom

Kredit Gambar

Dalam sebuah penelitian, Baymard Institute menemukan hal berikut:

“40 persen situs eCommerce tidak menawarkan fitur pembesaran seperti ketuk dua kali atau mencubit gambar.”

Akibatnya, situs web tersebut mengalami rasio pentalan yang tinggi. Menurut penelitian, bahkan situs-situs yang memberikan versi close-up dari gambar produk mereka, tetapi tidak mendukung gerakan zoom, mengalami konversi yang buruk.

Masalah lainnya adalah menggunakan gambar beresolusi rendah. Mereka tidak ada artinya karena pengguna tidak dapat melihat detail produk. Selama gambar berkualitas tinggi dan dioptimalkan dalam hal ukurannya, Anda berada di jalur yang benar.

Lebih dari itu, pengembang Magento ahli dan perancang aplikasi seluler menunjukkan dengan jelas bahwa fitur zoom hadir. Studi Baymard Institute menemukan bahwa 50 persen aplikasi yang menawarkan fitur tersebut tidak menunjukkan bahwa mereka melakukannya.

Dukung Fitur “Simpan Barang” atau “Simpan Keranjang Belanja”

Berdasarkan statistik Oberlo 2020 tentang penjualan M-Commerce, jumlah penjualan yang dilakukan dari perangkat seluler hanya terus bertambah, ini terlihat jelas pada tangkapan layar di bawah ini.

Tangkapan layar dari Oberlo

Meskipun perangkat seluler mengarahkan lalu lintas paling banyak ke toko online, pembeli sering kembali ke desktop mereka untuk menyelesaikan pembelian. Di situlah fitur "Simpan Item" atau "Daftar Keinginan" berperan.

Membangun fitur “Simpan Keranjang” (juga disebut sebagai Keranjang Belanja Abadi) ke dalam aplikasi eCommerce Magento Anda dapat berguna dalam banyak hal. Karena terkadang pembeli belum siap untuk membeli, mereka ingin menyimpan keranjang untuk nanti. Anda juga ingin mengirim email pengingat secara berkala kepada pembeli ini untuk menyelesaikan pembelian mereka. Lebih dari itu, masuk akal untuk menempatkan tampilan pengingat pada versi desktop untuk mendorong mereka menyelesaikan langkah-langkah checkout.

Desain untuk Jempol

Sekitar 75 persen pengguna ponsel mengandalkan jempol saat berinteraksi dengan perangkat mereka. Jadi, desain situs seluler Anda harus selaras dengan perilaku pengguna tersebut.

Mendesain dengan fokus pada ibu jari akan meningkatkan konversi, meningkatkan keterlibatan pengguna, dan mempermudah navigasi. Ini dua kali lebih relevan saat mengerjakan desain aplikasi web progresif Anda.

Tangkapan layar dari Alistapart

Lebih dari itu, Anda ingin desain Anda menempatkan elemen pengguna penting di area Alami "Zona Jempol". Pengguna Anda tidak akan kesulitan mengakses apa pun yang ingin Anda lakukan di aplikasi Anda.

Tangkapan layar dari Majalah Smashing

Perilaku pengguna ini adalah satu lagi alasan untuk mendeklarasikan desain aplikasi seluler Magento Anda. Anda ingin pengguna fokus hanya pada beberapa hal dalam satu waktu karena hal itu selaras dengan cara mereka menggunakan ponsel mereka. Pada titik ini, perhatikan bahwa ukuran perangkat seluler terus bertambah besar. Inilah sebabnya mengapa menempatkan tombol, daftar menu, dan elemen lain lebih dekat ke bagian bawah layar ponsel dianggap sebagai praktik umum.

Manfaatkan Interaksi Mikro untuk Meningkatkan Pengalaman Pengguna

Poin tentang penggunaan interaksi mikro ini didasarkan pada poin sebelumnya tentang mendesain untuk ibu jari.

Sumber

Lihat video di atas. Itulah interaksi mikro dalam aksi. Seorang pengguna ingin melihat seperti apa produk itu dalam warna, ukuran, dengan fitur tambahan yang berbeda, dll. Interaksi mikro membantu pembeli merasakan produk secara penuh, tanpa banyak usaha.

Tetapi jenis pengalaman pengguna ini tidak berhenti pada fitur produk. Pembeli dapat menikmati manfaat interaksi mikro jika mereka dapat dengan mudah menilai, menyukai, atau membandingkan suatu produk.

Tujuannya di sini adalah untuk memberi pengguna pengalaman yang paling intuitif.

Buat Formulir yang Sesuai dengan Praktik Terbaik UX

Banyak desainer dan pengembang aplikasi seluler Magento tidak memperhatikan elemen bentuk. Tidak mengherankan, itu menyakiti pertobatan mereka.

Sumber

Misalnya, sebagian besar pengembang masih menggunakan drop-down dalam formulir mereka. Tetapi studi pengujian pengguna menunjukkan bahwa stepper bekerja lebih baik pada formulir.

Itu tidak berakhir di sana. Berikut adalah beberapa praktik terbaik UX lainnya untuk desain formulir:

• Tetap pendek. Batasi jumlah bidang formulir yang harus diisi pengguna atau yang bahkan mereka lihat sama sekali. Anda dapat mengaktifkan pengisian otomatis yang tidak terlihat jika Anda ingin mengumpulkan data tambahan, tanpa mengharuskan pengguna untuk mengisinya secara manual.
• Tempatkan label bidang formulir di atas bidang formulir. Pengguna Anda akan lebih mudah melihat label, dan mengurangi kemungkinan kesalahan.
• Gunakan penjelasan singkat. Gunakan penjelasan kecil untuk memberi tahu pengguna mengapa Anda mengumpulkan informasi spesifik. Melakukan ini juga dapat meningkatkan konversi formulir.
• Jadikan keyboard intuitif. Jika bidang formulir hanya untuk angka, seperti nomor kartu kredit dan nomor ponsel, biarkan papan tombol muncul secara intuitif. Anda dapat mengurangi kesalahan dan meningkatkan pengalaman pengguna dengan cara ini.
• Pindahkan bidang formulir yang tidak terisi ke atas layar. Buat formulir untuk menggulir ke atas ke bidang formulir kosong berikutnya seperti setelah pengguna mengisi bidang. Membiarkan bidang formulir menggulir ke atas secara otomatis untuk mengungkapkan bidang formulir yang tidak terisi berikut mengurangi upaya dan meningkatkan tingkat penyelesaian formulir Anda.

Otomatiskan Entri Data dengan Visual

Untuk fitur ini, Anda ingin menggunakan pencarian alamat, saran otomatis, dan deteksi otomatis untuk membantu pengguna Anda mengisi formulir dan menyelesaikan aktivitas entri data lebih cepat.

Pengguna aplikasi Anda dapat menunjukkan alamat mereka lebih cepat menggunakan fitur pencarian alamat. Platform seperti Google Places dan USPS menawarkan API terbuka yang dapat membantu Anda untuk tujuan ini.

Sumber

Saran otomatis ada di mana-mana. Anda tahu mereka. Google menggunakannya untuk menyarankan kueri penelusuran sebelum Anda selesai mengetik frasa penelusuran, dan ponsel Anda menggunakannya untuk menyarankan kata kepada Anda untuk fitur koreksi otomatis.

Sumber

Desainer yang cerdas menggunakan fitur ini untuk membantu pencari menemukan produk lebih cepat di toko eCommerce mereka. Deteksi otomatis membantu pengguna Anda memverifikasi bahwa data yang mereka masukkan sudah benar. Misalnya, pelanggan Anda dapat melihat jenis kartu kredit yang mereka masukkan saat checkout.

Pemikiran Terakhir tentang Kesalahan UI & UX

Tidak diragukan lagi, ini adalah bagian terpanjang di sini. Tapi memang begitu karena suatu alasan. Sebagian besar kesalahan desainer dan pengembang berasal dari kesalahan Antarmuka Pengguna dan Pengalaman Pengguna.

Satu lagi kesalahan pengalaman pengguna utama adalah tidak memprioritaskan pencarian Magento. Jadikan konten aplikasi sangat mudah dicari dan antarmukanya ramah pencarian.

Terakhir, buat aplikasi aman, atau tidak ada yang akan berfungsi. Pengguna lebih mementingkan keamanan daripada hal lain saat berbelanja melalui perangkat seluler mereka. Pengguna Anda tidak perlu menebak apakah data mereka aman atau tidak. Keselamatan dan keamanan harus ditulis di seluruh aplikasi. Jadi Anda ingin:

• Gunakan lencana kepercayaan
• Terapkan simbol kunci
• Gunakan kata-kata keamanan seperti "Aman" dan "Terenkripsi" di seluruh pengalaman pembelanja
• Manfaatkan psikologi warna
• Memiliki SSL yang valid

Oleh karena itu, karena Anda adalah pihak yang bertanggung jawab untuk menjaga keamanan data klien, lebih dari segalanya, pastikan untuk bekerja lebih keras dengan keamanan dan keamanan data, terutama jika Anda ingin menghindari denda atau tuntutan hukum yang besar.

2. Tidak Membangun untuk iOS & Android atau Memiliki PWA

Anda mungkin memiliki alasan yang kuat untuk fokus pada satu platform, dan itu tidak masalah jika itu baik untuk bisnis Anda. Tetapi beberapa desainer dan pengembang aplikasi Magento yang memilih untuk berkonsentrasi hanya pada satu platform tidak memiliki alasan bisnis untuk keputusan mereka.

Idealnya, Anda ingin membangun untuk mengakomodasi pertumbuhan dan membiarkan pengguna Anda berbelanja di mana pun mereka merasa nyaman. Jadi bangun untuk lebih dari satu platform. Lagi pula, memiliki aplikasi Anda di iOS dan Android sudah cukup dalam banyak kasus. Hampir semua orang menggunakan dua platform mobile ini.

Ingin mengambil permainan Anda dan bergerak menuju pendekatan yang lebih modern? Bergerak ke arah yang berbeda dan pilih yang mendukung PWA daripada aplikasi asli. Menjadi cepat, ramah pengguna, dan membanggakan fitur luar biasa dari aplikasi asli tanpa perlu benar-benar diunduh, aplikasi web progresif saat ini merupakan hal besar berikutnya di M-Commerce.

3. Pengujian Pengguna yang Buruk

Pengujian adalah bagaimana LukeW Ideation + Design menemukan tipe formulir yang mengkonversi lebih baik. Jika Anda mengabaikan pengujian pengguna, Anda mungkin mengoptimalkan konten tanpa akhir dan tanpa apa pun untuk ditampilkan.

Beberapa desainer dan pengembang aplikasi seluler Magento mendiskon pengujian pengguna. Tetapi audiens yang berbeda memiliki kebutuhan dan preferensi yang unik. Pengujian membantu Anda mengetahui apa yang diinginkan dan diharapkan audiens Anda. Jadi, pertimbangkan untuk menginvestasikan waktu dalam pengujian.

4. Pengalaman Checkout yang Buruk

Sebagian besar kasus pengabaian keranjang terjadi tepat di langkah checkout pesanan. Malu besar. Menyebutkan kesalahan pengalaman checkout yang dapat merugikan bisnis Anda termasuk:

• Proses checkout yang luar biasa. Memiliki proses checkout yang panjang dan rumit.
• Menyembunyikan nilai keranjang. Mengaburkan total biaya pesanan Anda sementara toko-toko pengguna akan merugikan penjualan Anda. Hal yang sama berlaku untuk biaya tersembunyi.
• Kepercayaan rendah. Tidak menunjukkan kepercayaan (lencana keamanan, ikon kunci, dan kegagalan psikologis lainnya). Siapa yang ingin membeli dari aplikasi atau toko yang berpotensi berbahaya? Perhatikan bahwa "bahaya potensial" adalah bahaya yang cukup.
• Pembuatan akun paksa. Memaksa pengguna untuk membuat akun sebelum mereka checkout. Dalam sebuah penelitian, 60 persen peserta mengalami kesulitan menemukan Checkout Tamu aplikasi. Permudah pembelian dari Anda, jangan dorong calon pelanggan untuk melakukan apa yang tidak mereka inginkan.
• Lambat checkout Magento dan tambahkan ke troli. Jika terlalu lama untuk memproses langkah-langkahnya, ada kemungkinan besar klien Anda akan meninggalkan toko tanpa membeli apa pun.
• Aplikasi buggy. Jika toko Anda mengalami kesalahan atau mogok, Anda mendorong calon pembeli untuk pergi. Jadi, perbaiki jika perlu dan lakukan dengan cepat.
• Metode pembayaran terbatas. Sediakan beberapa opsi pembayaran, pada akhirnya, Anda berkepentingan untuk membuatnya nyaman bagi orang untuk membayar Anda. Ini seharusnya tidak menjadi alasan untuk tidak menyelesaikan pesanan.

Seperti yang bisa Anda tebak, bahayanya sangat besar. Dengan kata lain, dari setiap sepuluh pembeli yang mengunjungi situs eCommerce, tujuh tidak membeli. Tetapi desain checkout yang lebih baik menghasilkan peningkatan 35 persen dalam tingkat konversi. Ini adalah beberapa makanan untuk dipikirkan.

Pelajari cara mengoptimalkan pembayaran seluler di panduan kami.

5. Kecepatan Pemuatan

Sumber

Last but not least, menurut sebuah studi oleh Google/Verto, AS, pemasar setuju bahwa meningkatkan kecepatan situs dan aplikasi seluler mereka meningkatkan tingkat konversi mereka sebesar 15%. Statistik ini seharusnya tidak mengejutkan karena halaman web seluler membutuhkan waktu lebih lama untuk dimuat dibandingkan dengan halaman desktop. Jadi, mengompresi kode aplikasi dan bobot file dapat meningkatkan keuntungan Anda secara terukur.

Pelajari lebih lanjut tentang kecepatan situs web dan cara meningkatkannya di sini.

Kesimpulan

Desain menentukan kesuksesan bisnis. Dalam kata-kata para peneliti Baymard Institute yang studinya disebutkan dalam panduan ini,
“Penelitian kami menunjukkan bahwa rata-rata situs e-commerce dapat meningkatkan tingkat konversinya sebesar 35% hanya melalui peningkatan desain hingga proses checkout.”

Jadi, jika Anda membuat atau telah membuat salah satu dari kesalahan desain dan pengembangan aplikasi seluler Magento ini, Anda dapat memperbaikinya. Kunci ada di tangan Anda. Gunakan mereka.

biodata penulis:

Alex Husar , CTO di Onilab dengan pengalaman 8+ tahun di Magento dan Salesforce. Ia lulus dari Universitas Teknik Ceko dan memperoleh gelar sarjana di bidang Rekayasa Perangkat Lunak Komputer. Keahlian Alex mencakup keterampilan pengembangan tumpukan penuh dan kemampuan yang kuat untuk memberikan panduan penting proyek kepada seluruh tim.

Ingin tahu tentang Tren E-niaga Teratas untuk tahun 2020?

Mereka tercantum dalam ebook gratis kami: dapatkan Ulasan Utama dari SEMUA Tren E-niaga 2020 untuk mengetahui semuanya. 2020 sudah ada di sini – lebih baik dapatkan salinan Anda secepatnya