https://twitter.com/b0rk/status/1284132999940968454

Greetings Gefamians,

Kali ini kita akan bahas tentang UI Designer / Frontend Designer. Role ini akan lebih banyak membutuhkan kreatifitas kalian dalam memabngun sebuah interface yang menarik dan unik tapi, implementable. Nah, selain design skill, apa yang sih yang kamu perlu tahu kalau kamu ingin jadi UI Designer dibidang IT ?

 

Skill design udah pasti jadi skilll yang wajib, sebagai UI Designer kamu akan sering diminta untuk membangun sebuah mockup yang menceritakan alur sebuah flow bisnis dalam aplikasi. Misalnya ada fitur checkout nih, nah gimana sih prosesnya yang simple, apakah untuk user masuk ke menu checkout harus melewati 5 step ? bisa ga dibuat jadi 3 step ? ya, itu salah satu gambaran dari masalah yang harus diselesaikan oleh seorang UI designer. Kreatifitas kamu disini jadi kuncinya, kamu bisa juga melakukan research sendiri, atau kamu bisa kolaborasi dengan UX researcher.

 

Terlepas dari skill design kamu, ada yang kamu perlu tahu juga, yaitu prinsip design pada suatu ekosistem IT. Berbeda dengan design dalam menggunakan tools seperti Figma, Invision, Marvelapp atau illustrator dan Photoshop yang bisa berkreasi se-ideal kamu. Design dalam programming sangat  restricted, karena dalam programming sendiri ada beberapa rules yang harus kita ikuti. Nah, rules ini apa aja sih ?

Contohnya, kalau kalian ingin buat suatu halaman webiste dengan card box komponen yang berisi photo, nama, email dan alamat, kalian bisa membuatnya menggunakan fitur yang disediakan dari masing-masing designing tools. Tapi, ketika diimplementasikan kalian harus memahami konsep box model dari HTML / CSS untuk dapat menentukan size yang sesuai, sehingga ketika design kalian dikonversi ke CSS, perhitungannya tidak akan berbeda jauh.

 

Hal yang lain kalian perlu tahu juga, ada baiknya kalian memulai design dengan membangun design systems. Dari design systems ini nantinya kalian dapat copy-paste komponen atau elemen yang sudah kalian buat sehingga design lebih konsisten baik secara visual ataupun secara numerical dari sisi dimensi dan ukuran.

 

Gefami tidak akan membahas box model dan design systems secara mendetail, tapi kalian dapat simak terus artikel Gefami, karena nanti Gefami akan membahasnya satu persatu. Kalian juga dapat mengikuti bootcamp yang akan diadakan Gefami kedepannya. Salam hangat, happy coding Gefamians.