Desain Situs Web: Tingkatkan Navigasi Anda

Desain Situs Web: Tingkatkan Navigasi Anda

Ada milyaran halaman Web berbeda yang beredar di Internet, dan kecuali Anda memiliki kemampuan untuk menjaring Google dan menghafal URL setiap halaman dari setiap situs, tidak mungkin Anda bertahan di luar sana tanpa sedikit bantuan.

Untungnya, kita tidak perlu berkeliaran di Web dengan perasaan seperti zombie di labirin. Navigasi membentuk dasar dari situs Web mana pun, dan selalu dilakukan. Terlepas dari kenyataan bahwa itu adalah kebutuhan desain Web, itu telah menjadi sesuatu yang menjadi renungan bagi banyak desainer, karena mereka berkonsentrasi untuk mencoba menjadi pandai dengan konten.

Navigasi tetap menjadi satu-satunya aspek terpenting dalam konstruksi situs, dan keajaiban teknologi modern berarti Anda dapat memandu pengunjung di sekitar situs Anda dalam berbagai cara inovatif untuk membuat pengalaman online mereka lebih kaya dan lebih bermanfaat.

Apa gunanya navigasi?

Untuk kepentingan siapa pun yang tiba di planet ini dalam beberapa menit terakhir, prinsip dasar navigasi situs adalah membantu pengunjung Anda menemukan jalan di sekitar situs Web Anda, menyediakan tautan ke semua halamannya. Alasan akal sehat bahwa situs Anda harus mudah dinavigasi atau tamu Anda akan segera meninggalkan pesta untuk mencari padang rumput baru.

Halaman beranda situs web adalah tempat pengunjung membentuk kesan mereka tentang keseluruhan desain, dan pentingnya jauh melebihi halaman lain yang membentuk situs tersebut. Teori yang sama berlaku untuk mekanisme navigasi situs, yaitu jika Anda berhasil meyakinkan pengunjung baru untuk berpindah dari halaman muka ke salah satu sub halaman Anda, kemungkinan mereka ingin membaca dengan teliti kesenangan lain di situs Anda akan meningkat tanpa akhir.

Navigasi situs yang tepat harus memberikan kesan ‘tempat’ kepada pengunjung di dalam situs. ini akan membantu Anda menjaga konsistensi di seluruh situs, bahkan membangun merek. Penting bagi siapa pun yang mempelajari situs Anda untuk mengetahui cara kembali ke tempat mereka memulai, jika tidak, mereka kemungkinan besar akan lari karena frustrasi.

Sistem navigasi Anda juga harus mendorong pengguna untuk menjelajahi area lain dari situs dengan menyarankan halaman yang terkait dengan minat, dan menantang pikiran mereka dengan mengarahkan mereka ke tautan yang lebih tidak jelas di tempat lain secara online yang akan menarik minat mereka. Pada akhirnya, prioritas utama Anda saat mendesain navigasi situs adalah memastikan bahwa pengguna tidak harus bekerja keras untuk menemukan semua yang Anda tawarkan.

Navigasi tradisional

Kembali ke masa lalu, menavigasi Web adalah pengalaman yang sama sekali berbeda dari yang akan Anda lihat hari ini. Kita semua tahu bahwa perkembangan dalam perangkat lunak desain Web telah mempermudah pembuatan halaman yang lebih cantik dengan grafik yang mencolok dan konten yang bergaya, tetapi navigasi situs juga telah berkembang pesat.

Pada akhir tahun sembilan puluhan, ketika Web baru mulai terbentuk, perangkat inti untuk navigasi situs adalah tautan tekstual yang terpercaya, dan sepotong teks bergaris bawah biru adalah tiket Anda ke dunia informasi. setelah diklik, tautan teks akan berubah menjadi ungu (atau terkadang merah) untuk menunjukkan bahwa ini adalah salah satu sudut Web yang telah Anda jelajahi, dan ini menjadi sesuatu yang bahkan pendatang baru di Internet pun dapat memahaminya sejak awal. . Tentu saja, konvensi ini masih berlaku sampai sekarang, meskipun dalam format yang sedikit lebih ‘glamor’.

