Cara Meningkatkan UX Seluler: 11 Strategi Efektif

Mengapa Anda Harus Fokus pada Pengguna Seluler

Anda memiliki situs web yang ramah seluler, bukan? Apakah Anda terus memperbaruinya dengan konten yang relevan dan mengikuti pedoman SEO terbaru? Tentu saja! Dan saya yakin ini memberikan pengalaman pengguna yang luar biasa di desktop atau laptop Anda.

Tetapi apakah itu mengonversi di perangkat seluler? Karena penggunaan internet seluler telah meledak selama bertahun-tahun, pengalaman pengguna seluler Anda (atau Mobile UX) harus mendapat perhatian sebanyak pengalaman pengguna situs web desktop Anda.

Pada tahun 2022, hingga 70 persen lalu lintas web berasal dari perangkat seluler — TECHJURY

Apakah Anda tahu cara meningkatkan UX seluler? Sayangnya, sebagian besar pengalaman seluler mengalami UX yang buruk karena satu alasan sederhana: pembuatnya gagal mematuhi praktik, standar, dan konvensi desain UX seluler terbaik.

Karena Google semakin memberi peringkat pada situs Anda berdasarkan versi seluler Anda, meningkatkan pengalaman pengguna seluler Anda menjadi semakin penting. Dalam posting ini, saya ingin membagikan 11 strategi praktis untuk meningkatkan pengalaman pengguna (UX) situs web seluler Anda.

Meskipun semua hal yang disebutkan dalam posting ini juga berlaku untuk tablet, saya memikirkan smartphone saat menulis posting ini. Namun, pada tahun 2022, Anda tidak hanya harus mengingat ponsel cerdas karena banyak perangkat lain dapat menggunakan konten Anda. Beberapa dari Anda bahkan mungkin membaca posting ini di jam tangan pintar Anda.

Cara Meningkatkan UX Seluler

1. Gunakan Desain Berbasis Tugas

Pertanyaan: Apa alasan utama pengguna mengunjungi situs web Anda?

Rancang situs web seluler Anda dan strukturnya dengan mempertimbangkan pengguna — tanpa melupakan SEO seluler. Pengunjung Anda menggunakan ponsel mereka. Mungkin mereka sedang dalam perjalanan ke apa pun dan perlu memeriksa sesuatu di situs web Anda. Apa itu? Pikirkan sejenak tentang hal-hal yang dilakukan pengunjung di situs web Anda (periksa Google Analytics, gunakan akal sehat tentang bisnis Anda, atau lakukan pengujian yang tepat). Kemudian, putuskan tugas teratas untuk situs web seluler Anda.

Tugas teratas adalah serangkaian tugas kecil (biasanya kurang dari sepuluh, seringkali kurang dari lima) yang paling penting bagi pengunjung Anda. Ini adalah tugas penting yang diharapkan pengguna untuk dilakukan di situs Anda. Optimalkan situs seluler Anda sehingga tugas ini dapat diakses dengan semudah mungkin.

Tujuan utama situs web Anda adalah membantu pengunjung menyelesaikan sesuatu. Jika seseorang menemukan situs web Anda dan mulai menjelajahinya, pastikan mereka dapat dengan mudah menemukan dan menyelesaikan apa yang ingin mereka lakukan. Mungkin ada banyak aplikasi di ponsel mereka yang biasa mereka gunakan. Berada di perangkat seluler mungkin mempersulit pengguna untuk fokus. Gangguan ada di mana-mana, tidak hanya di telepon. Rancang UX seluler Anda untuk memastikan mereka menyelesaikan sesuatu sebelum beralih ke aplikasi lain.

2. Tetap Sederhana

Anda mungkin berpikir situs desktop Anda terlihat fantastis dengan gambar pahlawan dan teks besar. Tetapi di situs web seluler Anda, pengguna akan merasakan efeknya secara berbeda. Fokusnya akan berkurang. Situs web Anda tidak harus hitam putih saja, tetapi latar belakang putih sederhana, huruf hitam, dan satu atau mungkin dua warna pendukung sudah cukup untuk UX seluler yang lebih baik.

Pastikan situs seluler dan situs desktop Anda menawarkan pengalaman pengguna yang sama. Konsistensi berlaku untuk konten dan juga harus diterapkan pada desain. Plus, hari ini, saat mengevaluasi situs Anda, Anda harus selalu melihatnya dari perspektif seluler. Jadi, jika Anda pernah memulai proyek desain ulang untuk situs Anda — pastikan itu adalah yang pertama untuk seluler.

