15 Tips Desain Seluler Untuk Meningkatkan Penjualan E-Commerce

Apakah Anda tahu bahwa 55% dari semua lalu lintas e-commerce sekarang ada di perangkat seluler?


Itu benar, lebih dari setengah dari semua orang yang melihat situs belanja ada di ponsel atau tablet mereka.

Namun, inilah masalahnya: 46% dari 50 pengecer teratas masih belum memiliki situs seluler yang responsif. Jadi, meskipun setengah dari semua lalu lintas belanja terjadi di perangkat seluler, setengah dari pengecer tidak siap untuk itu. Itu berarti setengah dari pembeli mencubit dan memperbesar dan memutar telepon mereka untuk melihat situs web dengan benar.

Jadi kami setuju, situs seluler yang responsif dan menarik sangat penting. Tapi itu baru permulaan. Seperti situs desktop, Anda dapat mengubah dan mengoptimalkan situs seluler Anda sehingga meningkatkan penjualan lebih jauh. Begini caranya:

1. Kesederhanaan

Bekerja dengan layar sekecil itu selalu sulit. Itulah sebabnya kesederhanaan adalah tujuan nomor satu Anda. Untuk situs e-commerce itu sangat sulit, karena ada begitu banyak konten untuk diperas. Bagaimana Anda mempromosikan semua produk Anda tanpa mengacaukan ruang layar kecil?

Lihatlah bagaimana ETQ menampilkan jangkauan sepatu mereka di situs seluler mereka. Sangat indah dalam kesederhanaannya. Mereka telah meninggalkan sebagian besar ruang layar sepenuhnya gratis untuk memberikan panggung produk mereka. Bahkan palet warna telah dipilih agar sesuai dengan jajaran produknya. Ini memberi seluruh situs sebuah perasaan kohesif yang sederhana. Meskipun layarnya kecil, rasanya luas.

2. Pikirkan ibu jari!

Coba pegang ponsel cerdas Anda sekarang. Gerakkan ibu jari Anda di sekitar layar dan rasakan di mana itu paling nyaman dan alami. Ukuran ibu jari setiap orang berbeda, tetapi umumnya gambar di bawah ini berlaku untuk kebanyakan orang:

pelacakan jempol

Dengan mengingat hal ini, Anda tidak ingin meletakkan tombol atau komponen penting apa pun di bagian atas. Biarkan hanya untuk header. Letakkan semua konten dan tombol yang dapat digulir di tengah sehingga mudah dan nyaman untuk dijangkau. (Jangan lupa untuk memikirkan orang kidal! Balikkan gambar di atas untuk melihat bagaimana keadaan bagi orang kidal).

3. … Terutama jempol besar

Selain jempol ‘jangkauan’, Anda juga harus mempertimbangkan ‘jempol besar’. Kami semua telah menggunakan situs web seluler tempat Anda harus mengeklik tautan terkecil. Ini sulit dan membuat frustrasi, bukan? Aturan umum adalah memilih elemen yang lebih besar daripada yang Anda anggap perlu.

Situs seluler Hobbycraft adalah contoh yang bagus. Pertama-tama, tautan gambar besar mereka membuatnya sangat mudah untuk jempol besar. Tetapi lihat ikon mereka di bagian atas (‘toko, akun, keranjang’). Mereka jauh lebih besar dari yang biasanya Anda harapkan. Hobbycraft memikirkan jempol besar, dan Anda juga harus demikian.

4. Menu navigasi Hamburger

Salah satu tren desain paling populer dalam dua belas bulan terakhir adalah menu ‘hamburger’. Anda dapat melihat contoh di situs Hobbycraft di atas. Itu adalah tiga baris yang terlihat seperti hamburger – klik di atasnya, dan menu navigasi lengkap mengembang.

Tidak ada ruang untuk navigasi header tradisional dan itu hanya akan mengacaukan layar. Alih-alih, pilih nav yang diperluas. Ada keseimbangan yang bagus untuk ditemukan di sini. Itu harus rapi dan keluar dari jalan. Tetapi, pada saat yang sama, itu harus jelas dan mudah diketuk.

