Cara Mengurangi Gesekan dalam Desain Web

Diterbitkan: 2018-02-22

Dalam hal pengalaman pengguna, gesekan adalah segala sesuatu yang mencegah pengguna Anda mencapai tujuan mereka. Gesekan menghadirkan masalah besar bagi pengguna dan desainer karena mengurangi konversi, meningkatkan rasio pentalan, dan menyebabkan pengguna mengabaikan tugas mereka. Dengan kata lain, ia melakukan kebalikan dari situs web yang bagus.

Gesekan dalam pengalaman pengguna Anda akan berdampak buruk pada setiap interaksi pengguna, sehingga antarmuka yang dirancang paling baik pun sulit digunakan. Di sisi lain, pengalaman situs web tanpa gesekan menciptakan interaksi pengguna yang mulus dan terurai secara alami.

Mengurangi gesekan situs web Anda dapat menghasilkan interaksi yang lebih berkualitas tanpa komplikasi. Membersihkan situs web Anda akan meningkatkan konversi dan mendorong pengguna untuk tetap berada di situs Anda lebih lama, meningkatkan kemungkinan mereka akan mengambil tindakan. Berikut cara melakukannya.

Mengidentifikasi Gesekan di Situs Web Anda

Gesekan bisa datang dalam berbagai bentuk. Beberapa orang mendefinisikan gesekan sebagai sesuatu yang harus diatasi pengguna untuk menggunakan situs Anda (contohnya termasuk waktu pemuatan yang lambat atau navigasi yang buruk). Yang lain menggunakan istilah gesekan untuk menggambarkan sesuatu yang tidak dibutuhkan atau berlebihan tentang sebuah antarmuka. Yang lain lagi menyamakan gesekan dengan "beban kognitif," atau apa pun yang mengharuskan pengguna untuk berpikir tetapi tidak seharusnya.

Meskipun pada dasarnya semua ini adalah versi dari hal yang sama, secara umum kita dapat mengidentifikasi gejala gesekan sebagai:

  • Visual yang mengganggu
  • Antarmuka yang secara visual berantakan
  • Inkonsistensi
  • Tindakan dan keputusan yang tidak perlu
  • Fungsi yang membingungkan atau kurang intuitif

Penting juga untuk dipahami bahwa dalam beberapa kasus, gesekan sebenarnya bisa menjadi hal yang baik. Ini berlaku ketika komponen desain gesekan memperlambat pengguna untuk beberapa tujuan. Misalnya, Anda mungkin memasukkan elemen rumit untuk mengambil data atau mencegah pengguna membuat kesalahan dengan konsekuensi yang parah (seperti pengguna menghapus kotak masuk atau akun mereka secara permanen).

Dalam kasus lain, gesekan dapat melayani tujuan pendidikan. Game adalah contoh yang bagus. Dalam permainan, kami menggunakan gesekan untuk menanamkan pembelajaran. Dengan gesekan, kita beralih dari pemula ke ahli sambil tetap menikmati diri kita sendiri. Ini adalah versi virtual dari mengendarai sepeda – melalui trial and error, kami belajar sesuatu yang baru. Tidak ada yang menyukai permainan tanpa gesekan, karena itu tidak akan menyenangkan.

Namun, untuk sebagian besar situs web, Anda ingin membuat pengalaman Anda senyaman mungkin. Gunakan strategi yang terbukti benar ini untuk menciptakan pengalaman pengguna yang ringan:

1. Mulailah dengan Pendekatan Makro

Untuk menciptakan pengalaman pengguna yang lancar, mulailah dengan mempertimbangkan perjalanan pengguna sepenuhnya. Ini akan membantu Anda menentukan di mana gesekan dapat membantu proses pengembangan Anda, dan kapan akan menyulitkan pengguna Anda.

Setiap langkah dalam perjalanan pengguna menghadirkan peluang untuk memengaruhi keberhasilan produk Anda secara keseluruhan. Putuskan kapan gesekan diperlukan untuk mengumpulkan data atau mencegah kesalahan, dan singkirkan semua hambatan lain yang mungkin memengaruhi tingkat respons Anda secara negatif.

2. Minimalkan Langkah yang Diperlukan untuk Mengambil Tindakan

Ada kemungkinan besar Anda dapat mengurangi gesekan dengan memotong beberapa langkah dalam proses pengguna. Contoh terkenal adalah proses kompleks menggunakan fungsi iCal:

  • Klik dua kali tanggal dalam tampilan bulan.
  • Ketik nama acara Anda.
  • Lewati Lokasi.
  • Lewati kotak centang "sepanjang hari".
  • Lewati bulan lalu.
  • Lewati hari yang lalu.
  • Lewati tahun lalu.
  • Masukkan jam acara.
  • Masukkan menit awal acara.
  • Masukkan AM atau PM.

Jika menurut Anda itu membuat stres untuk dilihat, Anda tidak sendirian. Sekarang, bandingkan dengan perjalanan pengguna di fitur kalender Backpack:

  1. Klik dua kali tanggal acara di tampilan bulan Anda.
  2. Ketik nama acara dan waktu mulai.

