A. Link Structure
Struktur Situs Web merupakan bagian yang sangat penting yang harus dikuasai oleh seorang web designer. Dalam suatu organisasi apapun, pasti memiliki struktur organisasi. Organisasi situs web mengatur bagaimana hubungan antar halaman web, sehingga membuat pengunjung situs menjadi nyaman.
Keuntungan struktur situs web yang dibuat dengan baik :
Dapat mengkomunikasikan pesan yang ingin disampaikan kepada pengunjung situs.
Pengguna situs web dapat dengan mudah memahami situs web.
Mudah untuk dikembangkan pada waktu yang akan datang, termasuk mengupdate suatu halaman situs jika diperlukan.
Dapat menurunkan biaya cost pengunjung situs .
Struktur Situs Web :
® Struktur Linear
® Struktur Grid
® Struktur Hierarki
1. Struktur Linear :
A. Struktur linear murni
B. Struktur linear dengan halaman tambahan
C. Struktur linear dengan halaman pilihan
D. Struktur linear dengan halaman alternatif
A. Struktur Linear murni :
• Digunakan untuk situs-situs web yang kecil, seperti personal page.
• Biasanya hanya terdiri dari 4 – 10 halaman.
• Cocok digunakan untuk menampilkan isi yang bersifat tutorial atau penjelasan mengenai suatu pokok bahasan.
• Kelemahan struktur jenis ini adalah ketidaknyamanan pengunjung dalam menjelajasi isi situs web.
• Pada situs web yang besar struktur ini masih digunakan, tetapi hanya sebatas untuk bagian-bagian penting seperti halaman-halaman registrasi.
B. Struktur linear tambahan :
• Digunakan untuk menjelaskan sebuah isi sama seperti struktur linear murni
• Uraian ini cocok untuk membuat sebuah penjelasan yang banyak mengandung uraian detail yang boleh untuk dilewatkan.
• Kelemahan struktur ini sama dengan kelemahan struktur linear murni, yaitu pengunjung tidak dapat melompat kesuatu halaman tanpa melewati halaman berikutnya.
C. Struktur linear dengan halaman pilihan :
• Pada struktur ini pengunjung diberi pilihan untuk melompat ke suatu halaman tertentu tanpa harus melewati halaman berikutnya.
• Struktur ini banyak digunakan pada sebagian besar situs web yang ada.
• Cocok digunakan untuk menamoilkan informasi yang bersifat ringan, seperti artikel, berita dan informasi lain yang tidak menuntut pengunjung agar menyimak penjelasan secara bertahap.
D. Struktur linear dengan halaman alternatif :
• Pada dasarnya sama dengan struktur linear murni, bedanya pengunjug diberi alternatif “jalan” untuk pergi ke sebuah halaman.
• Struktur ini hanya sedikit lebih baik dari struktur linear murni.
• Struktur ini digunakan untuk isi situs yang bersifat menjelaskan halaman demi halaman, namun ada beberapa bagian yang memiliki tingkatan yang sama. Pada bagian inilah dapat dipisah menjadi halaman alternatif.
2. Struktur Grid
• Merupakan perluasan dari struktur linear murni.
• Struktur ini juga mengandung struktur linear dengan halaman alternatif dan struktur linear dengan halaman tambahan.
3. Struktur Hierarki
• Sangat banyak digunakan oleh sebagian besar situs web. Karena struktur ini bersifat fleksibel dan mudah untuk dikembangkan jika diperlukan.
• Menggunakan sub-sub direktori dan membentuk level-level ke bawah.
• File-file yang memiliki karakteristik fungsi yang sama akan disimpan dalam satu dierktori.
• Pada struktur ini gambar-gambar yang digunakan dalam setiap halaman web disimpan dalam sebuah drektori tertentu.
Jenis-jenis Struktur Hierarki :
1. Struktur hierarki lebar/ wide hierarki
• Merupakan struktur dasar dari bentuk hierarki dimana terdapat sebuah halaman depan yang menghubungkan halaman-halaman lain di dalam situs web.
• Penempatan halaman-halaman selain halaman depan diletakkan dalam satu level melebar.
• Struktur ini sering digunakan pada situs-situs web yang sederhana dimana sebuah halaman index yang menghubungkan dengan halaman-halaman isi.
2. Struktur hierarki pendek/ narrow hierarki.
• Mirip dengan struktur hierarki lebar, perbedaannya adalah struktur ini menempatkan halaman-halaman isi menjadi lebih “dalam” atau lebih “masuk” ke dalam.
• Sebagian besar situs web yang ada saat ini menggunakan gabungan antara dua jenis struktur hierarki ini.
• Perlu diperhatikan bahwa struktur-struktur dasar ini tidak dapat diaplikasikan secara mentah-mentah karena penggunaan struktur ini sangat tergantung kepada pembagian kategori isi yang akan dijelaskan.
Lalu disini saya Mencoba menganalisa website dengan hasil yang berada dalam homepagenya tersebut, website yang di analisa adalah prudential dengan sebagai berikut :
Website Prudential
Prudential adalah sebuah grup perusahaan jasa keuangan internasional terkemuka yang menyediakan jasa keuangan ritel dan pengelolaan dana di pasar-pasar pilihan: Inggris, Amerika, Asia dan Eropa kontinental. www.prudential.co.id merupakan bagian dari prudential plc yang berpengalaman lebih dari 165 tahun diindustri asuransi jiwa. www.prudential.co.id secara garis besar menggambarkan tentang informasi prudential mulai dari profil, kontak, penghargaan, komunitas, misi, laporan keuangan, siaran pers, kliping berita, karir, kantor keagenan, dll.Agar memudahkan pembahasan, dalam pembahasan kali ini website akan dijelaskan secara perbagian saja yaitu tentang beberapa point penting. Pada umumnya yang harus diperhatikan dalam pembuatan sebuah website. Diantaranya :
1. Isi
2. Struktur Menu
3. Design
4. Mudah dalam pencarian dimesin pencari(Search Engine)
Namun pada website prudential, kami akan membahas sesuai dengan keadaan dari kondisi website prudential tersebut.
1. Logo dan Nama
Pada website prudential ini, penempatan logo dan nama sudah benar dan sesuai dengan aturan umum yang berlaku yaitu diletakan disebelah kiri atas, karena logo dan nama adalah identitas utama dari sebuah website. Logo yang digunakan juga sederhana dan mudah dikenali.
Saran dan Komentar yang kami berikan pada website ini :
Dalam penempatannya sudah sesuai dengan aturan website pada umumnya, kemudian logo tersebut juga sudah familiyar sehingga jika website tersebut dilihat dalam keadaan ukuran kecil, user masih bisa mengenali logo tersebut.
2. Search Engine
Faktor penting berikutnya dalam pembuatan website adalah search engine / mesin pencarian. Dengan adanya fitur pencarian ini user dapat dengan mudah mencari informasi apa yang diinginkan dalam website yang user kunjungi tanpa harus membuang-buang waktu. Hanya dengan memasukan kata kunci user sudah dapat menemukan informasi yang user inginkan.Saran dan komentar kami mengenai hal ini :
Mengenai hal ini, menurut kami biasa saja, karena memang pada umumnya search engine pada sebuah website diletakan disebelah kanan atas.
3. Ukuran teks default
Ukuran teks yang digunakan pada website ini memang kecil. Ini menjadikan beberapa konten tidak dapat dibaca, namun website ini juga memberikan fitur Grow Font dan Shrink Font yang dapat user gunakan untuk mengatur apakah teks tersebut dapat dilihat dengan ukuran besar, sedang atau kecil.Saran dan komentar kami mengenai hal ini :
Hal ini sangat bagus, karena jika ukuran teks terlalu kecil user tidak dapat membaca informasi yang ada pada website terutama jika user tersebut adalah lansia. Tapi dengan adanya fitur teks default user bisa mengatur ukuran teks sesuai keinginan mereka.
4. Link
Link merupakan jalan pintas yang digunakan web untuk merujuk sumber yang dituju. Pada situs ini, link yang digunakan berwarna putih. Jika kursor kita arahkan pada link atau persis pada tulisannya (hover), maka akan ada tanda pada link tersebut yaitu tanda underline(digaris bawahi) dan warna teks berubah menjadi merah seperti warna merah yang berada pada logo website.5. Tampilan link image
Pada bagian tampilan link image diatas, kita bisa melihat bahwa link image yang digunakan seperti menubar pada image yang biasanya. Padahal pada setiap link image ini bisa dicklik. Biasanya pengunjung kurang memperhatikan hal tersebut, tetapi pada saat pengunjung bisa meng-clik image link tersebut, barulah pengunjung sadar bahwa link image tersebut adalah sebuah button yang dapat di-clik.Saran dan Komentar kami mengenai hal ini :
Menurut kami sebaiknya desain link image diberi sebuah tanda agar pengunjung mengetahui bahwa link image tersebut adalah sebuah button menubar yang bisa di-clik. Sekilas pengunjung akan mengira bahwa link image tersebut hanya sebuah image biasa yang terpampang pada sebuah website dan jika di klik hanya akan memperbesar image tersebut. Kenyataannya itu adalah sebuah button menubar yang jika di klik akan membawa pengunjung pada sebuah halaman baru.
6. Scrolling
Pemakaian scrolling ini ditunjukan untuk melihat keseluruhan isi dari website, ini dikarenakan isi website yang melebihi ukuran monitor. Dengan scroll ini pengujung bisa melihat kelanjutan isi dari website ini. Pada website ini penggunaan scrollnya sangat efisien, karena pada saat kita scroll kebawah tidak terlihat space yang kosong. Ini menjadikan website tersebut terlihat bagus dan penggunaan scrollnya efisien. Kebanyakan website yang membuat space kosong akan terlihat tidak menarik.Saran dan Komentar kami mengenai hal ini :
Terlihat bagus, karena jika kita menggunakan scroll kebawah tetapi terlihat space yang kosong tanpa konten apapun ini menjadikan scroll yang kurang efisien dan pemakaian scroll yang sia-sia. Pada website ini tidak terlihat adanya space yang kosong.
7. Pengelompokkan Menu dan Sub-Menu
Diadakannya pengelompokkan menu dan sub-menu ini bertujuan untuk memudahkan pengunjung untuk mengakses menu-menu tertentu sesuai dengan keinginan. Pengelompokkan ini dilakukan berdasarkan kategori dan kedekatan fungsional. Ada menu-menu tertentu dimana jika pengunjung meng-clik kemudian akan muncul sub-sub menu lainya. Contohnya, jika kita meng-clik menu Tentang Kami maka akan muncul lagi sub-sub menu yang terkait dengan menu yang sudah kita clik tadi.Contoh Gambar Menu yang di-click Contoh Gambar Sub Menu dari menu diatas.
Saran dan Komentar kami mengenai hal ini :
Pada bagian ini kendalanya berada pada warna font. Warna font ini tidak berubah ketika user telah mengunjungi Menu/sub-menu tersebut, ini menjadikan user dapat mengunjungi menu/sub-menu yang sama berulang-ulang sehingga memakan biaya dan waktu. Kami sarankan untuk memberikan tanda bahwa user pernah mengunjungi menu/sub-menu tersebut agar tidak memakan waktu dan biaya yang banyak.
8. Penempatan Menu Utama
Bisa dikatakan bahwa penempatan menu utama adalah yang paling terpenting. Karena, biasanya user akan mengamati sebuah website dimulai dari atas, kiri-kanan, dan terakhir kebawah.Saran dan Komentar kami mengenai hal ini :
Dalam penempatannya sudah tepat, sehingga user bisa mengetahui konten apa aja yang ditawarkan pada website ini. Namun menurut kami karena pembuatan menu utamanya biasa saja dalam artian sederhana, sehingga user kurang tertarik dengan website ini. Website ini hanya mengkombinasikan warna putih dan merah dalam artian menyesuaikan website dengan warna logo prudential.
9. Screen Resolution
Screen resolution digunakan jika halaman website memenuhi layar komputer pengguna. Maka ketika pengguna mengakses halaman website tersebut pengguna harus menggeserkan scrolling kearah kanan dan kiri atau kearah atas dan bawah tentu saja hal ini kurang bagus dimata pengunjung. Namun website prudential ini cukup baik dalam memperhatikan faktor screen resolution ini, halaman website ini dibuat menggunakan ukuran yang dinamis, dimana pengunjung tidak perlu menggunakan scroll untuk melihat keseluruhan halaman website. Tentu saja ini merupakan kelebihan dari website ini. Sehingga pengguna tidak perlu kwatir dengan adanya perbedaan resolusi dan tidak perlu menggunakan scroll.10. Penggunaan Bahasa
Dalam website ini ditampilkan adanya pemilihan alih bahasa dalam bahasa internasional (English version). Ini berarti website ini juga ditunjukan untuk user dari luar negeri atau dalam artian lain warga negara asing yang ingin melihat website ini bisa dengan mudah mengerti maksut dan tujuan website ini hanya dengan meng-clik alih bahasa seperti gambar diatas.Saran dan Komentar kami mengenai hal ini :
Menurut kami pemilihan alih bahasa ini bagus, sehingga bukan hanya masyarakat lokal yang bisa mengerti dan membuka website ini, tetapi warga asing juga dapat mengakses website ini. Dengan adanya pemilihan alih bahasa ini menurut kami dapat menguntungkan website itu sendiri karena dapat diakses dimana saja dan oleh siapa saja.
11. Penggunaan Hari dan Tanggal
Pada dasarnya penggunaan hari dan tanggal pada situs website dapat memudahkan pengunjung yang mengakses situs tersebut. Website ini mencantumkan penggunaan fitur hari dan tanggal sehingga pengunjung bisa melihat postingan apa saja yang telah website ini postkan pada hari dan tanggal yang diinginkan oleh pengunjung.12. Konten News
Konten berita pada sebuah website biasanya berisikan tentang cuplikan berita-berita terhangat. Pada website ini konten berita dibagi menjadi beberapa sub-menu dan dalam penulisan headline beritanya sangat bagus karena menggunakan kalimat yang sederhana hal ini dikarenakan pada umumnya pengunjung sangat malas untuk membaca berita yang pajang-lebar. website ini secara tidak langsung menyaran kepada pengguna jika ingin membacanya secara detail pengunjung bisa meng-clik berita tersebut.13. Hubungi Kami
Menu kontak biasanya disediakan oleh setiap situs untuk mendapatkan pertanyaan, komentar, saran, dan kritik yang berguna bagi pengembang website tersebut. Website prudential juga menyediakan menu hubungi kami / Contact Us, pemberian menu ini sudah cukup baik karena website ini telah memberikan pelayanan yang maksimal.14. Penggunaan Flash
Adanya penggunaan flash pada sebuah website ini biasanya untuk mempercantik tampilan website. Pada website prudential ini hanya menginformasikan pesan dari rektor 1 sampai 3, jadi tidak terlalu mengganggu akses pengunjung.Saran dan Komentar kami tentang hal ini:
Menurut kami ini bagus, Website ini tidak banyak menggunakan flash karena jika terlalu banyak menggunakan flash dapat mengganggu kecepatan akses pengunjung.
Daftar Pustaka
https://www.prudential.co.id/id/
Tidak ada komentar:
Posting Komentar