Beberapa tahun yang lalu, hal terdekat yang Anda miliki dengan antarmuka grafis di situs adalah serangkaian tautan teks dalam kotak di bagian atas halaman yang mengalir ke bawah. Kadang-kadang ini akan disertai dengan animasi GIF atau clipart mengerikan yang secara samar-samar mewakili bagian situs yang dituju oleh tautan (‘rumah’ akan menjadi rumah, ‘hubungi kami’ telepon, ‘beli’ akan menjadi tumpukan koin, dll. ).

Hanya karena sistem navigasi ini tampak sedikit primitif dari sisi Milenium ini, bukan berarti sistem tersebut tidak efektif, dan masih digunakan dalam beberapa bentuk saat ini. Peta Situs, misalnya, adalah salah satu perangkat pertama yang muncul, dan mungkin masih mewakili cara tercepat untuk menemukan jalan Anda di sekitar situs Web besar. Namun secara keseluruhan, menjelajahi sekumpulan halaman pada tahun 2003 adalah pengalaman yang jauh lebih kaya dibandingkan tujuh tahun lalu. Munculnya aplikasi desain WYSIWYG modern dan kemajuan dalam teknologi manipulasi grafis berarti bahwa pengembang Web dapat menjadi lebih imajinatif dengan bilah navigasi mereka untuk benar-benar mencapai kegunaan.

Navigasi harus

Jika Anda sering mengunjungi situs Web mana pun yang sepadan dan melihat dengan cermat bagaimana situs itu dibuat, Anda akan melihat bahwa semua situs besar mengikuti metode navigasi yang sama: bilah navigasi yang rapi untuk efek dengan kumpulan tautan teks yang ramah bandwidth di suatu tempat di halaman. Betapa pun kreatifnya Anda, atau seberapa pun Anda ingin membuang air liur di hadapan konvensi, tidak ada gunanya mencoba melawan metode ini. Mereka bekerja dan akan selalu berhasil, dan pengguna tidak mungkin bertahan jika mereka tidak mendapatkan apa yang mereka harapkan.

Tautan tekstual, atau tautan tersemat, adalah bentuk navigasi paling dasar dan mewakili metode yang jelas dan instan untuk mengakses laman di dalam situs. Ini biasanya disusun dalam bentuk rangkaian kata-kata yang digarisbawahi di bagian atas halaman atau daftar di bagian samping.

Perangkat kunci lain dalam pencarian perjalanan online yang mudah adalah navigasi ‘breadcrumb’. Dengan menggunakan jejak tautan HTML, Anda dapat menunjukkan rute dari beranda ke laman saat ini, membantu pengunjung untuk naik dan turun pohon menu secara lebih efektif, terutama di situs besar dengan laman yang berat.

Untuk memberikan pengalaman berselancar yang paling kaya dan paling beragam kepada pengguna, sebaiknya masukkan sebanyak mungkin tautan terkait, sesuai alasannya, seperti yang dapat Anda gali. Kuncinya di sini adalah untuk menghindari hanya menggunakan tautan yang jelas, dan menambahkan petunjuk ke situs yang lebih tidak jelas, di luar dinding yang cenderung menarik perhatian pembaca Anda, menambahkan nilai yang lebih besar ke situs Anda dalam prosesnya.

Penting juga bagi Anda untuk memposisikan tautan navigasi Anda di tempat yang diharapkan pengguna, dan di mana mereka tidak akan mengganggu konten situs Anda. Banyak desainer Web menyukai penempatan link di sepanjang bagian atas halaman Web, ditambah di sisi kiri atau kanan, dan di bagian bawah setiap halaman untuk ukuran yang baik. Pada dasarnya, Anda perlu memastikan bahwa pengunjung Anda tidak pernah lebih dari rotasi roda gulir dari halaman berikutnya. Pastikan Anda tetap berpegang pada konvensi warna juga: biru umumnya dikenali sebagai norma untuk tautan teks, dengan ungu atau merah digunakan untuk menunjukkan halaman yang telah diakses oleh browser.

Metode baru

