KRITERIA GOOD DESIGN DAN BAD DESIGN SEBUAH WEBSITE

maulanii sm
Feb 22, 2020
6 min read

Updated: Feb 24, 2020

"Design creates culture. Culture shapes values. Values determine the future."

- Robert L. Peters (designer and author) -

Sebelum jauh membahas tentang apa itu kriteria dari good design dan bad design sebuah website, saya akan membahasa terlebih dahulu apa itu Web Design.

Web Design adalah segala sesuatu tentang situs web anda, termasuk konten, cara tampilannya, dan cara kerjanya ditentukan oleh desain situs web. Desain web adalah proses konseptualisasi, perencanaan, dan pembuatan koleksi file elektronik yang menentukan tata letak, warna, gaya teks, struktur, grafik, gambar, dan penggunaan fitur interaktif yang mengantarkan halaman ke pengunjung situs anda. Desain Web profesional membantu membuat bisnis Anda terlihat kredibel secara online.

Nah saya akan langsung membahas tentang apa saja kriteria dari Good Design dan Bad Design dari suatu website

KRITERIA DESAIN WEB YANG BAIK

Desain web yang baik harus memenuhi fungsi yang dimaksudkan. Beberapa faktor seperti konsistensi, warna, tipografi, citra, kesederhanaan, dan fungsionalitas semuanya berkontribusi pada desain situs web yang baik.

Saat mendesain sebuah situs web, ada banyak faktor kunci yang akan berkontribusi dalam membantu pertumbuhan dan perkembangan web tersebut. Situs web yang dirancang dengan baik dapat membantu membangun kepercayaan dan menarik pengunjung untuk mengambil tindakan/action. Jadi selain harus mengoptimalkan unsur fungsionalitas dari web tersebut, jangan sampai juga mengesampingkan nilai estetika dari web yang dibuat, karena unsur visual itulah yang menjadi unsur penarik perhatian dari suatu situs web.

Di bawah ini adalah beberapa pedoman yang akan membantu Anda dalam proses pembuatan pembuatan web.

1. DESAIN YANG BAGUS ITU INOVATIF

Pengembangan teknologi selalu menawarkan peluang baru untuk inovasi desain. Tetapi desain inovatif selalu berkembang seiring dengan teknologi.

2. DESAIN YANG BAGUS MEMBUAT PRODUK BERMANFAAT

Suatu produk dibeli untuk digunakan. Itu harus memenuhi kriteria tertentu, tidak hanya fungsional, tetapi juga psikologis dan estetika. Desain yang baik menekankan kegunaan suatu produk.

3. DESAIN YANG BAIK TIDAK MENGESAMPINGKAN UNSUR ESTETIK

Kualitas estetika suatu produk merupakan bagian integral dari kegunaannya karena produk yang kita gunakan setiap hari mempengaruhi orang. Tetapi hanya objek yang dieksekusi dengan baik yang bisa menjadi indah.

4. DESAIN YANG BAGUS MEMBUAT PRODUK BISA DIMENGERTI

Desain yang bisa menjelaskan struktur produk. Desain yang dapat membuat produk seolah berbicara.

5. TUJUAN SITUS WEB

Situs web yang dibuat perlu menyesuaikan dengan kebutuhan pengguna. Memiliki fungsi dan pesan yang jelas.

Ada banyak tujuan berbeda yang mungkin dimiliki situs web tetapi ada tujuan inti yang sama untuk semua situs web :

Menggambarkan Keahlian/skill
Memperkuat reputasi dan citra diri
Penjualan

6. KESEDERHANAAN

Kesederhanaan adalah cara terbaik untuk mempertimbangkan pengalaman pengguna dan kegunaan situs web Anda. Kesederhanaan desain halaman akan membantu pengguna berinteraksi dengan apa yang anda tawarkan. Kesederhanaan bukanlah tidak adanya kekacauan, kesederhanaan pada dasarnya menggambarkan tujuan dan tempat suatu objek dan produk.

Di bawah ini adalah cara untuk mencapai kesederhanaan melalui desain.

Color Schame yang Dipilih

Warna memiliki kekuatan untuk mengkomunikasikan pesan dan membangkitkan respons emosional. pilihlah palet warna yang sesuai dengan brand anda, karena hal ini akan mempengaruhi perilaku pelanggan terhadap brand. Pertahankan pilihan warna, kombinasi warna yang menyenangkan dapat meningkatkan minat serta ketertarikan pelanggan sehingga membuat pengguna merasa nyaman, dan betah melihat tampilan web anda.

Tipografi

