UX Design
Process
UI/UX Design for Beginner
Outline materi
1 Apa itu UX Design Process?
2 Design Thinking
Credit to Pablo Stanley
Apa itu UX Design Process?
UX Design Process
Proses iterasi desain untuk dapat
meningkatkan usability dan interface
design yang lebih optimal
Hal yang dilakukan di dalam
UX Design Process
1 Mencari permasalahan dari aspek user/bisnis
2 Mengumpulkan & menyusun data dari user/bisnis
3 Brainstorming ide dari permasalahan & data yang ada
4 Membuat solusi desain
5 Melakukan tes dari solusi desain
👨🎨 👩💼 👨💻
Stakeholder yang terlibat
👨💼
Design Team Product Team Software Eng. Sponsor
👩💼 👨💼
Product Team Sponsor
Sweet Spot
Bisnis Area
IT User
👨💻 👨🎨
Software Eng. Design Team
Macam-macam UX Design Process
1 User Centered Design
2 Design Thinking
3 Design Sprint
4 Lean UX
Design Thinking
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
💡
Design Thinking evolusi dari
proses Human-Centered
Design yang dapat digunakan
untuk menciptakan inovasi
dalam product design.
Design Thinking
Human-Centered Design
Peralatan yang digunakan
Sticky Note Notebook Papan Tulis Ruangan
Kondusif
Empathise
Tujuan dari Empathise
Membantu designer dalam mencari tahu pandangan &
kebutuhan dari target usernya dengan research
sebelum mendefisinikan problem statement dan
melakukan ideation
Yang dilakukan pada tahap Empathise
1 Menganalisis data analitis
2 Melakukan survey pengguna
3 Melakukan In-depth Interview (IDI)
4 Melakukan FGD
Define
Yang dilakukan pada tahap Define
1 Mendefinisikan permasalahan user
dari hasil Empathise
2 Membuat How-Might We sebagai
opportunity
Tidak ada waktu Saya tidak suka
untuk belajar dengan UI nya
Pain Point dari Mudah terdistrak Banyak iklannya,
jadi susah untuk Materi tidak jelas
User ketika belajar belajar
Terlalu sibuk Kurang motivasi
sehingga tidak untuk belajar
ada waktu belajar
Tempatkan user sebagai pusat objek permasalahan
How-Might We
Target User HMW HMW HMW
Meningkatkan Mempermudah Mempermudah
minat belajar akses pengguna dalam
pembelajaran belajar
HMW HMW
Meningkatkan Membantu
revenue pekerja untuk
belajar lebih rajin
Pekerja yang ingin
Upgrade Skill
Voting untuk How-Might We
Target User HMW HMW HMW
Meningkatkan Mempermudah Mempermudah
minat belajar akses pengguna dalam
pembelajaran belajar
HMW HMW
Meningkatkan Membantu
revenue pekerja untuk
belajar lebih rajin
Pekerja yang ingin
Upgrade Skill
Target User HMW HMW HMW
Meningkatkan Mempermudah Mempermudah
minat belajar akses pengguna dalam
pembelajaran belajar
HMW HMW
Meningkatkan Membantu
revenue pekerja untuk
belajar lebih rajin
Pekerja yang ingin
Upgrade Skill
How-Might We
Mempermudah pengguna dalam belajar &
Membantu pekerja untuk belajar lebih rajin
Ideate
Yang dilakukan pada tahap Ideate
1 Memulai brainstorming ide
berdasarkan How-Might We
2 Brainstorming ide solusi yang akan
diberikan
3 Membuat gambaran kasar
(wireframe) dengan Crazy-8’s
STAY CREATIVE!
Semakin liar ide kalian, semakin bagus hasil akhirnya
Brainstorming Ide Solusi
How-Might We
Mempermudah pengguna dalam belajar &
Membantu pekerja untuk belajar lebih rajin
Fitur Sistem Membuat Fitur Forum
Fitur Mentoring
Gamification leaderboard platform Assisstant
untuk membuat mingguan untuk pembelajaran untuk dapat Fitur Call Mentor
pengguna lebih memacu dengan basis berdiskusi
untuk dapat
rajin dalam pengguna lebih Website & dengan pelajar
berkonsultasi
belajar giat belajar Aplikasi lainnya
Audio-learn Ada fitur
Gamification Ask-Me Anything
untuk membantu Bookmark Discussion Class Login Biometric
supaya lebih giat seperti Apple Siri
pelajar yang belajar
auditori
Affinity Diagram
Gamification Mentor & Discussion Hygiene Feature Future Feature
Fitur Membuat
Fitur Mentoring
Gamification platform
Assisstant
untuk membuat pembelajaran Ask-Me Anything
Fitur Call Mentor
pengguna lebih dengan basis seperti Apple Siri
untuk dapat
rajin dalam Website &
berkonsultasi
belajar Aplikasi
Sistem Fitur Forum Audio-learn
leaderboard
mingguan untuk untuk dapat Discussion Class Bookmark untuk membantu
memacu berdiskusi pelajar yang
pengguna lebih dengan pelajar auditori
giat belajar lainnya
Ada fitur
Gamification
supaya lebih giat
belajar
Login Biometric
Prioritization Idea
HIGH
YES, DO IT NOW! DO NEXT
User Value
LATER DO LAST
HIGH
Effort
HIGH
Fitur Sistem
Gamification leaderboard Ada fitur Fitur Mentoring
untuk membuat mingguan untuk Gamification Assisstant
pengguna lebih memacu supaya lebih giat Fitur Call Mentor
rajin dalam pengguna lebih belajar untuk dapat
belajar giat belajar berkonsultasi
YES, DO IT NOW! DO NEXT
Membuat Fitur Forum
platform
pembelajaran untuk dapat Discussion Class
Bookmark berdiskusi
dengan basis
Website & dengan pelajar
User Value
Aplikasi lainnya
Audio-learn
untuk membantu Login Biometric
pelajar yang
auditori
LATER DO LAST
Ask-Me Anything
seperti Apple Siri
HIGH
Effort
Crazy 8’s
Crazy 8’s
Prototype
Yang dilakukan pada tahap Prototype
1 Mendesain interface dari hasil Crazy
8’s
2 Menyusun UI menjadi sebuah flow
proses yang sesuai dengan ide solusi
3 Membuat prototype yang dapat
digunakan untuk Testing
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
Testing
Yang dilakukan pada tahap Testing
1 Mengevaluasi setiap ide solusi
dengan testing
2 Melakukan interview/online survey
untuk testing
5 orang sudah cukup untuk
melakukan testing
Testing adalah tahap yang paling
penting ketika mendesain solusi ide
Setiap asumsi, ide, atau perubahan tampilan
perlu diklarifikasi dengan testing