1. UI/UXKonsep Dasar
UI/UX
oleh Deska Setiawan Yusra

2. Deska Setiawan Yusra
H a i , n a m a s a y a
UX Designer di OY! Indonesia

3. Apa itu
UI/UX?

4. User Experience
"Sebuah pengalaman seseorang dalam
menggunakan atau berinteraksi dengan
sebuah produk ataupun jasa."

5. User Interface
"Bagian visual dari sebuah produk aplikasi
digital yang menyangkut pada bagaimana
sebuah informasi dapat ditampilkan"

6. UI/UX
Sebuah proses membuat desain
visual dari sebuah produk digital
yang dapat memberikan sebuah
pengalaman pada penggunanya.
Source : PixelPoint

7. Perbedaan
UI dan UX
Source : ymedialabs
UX berfokus pada arsitektur,
konten, dan elemen dari sebuah
informasi.
UI berfokus pada visual, bagian
kreatif dari sebuah informasi.

8. Good UX vs Bad UX

9. Awal Membuat
Desain UI/UX?

10. Source : openxcell

11. Wireframe
Kerangka dasar dari sebuah
produk digital yang menampilkan
arsitektur dan elemen elemen
informasi berdasarkan konsep
yang ada.

12. • M E M B E R I K A N K E J E L A S A N
Manfaat Wireframe
• M E N G H E M A T W A K T U
Source : prototypr.io
• L E B I H F O K U S

13. Dasar Visual
Desain UI/UX?

14. Source : brainhub

15. Source : netaq
Layout
• M U D A H D I T E B A K
• R E S P O N S I F
• K O N S I S T E N

16. 1. Color
Source : material.io

17. Source : material.io
2. Icon

18. 3. Font / Typography
Source : material.io

19. "Design is not just what it looks like and feels like.
Design is how it works."
-STEVE JOBS

20. Thank YouSekian,
Terima Kasih