KULUM 2022 - Reygan Fadhilah - D3TI1A

UI/UX DESIGN : How To Get Started

UI/UX Designer

UI Designer adalah proses yang digunakan desainer yang tugasnya membangun atau mengatur tampilan antarmuka dalam suatu perangkat lunak agar mudah dan nyaman ketika dipakai oleh pengguna.

UX Designer adalah desainer yang tugasnya melakukan riset pasar sampai kemudian bisa di implementasikan dalam bentuk desain, sederhananya YX Designer lebih berfokus pada experience pengguna ketika menggunakan aplikasi tersebut.

Dasar-Dasar UI Design

1.       Icon

Di dalam icon terdapat style, source, sesuai konteks, sizing, basic shape. Jadi icon harus dibuat sesuai dengan fungsinya, ukurannya pun harus sesuai agar memudahkan pengguna ketika menggunakannya.

2.       Grid dan Jarak

Grid dan jarak meliputi spacing, padding, gutter width, screen size. Grid ini berfungsi mengatur jarak atau space pada user interface agar tidak berantakan dan nyaman untuk di lihat. Kelipatan yang sering dipakai oleh designer untuk grid dan jarak adalah kelipatan 4 dan kelipatan 5.

3.       Tipografi dan Font

Tipografi dan Font ini juga penting dalam merancang sebuah user interface, pemilihan font nya harus sesuai agar mudah dibaca oleh user.Hierarki adalah suatu susunan di mana hal-hal tersebut dikemukakan sebagai berada di ”atas,””bawah,”atau”pada tingkat yang sama” dengan yang lainnya.

4.       Warna

Pemilihan dan perpaduan warna nya juga harus sesuai tidak membuat mata sakit saat melihatnya dan mudah di mengerti.

·         Complementary : untuk mengatur kontras

·         Split Complementary : untuk mengurangi kontras

·         Analogous : membuat warna lebih harmonis

Proses UI Design

1)      Understand :  jenis projek, durasi, reset, batasan revisi, keinginan detail, payment, design brief

2)      Research : user persona, user research, competitor, trend.

3)      User Flow : alur aplikasi/desain

4)      WireFrame : kerangka sebelum tahap desain

5)      Design : design system, component, page

6)      Implementation : tes ke beberapa user melalui link dan handover ke beberapa developer

Proses Design thinking

1.      Empathise : Menanamkan rasa empati

2.      Define : Menjelaskan masalah tersebut

3.      Ideate : Evaluasi ide design

4.      Prototype : Mulai membuat mockup design nya

5.      Test