Merancang Navigasi Situs Baru - dummies

Selain desain visual, menentukan bagaimana pengguna akan menavigasi situs web adalah salah satu tugas kreatif yang lebih menantang yang akan Anda hadapi sebagai perancang web. Tujuan utamanya adalah membuat orang merasa terkendali terhadap situs dan mampu berkeliling dengan cepat dan efisien. Tidak ada yang lebih buruk dari perasaan pengguna yang hilang di situs Anda.

Untuk membantu orang-orang berkeliling dan tetap berorientasi, skema navigasi Anda harus menjadi peta jalan keseluruhan situs, lengkap dengan tanda "Anda ada di sini".

Navigasi global untuk situs web

Ingat baris yang terkenal dari iklan TV tahun 1970an: "Berapa banyak jilatan yang dibutuhkan untuk sampai ke pusat Pop Tootsie? "Dengan permen, semakin menjilat, semakin baik. Di web, bagaimanapun, sebaliknya adalah benar: Pengguna tidak akan menemukan sesuatu yang lezat saat menavigasi melalui sekumpulan halaman. Tujuan Anda adalah untuk mendapatkan pengguna secepat mungkin ke konten yang mereka inginkan.

Cara terbaik untuk mengurangi jumlah klik adalah memberikan kumpulan navigasi utama, sekunder, dan tersier pada setiap halaman situs. Strategi ini, yang disebut navigasi global, memungkinkan orang untuk menavigasi cepat dari satu bagian utama ke yang berikutnya tanpa perlu menelusuri kembali langkah-langkah apa pun. Selain itu, penting agar kumpulan navigasi ini selalu berada di tempat yang sama dan tidak mengubah apa yang mereka tawarkan (swapping pilihan navigasi masuk dan keluar). Konsistensi ini memberikan jangkar mental bagi pengguna.

Bagian navigasi

Setelah pengguna memilih kategori dari grup navigasi utama, sekunder, atau tersier, mereka dikirim ke sebuah bagian. Dengan asumsi bahwa bagian ini memiliki beberapa tingkat konten di dalamnya, Anda memerlukan cara untuk menavigasiinya. Praktik yang khas adalah mengungkap serangkaian pilihan

navigasi bagian pada halaman. Pilihan ini unik untuk bagian mereka, namun wilayah yang Anda pilih untuk menampilkannya adalah wilayah yang sama yang digunakan untuk menampilkan navigasi bagian untuk area lain di situs ini.

Desain navigasi bagian ini mengungkapkan tingkat pertama halaman di area Produk di situs web.

Desain navigasi bagian ini mengungkapkan halaman tingkat pertama dan kedua di area Produk.

Atau, Anda dapat menampilkan navigasi bagian yang dibuka sepenuhnya. Keuntungannya adalah pengguna dapat dengan cepat melihat semua konten tingkat pertama dan kedua dengan sebuah bagian. Kelemahannya adalah navigasi bisa memakan banyak ruang dan mungkin terlihat berantakan dan luar biasa bagi pengguna.

Bagian navigasi sering ditampilkan sebagai menu drop-down dan juga di halaman itu sendiri.

Biasanya, hanya tingkat pertama halaman yang ditampilkan, tapi

menu flyout dapat memberikan akses cepat ke halaman tingkat dua. Tidak apa-apa ada navigasi bagian yang berlebihan, menunjukkannya di halaman dan memasukkannya sebagai menu drop-down di sistem navigasi global. Meninggalkan jejak remah roti

Jika Hansel dan Gretel bisa menggunakan jejak remah roti untuk menemukan jalan mereka kembali melalui hutan, pikirkan saja remah roti versi digital yang bisa dilakukan pengunjung ke situs Anda.

Roti remah, karena mereka benar-benar disebut di industri perancangan web, adalah tautan teks yang Anda tinggalkan di jejak yang menandai langkah Anda saat Anda melangkah jauh ke dalam bagian. Jejak remah roti ini memberikan cara mudah untuk menelusuri kembali langkah Anda di sebuah situs.

Roti remah sangat membantu untuk menavigasi situs yang memiliki navigasi yang berada lebih dari dua tingkat dalam bagian. Misalnya, jika Anda menggunakan navigasi bagian untuk membuka halaman yang memiliki lebih banyak lagi link di dalamnya, Anda sekarang terjun ke tingkat ketiga atau keempat dari hirarki bagian itu. Tidak praktis menampilkan navigasi tingkat tiga dan keempat di laman. Jadi remah roti hanya bisa merekam langkah Anda dan semakin lama saat Anda menyelam lebih dalam (mudah-mudahan tidak lebih dari empat tingkat atau Anda masuk ke dalam katakombe di situs ini!).

Setiap remah roti-remah menyediakan cara cepat untuk menelusuri kembali langkah Anda kembali ke hierarki. Anda tidak harus mengikuti link secara berurutan; Anda dapat mengeklik tautan mana pun di jalur untuk melompat dengan cepat ke tingkat yang berbeda dalam hierarki. Jejak juga memberi Anda gagasan bagus tentang lokasi Anda berada. Tidak seperti skema navigasi global, Anda tidak bisa melompat ke bagian

yang lain ; Anda hanya bisa melompat kembali ke level dalam bagian. Pikirkan sistem remah roti sebagai tombol Kembali pada steroid pada browser. Secara grafis, konvensi desain untuk antarmuka roti-remah adalah untuk menunjukkan setiap langkah sebelumnya sebagai link teks aktif diikuti oleh karakter (panah, kolon, atau pipa), semuanya dalam deretan sederhana. Entri terakhir di ujung jalan menunjukkan halaman saat ini Anda berada, jadi seharusnya

bukan menjadi sebuah tautan - dan seharusnya terlihat berbeda. Jika itu adalah tautan, itu hanya akan memuat ulang halaman - bukan pengalaman pengguna yang ideal.