Design Principles
Hello semua, saat ini saya akan bahas basic dari design principles, apa itu design principles, dan apa saja poin yang ada di dalamnya, so lets get started.
Apa itu Design Principles?
Design principles adalah sebuah sebuah guideline untuk designer membuat design lebih teratur serta bisa memenuhi sebuah fungsi dari design yanng dibuat.
Menurut interaction design, design principles adalah advice dasar untuk membuat design yang mudah digunakan serta bisa dilihat dengan bagus.
Design principle ini berfungsi untuk kita mendesign, tidak hanya sekedar mendesign tapi lebih menitik beratkan kepada apa yang client kalian inginkan daripada sekedar design yang estetik.
Dan kita sebagai UI/UX designer minimal harus mengetahui beberapa poin dalam design principle, agar design yang kita buat lebih tertata, solve problem yang dimiliki client dengan design kita, dan bisa meningkatkan sisi dari keindahan itu sendiri.
Sebagian designer membuat design yang sangat bagus tapi tidak solves problem yang ada dari client, contohnya semisal design sebuah app transfer uang, dan designnya ini sangat bagus, tapi user yang menggunakannya tidak tahu bagaimana transfer di dalam app tersebut, nah bisa jadi user kebingungan untuk menemukan sebuah button transfer di dalam design tersebut, bisa jadi button transfernya terlalu kecil, atau kontrasnya yang minim.
Disinilah design principles berfungsi untuk designer menyesuaikan design yang ingin dibuat, dengan aturan-aturan design yang bisa designer terapkan pada design dia nantinya.
Poin dalam Design Principles
Disini saya share beberapa design principles yang ada, di web lain ada yang 17 prinsip, ada yang 5, dsb. Tapi disini kita akan bahas sekitar 6 saja yang menurut saya penting untuk dipelajari, so berikut ini beberapa poin dalam design principles :
Alignment
Alignment adalah sebuah dasar yang ada dalam design, tapi ini sangat penting karena mengatur sebuah penempatan pada komponen-komponen design. Jika kamu sudah mengatur alignment dengan baik, pasti user akan lebih betah ada di dalam app kamu, karena antar komponen sudah tertata dan mata user akan lebih nyaman melihatnya.
Contrast
Pernah melihat warna button signup lebih mencolok dibandingkan button login? Itu dimaksudkan agar mendapat atensi user lebih banyak kepada signup dan “akibatnya” jumlah user sign up pada suatu platform tersebut akan meroket.
Ya kontras bertujuan untuk mendapatkan atensi user dengan warna atau elemen yang digunakan biasanya mencolok dan berbeda dengan design yang lain.
Repetition
Repetition atau perulangan, adalah sebuah hal di dalam design dimana kita mengulang atau duplicate sebuah style yang sama untuk digunakan ke dalam sebuah design yang berfungsi untuk membuat user familiar terhadap app.
Contohnya ketika di dalam footer sebuah website, kita sering menemukan banyaknya navigasi ke laman help, features, dsb dengan font style yang sama, dengan font style yang sama kita akan mengidentifikasi bahwa jika di klik salah satu text atau semua text tersebut satu per satu akan menavigasikan kita ke laman atau section yang lain.
Proximity
Proximity adalah sebuah jarak atau ruang kosong yang sama antara satu komponen dengan yang lainnya, dan jika dilihat oleh user objek-objek yang memiliki jarak yang sama ini akan terlihat seperti satu grup.
Itulah mengapa UI/UX designer akan menerapkan prinsip proximity ke dalam komponen yang sudah di grouping sebelumnya dalam tahap card sorting.
Balance
Yak, balance adalah salah satu hal yang penting dalam design, karena balance akan membuat design yang kalian buat lebih berisi dari keseluruhan. Untuk membuat design kalian seimbang kalian bisa memanfaatkan whitespace.
Untuk sebuah button contohnya, agar padding kanan dan kiri nya sama, kalian harus menyesuaikan jarak padding dengan text yang ada di dalamnya, jika di Figma kalian bisa memanfaatkan auto layout agar lebih cepat.
Hierarki
Sebuah hierarki penting di dalam sebuah website atau app, untuk menentukan informasi mana yang ingin dibaca user pertama kali, dan informasi mana yang harus mendapatkan atensi lebih.
Serta dengan adanya hierarki mata user tidak akan cepat lelah karena mata user akan mendeteksi informasi mana informasi yang menonjol, dan mana keterangan yang tidak perlu/kurang menonjol, dan itu biasanya akan di skip oleh user.
Konklusi
Design principles akan membantu dalam kalian mendesign sebuah interface untuk fitur atau app yang sedang dibangun, dan seperti yang kita lihat, diluar sana sangat banyak design principles, dan saya meng highlight sekitar 6 poin, dan diluar sangat banyak principle lain yang belum kita bahas disini, so keep learn & grinding bois!
Reference :
https://www.interaction-design.org/literature/topics/design-principles
https://www.shillingtoneducation.com/blog/graphic-design-basic-principles/
