Perancangan Tampilan Website yang Baik

Ada pepatah mengatakan bahwa “jangan melihat segala sesuatu dari luarnya, tapi lihatlah apa yang ada di dalamnya (yang terkandung di balik tampilan tersebut). Pepatah itu memang benar adanya. Tapi, menurut saya sendiri hal tersebut tidak begitu berlaku untuk sebuah website. Karena, secara tidak langsung, sadar atau tidak sadar tampilan merupakan modal awal bagi sebuah website. Tampilan / desain dari sebuah website merupakan salah satu penentu website kita didatangi / tidaknya oleh pengunjung.

Menurut saya pribadi, tampilan/desain merupakan hal pertama yang ditangkap pengunjung ketika melihat website kita. Pengunjung tidak akan melirik isi konten terlebih dahulu, tetapi melirik tampilan/desain website kita. Sebuah website bisa jadi menggambarkan karakter dari pemiliknya, atau juga bisa gambaran dari sebuah produk.

Adapun hal-hal yang perlu diperhatikan dalam merancang tampilan website yang baik tersebut antara lain:

1. Penggunaan warna harus tepat/sesuai. Selain itu juga harus menarik. Warna yang digunakan bisa jadi mewakili karakter dari si pemilik website. Ingat!!! Jangan berlebihan dalam mengkombinasikan warna, karena bisa mengalihkan perhatian pengunjung.

2. Isi konten bisa dibaca. Perhatikan jenis font yang digunakan, ukuran font serta kontras warna yang digunakan.

3. Jika dibutuhkan, gunakan image (gambar) sebagai pemanis website.

4. Penempatan posisi menu navigasi website harus tepat/sesuai. Contoh : penempatan sidebar serta widget yang digunakan.

5. Gunakan layout yang simpel. Layout atau tata letak desain diusahakan sesederhana mungkin, minimalisir elemen-elemen yang tidak penting, maksimalkan whitespace (jarak antar elemen). Website dengan layout yang baik, mudah untuk dijelajahi, pengunjung mudah untuk menemukan sesuatu, dan dengan cepat menemukan apa yang dicarinya.

6. Jangan menggunakan terlalu banyak animasi karena akan membutuhkan waktu yang lama untuk loading / mengakses website.

Sumber bacaan :

http://satudigit.com/tutorial/desain-website-yang-baik-tampilan-visual-dan-layout/