Design Proses UX

1. UX Design
Process
UI/UX Design for Beginner

2. Apa itu UX Design Process?
1
Design Thinking
2
Credit to Pablo Stanley
Outline materi

3. Apa itu UX Design Process?

4. UX Design Process
Proses iterasi desain untuk dapat
meningkatkan usability dan interface
design yang lebih optimal

5. Hal yang dilakukan di dalam
UX Design Process
Mencari permasalahan dari aspek user/bisnis
1
Mengumpulkan & menyusun data dari user/bisnis
2
Brainstorming ide dari permasalahan & data yang ada
3
Membuat solusi desain
4
Melakukan tes dari solusi desain
5

6. Stakeholder yang terlibat
Software Eng. Sponsor
👨💻 👨💼
Product Team
Design Team
👩💼
👨🎨

7. Sponsor
👨💼
Product Team
👩💼
Design Team
👨🎨
Software Eng.
👨💻
Bisnis
User
IT
Sweet Spot
Area

8. Macam-macam UX Design Process
User Centered Design
1
Design Thinking
2
Design Sprint
3
Lean UX
4

9. Design Thinking

10. Design thinking is a human-centered
approach to innovation that draws from the
designer’s toolkit to integrate the needs of
people, the possibilities of technology, and
the requirements for business success
Tim Brown - IDEO

11. Design Thinking evolusi dari
proses Human-Centered
Design yang dapat digunakan
untuk menciptakan inovasi
dalam product design.
💡

12. Design Thinking

13. Human-Centered Design

15. Sticky Note
Peralatan yang digunakan
Papan Tulis Ruangan
Kondusif
Notebook

16. Empathise

17. Tujuan dari Empathise
Membantu designer dalam mencari tahu pandangan &
kebutuhan dari target usernya dengan research
sebelum mendefisinikan problem statement dan
melakukan ideation

18. Yang dilakukan pada tahap Empathise
Menganalisis data analitis
1
Melakukan survey pengguna
2
Melakukan In-depth Interview (IDI)
3
Melakukan FGD
4

19. Define

20. Yang dilakukan pada tahap Define
2
Mendefinisikan permasalahan user
dari hasil Empathise
Membuat How-Might We sebagai
opportunity
1

21. Banyak iklannya,
jadi susah untuk
belajar
Kurang motivasi
untuk belajar
Tidak ada waktu
untuk belajar
Saya tidak suka
dengan UI nya
Materi tidak jelas
Mudah terdistrak
ketika belajar
Terlalu sibuk
sehingga tidak
ada waktu belajar
Pain Point dari
User

22. Tempatkan user sebagai pusat objek permasalahan

23. How-Might We

24. Target User
Pekerja yang ingin
Upgrade Skill
HMW
Meningkatkan
minat belajar
HMW
Mempermudah
akses
pembelajaran
HMW
Mempermudah
pengguna dalam
belajar
HMW
Membantu
pekerja untuk
belajar lebih rajin
HMW
Meningkatkan
revenue

25. Voting untuk How-Might We

26. HMW
Meningkatkan
minat belajar
HMW
Mempermudah
akses
pembelajaran
HMW
Mempermudah
pengguna dalam
belajar
HMW
Membantu
pekerja untuk
belajar lebih rajin
HMW
Meningkatkan
revenue
Target User
Pekerja yang ingin
Upgrade Skill

27. HMW
Meningkatkan
minat belajar
HMW
Mempermudah
akses
pembelajaran
HMW
Mempermudah
pengguna dalam
belajar
HMW
Membantu
pekerja untuk
belajar lebih rajin
HMW
Meningkatkan
revenue
Target User
Pekerja yang ingin
Upgrade Skill

28. How-Might We
Mempermudah pengguna dalam belajar &
Membantu pekerja untuk belajar lebih rajin

29. Ideate

30. Yang dilakukan pada tahap Ideate
Memulai brainstorming ide
berdasarkan How-Might We
1
Brainstorming ide solusi yang akan
diberikan
2
Membuat gambaran kasar
(wireframe) dengan Crazy-8’s
3

31. STAY CREATIVE!
Semakin liar ide kalian, semakin bagus hasil akhirnya

32. Brainstorming Ide Solusi

33. Fitur
Gamification
untuk membuat
pengguna lebih
rajin dalam
belajar
Mempermudah pengguna dalam belajar &
Membantu pekerja untuk belajar lebih rajin
How-Might We
Sistem
leaderboard
mingguan untuk
memacu
pengguna lebih
giat belajar
Membuat
platform
pembelajaran
dengan basis
Website &
Aplikasi
Fitur Mentoring
Assisstant
untuk dapat
berkonsultasi
Fitur Forum
untuk dapat
berdiskusi
dengan pelajar
lainnya
Fitur Call Mentor
Ada fitur
Gamification
supaya lebih giat
belajar
Bookmark Discussion Class Login Biometric
Ask-Me Anything
seperti Apple Siri
Audio-learn
untuk membantu
pelajar yang
auditori

34. Affinity Diagram

35. Gamification Mentor & Discussion Hygiene Feature Future Feature
Fitur
Gamification
untuk membuat
pengguna lebih
rajin dalam
belajar
Sistem
leaderboard
mingguan untuk
memacu
pengguna lebih
giat belajar
Membuat
platform
pembelajaran
dengan basis
Website &
Aplikasi
Fitur Mentoring
Assisstant
untuk dapat
berkonsultasi
Fitur Forum
untuk dapat
berdiskusi
dengan pelajar
lainnya
Fitur Call Mentor
Ada fitur
Gamification
supaya lebih giat
belajar
Bookmark
Discussion Class
Login Biometric
Ask-Me Anything
seperti Apple Siri
Audio-learn
untuk membantu
pelajar yang
auditori

36. Prioritization Idea

37. LATER
User
Value
Effort
HIGH
HIGH
YES, DO IT NOW! DO NEXT
DO LAST

38. LATER
User
Value
Effort
HIGH
HIGH
YES, DO IT NOW! DO NEXT
DO LAST
Fitur
Gamification
untuk membuat
pengguna lebih
rajin dalam
belajar
Sistem
leaderboard
mingguan untuk
memacu
pengguna lebih
giat belajar
Ada fitur
Gamification
supaya lebih giat
belajar
Membuat
platform
pembelajaran
dengan basis
Website &
Aplikasi
Bookmark
Ask-Me Anything
seperti Apple Siri
Audio-learn
untuk membantu
pelajar yang
auditori
Fitur Mentoring
Assisstant
untuk dapat
berkonsultasi
Fitur Forum
untuk dapat
berdiskusi
dengan pelajar
lainnya
Fitur Call Mentor
Discussion Class
Login Biometric

39. Crazy 8’s

40. Crazy 8’s

41. Prototype

42. Yang dilakukan pada tahap Prototype
Mendesain interface dari hasil Crazy
8’s
1
Menyusun UI menjadi sebuah flow
proses yang sesuai dengan ide solusi
2
Membuat prototype yang dapat
digunakan untuk Testing
3

45. Selalu evaluasi user-flow dengan
tim internal
Diskusi dengan tim internal untuk user flow ini
sangat penting agar dapat menghindari
kemungkinan error/defect yang terjadi

46. Testing

47. Yang dilakukan pada tahap Testing
Mengevaluasi setiap ide solusi
dengan testing
1
Melakukan interview/online survey
untuk testing
2

48. 5 orang sudah cukup untuk
melakukan testing

49. Testing adalah tahap yang paling
penting ketika mendesain solusi ide
Setiap asumsi, ide, atau perubahan tampilan
perlu diklarifikasi dengan testing