Tipografi memiliki peran penting dalam membangun situs web. Unsur tipografi juga berperan sebagai penarik perhatian dan berfungsi sebagai interpretasi visual dari sebuah brand. Typefaces yang digunakan harus dapat terbaca dengan jelas, dan usahakan hanya menggunakan maksimal 3 font berbeda di dalam sebuah situs web.

Citra/Brand Image

Citra adalah setiap aspek visual yang digunakan dalam komunikasi. Ini termasuk fotografi, ilustrasi, video dan semua bentuk grafik. Semua citra harus ekspresif dan menangkap semangat perusahaan dan bertindak sebagai perwujudan kepribadian brand mereka. Karena sebagian besar informasi yang di konsumsi di situs web adalah visual, maka untuk membuat kesan pertama yang baik maka penting bahwa gambar yang digunakan berkualitas tinggi, hal ini dilakukan untuk membentuk kesan profesionalisme dan kredibilitas dalam pikiran pengunjung.

7. NAVIGASI

Navigasi adalah cara menemukan sistem yang digunakan di situs web tempat pengunjung berinteraksi dan menemukan apa yang mereka cari. Navigasi situs web adalah kunci untuk mempertahankan pengunjung. Jika navigasi situs web membingungkan, pengunjung akan menyerah dan menemukan apa yang mereka butuhkan di tempat lain. Menjaga navigasi tetap sederhana, intuitif dan konsisten pada setiap halaman adalah kuncinya.

8. PEMBACAAN POLA F-SHAPED

Pola berbasis F adalah cara paling umum pengunjung memindai teks di situs web. Studi pelacakan mata menemukan bahwa sebagian besar yang dilihat orang ada di area atas dan kiri layar. Tata letak berbentuk huruf F meniru pola bacaan alami kita di Barat (kiri ke kanan dan atas ke bawah). Situs web yang dirancang dengan efektif akan bekerja dengan pola alami pembaca memindai halaman.

9. HIERARCHY VISUAL

Hirarki visual adalah susunan elemen-elemen yang berurutan penting. Baik dari ukuran, warna, citra, kontras, tipografi, spasi putih, tekstur dan gaya. Salah satu fungsi terpenting dari hierarki visual adalah untuk menetapkan titik fokus yang menunjukkan kepada pengunjung tempat informasi paling penting.

10. ISI

Desain web yang efektif memiliki desain yang hebat dan konten yang hebat. Menggunakan bahasa yang menarik, konten yang hebat dapat menarik dan memengaruhi pengunjung dengan mengubahnya menjadi pelanggan.

11. LAYOUT BERBASIS GRID

Grid membantu untuk menyusun desain Anda dan menjaga konten Anda tetap teratur. Kotak membantu menyelaraskan elemen pada halaman dan menjaganya tetap bersih. Layout berbasis grid mengatur konten ke dalam struktur grid kaku yang bersih dengan kolom, bagian yang berbaris dan terasa seimbang serta memaksakan ketertiban dan menghasilkan situs web yang menyenangkan secara estetika.

12. MOBILE FRIENDLY

Semakin banyak orang menggunakan ponsel atau perangkat lain untuk menjelajah web. Penting untuk mempertimbangkan membangun situs web Anda dengan tata letak responsif di mana situs web Anda dapat menyesuaikan dengan layar yang berbeda, baik itu di layar PC, Smartphone, Tablet dsb.

Berikut adalah contoh website yang memiliki design baik :

1. GUCCI

https://www.gucci.com/int/en/

2. ZARA

https://www.zara.com/id/

3. ZARA HOME

https://www.zarahome.com/id/

KRITERIA SEBUAH WEBSITE DIKATAKAN MEMILIKI DESAIN YANG BURUK

DESAIN BERANTAKAN

Situs yang secara harfiah menempatkan grafik, konten, dan tautan di mana saja. Semua elemen yang dimasukkan secara bersama-sama dan berlebihan membuat situs berantakan.

Mengapa sebuah situs web dikategorikan buruk?

Situs tidak menggunakan grid.
Struktur navigasi yang sulit dipercaya.
Tipografi yang buruk membuatnya tidak dapat dibaca.
Penggunaan warna secara acak.

Sebuah grid dapat membuat semuanya bersih dan teratur di situs web Anda. Dan bisa membuat semua elemen ada di tempat yang tepat dan membantu Anda untuk menentukan ukuran, ruang teks, dll. Dengan grid, Anda dapat membuat antarmuka yang konsisten dan terancang dengan baik.

DESAINNYA TIDAK MEMILIKI KONTRAS

