7 praktik terbaik untuk mendesain navigasi seluler

Diterbitkan: 2016-04-19

Penggunaan seluler tumbuh pada tingkat yang luar biasa, dan satu hal yang jelas: abaikan saja dan Anda akan kehilangan pengunjung.

Pengguna seluler sekarang melebihi jumlah mereka yang mengakses Internet melalui desktop mereka, tetapi pengguna seluler dan pengguna desktop adalah binatang yang sangat berbeda. Pengguna seluler, yah, seluler. Artinya, mereka mencari kepuasan instan, apakah itu untuk menelusuri toko Anda, membeli layanan Anda, mencari tahu beberapa informasi, atau membaca berita. Waktu adalah esensi; jika mereka tidak dapat segera menemukan apa yang mereka inginkan, mereka akan menghilang ke situs web pesaing utama Anda.

Untuk alasan ini, sangat penting bagi desainer untuk bekerja dengan mentalitas mobile-first untuk memberikan pengalaman terbaik bagi pengguna ponsel mereka.

Dan navigasi adalah inti dari pencapaian pengalaman pengguna seluler yang lancar.

Navigasi seluler

Navigasi seluler harus intuitif, mudah diakses, dan, dengan real estat premium, seharusnya tidak memakan terlalu banyak ruang layar. Kesederhanaan adalah nama permainan di sini. Sementara delapan titik navigasi mungkin dapat diterima dengan sempurna untuk desktop, itu berlebihan pada ponsel – ini akan mengacaukan layar dan membingungkan pengguna akhir.

praktik-terbaik-navigasi-seluler-kekacauan

Namun, sebagian besar pengguna seluler bermigrasi ke seluler dari desktop mereka, dan mereka masih mengharapkan standar tertentu dalam hal navigasi dan tampilan situs. Dengan kata lain, Anda tidak ingin mengacaukan harapan mereka terlalu banyak. Meskipun navigasi seluler umumnya akan berbeda dari yang ditemukan di situs desktop, navigasi tersebut harus meniru konvensi dasar.

Berikut adalah tujuh tip praktik terbaik untuk navigasi seluler yang efektif.

1. Buat menu tetap singkat dan manis

“Ketika datang ke menu di situs web seluler, lebih sedikit sebenarnya lebih banyak. ” Jika Anda membebani opsi menu, pengguna akan dihadapkan dengan kelumpuhan keputusan saat mereka mencoba memutuskan opsi mana yang mereka butuhkan. Ingat, mereka mengejar informasi instan. Jika mereka harus menelusuri banyak opsi, mereka akan menghilang begitu saja untuk mencari situs yang dirancang lebih baik. Jadi pastikan menu Anda pendek dan manis.

Pengecualian untuk ini adalah toko eCommerce, karena pengguna menginginkan akses cepat dan mudah ke berbagai kategori pembelian. Tetapi meskipun Anda tidak dapat mengurangi kategori produk, ada argumen untuk menghapus beberapa halaman standar – seperti beranda, kontak, dan tentang – dari menu seluler, karena pengguna akan memprioritaskan belanja.

praktik terbaik-menu-navigasi seluler

2. Sertakan tombol pencarian yang menonjol

Kesederhanaan dan minimalis adalah kata kunci dalam desain ponsel. Tetapi dengan ruang yang berkurang dan menu yang pendek, ada bahaya bahwa pengguna mungkin tidak dapat menemukan apa yang mereka inginkan dengan cepat. Untuk alasan ini, memiliki tombol pencarian yang menonjol, dalam bentuk ikon kaca tampak, sangat penting.

Idealnya, Anda ingin menempatkan ikon pencarian di bagian atas layar sehingga jika pengguna membuka situs Anda mencari informasi tertentu, mereka dapat mencari dan menemukan apa yang mereka inginkan dengan sedikit kerumitan.

3. Pastikan mudah untuk kembali ke beranda

Satu konvensi yang akrab bagi semua pengguna Internet adalah konsep beranda, dan ini sama pentingnya untuk seluler. Sangat mudah untuk mendarat di sebuah situs, mengikuti beberapa klik, dan tiba-tiba kehilangan jejak di mana Anda berada, atau menerima panggilan telepon dan melupakan apa yang Anda lakukan saat kembali menjelajah. Ikon beranda adalah pemandangan yang akrab bagi semua pengguna dan memberi mereka cara mudah untuk kembali ke beranda.

Beranda juga merupakan titik referensi yang berguna. Itu harus memiliki ikhtisar tentang informasi yang paling berguna di situs Anda, sehingga pengguna dapat mengarahkan ulang diri mereka sendiri dan langsung menemukan konten yang paling penting.

4. Buat CTA jelas

