5 Kesalahan Navigasi Web yang Membebani Konversi Anda

Jika pengunjung tidak dapat menemukannya, maka itu tidak ada.

Pemasar web sering terlalu terjebak dalam estetika situs web sehingga mereka lupa untuk memudahkan pengguna menemukan apa yang mereka butuhkan.

Tentu, tampilan dan nuansa modern dan profesional sangat penting untuk mendapatkan kepercayaan pengunjung web. Namun, desain web harus mendukung tugas pengguna dan tidak merusak kegunaan dan kemampuan untuk ditemukan.

Berikut adalah beberapa kesalahan umum yang menghalangi pengguna menavigasi situs Anda secara efisien:

1. Navigasi Tersembunyi di Layar Besar

Pada perangkat seluler tempat Anda memiliki real estat layar kecil untuk digunakan, boleh saja menyembunyikan navigasi di bawah menu (biasanya ikon hamburger). Namun, itu tidak masuk akal, di desktop yang memiliki banyak ruang untuk menampilkan opsi navigasi.

Contoh: WhySoCool.com

Sebuah studi yang dilakukan oleh Nielsen Norman Group dan WhatUsersDo menunjukkan bahwa, dibandingkan dengan navigasi yang terlihat atau sebagian tersembunyi, navigasi tersembunyi adalah …

• digunakan lebih sedikit dan digunakan nanti dalam tugas (jika orang tersebut menggunakannya) di seluler dan desktop
• lebih cenderung digunakan di seluler daripada di desktop – Ini bisa jadi karena …
  • pada layar yang lebih kecil, ikon menu lebih terlihat
  • navigasi tersembunyi adalah norma di ponsel
  • waktu muat lebih lambat di seluler, dan orang-orang lebih suka menggunakan menu daripada menggulir untuk menemukan apa yang mereka butuhkan (karena biasanya ada lebih sedikit konten di paro atas)

Studi ini juga mengungkapkan bahwa pengalaman pengguna dipengaruhi secara negatif oleh navigasi tersembunyi di seluler dan desktop:

• Kemampuan menemukan konten lebih rendah
• Peringkat kesulitan lebih tinggi
• Waktu mengerjakan tugas lebih lama

Jadi, buka opsi navigasi tingkat atas di desktop. Menyembunyikannya di bawah menu tidak membantu pengguna atau konversi situs Anda, terlepas dari popularitas "utamakan seluler".

2. Bawahan Palsu

Ketika tidak segera jelas bagi pengguna bahwa ada lebih banyak konten di luar titik tertentu , Anda memiliki masalah 'false bottom'.

Berikut adalah beberapa penyebab orang-orang yang percaya bahwa mereka telah mencapai akhir konten dan, oleh karena itu, mengalami kesulitan menemukan apa yang mereka butuhkan:

Gambar atau grafik besar yang memenuhi seluruh layar

Tembakan pahlawan terkenal karena memonopoli real estat paruh atas utama dan menekan elemen penting lainnya seperti simbol kepercayaan dan titik masuk yang jelas untuk segmen pelanggan yang berbeda. Selain itu, ketika gambar memenuhi seluruh layar, bagian bawah gambar juga bisa disalahartikan sebagai bagian bawah halaman.

Contoh: NhoraOsorio.com

Jika Anda benar-benar harus memiliki layar penuh gambar atau grafik, setidaknya memiliki petunjuk arah yang eksplisit .

WeAreMinimal.com, misalnya, sengaja menggunakan gerakan, dalam bentuk panah yang memantul, untuk menarik perhatian pengguna dan memberi sinyal bahwa ada lebih banyak lagi di paruh bawah.

Contoh: WeAreMinimal.com

Garis Horisontal

Secara umum, garis dan aturan horizontal ditafsirkan oleh otak sebagai tanda berhenti.

Berhati-hatilah saat menempatkan garis horizontal yang membentang di seluruh lebar halaman di antara bagian konten. Mereka dapat mencegah pengguna menjelajahi lebih jauh. Pengguna mungkin tidak menyadari bahwa pemisah menandakan akhir bagian dan bukan halaman.

Contoh: StudioRakelShop.com

Iklan yang merusak aliran konten

Iklan besar, yang membuat apa pun yang ada di bawahnya sulit dilihat, juga bisa disalahartikan sebagai akhir konten.

Cosmopolitan.com tampaknya menyadari masalah ini dan mencoba meringankannya dengan melabeli iklan dan mengarahkan pengguna ke 'Lanjutkan Membaca Di Bawah.'

Contoh: Cosmopolitan.com

Terlalu sering menggunakan ruang negatif

Ruang negatif membantu menciptakan penekanan visual dan hierarki pada halaman. Namun, terlalu banyak ruang negatif di antara elemen konten dapat diartikan 'tidak ada lagi yang bisa dilihat.'