Menurunkan segalanya juga berlaku untuk animasi Anda dan interaksi mikro lainnya. Setiap bagian JavaScript yang tidak penting yang Anda tambahkan ke situs Anda membuatnya lebih sulit untuk dimuat dan dijalankan. Selain itu, animasi tidak selalu masuk akal di situs seluler. Jadi, jaga agar situs Anda tetap ramping dan kejam!

3. Optimalkan untuk Kecepatan

Menjaga situs seluler Anda sesederhana mungkin juga akan membantu Anda meningkatkan kecepatan pemuatan halaman di perangkat seluler. Kecepatan halaman adalah kontributor signifikan untuk pengalaman pengguna seluler. Ada banyak alat untuk memeriksa kecepatan situs. Seringkali, ada beberapa hal yang dapat Anda lakukan untuk mengoptimalkan kecepatan halaman.

Kecepatan situs juga menjadi topik hangat di Google. Pada tahun 2021, mesin pencari mengumumkan serangkaian metrik baru yang disebut Core Web Vitals. Metrik ini memberikan wawasan Google untuk faktor peringkat baru: Pengalaman Halaman. Pada tahun 2022, pengguna akan menilai situs seluler berdasarkan pengalaman yang mereka tawarkan kepada pengguna. Dan, Anda dapat menebaknya, kecepatan situs adalah salah satu faktor tersebut.

Salah satu hal termudah dan paling efektif yang dapat Anda lakukan adalah mengoptimalkan gambar Anda untuk SEO dan pengalaman pengguna. Ada beberapa alat untuk membantu Anda dengan itu. Saya suka Imagify, tetapi Smush dan Short Pixel adalah alternatif yang layak.

Selain itu, Anda harus menggabungkan dan mengecilkan file CSS dan JavaScript yang dimuat. Semakin sedikit koneksi yang diperlukan ke server, semakin cepat situs web Anda, dan pengalaman pengguna seluler menjadi lebih baik. Namun, langkah ini dapat merusak situs web Anda, dan Anda harus membiarkan perancang web profesional membantu Anda.

Tentu saja, Anda juga harus menggunakan hosting premium, karena itu sering kali menjadi kemenangan cepat bagi banyak situs.

4. Gunakan Tombol yang Dapat Diklik

Ini sangat jelas, namun masih menimbulkan kekhawatiran. Pengunjung menelusuri situs web seluler menggunakan jari dan ibu jari, dan tombol tidak selalu menyediakan ruang yang cukup untuk menekannya dengan cepat. Anda dapat menemukannya di bawah Target Ketuk yang Dapat Diakses di dokumentasi pengembang Google. Dan kita harus bisa mengklik elemen dengan ibu jari itu.

Dalam artikel Google yang ditautkan di atas, Anda dapat menemukan nomor untuk target ketuk itu:

Ukuran target sentuh minimum yang disarankan adalah sekitar 48 piksel yang tidak bergantung pada perangkat di situs dengan area pandang seluler yang disetel dengan benar. Misalnya, meskipun ikon mungkin hanya memiliki lebar dan tinggi 24 piksel, Anda dapat menggunakan bantalan tambahan untuk meningkatkan ukuran target ketuk hingga 48 piksel. Area 48x48 piksel setara dengan sekitar 9mm, yang kira-kira seukuran area bantalan jari seseorang.

Selain itu, ahli kegunaan di Nielsen menemukan bahwa target sentuh di ponsel harus memiliki ukuran render minimal 1 cm x 1 cm untuk mencegah kesalahan dan frustrasi. Terkait dengan area tekan tombol adalah elemen sentuh yang seringkali terlalu berdekatan — sesuatu yang juga dijelaskan Nielsen dalam artikel penelitian itu. Misalnya, tidak ada gunanya mengeklik tautan dan berakhir di tempat lain karena tautan di sebelahnya terlalu dekat dengan tautan yang Anda inginkan.

5. Fokus pada Zona Jempol Seluler

Saat ukuran layar meningkat, istilah "zona ibu jari seluler" tiba-tiba menjadi penting bagi desainer vernakular. Kebanyakan orang memegang perangkat seluler mereka sendirian dan menggunakan ibu jari mereka untuk menavigasi situs.

Secara alami, antarmuka pengguna seluler harus menyediakan sebagian besar elemen yang dapat diklik dan tombol navigasi penting dalam jangkauan ibu jari yang nyaman. Oleh karena itu, zona nyaman yang dapat dijangkau di sekitar ibu jari pengguna ini dianggap sebagai zona ibu jari seluler.

Itu berarti Anda perlu mengoptimalkan pengalaman situs seluler Anda untuk "zona jempol" — area layar ponsel yang dapat diakses dengan mudah menggunakan jempol saat seseorang memegang ponsel dengan satu tangan.

