Struktur Navigasi

Struktur navigasi sangat berguna pada sebuah website. Karena dengan adanya struktur navigasi kita dapat mempermudah mengakses halaman-halaman yang tersedia pada sebuah website. Dibawah ini akan ada beberapa pengertian dan macam-macam struktur navigasi menurut para ahli.

 

Struktur Navigasi Menurut Sutopo

Menurut Sutopo (2007:245) “Struktur Navigasi adalah struktur bagaimana halaman web dihubungkan dengan halaman lain”. Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan sebelum membuat website. Ada empat macam bentuk dasar struktur navigasi yaitu:

1. Linear navigation model

Digunakan oleh sebagian besar website. Informasi diberikan secara sekuensial dimulai dari satu halaman. Beberapa desainer web menggunakan satu halaman untuk masuk atau keluar dari website.

Sumber : Sutopo (2007:6)

2. Hierarchical model

Diadaptasi dari top-down design. Konsep navigasi ini dimulai dari satu node yang menjadi homepage. Dari homepage dapat dibuat beberapa cabang ke halaman-halaman utama. Apabila diperlukan, dari tiap halaman utama dapat dikembangkan menjadi beberapa cabang lagi. Hal ini seperti struktur organisasi dalam perusahaan.

Sumber : Sutopo (2007:6)

3. Spoke-and-hub model

Hanya menggunakan satu node untuk berhubungan dengan node lain. Pada model ini hanya terdapat dua macam link, yaitu dari homepage ke halaman tertentu, dan dari halaman tersebut kembali ke homepage.

Sumber : Sutopo (2007:7)

4. Full web model

Memberikan kemampuan hyperlink yang banyak. Full web model banyak digunakan karena user dapat mengakses semua topik dengan subtopik dengan cepat. Namun kelemahan dari model ini, yaitu dapat berakibat user kehilangan cara untuk kembali ke topik sebelumnya.

Sumber : Sutopo (2007:8)

Struktur Navigasi Menurut Suyanto dan Binanto

Menurut Suyanto (2008:62) “Struktur navigasi dalam situs web melibatkan sistem navigasi situs web secara keseluruhan dan desain interface situs web tersebut, navigasi memudahkan jalan yang mudah ketika menjelajahi situs web”. Struktur navigasi juga dapat diartikan sebagai struktur alur dari suatu program yang merupakan rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan website. Ada empat macam bentuk dasar yaitu :

1. Struktur Navigasi Linier

Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya, pengguna akan melakukan navigasi secara berurutan, dalam frame atau byte informasi satu ke yang lainnya.

Sumber : Binanto, (2010a:269)

 

2. Struktur Navigasi Hirarki

Struktur dasar ini disebut juga struktur linier dengan percabangan karena pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk oleh logika isi.

Sumber : Binanto (2010b:269)

3. Struktur Navigasi Tidak Berurut (Non-Linier)

Struktur navigasi non-linier merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur non-linier ini berbeda dengan percabangan pada struktur hirarki, karena pada percabangan non-linear ini walaupun terdapat percabangan tetap tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master Page dan Slave Page, pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya.

Sumber : Binanto (2010c:270)

4. Struktur Navigasi Campuran (Composite)

Struktur navigasi pengguna akan melakukan navigasi dengan bebas (secara non-linier), tetapi terkadang dibatasi presentasi linier film atau informasi penting dan pada data yang paling terorganisasi secara logis pada suatu hirarki.

Sumber : Binanto (2010d:270)

Daftar Pustaka :

Binanto, Iwan. 2010. Multimedia Digital Dasar Teori dan Pengembanganya. Yoyakarta: Andi Publisher.
Sutopo, Ariesto Hadi. 2007. Pemrograman Flash Dengan PHP dan MySQL. Yogyakarta : Graha ilmu.
Suyanto, Asep Herman. 2008. Step by Step Web Design Theory and Practice Edisi II. Yogyakarta: Andi Publisher.