Masalahnya lebih buruk pada layar kecil di mana kesenjangan antara elemen menjadi lebih jelas, membuat konten lebih jauh ke bawah halaman bahkan kurang dapat ditemukan.

Contoh: ShopGraceGow.com

3. Kurangnya Penanda Keterjangkauan

Salah satu alasan pengguna gagal menemukan apa yang seharusnya mereka lakukan selanjutnya adalah kurangnya penanda keterjangkauan. Kurangnya isyarat visual untuk menandakan elemen mana yang dapat berinteraksi dengan hasil dalam ketidakpastian klik – pengguna mengarahkan kursor ke item yang berbeda pada halaman untuk mengidentifikasi mana yang dapat diklik.

Di badan beranda BHLDN.com, misalnya, item yang dapat diklik tidak mencolok. Laman menggunakan panah untuk menandakan bahwa Anda dapat berinteraksi dengan elemen, tetapi elemen yang dapat diklik tidak menyerupai elemen yang dapat diklik seperti tombol.

Sebagai gantinya, Anda mendapatkan label acak yang dapat diklik, label yang tidak dapat diklik, dan tidak ada cara yang baik untuk membedakan keduanya.

Contoh: BHLDN.com

4. Label Navigasi Tidak Jelas

Label adalah rambu lalu lintas situs Anda – jika membingungkan, pengguna akan tersesat.

Pastikan label Anda jelas dan tepat. Mereka harus dapat memberi tahu pengguna apa yang terjadi ketika mereka mengklik elemen navigasi.

Versi lama dari halaman rumah Teforia.com, misalnya, memiliki 'Tea Transformed' sebagai ajakan bertindak (CTA). Itu adalah label bebas konten – label ini tidak benar-benar mengomunikasikan apa pun tentang apa yang dapat diharapkan pengguna jika mereka mengkliknya.

GorillaMovers.com, di sisi lain, memiliki opsi navigasi tingkat atas yang tidak jelas. Ada 'Beli', tapi tidak jelas apa yang bisa dibeli; dan ada 'Lamar dengan kami' yang bisa berarti 'lamar dengan kami untuk mendapatkan penawaran' atau 'lamar dengan kami untuk mendapatkan pekerjaan.'

Contoh: GorillaMovers.com

5. Penyimpangan dari Konvensi Web

Otak manusia sangat bergantung pada jalan pintas. Jika situs web Anda tidak cocok dengan model mental pengguna tentang bagaimana situs web seharusnya bekerja, Anda akan membuat navigasi menjadi lebih sulit daripada nilainya bagi banyak pengunjung.

Berikut adalah beberapa contoh pola desain yang diharapkan pengguna di halaman web:

Penempatan Logo

Ketika pengguna web mendarat di halaman, mereka biasanya mendapatkan orientasi tentang di mana mereka berada di web dengan melihat di kiri atas halaman untuk logo perusahaan. Logo juga secara tradisional merupakan elemen yang dapat diklik yang memungkinkan pengguna untuk dengan mudah menavigasi ke halaman beranda.

Jadi, berhati-hatilah menempatkan logo di tengah atau pojok kanan atas halaman. Ini mungkin berfungsi pada layar yang lebih kecil di mana jarak antara sudut kiri dan sudut kanan dapat diabaikan. Namun, pada layar yang lebih besar, ini dapat mempengaruhi efisiensi pengguna dalam menavigasi ke halaman beranda.

Warna Hyperlink Tubuh

Orang menghabiskan sebagian besar waktu mereka di situs lain, dan di situs lain, hyperlink di badan halaman biasanya diidentifikasi dengan warna sehingga tidak menyatu.

Anda dapat menggunakan warna apa saja, asalkan muncul dan tidak digunakan pada teks lain di halaman. Dengan begitu, pengguna dapat segera mengidentifikasi hyperlink. Yang mengatakan, taruhan terbaik Anda adalah warna biru, karena pengguna web telah dikondisikan untuk mengasosiasikan warna itu dengan hyperlink.

Menyatukan Semuanya

Mendapatkan navigasi yang benar bisa menjadi rumit ketika Anda memiliki dunia multi-perangkat, multi-saluran. Yang mengatakan, hanya mendapatkan dasar-dasarnya bisa membuat Anda cukup jauh.

Jika Anda menahan diri dari membuat dasar palsu, mengikuti konvensi web, menghindari menyembunyikan bilah navigasi di desktop dan laptop, menunjukkan penanda yang memberi tahu pengunjung item mana yang dapat diklik, dan memberi label opsi navigasi Anda dengan jelas, Anda akan menyebabkan lebih sedikit pengunjung pergi tanpa melakukan apa pun .