#RintisKarirImpian

PERTEMUAN #2

UX Design Process

UI/UX Intensive Bootcamp

 Outline Materi

1 Importance of UX Design process

2 Stakeholder in our process

3 Various kind of Design Process

4 Design Process Breakdown

#RintisKarirImpian
 1
Importance of UX
Design process

#RintisKarirImpian
Importance of UX Design process
What Is UX Design Process?

aPA ITU UX Design process?

User experience design process is an iterative method that helps you continuously
improve and polish your designs.

In the process, you go through different stages repeatedly while evaluating your designs
on each stage.

Each stage involves relevant stakeholders in your organization that take part in the
process to make your products highly efficient and usable.

#RintisKarirImpian
Importance of Fundamental & Principles
Clearing Mindset

Notes #1:

Tidak semua design process

harus dilakukan di setiap
situasi/kondisi

#RintisKarirImpian
Importance of Fundamental & Principles
Clearing Mindset

notes #2

Design process hanya mempermudah

dalam mencari solusi

#RintisKarirImpian
Importance of Fundamental & Principles
Clearing Mindset

notes #3

Pahami tujuan setiap step dari

design process dan lakukan yang
menjadi kebutuhan

#RintisKarirImpian
Importance of Fundamental & Principles
Key Takeaways

Design process sejatinya yaitu runtutan aktivitas saat kita mendesain produk dari
penelitian, perancangan hingga testing dan validasi.

Setiap designer punya design process nya masing2 sehingga proses bisa beragam.

Namun ada pola yang selalu sama dan berulang yang bisa diambil.

Ambil poin utama nya, lalu bebas modifikasi sesuai dengan kebutuhan mu.

#RintisKarirImpian
 2
Stakeholder in our
process

#RintisKarirImpian
Stakeholder in our process
Our stakeholder

#RintisKarirImpian
Stakeholder in our process
Our stakeholder

#RintisKarirImpian
Stakeholder in our process
Key Takeaways

Now, Good design to me means 3 things;

Solve problems, Easy to use, and Supported by everyone.

#RintisKarirImpian
 3
Various kind of
Design Process

#RintisKarirImpian
Various kind of Design Process
Most common process among designers

Double
Diamond

#RintisKarirImpian
Various kind of Design Process
Design Thinking

#RintisKarirImpian
Various kind of Design Process
Design Thinking Principles

#RintisKarirImpian
Various kind of Design Process
Design Sprint 2.0

#RintisKarirImpian
Various kind of Design Process
Design Sprint Principles

1. You need attendees with a varied background in Design Sprint.

2. Working together alone.

3. Tangible ideas over the discussion.

4. 'Getting Started' over 'Being Right'

5. Don't rely on individual creativity

#RintisKarirImpian
Various kind of Design Process
Double Diamond

#RintisKarirImpian
Various kind of Design Process
Double Diamond Principles

1. Put people first.

Start with an understanding of the people using a service, their needs, strengths and aspirations.

2. Communicate visually and inclusively.

Help people gain a shared understanding of the problem and ideas.

3. Collaborate and co-create.

Work together and get inspired by what others are doing.

4. Iterate, iterate, iterate.

Do this to spot errors early, avoid risk and build confidence in your ideas.

#RintisKarirImpian
 4
Design Process
Breakdown

#RintisKarirImpian
Design Process Breakdown
Design Thinking

#RintisKarirImpian
Design Process Breakdown
Empathize

Empathise with user

Membantu designer dalam mencari tahu
pandangan & kebutuhan dari target usernya
dengan research sebelum mendefinisikan
problem statement dan melakukan ideation

#RintisKarirImpian
Design Process Breakdown
Empathize Takeaways

Ada banyak metode dalam research, namun tidak perlu dilakukan semua hanya yang sesuai kebutuhan
saja.

Lakukan at least 2 hal, mencari tahu domain knowledge dan analisis pasar/kompetitor.

Dari sana uda bisa banyak tau apa yang kira2 potential customer mau dan apa yang bisa kita unggulkan
dibanding yang lain (competitive edges and value propositions).

Competitive Analysis In-depth Interview

#RintisKarirImpian
Design Process Breakdown
Define

Define problem
Membantu designer dalam menentukan
akar masalah yang akan dipecahkan
berdasarkan research yang telah dilakukan
sebelumnya

#RintisKarirImpian
Design Process Breakdown
Define Takeaways

Di step ini kita mensintesis hasil riset yang telah ditemukan, dengan cara menuliskannya menjadi
poin-poin pada sticky notes yang nantinya akan kita lakukan prioritas untuk menentukan masalah utama
yang akan dipecahkan

WRITE PAIN POINTS Affinity diagram CREATE HOW MIGHT WE

#RintisKarirImpian
Design Process Breakdown
Ideate

Ideate
Membantu designer dalam menentukan
akar masalah yang akan dipecahkan
berdasarkan research yang telah dilakukan
sebelumnya

#RintisKarirImpian
Design Process Breakdown
Ideate Takeaways

Di step ini kita melakukan brainstorming ide-ide yang menjadi solusi dari permasalahan, ide tersebut
nanti dikelompokkan dan juga dilakukan prioritas mana saja yang menjadi ide utama

BRAINSTORM IDEA Prioritization matrix Crazy 8’s

#RintisKarirImpian
Design Process Breakdown
Prototype

prototype
Membuat wireframe berarti membuat
kerangka dasar desain. Kerangka ini bersifat
Low-fidelity (ketelitian rendah). High-fi
memang tujuan akhir kita, namun low-fi
tempatnya menemukan kejelasan (clarity)
dari alur kerja yang product kita ingin capai.

#RintisKarirImpian
Design Process Breakdown
Test

test
Hasil prototype dapat digunakan untuk
testing. Testing bertujuan untuk
memvalidasi bahwa desain kita sudah
sesuai dengan *goals* kita. Hasil testing
akan menentukan bagian mana dari desain
kita yang perlu diperbaiki, dioptimasi, atau
bahkan diganti.

#RintisKarirImpian
 That’s it for tonight

Any Question?

#RintisKarirImpian
 Join figma project

bit.ly/FigmaMySkillBatch2

#RintisKarirImpian