UI : suatu design yang terdiri dari

berbagai komponen. yaitu :

- teks
- media (photo/video)
- animasi
- button
untuk memberikan suatu interaksi terhadap pengguna.

Manfaatnya :
- memberikan informasi.
- solving problem (UX).

Penggunaan :
- Website
- Mobile Apps

Syarat untuk belajar :

- Ketertarikan akan Visual Design
1. Warna
2. Tipografi
3. Tata Letak
4. Animasi

- Tools Utama :
1. Sistem Operasi : Windows 10/ Mac OS
2. Adobe XD

Prototype design akan di gunakan oleh UX Designer

sebagai usability testing.

- Tools Tambahan
1. InVisionapp.com : tempat untuk membuat wireframe.
2. Maze.design : tempat dimana kita melakukan usability testing
terhadap pengguna.
3. whimsical.co : membuat suatu user flow yang akan digunakan sebagai referensi/
alur bagai website kita bekerja.

==============================================

WorkFlow

Diawali dengan wireframe yang dilakukan oleh seorang UX Designer

Lalu lanjut ke visual design yang dilakukan oleh UI Designer
Setelah itu menggabungkan design2 menjadi suatu prototype yang akan digunakan
sebagai user testing. UI dan UX ini akan selalu berhubungan sampai product itu
jadi.

==============================================

UX Designers/ User Experience Designer

untuk UX designer yang membuat suatu design bukan hanya ditampilkan dilayar, tetapi
harus
menyelesaikan masalah pengguna pada setiap harinya.

WorkFlow
1. Research : apakah masalah ini benar-benar ada dan
perlu diselesaikan oleh aplikasi? karena tidak semua masalah perlu
diselesaikan oleh aplikasi.
2. Validate/Validasi : Membangun wireframe, visual design, prototype, uji coba dari
data2 yang telah didapatkan dari bagian research sebelumnya.

3. Good Product.

==============================================

Install Tools UI UX Designer :

- Adobe XD
- Whimsical.com
- invisionapp.com : buat wireframe, kolaborasi, prototype, usability testing.

jika ingin melakukan usability testing bisa bersamaan menggunakan

invisionapp.com dan maze.design

==============================================

UX Riset

- Problems
- User/Market
- Solutions
- Main Goals

1. Bagaimana Project tersebut mudah di gunakan oleh pengguna?

2. Apakah project tersebut dapat meningkatkan profit dari segi bisnis suatu
perusahaan?

Setelah melakukan riset, kita membuat profil calon customer kita, sehingga kita tau
apa yang mereka butuhkan. Bukan apa yang mereka inginkan.

Contohnya
Nama : Janne August
Mahasiswa - Traveler

Pain Points :
- Susah mencari cicilan untuk Travel
- Cicilan yang ditemui memiliki 10 - 25% bunga cukup besar+

Goals :
- Ingin travel dengan paket pilihan
- Ingin mencicil paket dengan bunga rendah

Setelah memiliki data-data yang dibutuhkan, kita memasuki

ke bagian UserFlow, dimana kita membuat alur supaya website kita bekerja dengan
baik.

===============================================
TAHAP PROSES
===============================================

(1.) UX Ideation : Suatu proses yang digunakan oleh UX Designer pada tahap awal
ketika mereka sedang membangun suatu produk.
Misalnya :
1. Problems
2. User/Market
3. Solutions
4. Main Goals

Work Flow :
1. Brainstorming (Designer, Programmer, Customer Service, dll)
2. How Might We? ( Tahap mengimprovisasi aplikasi yang kita ingin bangun/ sudah
kita miliki )
3. Validate/Validasi ( Melakukan wireframe, prototype, visual design, animasi,
usability testing, dan berulang lagi sampai mendapatkan hasil yang optimal untuk
pengguna kita )

================================================