Meskipun prinsip navigasi tradisional ini harus tetap menjadi yang terpenting dalam pikiran Anda saat mendesain halaman, ada sejumlah perangkat lain yang muncul di sekitar kota yang juga perlu dipikirkan.

Pertama-tama, mari kita pertimbangkan peta gambar, alat navigasi yang berpotensi menjadi sesuatu yang sangat istimewa, tetapi selalu berubah menjadi kekacauan yang membingungkan. Kunci untuk mencapai peta gambar yang bisa diterapkan adalah memilih gambar Anda dengan hati-hati. Pastikan itu adalah sesuatu yang cocok untuk diiris secara logis dan dibagi menjadi beberapa bagian, daripada karya seni umum tanpa batasan yang dapat ditentukan di dalamnya. jika Anda mampu melakukannya, beli gambar dari agen gambar sebelum mengirisnya di Image Ready (atau alternatif yang lebih murah seperti Paint Shop Pro) dan mengekspornya ke editor Web Anda untuk menerapkan rollover.

Jika gambar bukan tas Anda, atau jika Anda ingin menghindari navigasi bandwidth yang padat, Anda mungkin ingin mempertimbangkan untuk menjelajahi rute DHTML atau bahkan menerapkan menu pop-up JavaScript. Meskipun ini sudah ada beberapa tahun sekarang, mereka masih dipanggil oleh desainer pro sebagai sarana untuk menambahkan navigasi dinamis. Menambahkan menu DHTML jauh lebih mudah saat ini daripada sebelumnya, dan ada banyak perangkat lunak yang akan melakukan pekerjaan untuk Anda tanpa Anda harus mengangkat sel otak.

Namun, ketika sampai pada merancang situs ‘di Abad Dua Puluh Pertama’, Anda tidak akan menemukan banyak alat yang lebih baik untuk pekerjaan itu selain Flash. Aplikasi grafik vektor Macromedia yang disukai menampung semua fungsionalitas yang Anda butuhkan untuk menghasilkan navigasi yang apik, mudah diikuti, dan cepat dimuat. Program ini memungkinkan Anda untuk membuat hampir semua jenis sistem navigasi dinamis yang dapat Anda pikirkan, mulai dari ikon bergaya dan tombol Flash hingga menu pop up dan pull down. Flash juga bagus untuk menghasilkan tindakan dan animasi dalam bilah navigasi untuk melibatkan pengguna dan mempromosikan interaktivitas.

Ironisnya, terlalu mengandalkan metode navigasi baru yang megah ini dapat menyebabkan situs Anda menjadi terlalu banyak pengunjung, dan jambore menu yang aneh dan indah tidak berguna bagi siapa pun. Jika Anda bermaksud menggunakan perangkat seperti Flash atau menu JavaScript, selalu pastikan ini bukan satu-satunya bentuk navigasi Anda, dan bahwa ada tautan teks untuk mereka yang tidak memiliki plug in yang tepat. Karena aksesibilitas adalah apa yang kita semua harus perjuangkan Untuk saat ini, Anda harus selalu memastikan untuk menyertakan tag ALT pada gambar apa pun yang Anda sertakan dalam navigasi Anda untuk melayani siapa saja yang menggunakan pembaca layar dan pastikan Anda juga membuat versi teks saja.

Jika Anda benar-benar ingin tahu apakah situs Anda benar-benar dapat digunakan, ide terbaik adalah melepaskannya ke sekelompok teman dan meminta mereka untuk mencoba dan menavigasinya. Buat daftar hal-hal yang mungkin ingin dilakukan pengguna di situs, lalu amati marmot Anda saat mereka mencoba dan mengakses informasi. Anda akan segera belajar bahwa ada gunanya menjaga agar tetap sederhana dan tidak mencoba sesuatu yang terlalu rumit saat merancang navigasi. Itu tidak berarti Anda tidak bisa menjadi orisinal, dan dengan kemajuan dalam aplikasi kreatif seperti Flash, menavigasi halaman Web hanya bisa menjadi lebih menyenangkan.

Leave a Reply

8 + fifteen =

Ad Blocker Detected

Our website is made possible by displaying online advertisements to our visitors. Please consider supporting us by disabling your ad blocker.

Refresh
error: Content is protected !!