Intinya, letakkan interaksi utama di depan dan tengah (area layar yang mudah dijangkau) dan interaksi yang kurang penting di tepi layar atas dan bawah. Perlu diingat bahwa ketika ukuran layar meningkat, zona ibu jari berkurang.

6. Tambahkan Menu Sederhana dan Opsi Pencarian

Salah satu elemen utama UX seluler adalah pencarian. Anda harus dapat mencari pada saat itu juga. Jadi opsi pencarian harus selalu tersedia saat membaca halaman saat mengklik halaman lain. Masalahnya adalah meskipun kami berusaha untuk menyajikan situs web yang paling lugas, akan selalu ada elemen yang tidak cocok dengan mudah. Jadi untuk semua konten itu, ada baiknya menggunakan opsi pencarian seluler.

Jika Anda seorang pialang real estat atau menjual pakaian secara online, opsi pencarian itu mungkin juga menjadi elemen penting di beranda seluler Anda. Jadi tolong tunjukkan opsi pencarian itu di area konten dalam kasus itu, dan buat itu tersedia melalui bilah menu di halaman lain.

Satu hal lagi tentang UX seluler yang terkait dengan pencarian: memiliki opsi adalah langkah pertama. Pastikan halaman hasil pencarian internal Anda juga terlihat fantastis. Hasilnya harus diurutkan berdasarkan relevansi, misalnya, desktop dan seluler. Pastikan hasil individu dapat dibedakan, jadi tingkatkan pemisahan hasil.

7. Gunakan Pemisah Visual

Kurangnya pemisahan tidak berarti Anda harus menggunakan semua jenis pemisah di situs web seluler Anda. Pembagi mengambil ruang, dan itu akan berdampak negatif pada UX seluler.

Pikirkan cara untuk menata elemen sehingga semuanya terlihat seperti bagian yang terpisah, tanpa perlu pemisah. Gunakan batas, spasi, judul, dll. Anda dapat melakukan banyak hal untuk meningkatkan UX seluler tanpa menambahkan elemen garis yang menghabiskan ruang. Tentu saja, tidak ada aturan untuk tidak menggunakannya. Pastikan mereka cocok dan tidak mengalihkan pengguna dari melakukan tugas mereka.

8. Gunakan Formulir Pendek

Seperti pada situs web desktop Anda, situs seluler Anda dapat atau seharusnya bertujuan untuk konversi. Misalnya, pengunjung berniat membeli produk atau mendapatkan penawaran untuk layanan Anda. Berlangganan buletin Anda atau sekadar mengisi formulir kontak adalah semua tindakan yang memerlukan masukan pengguna. Di ponsel, formulir multi-halaman merusak UX seluler. Pengguna mungkin mengisi ini, tetapi meminta banyak. Terus terang, saya tidak terlalu menyukai formulir multi-halaman di desktop atau laptop.

Anda ingin membuat formulir sesingkat mungkin untuk UX seluler yang optimal. Hapus semua hal yang ingin Anda tanyakan tetapi tidak perlu:

• Buletin? Hanya alamat email (dengan kolom input <input type="email">).
• Mengutip? Nama belakang dan alamat email.
• Toko? Pengiriman, faktur, dan alamat email. Poin bonus untuk opsi menyalin alamat pengiriman ke alamat faktur.

Namun, pastikan Anda mengikuti pedoman GDPR!

9. Batasi Ukuran Font

Tipografi dapat membuat atau menghancurkan situs web seluler. Tidak hanya jenis font yang Anda pilih yang penting, tetapi ukuran font tersebut juga. Sayangnya, Anda tidak bisa hanya menggunakan semua ukuran font desktop di situs web seluler Anda. Ada dua alasan untuk itu:

1. Ukuran layar ponsel. Anda tidak ingin judul memenuhi layar; Anda ingin memastikan artikel dimulai dalam tampilan pertama halaman. Anda juga tidak ingin font dasar (seperti font paragraf Anda) terlalu kecil untuk dibaca tanpa harus mencubit dan memperbesar.
2. Mobile UX menderita saat menggunakan lebih dari tiga ukuran font. Perbedaan ukuran akan jauh lebih terlihat. Anda harus membatasi jumlah ukuran font menjadi dua, mungkin tiga.

Tes ramah seluler Google bahkan memeriksa apakah Anda menggunakan ukuran font yang disarankan. Tentu saja, ini sebagian besar berlaku untuk font body, tapi tetap saja.

10. Batasi Iklan dan Pop-up

