This document summarizes Bella Dwi Jayanti's presentation on UI/UX design. The schedule includes an introduction to UX principles, a hands-on activity to design an ice cream ordering app for children, and group presentations. Key topics discussed are UX vs UI, the UX design process of research, design, testing and iterative building, techniques like personas and usability testing, and principles such as keeping it simple and prioritizing the user experience. Examples demonstrate how to apply usability heuristics in a wireframe evaluation. The goal is to learn practical UX skills through an example project.

1. BASIC UXBALIKPAPAN, 14 DESEMBER 2018

2. HELLO!
BELLA DWI JAYANTI, S.Ds., M.M
- DESIGNER UI UX
- CDO STARTUP AMOEBA KIWARI
- CDO & CMO STARTUP AMOEBA BOSQU
- UI UX CERTIFIED NIELSEN NORMAN GROUP
920097

3. TODAY’S SCHEDULE
09:00
BALIK
PAPAN
13.10 P.M
16.10 P.M
2.5 HOURS
13.10 - 14.10 UX PRINCIPLE
14.10 - 15.30 YUK COBA!
15.30 - 16.10 GROUP PRESENTATION

7. TIMBANGAN
HOW TO USE IT?

8. MORE DIGITAL
= MORE COMPLEX
RIGHT?

10. USER INTERFACE
USER EXPERIENCE
USER
EXPERIENCE
USER
INTERFACE

12. UILOOKS
the process of making interfaces in
software or devices with a focus on
looks or style
https://www.interaction-design.org

13. WHY
UX?

14. BUSINESS
NEEDS
UI UX
CUSTOMER
NEEDS

16. PROSES
DESIGN
USER
EXPERIENCE
RESEARCH
DESIGN
TESTING
BUILD ITERATIF
Referensi: Objective Digital, UX Consultant Australia

17. RESEARCH
DESIGN
TESTING
BUILD ITERATIF
1. Stakeholder interview
2. Heuristic Evaluation (Benchmark)
3. Building Persona
4. User Requirement

18. RESEARCH
DESIGN
TESTING
BUILD ITERATIF
5. Information
Architecture/
Navigation
6. Visual Design
(sketch/
wireframe)
7. Prototype

19. RESEARCH
DESIGN
TESTING
BUILD ITERATIF
8. Usability Test

20. RESEARCH
DESIGN
TESTING
BUILD ITERATIF
9. Develop
10.Launch
11.Analytic
p.s. : Analytic setelah launching

21. COMPUTER SCIENCE
SOCIOLOGY
COGNITIVE SCIENCE
DESIGN
PSYCHOLOGY
HUMAN FACTOR
KNOWLEDGE
, George Samuel Hurst. Mouse tahun 1963
CARA KERJA
OTAK MANUSIA
SECARA PSIKOLOGIS:
1. THINKING
2. PERCEIVE/INTERPRET
3. REMEMBER
4. LEARNING

22. “KISS!”
KEEP IT SIMPLE STUPID
OR
DON’T MAKE ME THINK!

25. Letak tombol
“Lupa Kata Sandi”
tidak wajar.
“Tutup”
seperti bukan
tombol.

26. YOU = USER“If you are solve the wrong problem,
it doesn’t matter how well you solve it”

27. PERSONA
Representasi dari target user yang
menggambarkan behaviour user secara umum
dalam penggunaan sebuah produk

28. which one better?
A B

29. Hasil eye tracker
A B

30. 1.3
scroll
JUMLAH
HALAMAN
YANG SERING
DIKUNJUNGI
1. 80% lihat page pertama
2. 20% lihat page kedua
3. 1.3 scroll (2.3 page)

31. F-PATTERN
SCANNING
OR READING?
Buat user haus
membaca konten

32. COGNITIVE BIAS
90% FAT FREE 10% FAT

33. PERSUASIVE
DESIGN
area of design practice that
focuses on influencing
human behavior through
a product's or service's
characteristics.

34. PERSUASIVE
DESIGN
area of design practice that
focuses on influencing
human behavior through
a product's or service's
characteristics.

48. SKETCHING

49. WIREFRAME

50. HIGH FIDELITY
DESIGN
PROTOTYPE

51. USABILITY TEST
A technique used in user-centered interaction
design to evaluate a product
by testing it on users
5 USERS
ARE ENOUGH

52. YUK, COBA!
“wireframe atau prototype untuk aplikasi
pesan es krim untuk
anak umur 5-8 tahun”
“… dan tentukan part-part
yang berhubungan dengan 10 heuristic
evaluationnya”
KITA MAU
ES KRIM!