Cara Mendesain untuk UX Seluler yang Hebat

Cara mendesain untuk UX seluler yang hebat harus menjadi yang terdepan dalam segala hal yang dilakukan bisnis Anda di web. Kecuali Anda mendesain dengan mempertimbangkan seluler terlebih dahulu dan terutama, bisnis Anda tidak akan sesukses yang seharusnya dan seharusnya. Alasannya sederhana: Ponsel telah lama melampaui desktop sebagai metode nomor satu orang mengakses Internet. Dengan kata lain, gagal mendesain untuk seluler…gagal mendapatkan pengunjung situs, prospek, dan pelanggan sebanyak yang Anda bisa.

Mari kita lihat statistiknya.

Menurut Smart Insights, kami telah melewati titik di mana jumlah pengguna seluler telah melampaui jumlah pengguna desktop. Titik kritis ini terjadi pada tahun 2014. Sejak itu, jumlah pengguna seluler global terus meningkat secara agresif sementara jumlah pengguna desktop meningkat kurang pesat.

Intinya: Lebih banyak prospek, pengunjung, dan pelanggan akan mendarat di situs web Anda di ponsel mereka, bukan di desktop mereka.

Jika Anda ingin memaksimalkan konversi, maka situs Anda harus dioptimalkan untuk seluler terlebih dahulu. Saat ini, UX seluler yang hebat juga merupakan pemasaran seluler yang sukses.

Mari lihat.

Cara Mendesain untuk UX Seluler yang Hebat: Apa yang Dikatakan Statistik

Kapan pun Anda ingin membuat kasus penggunaan yang solid untuk membenarkan pengeluaran dalam bisnis Anda, misalnya, untuk desain yang mengutamakan seluler, lihat saja statistik tentang bagaimana dan di mana orang membeli hari ini. Pergi ke mana bukti membawa Anda.

Perusahaan teknologi global Criteo, yang berspesialisasi dalam pemasaran perdagangan, mengeluarkan siaran pers yang mengungkapkan bahwa penjualan seluler di AS saja sekarang mencapai 52% dari semua transaksi e-niaga. Jelas, jika Anda ingin menjual secara efektif dan sukses… Anda memerlukan kehadiran seluler yang sangat efisien dengan UX yang hebat.

Inilah statistik lain yang sangat menarik yang sebenarnya mengungkapkan lebih dari yang terlihat, pada pandangan pertama.

Menurut Laporan Ritel Seluler Adobe, konversi 2,8 kali lebih tinggi di desktop daripada di seluler. Jika menurut Anda ini berarti tidak penting untuk mengoptimalkan untuk seluler, pikirkan lagi. Ini sebenarnya adalah lebih banyak alasan untuk berkomitmen pada strategi yang mengutamakan seluler, terutama karena seluler masih menyumbang lebih banyak lalu lintas daripada desktop.

Alasan mengapa konversi lebih tinggi di desktop kemungkinan karena fakta bahwa pengalaman seluler tidak dioptimalkan sebagaimana mestinya—bukan karena orang tidak suka berbelanja dan berkonversi di seluler, yang awalnya lebih nyaman bagi mereka !

Bayangkan sebuah skenario di mana situs seluler Anda dioptimalkan dengan sempurna, menerima lebih banyak lalu lintas daripada situs desktop Anda, dan melihat lebih banyak konversi daripada desktop, semua karena Anda menerapkan UX seluler yang hebat.

Itu dalam jangkauan Anda. Inilah yang harus dilakukan.

Desain untuk Jempol…tetapi Tidak Terutama untuk Jempol

Kegunaan seluler harus didasarkan pada berbagai cara di mana orang diketahui berinteraksi dengan ponsel cerdas mereka. Cara mendesain untuk UX seluler yang hebat sama masuk akalnya dengan berbasis bukti.