Banyak situs menggunakan iklan untuk menghasilkan sedikit uang, dan itu tidak masalah. Tetapi Anda tidak boleh menakut-nakuti pengguna dengan pop-up yang mengganggu dan banyak iklan pihak ketiga. Anda tidak menghormati pengguna ketika hal pertama yang Anda biarkan mereka alami adalah formulir pendaftaran untuk buletin Anda. Pastikan konten utama Anda dimuat sebelum memperkenalkan iklan dan CTA Anda.

Plus, pertahankan agar iklan tetap menarik dan lembut. Anda ingin membangun koneksi dan membentuk hubungan dengan pengguna, dan itu tidak terjadi ketika Anda mem-flash BELI BARANG SAYA SEKARANG di hadapan mereka begitu mereka masuk ke situs seluler Anda. Iklan yang terlalu agresif menciptakan pengalaman pengguna yang buruk.

11. Uji UX Seluler Anda. Ulang!

Saat menyajikan situs web seluler kepada pengunjung, Anda perlu menguji setiap perubahan di situs desktop dan versi seluler situs Anda. Itulah satu-satunya cara untuk memastikan situs web seluler Anda selalu mutakhir. Jadi, pastikan untuk menguji situs seluler Anda berulang kali.

Manfaat Meningkatkan UX Seluler

Era seluler ada di depan kita dan meningkatkan UX pada perangkat seluler sama pentingnya dengan meningkatkannya untuk pengguna desktop. Tentu saja, ini membutuhkan banyak pekerjaan, tetapi manfaat akhir dari pengguna yang lebih bahagia, peningkatan peringkat pencarian, dan peningkatan pendapatan membuat semuanya berharga.

Namun, meningkatkan UX seluler bukan tentang membuat segala sesuatunya terlihat sama atau bahkan mirip. Ini tentang membuat segala sesuatunya berjalan lebih baik dan menurunkan hambatan untuk adopsi. Setelah menguasai praktik terbaik, desainer dan pengembang dapat berinovasi dan bercabang untuk membuat desain unik yang membengkokkan atau melanggar aturan.

Memberikan pengalaman pengguna seluler sebaik mungkin adalah cara terbaik untuk mendorong pengunjung situs bahwa perusahaan Anda sebenarnya adalah pilihan yang tepat.

Sebagian besar tren dan tip yang telah saya bahas di sini mudah diterapkan dan tidak memerlukan banyak sumber daya atau usaha, sementara beberapa mungkin memerlukan desain ulang yang lebih menyeluruh.

Dengan meningkatkan UX seluler, Anda membuat pernyataan yang jelas bahwa Anda peduli dengan jenis pengalaman yang dimiliki pengguna dengan bisnis Anda, dan ini adalah pesan merek terbaik yang dapat Anda sampaikan. Kami di sini untuk membantu!

Apakah Anda Tidak Yakin Bagaimana Meningkatkan UX Seluler?

Meningkatkan UX seluler sangat penting untuk memberikan pengalaman pengguna sebaik mungkin. Kegunaan sangat penting jika Anda ingin menarik dan melibatkan konsumen seluler yang semakin menuntut.

Apakah Anda ingin meningkatkan UX seluler untuk kehadiran online Anda? Tim desainer profesional kami akan dengan senang hati membantu Anda dalam hal ini. Namun, pertama-tama, lihat portofolio kami dan baca studi kasus kami.

Kemudian, jika Anda yakin kami cocok untuk kebutuhan desain seluler Anda, mari kita bicara! Kami menawarkan berbagai solusi konsultasi dan desain untuk bisnis dan merek produk.

Jika Anda tidak yakin bagaimana meningkatkan UX seluler menguntungkan bisnis atau merek produk Anda, kami dapat membantu! Tim kami akan mendengarkan kekhawatiran Anda, mengevaluasi kebutuhan Anda, dan mengembangkan daftar hal-hal yang Anda perlukan untuk meningkatkan UX dan kegunaan seluler.

Apakah Anda Meningkatkan UX Seluler di Situs Web Anda?

Apakah Anda mencoba saran saya untuk meningkatkan UX seluler? Yang mana yang Anda coba, dan hasil seperti apa yang Anda capai? Apakah Anda memiliki tips atau ide lain tentang cara meningkatkan UX seluler?

Jangan ragu untuk berkomentar di bawah agar audiens kami dapat mengambil manfaat dan mengambil umpan kami agar Anda tidak ketinggalan posting kami berikutnya! Dan jangan ragu untuk membagikan postingan kami dengan audiens Anda!

Terima kasih! Kami menghargai bantuan Anda untuk mengakhiri situs web bisnis yang buruk, satu per satu!

Oleh Gregor Saita
Co-Founder / CXO
@gregorsaita