Setiap halaman di situs web Anda harus memiliki ajakan bertindak, memperjelas apa yang Anda ingin pengunjung Anda lakukan setelah tiba di sana. Dalam lingkungan penjelajahan seluler yang diminimalkan, ajakan bertindak Anda harus ditekankan setiap saat.

Ikuti konvensi dasar untuk CTA – warna yang jelas dan kontras, teks yang khas dan persuasif, dan pastikan mereka menonjol secara visual – dan letakkan di depan dan di tengah, di tempat yang tidak dapat dilewatkan.

Jika Anda memiliki toko eCommerce, pertimbangkan untuk menambahkan tombol 'Tambahkan ke Keranjang' atau 'Beli' sebagai tombol tempel, sehingga tombol tersebut selalu ada di halaman saat pengguna menggulir.

5. Pertimbangkan apakah Anda memerlukan ikon berbagi

Ini mungkin tampak seperti no-brainer; lagi pula, penggunaan media sosial di perangkat seluler berada pada titik tertinggi sepanjang masa, dengan lebih dari setengah miliar orang menggunakan Facebook hanya di ponsel mereka. Namun sebuah studi baru-baru ini oleh Moovweb mengungkapkan bahwa hanya 0,2 persen pengguna seluler yang pernah mengklik tombol berbagi seluler, yang 35 persen lebih sedikit daripada yang mereka lakukan di desktop. Memang, penelitian menunjukkan bahwa pengguna ponsel 11,5 kali lebih mungkin untuk mengklik iklan daripada berbagi konten melalui ponsel mereka.

Studi tersebut juga mengungkapkan bahwa jika Anda ingin menerapkan berbagi sosial sebagai bagian dari kampanye pemasaran Anda, Facebook adalah jaringan utama yang menjadi target. Untuk mendapatkan peluang sukses sebaik mungkin, selain menyertakan ikon berbagi yang telah dioptimalkan untuk seluler, Anda harus menyertakan CTA yang meminta pengguna Anda untuk membagikan informasi, dan bahkan mungkin menawarkan semacam insentif.

ikon-praktik-terbaik-navigasi-seluler

6. Pertahankan promosi seminimal mungkin

Seperti yang disebutkan dalam survei di atas, pengguna seluler lebih cenderung mengeklik iklan daripada berbagi informasi dari perangkat seluler mereka. Tetapi itu tidak berarti Anda harus mengotori situs web seluler Anda dengan iklan.

Sebaliknya, dengan real estat dengan harga premium di layar seluler, mengacaukan layar dengan iklan adalah cara yang pasti untuk memastikan pengunjung Anda pergi dengan meringis. Promosi, baik iklan Anda sendiri atau iklan berbayar di situs Anda, dapat dengan mudah memenuhi bahkan konten terbaik dan informasi terpenting di layar, dan membuat navigasi menjadi sulit bagi pengguna. Jika Anda ingin menyertakan promosi dan iklan, berhati-hatilah agar tidak mengambil alih.

7. Jadikan situs ramah sentuhan

Terakhir, pastikan tindakan navigasi sederhana bagi pengguna Anda dengan memastikan situs seluler Anda ramah sentuhan. Ingat, alih-alih mouse yang presisi, pengguna akan menggunakan jari mereka yang lebih besar, agak kikuk, untuk navigasi. Desain Anda harus menyertakan banyak ruang putih, dan tautan Anda harus jelas dan mudah diketuk dengan jari – ukuran targetnya adalah 44px kali 44px.

Selain itu, hindari efek yang tidak dapat diterjemahkan dengan baik ke perangkat seluler, seperti efek hover, dan coba hindari penggunaan pesan pop-up – efek tersebut cukup mengganggu di desktop, tetapi bisa sangat merepotkan untuk dinavigasi di situs seluler.

praktik terbaik-navigasi seluler-ramah-sentuh

Tidak dapat disangkal bahwa seluler itu besar, dan sangat penting bagi semua pemilik situs web. Pastikan Anda mengetahui tujuan utama klien Anda, dan merancang dengan presisi dan tujuan, menggunakan pandangan minimalis dan mentalitas mobile-first. Anda tidak ingin membanjiri pengguna dengan pilihan dan gangguan yang dapat melumpuhkan dan mengusir mereka.

Anda bertujuan untuk navigasi yang mulus dan intuitif, untuk meningkatkan pengalaman pengguna pengunjung. “Dengan pengalaman pengguna terbaik, situs ini akan menarik lebih banyak pengunjung dan menghasilkan lebih banyak konversi. ”

Kiat dan trik apa yang Anda gunakan untuk navigasi seluler yang intuitif dan mulus? Apakah kita melewatkan sesuatu yang penting? Beritahu kami di bawah ini!