Sangat menggoda untuk berasumsi bahwa, jika saya menggunakan ponsel cerdas saya untuk menavigasi dan berbelanja di situs seluler, lebih mudah bagi saya untuk melakukannya hanya dengan memegang ponsel di satu tangan dan menggunakan ibu jari di tangan yang sama untuk mencapai pengguna saya sasaran. Sama-sama menggoda untuk berasumsi bahwa akan kurang nyaman bagi saya untuk menggunakan kedua tangan (telepon di satu tangan dan menggunakan jari telunjuk tangan lain untuk mencapai tujuan pengguna saya).

Namun, kebijaksanaan konvensional ini sebenarnya salah karena mengandaikan bahwa orang hanya atau sebagian besar menggunakan satu tangan untuk mengoperasikan telepon mereka.

Penelitian menunjukkan bahwa sebenarnya ada enam cara berbeda di mana orang memegang dan berinteraksi dengan ponsel mereka. Setiap situs seluler yang gagal mendesain untuk keenam cara tersebut akan gagal dan mengalami tingkat konversi yang lebih rendah karena UX akan terganggu.

Keenam cara tersebut adalah:

• Digendong (satu tangan menopang telepon sementara ibu jari tangan lainnya mengetuk)
• Tahan dan sentuh (satu tangan menopang telepon sementara jari telunjuk tangan lainnya mengetuk)
• Dua tangan untuk orientasi lanskap (bayangkan bagaimana Anda akan memegang perangkat game genggam seperti Nintendo 2DS XL)
• Satu tangan – urutan pertama (satu tangan memegang telepon sementara ibu jari di tangan yang sama mengetuk)
• Satu tangan – urutan kedua (satu tangan memegang telepon sementara ibu jari di tangan yang sama mengetuk, tetapi dari posisi awal yang lebih tinggi)
• Dua tangan untuk orientasi potret (bayangkan bagaimana Anda akan memegang perangkat game genggam, kali ini, seperti Nintendo Gameboy lama)

Sekarang, dan di sinilah segalanya menjadi sangat relevan, berikut adalah kasus penggunaan yang berbeda untuk berbagai cara Anda dapat memegang telepon:

• Mengetuk tautan – Sebagian besar menahan dan mengetuk atau dudukan
• Kotak centang – Kebanyakan buaian atau tahan dan ketuk
• Mengetik – Sebagian besar menggunakan dua jari atau ibu jari secara bersamaan atau tahan dan ketuk
• Pengguliran pendek – Paling tahan dan ketuk atau dudukan
• Menggulir lebih lama – Sebagian besar buaian atau tahan dan ketuk

Intinya: Rancang situs seluler Anda untuk mengakomodasi berbagai cara orang memegang ponsel mereka.

Tombol Lebih Besar Lebih Baik

Jika Anda merenungkan cara mendesain untuk UX seluler yang hebat, salah satu aspek terpenting yang harus diperhatikan adalah ukuran tombol. Seperti semua hal seluler, ukuran layar Anda jauh lebih kecil daripada tablet atau desktop, sehingga mengurangi kegunaan situs seluler Anda jika tombolnya terlalu kecil. Tombol dengan ukuran yang tidak memadai menyebabkan kesalahan UX seperti:

• Kesulitan untuk mengetuk tombol dengan benar
• Masalah dengan melihat tombol di tempat pertama
• Kesulitan memahami bahwa tombol dapat diketuk atau berinteraksi dengan lainnya

Err di sisi yang lebih besar lebih baik.

Tombol yang lebih besar memastikan UX yang lebih mulus untuk pembeli, pelanggan, pengunjung, dll.

Ini menimbulkan pertanyaan, seberapa besar, tepatnya?

Menurut pedoman Ukuran Target Sentuh Desain Material Google sendiri, tombol ponsel harus mencapai ukuran layar sentuh antara 7 dan 10 milimeter. Dengan kata lain, tombol harus memiliki ukuran fisik sekitar 1 sentimeter, terlepas dari layar apa yang ditampilkan. Ini memastikan keseimbangan yang baik antara:

• Kepadatan informasi
• "Targetabilitas" dari elemen antarmuka pengguna

Saat pengguna Anda dapat dengan lebih mudah melihat tombol, memahami hubungan spasialnya dengan elemen layar lainnya, dan mengetuknya untuk menyelesaikan sasaran halaman dengan sukses, maka Anda memberi mereka UX yang luar biasa.

Prioritaskan Konten Yang Paling Penting

Jawaban atas pertanyaan, Bagaimana cara mendesain untuk UX seluler yang hebat? terkadang terletak pada apa yang Anda kurangi alih-alih menambahkan. Dalam hal konten di layar, aturan ini berlaku 100%.

Kelebihan smartphone adalah ukurannya yang kecil dan portabel, terlepas dari tren baru-baru ini untuk meningkatkan ukuran layar ponsel. Kenyamanan ini memiliki kelemahan, yaitu pengguna dikenakan biaya interaksi yang lebih besar. Ini adalah upaya fisik dan mental yang harus mereka keluarkan untuk mencapai tujuan situs seluler mereka.

Misalnya, jika Anda menavigasi situs berita di desktop, Anda mungkin dapat melihat di beranda skor olahraga dan ramalan cuaca di bilah sisi paro atas, jadi Anda tidak perlu repot menggulir ke bawah. Namun, di seluler, konten yang sama ini kemungkinan akan memerlukan beberapa pengguliran serius untuk dijangkau karena ruang menjadi premium di seluler.

Oleh karena itu, satu-satunya solusi adalah memprioritaskan konten paling vital di paro atas di seluler. Dengan kata lain, pikirkan baik-baik tentang konten apa yang akan ditampilkan kepada pengguna dan pengunjung Anda di paro atas di laman seluler Anda. Lagi pula, untuk setiap elemen konten yang Anda sertakan di paro atas, elemen lain harus didorong ke bawah dan bahkan dikorbankan di paro bawah.

Salah satu pendekatan untuk membantu Anda memaksimalkan konten seluler di paro atas adalah dengan meminimalkan apa yang disebut chrome. Kami tidak berbicara tentang browser Google dalam kasus ini. Chrome adalah kumpulan elemen desain visual yang membantu pengguna berinteraksi dengan atau memberikan informasi tambahan tentang konten antarmuka, tetapi bukan bagian dari konten. Chrome berasal dari sistem operasi ponsel.

Contoh chrome adalah semua gambar yang terkait dengan akun orang saat Anda melihat email di kotak masuk aplikasi Gmail. Dalam contoh ini, gambar-gambar ini membantu Anda mengidentifikasi pengirim Anda, tetapi mereka tidak mutlak penting dalam mengidentifikasi mereka (baris Dari dalam email itu sendiri sudah cukup).

Dengan mengurangi elemen krom ini, Anda sangat menghemat ruang layar ponsel dan karenanya memiliki peluang lebih baik untuk menempatkan informasi paling penting di atas area lipatan kecil.

Fokus pada Pengguna Akhir

Rahasia cara mendesain UX seluler yang hebat selalu ada di tangan pengguna akhir. Ingatlah hal itu saat mendesain situs seluler Anda, dan Anda akan membuat situs yang ramah pengguna. Sesederhana itu.

Untuk sampai ke sana, pastikan Anda mendesain berdasarkan data nyata dan bukan asumsi. Tempat yang bagus untuk memulai adalah dengan cara pengguna Anda memegang ponsel mereka di tempat pertama. Jika Anda mendesain dengan cara yang bahkan tidak dilakukan oleh banyak orang, maka semua taruhan dibatalkan.

Penting juga untuk diingat bahwa, karena layar ponsel yang kecil, konten harus mudah dan cepat dilihat, jadi buat elemen lebih besar, dan pastikan konten terpenting berada di paro atas.