Memahami Desain WebsiteYang BAIK dan BURUK

Beberapa aspek dalam pembuatan website.

Antarmuka / Interface

Interface merupakan komunikasi antara pengguna dengan system. interface adalah bagian visual dari website yang memastikan bagaimana seorang pengguna berinteraksi dengan website tersebut serta bagaimana informasi ditampilan di dalamnya. User interface sendiri menggabungkan konsep desain visual, interasi, dan informasi. Tujuan user interface adalah untuk meningkatkan fungsi dan pengalaman pengguna web.

Desain yang BAIK

Desain yang baik tergantung pada pengguna yang mengakses website tersebut, apakah mudah untuk mengoperasikan suatu website atau sebaliknya. Desain interface yang baik dan bagus sangat perlu digunakan untuk mempermudah pengguna dalam mengoprasikan suatu website, dengan penerapan prinsip umum  4E pada sebuah website :

Eror – FreeEasy to useEasy to UnderstandEffective for the end goal or product

Karakteristik antarmuka / interface website yang baik sebagai berikut :

• Mengutamakan Fungsi - menjaga Form-Follow-Function sesuai target sasaran dan elemen visual didalamnya bersifat langsung pada website. Pengoptimalkan fungsi mulai dari highlight, icon, menu, dll.

• Familiar, Leading & Intuitive - Merangkum setiap prinsip dasar pada desain antarmuka, sehingga user benar-benar jelas mengerti bahkan tidak asing dengan website anda, dan tentu mengantarkan pengguna ke tujuan utama pada website anda.

• Bersifat simple - simple disini adalah menjaga interface tetap bersih/clean tanpa banyak elemen visual yang tidak penting. Serta adanya elemen visual yang dibutuhkan dan diperlukan.

• Konsistensi -  konsistensi pada penggunaan elemen umum mulai dari bahasa, ukuran, ikon, warna, tipografi dan struktur website. Tampilan yang senada dari mulai landing page hingga seterusnya, sehingga pengguna akan mudah mengerti dan merasa nyaman mengakses website anda, dan bahkan dapat belajar dari website anda.

• Layout - Menyusun halaman website dengan memperhatikan arah baca mata, serta melakukan urutan apa yang dilihat. Dengan menggunakan tata letak yang rapih dan jelas pada website, agar penggunjung website tidak bingung mengakses website.

• Kontras - Penggunaan ukuran dan jenis huruf yang tepat dan sesuai sehingga memberikan kejelasan menjadi penekanan pada sebuah interface website. Serta memberikan penekanan mulai dari tipografi dan warna.

• Komunikasi - Selalu memberikan informasi mengenai apa yang terjadi dan feedback dari pengunjung. Menginformasikan apa yang terjadi pada website untuk menarik perhatian lebih pada pengunjung website.

Berikut merupakan contoh desain website terbaik dari  Award Winning Website. Menerapkan Form-Follow-Function serta menerapkan konsep yang kekinian.

Desain yang BURUK

Desain website yang buruk ini terjadi karena desainer terjebak dalam hal-hal umum yang berkaitan dengan pengguna / user itu sendiri sehingga menjadi kurang baik.

Karakteristik antarmuka / interface website yang buruk sebagai berikut : 

• Kurang efektif - dalam hal ini masih banyak yang melupakan multi device user dalam penerapannya karena hanya terpacu pada 1 device yang akan dipublish, sehingga penerapannya tidak efektif. Interface maupun experience harus mampu mengolah data dan desain dalam multi bentuk di berbagai jenis device, misalnya di laptop, tab, maupun handphone. Sehingga tampilan menjadi efektif untuk pengguna.

• Monoton - tampilan yang monoton dan kurang responsif, kurang responsif yang dimaksud secara prinsip umum untuk menerapkan desain yang bersih dan simple disalah artikan oleh beberapa desainer, menjadikan sebuah informasi terlalu monoton serta kurang adanya penekanan tertentu yang membuat komunikasi menjadi kurang dipahami pengujung website.

• Idealis - Membuat interface yang kurang adanya riset pada pengguna. Sehingga desainer membuat dengan mengutamakan idealis desainer itu sendiri yang membuat pengguna bingung untuk mengakses karena kurang mengerti.

• Tidak ada target - tidak ada terget yang spesifik dari website itu sendiri, sehingga sering terjadi website sepi pengunjung.

• Desain buruk - Konsep yang akan di terapkan sangat diperlukan dan harus matang. Dalam desai, banyak yang melupakan prinsip-prinsip dasar desain, mulai dari tata letak/komposisi, warna dan ukuran yang saling berebut. 

Misalnya : 

Pertama, penataan komposisi yang bagian kanan dan kiri seimbang dan sama sehingga membingungkan mata untuk fokus. 

Kedua, terlalu banyak penggunaan warna pada satu website, penggunaan warna yang berlebih dan tidak sesuai dengan unsur warna yang benar dapat merubah fokus pengunjung untuk mengakses website tersebut.

Ketiga, pemilihan ukuran pada setiap elemen visual yang harus sesuai dan berurutan agar mata dapat fokus.

Berikut adalah desain website terburuk didunia, arngren.net adalah sebuah website yang sengaja menyajikan tampilan buruk sebuah website untuk memberi contoh desain terburuk dalam 1 website. Credit :

Using Light, Color, and Contrast Effectively in UI Design Site exit disclaimer

10 Interface Design Fundamentals Site exit disclaimer

Effective Visual Communication for Graphical User Interfaces Site exit disclaimer

Jesse James Garrett’s The Elements of User Experience: User-Centered Design for the Web and Beyond (2nd Edition).

Peter Morville and Louis Rosenfeld’s Information Architecture for the World Wide Web: Designing Large-Scale Web Sites.