Jika Anda memiliki banyak produk dan kategori yang ditawarkan, Anda menggunakan menu yang diperluas untuk membuatnya lebih mudah. Jangan takut untuk menggunakan seluruh ruang layar. Lihat bagaimana Argos menyajikan menu mereka yang diperluas di bawah ini.

IMG_3663

5. Pilih font besar

Layar ponsel kecil memaksa kita untuk berpikir panjang dan keras tentang font yang kita gunakan. Tidak ada ruang untuk font yang kecil dan rumit. Alih-alih, berpikirlah sederhana, berani, dan besar. Secara umum, font sans-serif lebih bersih dan sederhana (mis. Ariel lebih baik daripada Times New Roman).

71950dee059b803c4a7caa30dce8f5bf

Ingatlah, keputusan ini juga akan memaksa Anda untuk memilih salinan dan kata-kata Anda lebih hati-hati. Gunakan kesempatan ini untuk menyederhanakan dan mengoptimalkan salinan Anda. Cobalah untuk menyampaikan pesan Anda sejelas dan sesederhana mungkin. Buat itu singkat. Lekaslah. Ini tidak hanya akan membuat desain ponsel Anda lebih baik, itu akan membuat seluruh bisnis Anda lebih baik.

6. Gunakan search pencarian pintar ’

Orang-orang benci menggunakan formulir pencarian kecil di perangkat seluler. Ini memaksa kita untuk memperbesar, klik kotak pencarian, dan ketik dengan keyboard fiddly. Kesalahan itu mudah dan bisa menyebabkan frustrasi.

Untuk meningkatkan pengalaman pengguna, gunakan kotak search pencarian pintar ’. Ketika Anda mengklik kotak, desain harus secara otomatis memfokuskan kembali sehingga kotak pencarian mengisi layar. Kemudian, pastikan itu memiliki pencarian prediktif, jadi pengguna hanya perlu memasukkan beberapa huruf pertama.

Anda dapat melihat ini beraksi di situs web Europcar. Pelanggan mulai mengetik ‘Norw’, dan situs secara otomatis menyarankan berbagai cabangnya di Norwich. Sederhana.

IMG_4331

7. Sederhanakan formulir pendaftaran dan pembelian Anda

Kami banyak berbicara tentang cara membuat formulir pendaftaran dan pembelian Anda sesederhana dan secepat mungkin. Ini adalah bagian penting dari strategi desain UX Anda. Itu juga tempat di mana situs-situs e-commerce kehilangan hingga 60% konversi dengan hal-hal yang rumit. Jika mereka memulai prosesnya, pelanggan sudah yakin. Satu-satunya cara Anda akan kehilangan penjualan atau pendaftaran adalah dengan mempersulit segalanya.

Sekali lagi, cobalah untuk membatasi jumlah pengetikan yang diperlukan. Gunakan kotak jenis prediksi dan aktifkan opsi pengisian otomatis. Gunakan alat gulir untuk pengguna untuk memilih opsi tanggal lahir, misalnya. Kita tahu bahwa formulir pembelian seringkali memerlukan sedikit informasi. Namun, ada cara untuk membuat proses ini lebih sederhana.

Lihat bagaimana Firebox menggunakan sistem angka untuk menunjukkan kepada pengguna tahapan apa yang tersisa dalam proses. Trik utama desain UX adalah memberi tahu pengguna di mana mereka berada. Sebagai pelanggan, kami ingin tahu apa yang dapat kami harapkan, dan Firebox melakukan ini dengan ahli.

img_1292-blog-setengah

8. Tiga lapisan maksimum

