Semua website terkenal seperti Google, Yahoo, dll, ternyata nggak langsung gress kayak sekarang. Pada awal pembuatannya, tampilan website-website tersebut terbilang sederhana. Seiring dengan berjalannya waktu, tentu saja para web designer terkenal beradu keterampilan hingga sekarang bahkan banyak bermunculan website dengan tampilan 'wah'.
Adapun prinsip-prinsip yang harus diperhatikan dalam pembuatan sebuah web adalah :
1. Metaphor (Metafora)
2. Clarity (Kejelasan)
3. Consistency (Ketetapan)
4. Alignment (Perataan)
5. Proximity
6. Contrast (Keserasian Tampilan)
Dengan melihat prinsip-prinsip diatas bagaimana pendapat kita tentang website berita “Detik.com”???
1. Metaphor (Metafora)
Metaphor atau metafora merupakan sebuah aplikasi dari nama atau deskripsi istilah objek lain yang tidak dapat diartikan secara harafiah. aplikasi ini menghubungkan antara presentasi dan elemen-elemen visual dengan item-item yang berkaitan. Contoh dari Metaphor adalah website toko online yang dimana pengunjung dibawa ke tempat seolah-olah mereka benar ada di toko online tersebut. Untuk website berita Detik.com dirancang dengan tampilan yang membuat para pembaca online seperti sedang membaca koran dengan ditambah tampilan yang menarik serta gambar-gambar yang beragam.
2. Clarity (Kejelasan)
Setiap membuat desain kita harus ada alasan yang kuat atau masuk akal dan jelas mengapa menggunakan setiap elemen yang berada dalam suatu interface yang kita buat, contoh peletakan suatu button, pembuat harus memiliki alasan mengapa diletakkan di tempat tersebut. Penggunaan elemen yang lebih sedikit akan lebih baik. Penggunaan background berwarna putih dianjurkan untuk memimpin mata dan membuat mata tidak lelah dengan aktifitas elemen yang ada pada suatu website. Untuk website Detik.com desainnya sudah cukup bagus, peletakkan atribut-atribut dari desainnya sederhana jadi tidak membuat pembaca bingung jika masuk ke web ini, peletakan button-bottonnya pun sudah diseragamkan, contohnya button-button untuk pilihan berita sudah diseragamkan peletakkannnya dibagian atas web, hal ini berfungsi untuk memudahkan pembaca mencari berita berdasarkan jenis beritanya. Akan tetapi background dari website ini kurang memenuhi prinsip-prinsip dari sebuah web. Pengambilan warna biru kurang tepat karena membuat mata lelah dan kurang fresh.
3. Consistency (Ketetapan)
Dalam membuat desain haruslah memliki konsistensi dalam tampilan, pewarnaan, gambar, ikon, typography (model form yang digunakan pada suatu website), teks, dll. Harus ada konsistensi baik dalam layar maupun antar layar. Dan harus selalu ada metafora dimanapun juga. Setiap platform mungkin memiliki panduannya. Untuk web Detik.com kosistensi dalam tampilan mungkin sudah memenuhi kriteria dari sebuah web yang baik, gambar-gambarnya, ikon-ikonnya, teksnya, dll juga sudah memenuhi kriteia dari sebuah web, kosistensi antar layarnya pun sudah cukup baik.
4. Alignment (Perataan)
Untuk perataan desain dapat digunakan rata kiri, kanan atau tengah. Pada umumnya suatu teks pada website dimulai dari kiri atas (left alignment), dimana left alignment akan mengijinkan mata untuk menguraikan tampilan dengan lebih mudah. Selain itu dengan menggunakan bantuan garis akan membantu dalam hal perataan. Sembunyikan garis horizontal dan vertical untuk membantu mengalokasikan komponen window/jendela. Garis juga membantu menghubungkan hal-hal yang berhubungan dan memudahkan perataannya. Website Detik.com sudah memenuhi criteria keempat dari sebuah website. desain yang digunakan Detik.com sudah menggunakan rata kiri, untuk berita terupdate Detik.com juga membuat satu kotak khusus yang apabila website ini dibukan maka akan langsung muncul berita-berita terupdate, yang juga di shoot dengan warna biru.
5. Proximity
Item-item yang berkaitan ditampilkan bersama pasti memiliki hubungan karena jarak yang jauh mengimplikasikan bahwa tidak ada hubungan antara item-item tersebut.
Didalam berita jika ada berita penting namun terusan berita ini berbeda halaman tentu membuat pembaca jengkel dibuatnya, hal ini yang menjadi landasan web Detik.com membuat kaitan antar berita satu dengan yang lain bisa dihubungkan secara mudah, agar pembaca dapat dengan mudah mencari berita yang di inginkan pembaca.
6. Contrast (Keserasian Tampilan)
Keserasian tampilan akan membuat pengunjung web tertarik pada web tsb. Kontras juga dapat memandu mata pengunjung untuk melihat keseluruhan interface. Keuntungan dari keserasian adalah untuk memperkuat fokus atau untuk memperkuat suatu interface. Kontras digunakan untuk membedakan aktifitas kendali. Juga dapat digunakan untuk men-set item yang paling utama. Item yang paling utama diberi highlight. Dengan mempergunakan geometri dapat membantu pengurutan. Kontras juga mendukung skimming secara cepat. Walaupun background dari website ini tidak memenuhi criteria suatu web, tetapi tampilan dari web Detik.com ini pembuat pengunjung atau pembaca tertarik dan senang dengan Detik.com karena website ini diperkuat dengan dengan banyaknya tampilan warna-warna yang membuat mata pembaca ingin melihat keseluruhan dari web ini. Pengambilan warna-warna untuk tampilan web-nya sangat menarik pembaca.
Tidak ada komentar:
Posting Komentar