Contoh Hierarki dalam Struktur Web

Tempatkan bagan organisasi perusahaan di sebelah diagram tata letak situs web, dan Anda mungkin menemukan kesamaan luar biasa antara kedua dokumen. Bisnis, pemerintah dan entitas lainnya sering menggunakan pola tata letak hierarkis yang sama dengan yang dilakukan situs web. CEO sebuah perusahaan, misalnya, dapat duduk di bagian atas model hierarkis dengan cara yang sama seperti halaman rumah berada di bagian atas model situs web. Hirarki yang dirancang secara efektif membuat situs yang orang suka kunjungi.

Struktur Situs Web

Seperti dicatat oleh penulis "Panduan Gaya Web", "Keberhasilan organisasi situs web Anda akan sangat ditentukan oleh seberapa baik arsitektur informasi situs Anda sesuai dengan harapan pengguna Anda." Jika orang merasa mudah untuk bergerak di sekitar situs Anda, mereka mungkin menghabiskan lebih banyak waktu untuk memeriksanya. Salah satu cara untuk membuatnya mudah bagi mereka adalah dengan memberikan situs tata letak yang logis dan dapat diprediksi, sehingga pengunjung dapat menavigasi melalui halaman Web tanpa berkonsultasi dengan dokumentasi bantuan situs.

Pendekatan Piramida

Mungkin membantu untuk menganggap situs web sebagai piramida. Di puncak piramida adalah tingkat pertama situs, halaman rumah. Hirarki yang efektif berisi informasi umum dan tautan yang mengarah ke halaman Web lain yang berisi informasi lebih rinci. Halaman-halaman itu muncul di bawah halaman utama dan menjadi level kedua situs dalam hierarki. Situs dasar mungkin hanya membutuhkan dua tingkat, dan halaman rumah mungkin hanya memiliki tautan yang mengarah ke halaman seperti "Tentang Kami, " "Produk" dan "Bergabung." Itu selalu merupakan ide yang baik untuk memberikan pengunjung situs cara untuk kembali. ke halaman beranda dari halaman mana saja, seperti dengan memasukkan tautan, tombol, atau item menu pada setiap halaman yang menunjuk ke halaman beranda.

Tingkat Tiga dan Lebih

Whitehouse.gov adalah contoh situs yang memiliki beberapa tingkatan yang membentuk hierarki yang kompleks. Halaman beranda sederhana, tetapi Anda bisa membuka halaman lain di situs dari halaman beranda. Jenis hierarki ini dapat meluas ke banyak level, di mana level yang lebih rendah memberikan lebih banyak detail daripada level yang lebih tinggi. Contoh hierarki tiga tingkat yang baik adalah situs ulasan buku. Halaman beranda, di tingkat satu, mungkin memberikan informasi umum serta tautan yang mengarah ke halaman Ulasan. Halaman itu, yang membentuk tingkat kedua, bisa berisi daftar buku. Saat Anda mengklik sebuah buku, halaman lain bernama "War and Peace" mungkin menampilkan ulasan untuk buku itu. Halaman ini akan duduk di tingkat ketiga situs. Jika Anda membuat diagram hierarki ini seperti cara Anda membuat bagan organisasi, Anda akan menggambar kotak di bagian atas dan menulis "Beranda" di dalamnya. Anda kemudian dapat menggambar kotak "Ulasan" di bawah kotak "Beranda" dan menambahkan kotak "Perang dan Damai" di bawah kotak "Beranda".

Menggunakan Judul untuk Menunjukkan Hirarki

Selain mengatur halaman di situs web, Anda dapat mengatur konten halaman untuk menunjukkan hubungan hierarkis. Judul, misalnya, memungkinkan orang menyajikan informasi dalam bentuk kerangka yang mudah dicerna. HTML menyediakan beberapa tag heading, seperti h1, h2 dan h2, yang dapat membantu Anda menambahkan hierarki ke halaman Web. Misalnya, Anda dapat menggunakan tag h1 besar sebagai tajuk utama halaman dan tag h2 yang lebih kecil untuk bagian bernama "Produk." Anda kemudian dapat menambahkan tag h3 di bawah Produk untuk membuat subbagian yang menggambarkan produk Anda. Anda juga memiliki opsi untuk menambahkan daftar berpoin ke halaman Anda. Dengan menggabungkan semua elemen ini, Anda membuat garis visual yang dapat dipahami pengunjung situs secara sekilas.