Jauh lebih mudah untuk ‘tersesat’ di situs web seluler. Idealnya, Anda ingin memastikan situs seluler Anda hanya sedalam tiga lapis. Contoh cara kerjanya di situs e-commerce mode adalah sebagai berikut:

  1. Beranda: Pelanggan memilih ‘kategori: perempuan’
  2. Pelanggan memilih ‘sub-kategori: sepatu’
  3. Pelanggan mengklik pada halaman produk.

Itu tiga lapisan penemuan sederhana. Satu-satunya opsi lebih lanjut adalah halaman pembelian atau pendaftaran. Cobalah untuk menghindari lubang kelinci sub-kategori dan opsi lebih lanjut. Seperti biasa, buat tetap sederhana, dan beri tahu pengguna di mana mereka berada setiap saat.

9. Buatlah mudah untuk kembali ke beranda

Setelah pelanggan Anda memiliki kedalaman tiga lapis, selalu beri mereka cara yang berani dan sederhana untuk kembali ke beranda. Ingat, mudah merasa tersesat di situs seluler, jadi beri pengguna cara mudah untuk ‘mengatur ulang’ dan kembali ke awal..

Lihatlah halaman produk Lush. Jika pelanggan Anda entah bagaimana bernavigasi di sini, mereka mungkin ingin memulai dari awal. Logo ‘LUSH’ besar di atas adalah pengidentifikasi yang mudah dan jelas untuk kembali ke rumah. Tidak peduli di mana Anda berada di situs web, Anda selalu memiliki jangkar yang akan membuat Anda kembali ke awal.

setengah img_1304-blog

10. Tidak ada pinch-zoom!

Untuk waktu yang lama, situs seluler hanyalah salinan dari desain desktop mereka. Itu berarti Anda harus memperbesar dengan menjepit layar. Ini adalah tren desain yang sudah usang dan harus dihindari. Idealnya, semuanya harus proporsional dengan layar. Semua font harus dapat dibaca tanpa memperbesar. Semua tautan harus dapat diklik tanpa menjepit.

Apple-Pinch-to-zoom

Hanya ada satu pengecualian ketika cubitan berguna: gambar produk. Masih sangat berguna bagi pelanggan untuk menjepit dan memperbesar gambar produk. Mereka ingin dapat melihat setiap detail kecil sebelum membeli.

11. Atasi masalah ‘keamanan’

Meskipun jumlah lalu lintas yang sangat besar ke situs e-commerce seluler, masih ada kekhawatiran umum bahwa membeli sesuatu dari situs seluler tidak seaman desktop. Tentu saja, tidak ada perbedaan dalam keamanan dari ponsel ke tablet ke desktop. Tapi a Studi 2013 menunjukkan bahwa hampir setengah dari semua pembeli online merasa kurang aman ketika membeli sesuatu di smartphone. Ketakutan ini kemungkinan akan membunuh konversi Anda.

Ini adalah pertanyaan sederhana tentang kepercayaan. Adalah tugas Anda untuk membuat pelanggan merasa lebih aman di situs Anda. Situs e-commerce Anda seharusnya sudah memiliki sertifikat keamanan SSL. Jika tidak, beli satu. Inilah yang memberi Anda gembok kuning kecil di bilah alat. Di situs seluler Anda, pastikan Anda menampilkan gembok SSL sejelas mungkin.

image18

Pilihan lain adalah memastikan pelanggan Anda dapat menyimpan produk untuk nanti atau mengirim email kepada mereka sendiri. Dalam beberapa kasus, mereka akan merasa aman membelinya nanti di desktop mereka.

12. Penumpukan konten

Bagi banyak orang, membuat situs seluler berarti memilih tema ‘responsif’ di WordPress atau Shopify atau platform apa pun yang Anda gunakan. Meskipun ini awal yang baik, Anda ingin memperhatikan bagaimana tema secara otomatis mengocok konten Anda. Tidak yakin apa yang saya maksud? Lihatlah diagram ini di bawah ini:

15_contentStacking