Kontras yang jelas dan kuat antara elemen dapat membantu pengguna untuk mengetahui apa inti informasi dari halaman tersebut. Ini membantu pengguna untuk membaca dan lebih memahami info. Dengan penerapan warna latar dan warna teks yang cukup mirip dapat meninggalkan kontras yang sangat lemah. Kontras yang buruk membuat teks menjadi buram bagi mata. Selain itu, ukuran font yang kecil membuat keterbacaan teks menjadi sangat buruk.

Desain web yang baik harus memastikan teks dan gambarnya mudah dibaca. Sebagai contoh, penggunaan tipografi yang baik, yaitu membuat informasi penting dengan ukuran font yang berbeda, dan kontras antara warna sehingga dapat memperkuat efek visual.

DESAIN TIDAK RESPONSIF

Anda harus menggunakan desain web yang responsif, dalam artian halaman web Anda harus dapat berjalan di ponsel dengan lancar seperti halnya di situs web. Ketika situs web di muat di ponsel, dan masih menampilkan seluruh halaman dengan antarmuka teks yang buruk maka segeralah ubah design web anda, karena hal ini akan mengurangi minat pengunjung web, terlebih zaman sekarang yang sudah serba mobile.

SKEMA WARNA YANG BURUK

Desain web yang seperti palet warna campuran yang berisi banyak warna dan warna teks yang saling bertentangan, dan juga dicampur dengan warna latar belakang. Semua itu menyulitkan pengguna untuk membaca. Juga, navigasinya cukup rumit. Desain web yang baik harus menggunakan warna dengan benar untuk menciptakan antarmuka dan suasana yang indah dan ringkas. Seharusnya memudahkan mata pengguna dan membuat pengguna beroperasi tanpa usaha.

PENGOPERASIAN NAVIGASI YANG BURUK

Fitur navigasi terbesar untuk sebuah situs web sudah jelas. Ketika seorang pengguna masuk ke situs web ia harus memahami apa yang dapat mereka lakukan selanjutnya dan tindakan apa yang harus diambil untuk mencapai tujuan mereka. Navigasi harus menarik dan harus sering di bagian atas halaman. Jangan mencoba mendesain navigasi yang membuat pengguna bingung. Selain itu, konten navigasi dan interaksinya juga harus jelas, Anda setidaknya harus memberikan petunjuk kepada pengguna untuk memberi tahu mereka cara kerja situs Anda.

KESALAHAN PADA TAUTAN DAN PENGATURAN CTA (CALL TO ACTION)

Kekacauan tautan dan tautan mati merupakan kesalahan utama situs web. Anda harus memeriksa tautan secara manual. Anda juga perlu memastikan fungsionalitas tautan. Terutama tautan dalam teks, Anda harus membuatnya cukup jelas dan mudah diklik. Misalnya, jangan menambahkan banyak tautan teks di dalam teks Anda. Saat menelusuri teks pada layar ponsel kecil, akan sulit bagi pengguna untuk mengetuk tautan yang benar.

Pengaturan CTA juga harus jelas. Jangan memberi pengguna terlalu banyak pilihan CTA pada tingkat yang sama karena akan membebani pengguna lebih banyak waktu untuk menentukan mana yang mereka pilih. Terlalu banyak CTA pada tingkat yang sama akan membuat pengguna lebih bingung.

STYLE YANG TIDAK KONSISTEN

Jika Anda ingin menjaga halaman tetap halus dan ringkas, maka jangan gunakan terlalu banyak elemen dengan gaya berbeda. Di situs ini, area teks menggunakan warna yang kontras dan ukuran font yang berbeda untuk menyoroti info, yang pada kenyataannya memecah antarmuka hierarkis.

BEBERAPA KESALAHAN YANG SERING TERJADI KETIKA MENDESAIN WEB

Secara otomatis memainkan musik (tanpa memberi tahu pengguna).
Waktu pemuatan halaman yang panjang. Semakin banyak waktu yang diperlukan untuk memuat, semakin besar kemungkinan pengguna akan meninggalkan situs Anda.
Halaman web terlalu panjang. Berapa banyak pengguna yang menurut Anda tertarik hingga ke bagian bawah halaman Anda? Jangan mencoba menguji kesabaran pengguna.
Informasi kedaluwarsa. Informasi yang tidak diperbarui akan menyesatkan pengguna dan membuat situs Anda terlihat tidak profesional.
Halaman terisolasi. Pengguna tidak tahu cara kembali ke beranda. Ini menawarkan pengalaman buruk.
Konten interaktif hilang. Jika Anda tidak dapat memberikan cara bagi pengguna untuk mengekspresikan emosi dan ide, situs web Anda mungkin akan mati perlahan.