Bandingkan kedua aplikasi ini bersama-sama, dan mudah untuk melihat mana yang memiliki lebih sedikit gesekan. Dalam beberapa kasus, Anda mungkin memiliki proses yang memerlukan banyak langkah. Jika ini masalahnya, pastikan setiap langkah semudah mungkin. Anda dapat melakukannya dengan menggunakan kotak centang alih-alih memerlukan pengetikan, atau dengan menggabungkan langkah-langkah bila memungkinkan.

3. Ketahuilah bahwa “Sedikit Lebih Banyak”

Tujuan akhir dari sebuah antarmuka adalah untuk membuat segala sesuatunya sesederhana mungkin. Ini membentuk dasar dari praktik terbaik desain web. Dengan menghilangkan yang tidak perlu, kita dapat menyampaikan yang esensial.

Berhati-hatilah untuk memprioritaskan elemen yang memenuhi harapan pengguna, dan singkirkan apa pun yang tidak terlalu diperlukan. Contoh utama dari tindakan ini adalah beranda Google. Hanya ada satu hal yang dapat Anda lakukan, dan ada banyak ruang putih di sekitarnya.

Jangan terlalu terbebani dengan fitur – Anda berisiko membuat hal-hal menjadi rumit dan berbahaya bagi pengguna (yang pada akhirnya berdampak buruk bagi produk Anda).

4. Gunakan Praktik Navigasi yang Baik

Salah satu musuh pengalaman tanpa bobot adalah navigasi yang buruk.

Sayangnya, banyak yang bisa salah saat mendesain navigasi, jadi ini juga merupakan penyebab umum gesekan. Tidak ada pendekatan "satu ukuran untuk semua" untuk navigasi yang jelas, tetapi ada sumber tempat Anda dapat mempelajari apa yang berhasil untuk situs Anda: pengguna Anda.

Pengujian pengguna akan membantu Anda memahami cara orang mengakses konten di situs atau aplikasi Anda dan mengkategorikannya. Gunakan informasi ini untuk memandu dan menyesuaikan praktik navigasi Anda sehingga memenuhi kebutuhan pengguna Anda.

5. Chunking adalah Teman Anda

Setiap mahasiswa psikologi akan ingat bahwa George A. Miller mengemukakan bahwa rata-rata pikiran manusia dapat menyimpan 7 objek dalam memori kerja, plus atau minus 2.

Di sinilah praktik chunking berasal - ini mencegah kelebihan kognitif. Pengorganisasian informasi ke dalam potongan bekerja di sekitar keterbatasan otak manusia dan meningkatkan retensi memori.

Kita dapat menerapkan konsep ini pada desain web dengan memecah tugas-tugas kompleks menjadi tugas-tugas serius yang lebih kecil dan sederhana. Terapkan teknik ini untuk memasukkan formulir dan tugas rumit lainnya untuk mengurangi rasio pentalan Anda dan meningkatkan perhatian pengguna.

6. Jangan Menemukan Kembali Roda

Anda mungkin tergoda untuk melakukan sesuatu yang baru atau inovatif pada situs web Anda. Sebagai orang yang kreatif, wajar bagi desainer web untuk menciptakan sesuatu yang unik. Namun, pengguna lebih suka berinteraksi dengan elemen UI yang sudah dikenal karena mereka dapat menggunakan pengetahuan mereka dari pengalaman sebelumnya.

Setiap kali kami memaksa pengguna untuk mempelajari cara kerja sesuatu yang baru, kami menciptakan lebih banyak gesekan untuk mereka. Pola UI yang dapat diprediksi membantu pengguna memahami sistem dan menyelesaikan tugas. Gunakan standar UI dan UX yang telah ditetapkan sebelumnya sebanyak mungkin. Misalnya, ikon kaca pembesar untuk penelusuran mudah dikenali oleh pengguna dan tidak memerlukan pemikiran ekstra.

7. Tetap Setia dengan Merek Anda

Terakhir, tempatkan diri Anda pada posisi pengguna Anda selama satu menit. Apakah pengunjung tahu tentang Anda dalam waktu 4-6 detik setelah mengunjungi situs Anda? Jika tidak, Anda menciptakan gesekan sejak awal.

Laman landas atau beranda aplikasi Anda harus siap memberikan solusi, memecahkan masalah bagi pengguna, atau membantu pengguna mencapai sasaran mereka. Konsep ini berlaku untuk tata letak, tipografi, grafik, dan lainnya.

Kesimpulan

Situs web atau aplikasi Anda harus sehalus mungkin. Dengan menghapus langkah-langkah yang tidak perlu dan elemen desain yang berantakan, Anda dapat membantu pengguna mencapai tujuan mereka lebih cepat dan mengurangi rasio pentalan situs web Anda.

Gesekan dalam sebuah situs web berkisar dari yang praktis hingga yang estetis. Misalnya, waktu muat yang lambat atau navigasi di bawah standar dapat menyebabkan pengguna meninggalkan situs Anda, sementara kurangnya ruang kosong atau bahkan font yang salah dapat menyebabkan peningkatan beban kognitif. Inilah mengapa penting untuk mempertimbangkan seluruh perjalanan pengguna saat merancang suatu produk.

Dengan mengikuti langkah-langkah yang diuraikan di atas, Anda dapat mengidentifikasi gesekan di situs web Anda dan mengambil langkah-langkah untuk menguranginya. Dengan melakukannya, Anda akan meningkatkan konversi dan menjadi lebih sukses dalam memecahkan masalah pengguna.