Ini adalah bagaimana tema responsif dapat secara otomatis menumpuk konten Anda untuk tablet (gambar kiri) atau smartphone (gambar kanan). Pertimbangkan dengan seksama apa konten Anda yang paling penting, dan pastikan mereka ditumpuk dengan benar. Misalnya, di sisi kanan, produk (kotak 5 – jenis pemandian) dipaksa turun layar. Mereka bahkan mungkin didorong di bawah ‘lipat’.

Percobaan dengan tata letak dan penumpukan konten Anda untuk memastikan konten Anda yang paling penting muncul di tempat yang tepat.

13. Kurangi konten Flash apa pun

Flash adalah format yang relatif ketinggalan zaman pada perangkat apa pun. (Faktanya, desainer adalah berjuang untuk membunuhnya sekali dan untuk semua! Ini menelan sumber daya, lambat, dan merupakan taman bermain bagi peretas). Meskipun itu adalah berita buruk di situs desktop, itu bahkan lebih buruk di smartphone atau tablet.

Sebagian besar perangkat seluler tidak akan memainkan media flash sama sekali. Jadi, jika Anda mengandalkannya untuk demonstrasi video atau produk, singkirkan – pelanggan Anda tidak dapat melihatnya di ponsel. Apple memblokirnya bertahun-tahun yang lalu, dan Android mengikutinya sesaat setelah itu.

Alternatifnya adalah memastikan situs web Anda kompatibel dengan HTML5 (cari tahu lebih lanjut di sini) dan gunakan YouTube untuk meng-host video apa pun.

14. Merangkul keterbatasan!

Banyak orang yang saya ajak bicara telah menyatakan frustrasi tentang keterbatasan situs seluler. Fakta sederhananya adalah ini: tidak ada yang dapat Anda lakukan tentang itu! Sebagai gantinya, merangkul batasan-batasan ini.

Ini memaksa Anda untuk membuat keputusan penting yang akan membantu seluruh bisnis Anda. Bagaimana saya bisa menyederhanakan situs web saya? Bagaimana saya bisa menyampaikan maksud saya dengan kata-kata yang lebih sedikit? Bagaimana saya bisa lebih tepat dan meyakinkan dalam ruang yang lebih kecil? Produk mana yang harus saya prioritaskan?

Saya sangat yakin bahwa menjawab pertanyaan-pertanyaan ini membuat bisnis Anda lebih kuat. Setiap kali Anda dapat menyaring proposisi Anda, Anda membuatnya lebih kuat. Dan itu penting untuk situs seluler yang bagus.

15. Buat keputusan desain menggunakan Google Analytics

Masalah dengan mendesain untuk ponsel adalah bahwa ada begitu banyak perangkat yang perlu dipertimbangkan. Apakah Anda mengoptimalkan tata letak dan desain untuk iPad atau tablet Android? Apakah Anda mengoptimalkan untuk iPhone 5 atau iPhone 6? Atau Samsung Galaxy?

Desain yang responsif berarti akan dicetak dengan cara yang berbeda untuk masing-masingnya. Di sinilah Google Analytics dapat membantu Anda. Versi terbaru Analytics memungkinkan Anda melihat perangkat seluler mana yang paling sering mengakses situs Anda:

pelacakan perangkat mobile analytics

Dalam hal ini, iPhone adalah perangkat terkemuka – tentu saja. Jadi masuk akal untuk melakukan semua pengujian Anda pada iPhone. Prioritaskan perangkat teratas ketika Anda mengoptimalkan situs seluler Anda.

Meskipun perangkat seluler sekarang mendominasi pasar belanja online, situs web seluler masih jauh di belakang. Mereka diperlakukan sebagai renungan oleh setengah dari pengecer terbesar.

Dengan melakukan perubahan dan perubahan ini, Anda bisa selangkah lebih maju dari pesaing dengan memanfaatkan arus lalu lintas yang sangat besar ini.

Saya ingin mendengar apa yang telah Anda lakukan untuk mengoptimalkan situs seluler Anda. Apa tweak yang berhasil untuk Anda?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map