0% menganggap dokumen ini bermanfaat (0 suara)
213 tayangan9 halaman

Desain Navigasi Website yang Efektif

Dokumen tersebut membahas tentang desain navigasi website, yang meliputi jenis-jenis navigasi seperti hirarki, global, dan lokal serta gaya navigasi seperti link teks, breadcrumbs, dan menu dropdown. Dokumen juga memberikan tips untuk membangun navigasi website yang baik seperti menambahkan kotak pencarian, membuat peta situs, dan menggunakan istilah umum pada menu navigasi.

Diunggah oleh

Eliev Kurniawan
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
213 tayangan9 halaman

Desain Navigasi Website yang Efektif

Dokumen tersebut membahas tentang desain navigasi website, yang meliputi jenis-jenis navigasi seperti hirarki, global, dan lokal serta gaya navigasi seperti link teks, breadcrumbs, dan menu dropdown. Dokumen juga memberikan tips untuk membangun navigasi website yang baik seperti menambahkan kotak pencarian, membuat peta situs, dan menggunakan istilah umum pada menu navigasi.

Diunggah oleh

Eliev Kurniawan
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd

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
([Link]
baik/)

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.

Anda mungkin juga menyukai