[#1 Menjadi Designer] - Hal yang harus dipelajari oleh designer pemula - Fundamental, Design Tools, Visual Design
Cara buat bisa jadi Product Designer (UI/UX) adalah langsung ngelakuin hal-hal yang berhubungan sama kerjaannya
Hal-hal yang harus dipelajari untuk menjadi seorang Product Designer
Kalian bisa pelajarin berdasarkan urutan yang udah gw tulis.
Fundamental
Design Tools
Visual Design
Interaction Design (next post)
Platform & Device (next post)
User Research (next post)
Kalian harus pelajari hal tersebut secara intentional. Gw akan jelasin satu-satu dan di akhir bakalan ngasih kalian roadmap untuk belajar.
1. Fundamental
Ini hal yang basic dan gw akan jelasin secara singkat aja, biasanya si Product Design ini akan mengerjakan 2 elemen:
UX (User Experience):
Apa yang dirasakan pengguna ketika pake design yang kita buat (nanti kalau udah di develop, design kita disebut produk/fitur).
Contohnya: Coba kita inget-inget pas belanja online pake aplikasi, dari mulai nyari barang, nambahin barang, bayar, sampe barangnya nyampe. Gimana rasanya?
UI (User Interface):
Hal yang dilihat dan bisa dioperasikan oleh pengguna
Contohnya: Di apliaski belanja online tadi, ketika kita belanja pasti ada warna, tombol, tulisan, gambar, icon.
UX & UI akan selalu berdampingan, dalam kata lain kita ga bisa memisahkan kedua elemen tersebut dalam sebuah design/produk.
2. Design Tools
Design tools ini adalah hal yang cukup penting bagi seorang designer, karena tools inilah yang akan dipakai untuk kerja setiap hari. Coba bayangin kalau lumberjack ga tau cara pake kampak, bakalan bingung pas nebang pohon kalopun bisa ya lama atau mencong-mencong.
Design tools ini akan terbagi menjadi 3: Tools buat brainstorming, tools buat bikin konsep dan tools buat bikin UI.
Untuk diawal belajar, kalian bisa pake tools paling populer yaitu Figma.
Kalian coba pelajari cara kerja dan fungsi-fungsi yang ada di tools ini, seperti: Bikin file, bikin frame, bikin shape, ubah warna, bikin text, bikin text di dalam shape.
3. Visual Design
Visual design adalah skill yang sangat krusial bagi seorang Product Designer, karena inilah yang akan kita kerjain sehari-hari. Visual Design adalah UI yang diawal udah gw jelasin.
Sebagai orang yang baru belajar kita bakalan fokus di bagian ini terlebih dahulu. Karena berdasarkan pengalaman dan observasi gw. Junior level product designer akan lebih banyak execute and craft visual.
Visual Design ini juga akan terbagi lagi menjadi beberapa bagian:
Typography:
Typography ini adalah tulisan dan huruf yang biasa kita lihat di aplikasi yang biasa kita pake. Memahami Typography dan juga Typescale (ukuran huruf) yang dipake bakalan play the big role buat design kita.
Color & Shape
Pemilihan warna dan juga bentuk akan ngebuat design kita lebih enak dilihat juga nyaman dipake oleh pengguna nantinya.
Component
Salah satu hal paling penting yang harus kalian pelajari dan pahami adalah component. Component ini banyak jenisnya, contoh: Button, radio button, checkbox, form, modal, card, dropdown.
Kalian bisa pelajari lebih lanjut disini atau di Material Design & Apple Human Interface Guideline
Layout
Kombinasi tata letak setiap elemen yang ada kaya icon, typography, image, component.
Iconography
Icon-icon yang ada di aplikasi yang biasa kalian liat
Spacing
Spasi antara elemen pada Design yang kita buat
Images & Composition
Penggunaan gambar dan komposisi gambar yang kita pake di design kita
Roadmap & Challange
Buat komitmen selama 1 bulan untuk pelajarin Design tools & Visual Design. Ini breakdownnya:
Belajar Design tools - Figma (1-2 hari)
Pelajari toolsnya bisa ngapain aja
Pelajari fungsi yang ada di toolsnya
Belajar Visual Design/UI (28 hari)
14 Hari pertama
Screenshot, copy & duplicate UI Apps yang kalian suka from scratch di Figma. Just duplicate klo bisa 100% mirip. Resize width screenshotnya ke ukuran 360px (suggested Apps: Tiket.com, Grab, Gojek, Google Play, Netflix, Airbnb)
Selain duplicate, kalian juga notes component yang dipake, ukuran font, ambil warnanya, liat jarak spasi antar elemen, dan pelajari layoutnya.
14 Hari selanjutnya
Coba buat design versi kalian sendiri berdasarkan imajinasi kalian atau coba improve aplikasi yang udah kalian duplicate, misal: Aplikasi Ojol design versi kalian.
Roadmap ini flexible, kalian bisa adjust waktunya sesuai dengan kondisi dan kebutuhan. Challange bersifat stirct atau kalau bisa di ikuti task yang udah gw buat.
Sebuah Tips
Fokus buat duplicate designnya dulu buat mastering skills visual design jangan mikirin hal lain (misal mikirin user, bisnis atau bahkan developer)
Good luck!
Anyway, gw bikin program buat kalian yang ngerasa butuh guidance untuk belajar Digital Product Design dari nol. Programnya bakalan fokus untuk ngebantu kalian belajar lebih efektif dengan practice dan execute project. Feel free to check this