SlideShare a Scribd company logo
BASIC UXBALIKPAPAN, 14 DESEMBER 2018
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
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
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
TIMBANGAN
HOW TO USE IT?
MORE DIGITAL
= MORE COMPLEX
RIGHT?
BASIC UX PRESENTATION
USER INTERFACE
USER EXPERIENCE
USER
EXPERIENCE
USER

INTERFACE
BASIC UX PRESENTATION
UILOOKS
the process of making interfaces in
software or devices with a focus on
looks or style
https://www.interaction-design.org
WHY
UX?
BUSINESS
NEEDS
UI UX
CUSTOMER
NEEDS
BASIC UX PRESENTATION
PROSES
DESIGN
USER
EXPERIENCE
RESEARCH
DESIGN
TESTING
BUILD ITERATIF
Referensi: Objective Digital, UX Consultant Australia
RESEARCH
DESIGN
TESTING
BUILD ITERATIF
1. Stakeholder interview
2. Heuristic Evaluation (Benchmark)
3. Building Persona
4. User Requirement
RESEARCH
DESIGN
TESTING
BUILD ITERATIF
5. Information
Architecture/
Navigation
6. Visual Design
(sketch/
wireframe)
7. Prototype
RESEARCH
DESIGN
TESTING
BUILD ITERATIF
8. Usability Test
RESEARCH
DESIGN
TESTING
BUILD ITERATIF
9. Develop
10.Launch
11.Analytic
p.s. : Analytic setelah launching
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
“KISS!”
KEEP IT SIMPLE STUPID
OR
DON’T MAKE ME THINK!
BASIC UX PRESENTATION
BASIC UX PRESENTATION
Letak tombol
“Lupa Kata Sandi”
tidak wajar.
“Tutup”
seperti bukan
tombol.
YOU = USER“If you are solve the wrong problem,
it doesn’t matter how well you solve it”
PERSONA
Representasi dari target user yang
menggambarkan behaviour user secara umum
dalam penggunaan sebuah produk
which one better?
A B
Hasil eye tracker
A B
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)
F-PATTERN
SCANNING
OR READING?
Buat user haus
membaca konten
COGNITIVE BIAS
90% FAT FREE 10% FAT
PERSUASIVE
DESIGN
area of design practice that
focuses on influencing
human behavior through
a product's or service's
characteristics. 
PERSUASIVE
DESIGN
area of design practice that
focuses on influencing
human behavior through
a product's or service's
characteristics. 
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
BASIC UX PRESENTATION
SKETCHING
WIREFRAME
HIGH FIDELITY
DESIGN
PROTOTYPE
USABILITY TEST
A technique used in user-centered interaction
design to evaluate a product
by testing it on users
5 USERS
ARE ENOUGH
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!

More Related Content

BASIC UX PRESENTATION