Navigation Design [PDF]

Citation preview

NAVIGATION DESIGN



Navigasi web mengacu pada proses navigasi jaringan sumber daya informasi di World Wide Web, yang diselenggarakan sebagai hypertext atau hypermedia. User interface yang dipergunakan untuk melakukannya disebut web browser. Hal utama dalam desain web adalah pengembangan dari antarmuka navigasi web yang memaksimalkan kegunaan. Desain navigasi merupakan aliran navigasi antara objek konten untuk semua fungsi webapp. Ini menggambarkan cara bagaimana pengguna menempatkan dan berinteraksi dengan konten. Navigasi website penting untuk memuluskan pengalaman pengunjung pada sebuah website. Sistem navigasi situs web seperti peta jalan untuk semua daerah dan informasi yang berbeda yang terkandung dalam sebuah situs web.



A. Jenis Navigasi Web



1. Hirarki navigasi website Struktur navigasi sebuah situs dibangun dari yang umum ke khusus (spesifik). Dengan tujuan untuk memberikan arah yang jelas, membuat jalan sederhana untuk pengaksesan semua halaman web.



2. Navigasi situs global Navigasi situs global menunjukkan sebuah alamat website yang biasanya dalam bentuk garis dan template dimana situs tersebut adalah situs yang menjadi halaman/section top level (level atas) pada situs tersebut. Biasanya terdapat pada setiap halaman dan daftar isi utama bagian / halaman sebuah website.



3. Navigasi situs web lokal Navigasi situs lokal menampilkan sebuah link yang biasanya dalam bentuk teks dan mengarah kehalaman web yang lain, namun pada situs yang sama.



B. Gaya Navigasi Website ( Style of Web Navigation ) Gaya navigasi website mengacu pada bagaimana sistem navigasi itu disajikan 1. Link Text Link teks adalah kata-kata ( teks ) yang dikelilingi oleh set tag untuk membuat teks yang dapat diklik yang mengarahkan pengunjung ke halaman web lain dalam sebuah situs web, sebuah dokumen yang dapat diunduh dari suatu situs, atau mengarah ke website lain di Internet .



2. Breadcrumbs Breadcrumbs atau breadcrumb trail adalah bantuan navigasi yang digunakan dalam user interface. Hal ini memungkinkan pengguna untuk melacak lokasi mereka dalam program atau dokumen. Istilah ini berasal dari jejak roti yang ditinggalkan oleh Hansel dan Gretel di dongeng populer.



3. Navigation Bar Sebuah navigasi bar atau (sistem navigasi) adalah bagian dari sebuah website atau halaman web yang secara online dimaksudkan untuk membantu pengunjung dalam penjelajahannya disebuah situs. Biasanya, halaman web akan memiliki navigasi bar utama dan navigasi bar menu sekunder pada semua halaman dari dokumen web. Bagian-bagian ini dari halaman web akan menyertakan link ke bagian yang paling penting dari situs.



4. Navigasi Tab Navigasi tab merupakan sebuah navigasi link yang berbentuk Tab pada sebuah situs.



5. Sitemap Sebuah sitemap marupakan daftar halaman dalam sebuah situs Web yang berisi daftar semua bagian dan halaman web tersebut yang dapat diakses oleh crawler atau pengguna. Sebuah sitemap tradisional menyediakan navigasi bagi pengunjung website. Siemap biasanya disusun secara hirakris.



Site Map Google



6. Menu Dropdown Menu dropdown adalah sebuah gaya navigasi situs web di mana ketika pengunjung menempatkan mouse di atas item menu, maka akan keluar item menu lagi. Sebuah menu dropdown dapat menyertakan menu flyout. Sebuah sistem menu dropdown dapat menciptakan masalah aksesibilitas misal adalah mesin pencari yang tidak dapat membaca link pada menunya, namun jika dibangun dengan benar, masalah ini dapat diatasi . 7. Menu Flyout Menu flyout dibangun mirip dengan menu dropdown. Ketika pengunjung menempatkan mouse di atas link maka akan muncul menu baru, biasanya ke kanan dari link di mana mouse ditempatkan.



8. Named Anchor Named anchors adalah tipe link yang membawa Anda langsung ke suatu halaman web. Bila pengguna melihat halaman web di browser, mereka dapat mengklik teks untuk mengaktifkan link dan mengunjungi halaman URL yang ada pada link tersebut.



C. Membangun Navigasi Website yang Baik (http://www.crosstechno.com/blog/2012/08/7-tips-membuat-navigasi-website-yangbaik/) 1.



Membuat Kotak Pencarian Membuat kotak pencarian merupakan salah satu cara bagi jasa pembuatan website perusahaan untuk membuat navigasi yang baik. Kotak pencarian akan membuat pengunjung website menjadi lebih mudah untuk mendapatkan informasi yang dicari, sehingga akan meningkatkan kemungkinan bagi mereka untuk berkunjung lagi



2.



Membuat Peta Situs Website (Site Map) Penyedia jasa pembuatan website perusahaan perlu untuk membuat peta situs website sebab sangat membantu pengunjung, terutama pada website yang memiliki halaman yang banyak. Melalui peta situs website, pengunjung akan



memiliki cara visual untuk mengetahui dimana mendapatkan informasi yang dicari pada website.



3.



Memiliki Website Multilevel Website multilevel akan mempermudah pengunjung berpindah dari halaman yang memuat informasi 1 ke informasi 2 dan juga merupakan cara yang bagus bagi penyedia jasa pembuatan website perusahaan untuk menjaga hal – hal terorganisir untuk tetap mudah diakses.



4.



Penggunaan Kata Secara Tepat Untuk dapat membuat navigasi website yang baik, maka penyedia jasa pembuatan website perusahaan harus menggunakan kata – kata yang memberikan petunjuk jelas dan juga mewakili isi content pada menu – menu yang ada di website.



5.



Menggunakan Menu Navigasi Yang Sama Penyedia jasa pembuatan website perusahaan harus menggunakan menu navigasi yang dengan skema warna dan bentuk yang sama pada setiap halaman website agar pengunjung website lebih mudah menemukan menu navigasi tersebut.



6.



Pengunaan Menu Drop Down Jika penyedia jasa pembuatan website perusahaan menggunakan banyak navigasi, maka penyedia jasa pembuatan website perusahaan harus menggunakan menu drop down untuk navigasi pada website.



7.



Penggunaan Istilah Umum Untuk membuat navigasi yang mudah bagi pengunjung website, maka penyedia jasa pembuatan website perusahaan perlu untuk menggunakan istilah – istilah umum (seperti Home, Service, Products, dan lain-lain) untuk penamaan menu navigasi.