Desain Web Terbaik! Apa Saja yang Harus Dipenuhi?

Web desain adalah hal yang tidak mudah karena melibatkan terciptanya desain yang indah tetapi juga mudah digunakan.

Web desain adalah hal yang tidak mudah karena melibatkan terciptanya desain yang indah tetapi juga mudah digunakan. Hal ini karena website tidak hanya digunakan untuk menyampaikan informasi namun juga untuk membangun sebuah brand. Web desain bisa dikatakan sebagai gabungan kemampuan teknis dan tampilan yang harmonis.

Begitu banyaknya aspek yang harus dikuasi membuat belajar web desain mungkin belum bisa dipelajari secara sepenuhnya di bangku sekolah / kursus. Sebagian besar web desainer belajar secara otodidak, karena untuk membuat web desain terbaik diperlukan pengalaman dan kemauan untuk terus mencoba dan berinovasi.

Pada kesempatan ini, kami ingin menjelaskan tentang prisip-prinsip yang mendasari sebuah desain website mempunyai tampilan yang baik, sebagai berikut:

Keseimbangan

Seimbang disini dapat diartikan dengan membuat desain tidak berat sebelah baik itu secara simetris maupun asimetris. Agar desain seimbang, anda bisa menggunakan gambar dan warna.

Gunakanlah Grid atau Kolom

Grid atau kolom bertujuan agar desain terlihat rapi dan sejajar (horizontal / vertikal) sehingga desain mudah dipahami dan membantu desainer untuk membuat desain yang seimbang. Grid / Kolom meningkatkan kemudahan bagi pengunjung untuk membaca dan memahami informasi. Dengan jarak pemisah yang baik membuat nyaman mata untuk menikmati desain yang ada.

Pilihan warna yang pas

Mungkin sudah bukan jamannya lagi melihat desain website di awal tahun 2000-an yang penuh dengan warna seperti pelangi. Desain saat ini lebih sederhana, memilih warna yang tidak terlalu banyak, lalu menyusunnya dalam sebuah color palette.

Ada banyak cara menentukan warna yang baik, tapi yang jelas semua kembali kepada bagaimana kita merasakan warna-warna tersebut saat digunakan bersama dalam satu desain. Sudah pas atau mungkin terlalu kontras atau terlalu redup. 

Bekerjalah bersama orang lain sehingga ada yang bisa dimintai pendapat mengenai penggunaan warna tersebut. Seringlah melihat-lihat desain website terbaik dari orang lain sehingga bisa memperoleh inspirasi. 

Penggunaan Gambar

Desain web terbaik tidak harus menggunakan gambar yang sangat bagus, akan tetapi jangan menggunakan gambar yang berkualitas buruk karena itu sudah pasti akan membuat desain menjadi jelek. 

Anda mungkin bukanlah fotografer atau ilustrator yang handal, tetapi bukan berarti tidak bisa menaruh gambar yang bagus di website. Dengan keahlian photoshop sederhana dan beberapa foto dari penyedia stock foto yang sesuai, anda bisa melakukannya.

Typography

Typography merupakan keahlian untuk menyusun huruf atau kata menjadi sesuatu yang indah dan mudah dipahami. Hal ini meliputi type, ukuran, style dan warna font yang digunakan, jarak antar kata dll. 

Butuh banyak pengalaman dan latihan untuk memahami typography, bahkan topik ini bisa dianggap sebagai salah satu cabang dari ilmu desain. 

Silahkan membaca beberapa literatur di internet untuk mengerti lebih lanjut tetang typography dan semoga team Naevaweb bisa menjelaskannya di lain waktu.

Berikan ruang antar komponen

Ruang kosong antar komponen desain atau biasa disebut white space memberikan ruang bernafas dan kenyamanan bagi mata untuk menikmati tiap komponen desain tersebut. Hal ini juga berguna untuk menghindari kesan penuh pada desain web. 

Tak hanya tampilan, desain web terbaik harus mampu memberikan kemudahan dalam penggunaannya. Berikut adalah hal-hal yang membuat desain web semakin efektif:

  • Membimbing mata memahami informasi yang ingin disampaikan

Desain yang baik harus bisa menampilkan informasi agar mudah dipahami. Biasanya pengunjung melihat website dari bagian kiri atas lalu menuju ke daerah lain yang ada di layar browser. Sehingga secara umum logo berada pada posisi ini, agar yang pertama kali dilihat pengunjung adalah logo, ini penting agar pengunjung merasa sudah mengakses website yang benar. 

Selanjutnya pengunjung akan menfokuskan pandangan pada gambar header atau navigasi yang telah disediakan. 

Agar infromasi bisa ditersampaikan dengan mudah hal ini yang harus diperhatikan:

  • Sebelum menyampaikan kepada orang lain, andalah yang pertama kali harus memahami informasi tersebut. Tanyakan kepada klien tentang informasi yang penting dan tindakan apa yang diharapkan dari pengunjung setelah membaca info tersebut.
  • Buatlah herarki tampilan berdasar informasi dan keinginan klien. Tampilkan informasi yang penting lebih menonjol dari informasi lain. Misalnya dengan menggunakan gambar yang besar, tulisan yang lebih besar atau warna yang lebih kontras.


  • Navigasi Website yang baik

Navigasi adalah link/menu yang membantu pengunjung menjelajahi isi website. Hal yang membuat tidak nyaman saat mengunjungi sebuat website atau toko online adalah tidak tahu letak link atau menu yang harus diklik untuk menuju halaman yang diinginkan. Agar hal diatas tidak terjadi, ini yang harus diperhatikan:

Menu atau navigasi harus mudah ditemukan. Misalnya di bagian atas halaman atau bagian lain yang mudah dilihat. Menu harus terlihat seperti navigasi dan mudah dipahami bahwa itu adalah navigasi.

Untuk website yang besar, memberikan jejak link (bread crumb trails) sangat membantu pengjunjung memahami posisi halaman yang diakses.


  • Jangan menguji kesabaran pengunjung

Saat menawarkan form kepada pengunjung usahakan agar data yang harus mereka isi adalah data yang minimal, sedangkan data yang lain bisa diisi dilain waktu. Jangan membuat sebuah form yang panjang dan banyak field yang harus diisi oleh pengunjung. Sebagai ilustrasi, untuk form pendaftaran cukup nama, email, password saja, sedangkan informasi profile lainnya diisi setelah user mendaftar dan login ke halaman member.


  • Test dan Lakukan Optimasi

Test digunakan untuk mengetahui sejauh mana efektivitas desain dalam memenuhi kebutuhan pengunjung. Mintalah feedback dari pengunjung atau dengan mengamati hal-hal yang sering ditanyakan. Semakin sering ditanyakan maka semakin penting informasi tersebut. Ubahlah navigasi website agar informasi yang sering ditanyakan tersebut bisa diakses dengan lebih mudah. Lakukan test dan optimasi lagi dan lagi agar tercapai hasil yang lebih baik.

Bacaan lebih lanjut:

http://psd.tutsplus.com/tutorials/designing-tutorials/9-essential-principles-for-good-web-design/

http://uxdesign.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/

http://www.creativebloq.com/netmag/dieter-rams-10-principles-good-web-design-1133872


Administrator
  05 Sep 2019
Kontak