UI/UX Introduction

1. UI/UXDesignwithFigma

2. BapakIbutidakperlujagongoding,hanyaempati
tapitetapperlubelajardikitdikitsih

3. Apa itu UI/UX design?
itu penting?
Kenapa
memulai belajar?
Bagaimana

4. Kita akan belajar apa?
1. Memecahkan masalah dan berempati terhadap user.
2. Menggunakan prinsip UI/UX untuk memudahkan user memecahkan masalah
3. Membuat UI dashboard dengan figma

5. Rezka Bunaiya P.
Dosen @UPI.PWK
PM @Nodeflux
e:rezka.prayudha@upi.edu

6. User Interface (UI)
User Experience (UX)
Singkatnya, User Interface (UI) adalah segala sesuatu yang kita buat
dalam bentuk produk atau service dan menarik dari sisi tampilan
atau visual.
User Experience (UX) berhubungan dengan segala sesuatu yang
membantu pengguna menggunakan produk kita secara lebih efisien
dan efektif

9. Mari berempati terlebih dahulu..
“User membutuhkan website”
“Pembeli e-commerce membutuhkan fitur checkout”
“Pegawai membutuhkan fitur checkout”

10. Mari berempati terlebih dahulu..
“persona{x} membutuhkan { }”
y
y bukan kebutuhan namun solusi

11. Mari berempati terlebih dahulu..
padahal seharusnya y adalah kebutuhan. karena
user membutuhkan hal yang lebih fundamental
“user A butuh supaya jualannya lebih banyak diliat orang”
“pegawai butuh kontribusinya terlihat walaupun tidak hadir secara fisik”
“pembeli butuh untuk menghemat waktu saat pembelian”

12. DoubleDiamondFramework

13. Qualitative Research
Observasi
In-depth
Interview
Forum Group
Discussion
L Kenapa kamu suka film ini:
L Apa yang harus diimprove dari app ini:
L Kamu punya comment, saran atau kritik terhadap
website kami?

14. Quantitative Research
Survey
Benchmarking
A/B Testing
B Berapa lama sudah jadi guru/
B Seberapa sering minum kopi di pagi hari/
B Suka nonton film di rumah atau bioskop?

15. UXPyramid

16. Level 1: functional
Hal yang harus dijawab adalah: “Apakah ini bekerja?”
> Tidak ada bugs, error dan downtimA
> Punya tujuan khusu:
> Punya beberapa fitur utamC
> Aksesibilitas dasar terpenuhi

17. Level 2: Reliable
Hal yang harus dijawab adalah: “Akurasinya seperti apa?”
< Bisa digunakan di multi devic)
< Datanya terkurasi dan bersi*
< Kontennya uptodate

18. Level 3: Usable
Hal yang harus dijawab adalah: “Apakah user kesusahan menggunakannya?”
< Short learning curv4
< User tidak bingung ketika menggunakan

19. Level 4: Convenient
Hal yang harus dijawab adalah: “Apakah dia sesuai dengan kebutuhan saya?”
= User punya alasan untuk menggunakannya teru2
= User memberikan feedback, kritik dan saran

20. Level 5: Pleasurable
Level 5: Pleasurable
Hal yang harus dijawab adalah: “Apakah cukup memuaskan sampai harus
orang lain tau?”
? Bagian dari rutinitas use1
? User mempromosikan dan membagikannya kepada
orang

21. Level 6: Meaningful
Hal yang harus dijawab adalah: “Apakah ini punya personal touch?”
3 User it

22. UX Laws
Artikulasi psikologi dan persepsi manusia
dalam UX design

23. Aesthetic-Usability Effect

24. Fitt’sLaw

25. Miller’sLaw

26. Laws of Proximity

27. Jakob’s Law

28. Hick’s Law

29. Law of Common Region

30. let’s learn UI

31. Thank You!