Designing

Innovative Solution
BSI Innovation Culture Journey
November 23th
 Hello, I am
Mekaputra
Yudahandika
● Educational background
○ Institut Teknologi Bandung
● Work experience
○ Head of Product - 99 Group (Rumah123)
○ Lead Product Manager - Amartha
○ Co-Founder & CEO - Artenov

You can find me at @mekaputra

Selamat Datang di pembahasan
Designing Innovative Solution

3
Lima Fase dalam Design Thinking

Fokus di masalah Fokus di solusi

Binar Academy
Konvergen-Divergen dalam Design Thinking

Binar Academy
Pastikan mulai dengan pemahaman masalah yang baik

● Ubah pernyataan masalah menjadi

pertanyaan menggunakan metode
how might we (bagaimana
kalau/bagaimana caranya)
● Pahami konteks masalah
menggunakan user journey
mapping

Binar Academy
How might we

Mengubah sesuatu yang berkonotasi

negatif menjadi positif agar kita bisa
terstimulasi untuk mengeksplorasi
solusi dengan lebih baik.

Mengubah pernyataan “yang buntu”

menjadi pertanyaan yang memiliki
solusi.

Binar Academy
How Might We

● Masalah : Nasabah tidak tau semua produk yang kita jual

● How might we: Bagaimana caranya pelanggan memahami produk yang kita jual?

● Masalah : Penjualan di cabang A menurun terus

● How might we: Bagaimana caranya meningkatkan penjualan di cabang A?

● Masalah : Nasabah merasa proses pengajuan pinjaman kita rumit

● How might we: Bagaimana caranya membuat proses pengajuan pinjaman yang
mudah dan intuit untuk nasabah kita?

Binar Academy
User Journey Mapping

● User journey mapping loan application Customer Journey Map – Consumer Loan
(Finance, Banking) on Behance

Binar Academy
Today’s Agenda

1 Solution Exploration

2 Solution Risks

3 Solution Prioritization

10 Binar Academy
1. Solution Exploration

11
Teknik-teknik eksplorasi solusi

A. Competitive Benchmark
B. Job Stories
C. Crazy 8’s

Binar Academy
A. Competitive Benchmark

● Melihat dan merasakan

bagaimana masalah ini
diselesaikan di tempat lain

○ Kompetitor
○ Industri berbeda
■ Pengajuan visa
■ Bandara
■ Bengkel

Binar Academy
B. Job Stories

● Sebagai … -> Memahami segmentasi pelanggannya

● Ketika … -> Konteks / latar belakang mengapa solusi dibutuhkan

● Saya ingin … -> Solusi yang diinginkan

● Sehingga … -> Manfaat yang didapatkan ketika solusi tercapai

Binar Academy
B.1. Job Stories - Contoh 1

● Pengisian data pinjaman yang lebih

efisien
○ Sebagai Nasabah aktif
○ Ketika Saya ingin mengajukan
pinjaman
○ Saya ingin Form pengajuan
pinjamannya hanya berupa data
tambahan terkait pinjaman yang
akan diajukan
○ Sehingga Saya tidak perlu
mengisi ulang semua data yang
pernah saya bagikan sebelumnya

Binar Academy
B.2. Job Stories - Contoh 2

Pengajuan pinjaman tidak perlu pergi ke

kantor cabang
○ Sebagai Nasabah yang sedang
melakukan pengajuan pinjaman
○ Ketika Saya sudah mengisi
beberapa informasi untuk
pengajuan online
○ Saya ingin Seluruh tahap hingga
pencairan pinjaman bisa
dilakukan secara online
○ Sehingga Saya tidak perlu pergi
ke cabang untuk menyelesaikan
tahap pengajuan pinjamannya

Binar Academy
B.3. Job Stories - Contoh 3

Penggantian Kartu
○ Sebagai Nasabah Prioritas
○ Ketika Saya kehilangan kartu
debit saya
○ Saya ingin Penggantian kartu
debit tersebut dilakukan
secara online
○ Sehingga Saya tidak perlu
meluangkan waktu dan
mengeluarkan energi untuk
pergi ke cabang

Binar Academy
C. Crazy 8’s

● Menciptakan sebanyak mungkin ide

dengan batasan 8 menit untuk
memecahkan masalah atau
mengatasi tantangan tertentu.

● Penekanan pada kecepatan dan

jumlah, bukan kualitas.

● Peserta didorong untuk berpikir

kreatif dan out of the box.

Binar Academy
2. Solution Risks Management

19
“
Bagaimana jika solusi yang
kita buat, alih–alih
memberikan manfaat positif
malah menimbulkan masalah
baru?

20
“
Dan bagaimana jika solusi
yang kita buat tidak
menyelesaikan
masalahnya?

21
“
Atau…

Bagaimana jika solusi yang kita

buat bahkan tidak ada yang
bisa menggunakannya?

22
4 Resiko yang harus dipertimbangkan dalam sebuah solusi

Binar Academy
Paper Prototype MVP

Value Risk
Apakah solusi yang diusulkan memberikan manfaat
bagi pelanggan/pengguna-nya?

Usability Risk
Apakah solusi yang diusulkan dapat dilaksanakan
oleh pelanggan/penggunanya?

Feasibility Risk
Apakah solusi yang diusulkan dapat direalisasikan
dengan mudah?

Viability Risk
Apakah solusi yang diusulkan memberikan manfaat
positif bagi bisnis?

Binar Academy
Lalu bagaimana kita bisa mengelola resiko-resiko tersebut agar
tidak terjadi?

25
3. Solution Validation

26
Minimum Viable Product (MVP) / Prototype

● Versi pertama produk yang

dapat dibuat dengan cepat
dan mudah untuk bisa
menguji apakah produk
“besar” yang ingin dibuat
adalah produk yang baik atau
tidak
● Produk disini dapat diartikan
sebagai solusi dalam bentuk
apapun

Binar Academy
Minimum Viable Product (MVP) / Prototype

● Jenis-jenis MVP/Prototype untuk

keperluan yang berbeda-beda:
a. Concierge MVP
b. Wizard of Oz MVP
c. Landing Page MVP
d. Pre-Order MVP
e. Explainer Video MVP
f. Paper Prototype MVP
g. Clickable UI MVP

Binar Academy
A. Concierge MVP

pemberian layanan manual atau personal

kepada pengguna untuk mensimulasikan
pengalaman pengguna dari produk atau layanan
yang sepenuhnya dikembangkan.

Contoh
Pendiri Airbnb, Brian Chesky dan Joe Gebbia,
memiliki ide untuk menyediakan akomodasi
tambahan selama acara besar di San Francisco
pada tahun 2007.

Ketika ada pesanan, Brian dan Joe melakukan

pendekatan secara manual. Mereka membeli
kasur udara, mempersiapkan sarapan pagi, dan
menyambut tamu secara langsung.

Binar Academy
B. Wizard of OZ MVP

Pengguna berinteraksi dengan sistem yang

tampak otomatis, namun sebenarnya
dioperasikan oleh manusia di belakang layar.

Metode ini terinspirasi dari cerita klasik "The

Wizard of Oz," di mana si penyihir beroperasi
mesin di balik tirai untuk menciptakan ilusi sosok
yang kuat dan magis.

Contoh
Zappos membuat penjualan sepatu online
pertama dimana semua kegiatan di balik
website yang dibuat dilakukan secara manual

Binar Academy
C. Landing Page MVP

Sebuah halaman web sederhana dibuat untuk

mengukur minat dan tanggapan pengguna
terhadap ide produk atau layanan

Contoh
Peluncuran buku dalam bentuk landing page

Binar Academy
D. Pre-Order MVP

Produk atau layanan ditawarkan untuk

dipesan sebelum sepenuhnya
dikembangkan atau diproduksi.

Contoh
Produksi pakaian / makanan

Binar Academy
E. Explainer Video MVP

Sebuah video animasi atau penjelasan dibuat

untuk memperkenalkan konsep produk atau
layanan kepada target audiens

Contoh
Pada awal peluncuran Dropbox, perusahaan ini
menggunakan video penjelasan untuk
menggambarkan konsep produk dan
manfaatnya kepada pengguna. Video ini merinci
bagaimana Dropbox dapat digunakan untuk
menyimpan dan berbagi file secara mudah,
mengatasi masalah penyimpanan file yang sulit
diatasi.

Binar Academy
F. Paper Prototype MVP

Desain dan fungsionalitas produk

diwakili dalam bentuk prototipe fisik
yang terbuat dari kertas.

Binar Academy
G. Clickable UI MVP

Versi tampilan aplikasi yang sangat

nyata dibuat menggunakan UI
prototyping tools

Binar Academy
Lebih dalam lagi untuk memitigasi risiko usability

36
Solution validation methods

A. Task based
B. Preference Test
C. 5 Seconds test
D. Surveys and Questionnaire

Binar Academy
A. Task based

Metode pengujian yang

digunakan untuk mengevaluasi
sejauh mana pengguna dapat
menyelesaikan tugas tertentu
dengan sukses menggunakan
suatu produk atau sistem.

Binar Academy
B. Preference Test

Metode yang digunakan untuk

mengumpulkan masukan dari
pengguna tentang preferensi
subjektif mereka terhadap opsi
desain, fitur, atau elemen dalam
suatu produk atau sistem.

Binar Academy
C. 5 Seconds test

Metode pengujian dalam usability

testing yang mengukur kesan
awal pengguna terhadap suatu
halaman web atau antarmuka
dalam waktu singkat, khususnya
dalam 5 detik pertama setelah
tampilan pertama.

Binar Academy
D. Survey and Questionnaire

Mengumpulkan data kualitatif dan

kuantitatif dari pengguna terkait
dengan pengalaman pengguna
dalam menggunakan suatu
produk atau sistem,

Binar Academy
Selamat Datang di pembahasan Solution Prioritization!

42
R.I.C.E Framework

Model RICE cocok untuk inisiatif

yang memiliki growth objective.
Misalnya, ketika ada beberapa
inisiatif yang fokus sama user
activation dan user retention,
karena terbantu dengan
parameter reach selain adanya
impact.

Binar Academy
Reach

Berapa banyak yang

terdampak solusi yang
diusulkan?

Binar Academy
Impact

Seberapa besar dampak yang

bisa diberikan solusi tersebut?

Binar Academy
Confidence

Seberapa yakin
kita terhadap
dampak
tersebut?

Binar Academy
Effort

Seberapa besar biaya yang harus

dikeluarkan untuk membuat solusi
tersebut?

Berapa lama waktu yang dibutuhkan

untuk membuat solusinya?

Binar Academy
R.I.C.E Framework

Bagaimana caranya meningkatkan jumlah pencairan pinjaman usaha?

Ide Solusi Reach Impact Confidence Effort Score

Membuka cabang 7
di salah satu mall (Sebelumnya
1.000.000 1 1.200.000.000 0.58%
membuka
booth/pop up store)

Membuat
pengajuan
pinjaman usaha 5.000.000 2 0.1 2.000.000.000 0.05%
melalui m-banking

Mensponsori acara
berisi pelaku usaha 2.000 3 0.5 500.000.000 0.000001%

Binar Academy
Hukum Pareto

● Hukum Pareto awalnya dikemukakan oleh

ekonom Italia Vilfredo Pareto
● Hukum Pareto, juga dikenal sebagai Prinsip 80/20,
merupakan konsep yang menggambarkan di
mana sekitar 20% penyebab menghasilkan
sekitar 80% hasil ataupun sebaliknya 80%
penyebab hanya menghasilkan 20% hasil.
● Sudut pandang ini akan membuat kita bisa
memilih permasalahan yang benar-benar krusial
untuk diselesaikan apabila kita sudah tidak
memiliki kapasitas untuk menyelesaikan
semuanya

Binar Academy
Hukum Pareto

● 80% kekayaan dunia dimiliki oleh 20%

orang
● 80% kecelakaan lalu lintas disebabkan
oleh 20% pengendara
● 80% penyakit disebabkan oleh 20%
faktor risiko
● 80% penjualan berasal dari 20%
pelanggan
● 80% polusi udara disebabkan oleh
20% sumber polusi

Binar Academy
Saatnya kita
Q&A
Chapter ✔
completed
 Key Talking Point (Giving motivation: “WHY”; the urgency of this
learning need; real-life benefits)

● Donec risus dolor porta venenatis ● Donec risus dolor porta venenatis
1 ●
●
Pharetra luctus felis
Proin vel tellus in felis volutpat
●
●
Pharetra luctus felis
Proin vel tellus in felis volutpat

● Donec risus dolor porta venenatis ● Donec risus dolor porta venenatis
2 ●
●
Pharetra luctus felis
Proin vel tellus in felis volutpat
●
●
Pharetra luctus felis
Proin vel tellus in felis volutpat

● Donec risus dolor porta venenatis ● Donec risus dolor porta venenatis
3 ●
●
Pharetra luctus felis
Proin vel tellus in felis volutpat
●
●
Pharetra luctus felis
Proin vel tellus in felis volutpat

Key Talking Point 53 Binar Academy

Examples of visualization of learning objectives / material structure
that will be delivered in the session

In the form of a learning map (diagram) In the form of bullet points

Color & Typeface Guide 54 Binar Academy

Sample

Recommendation: to gain the

trust of the learners and make the
learners more comfortable to be
creative and ask questions, you
can provide a statement that you
want to hear from the
participants as well.

Example of a disclaimer/head up

Insert Deck Main Title Here 55 Binar Academy

Additional tools to help the interaction can
be added (If needed)
Apperception: checking the level
of understanding of participants
(flipping class; can be with 2-way
interaction, quizzes, games, etc.)

((sample image inserted))

Several tools that can be used to create a more

interactive session

Insert Deck Main Title Here 56 Binar Academy

Transition/Splitter - Insert the Title

57
Example of Opening Activities
RECOMMENDATION:
● Start with multiple choice questions
to make it easier for participants to
answer
● Ask participants to write their
answers in the chat column, so you
can call the name of the participant
who you think is exciting / you want
to hear the reason they answered
that choice
● You can also use the Zoom poll
feature, but the downside is that you
can't see who answered what choice.
Using simple questions related to the participants and
the material presented

Insert Deck Main Title Here 58 Binar Academy

Example of Opening Activities

Example: Using a meme to open a discussion about prioritization for Example: Using an illustration of the concept to be discussed. In
Product Managers in a session. The facilitator opens the session by the session on storytelling above, the facilitator first asked the
asking the participants what they think about the meme and participants what was meant by the illustrations displayed.
whether the participants have experienced the same thing.

Insert Deck Main Title Here 59 Binar Academy

Transition/Splitter - Insert the Title

60
Core Activities

1. Exploration: real-case based

activity/interaction to provide
experiential learning to
participant.
2. Elaboration: knowledge-based
discussion to provide important
information to solve real cases
according to learning targets.
3. Confirmation: activity/interaction
to ensure participant
understanding. ● Gamification (games, quizzes, guessing, etc) or Experiential Learning
(case study, storytelling, analogy, etc) can be added for Exploration
or Confirmation
● Tools to help the interaction can be added

Insert Deck Main Title Here 61 Binar Academy

Core Activities

You can discuss with the Binar Instructional Designer to design learning
activities/interactions that apply examples of the following learning principles:

1. Student-Centered

2. Flipping Class

3. Experiential Learning

4. Real Situation Based Learning

5. Feedback and Mentoring

6. Collaborative Learning

7. Gamification / Serious Play

Insert Deck Main Title Here 62 Binar Academy

Exploration Activities
Sample Quiz in Scenario Form

Context: Participants are given an example of a real situation, and asked to answer whether the situation
describes A or B. In this context, participants are asked to answer whether the scenario presented means that
it requires research in the form of tactical or foundational.

Insert Deck Main Title Here 63 Binar Academy

Exploration Activities
Example Case Study.

Context Participants are asked to answer a scenario or case simulation that is relevant to the material. In the
example above, participants are given a description of the situation first, then are given open-ended
questions and asked to write their answers in the chat box.

Insert Deck Main Title Here 64 Binar Academy

Transition/Splitter - Insert the Title

65
Here are a few things to keep in mind if you want to hold a
practice session or practice with participants:
● If the practice or practice requires a laptop,
please inform the Binar PIC so that it can be
informed to participants before the session

● If the practice or exercise requires

participants to download or use an
application that they are not familiar with,
take 3-5 minutes to explain how to use the
application first.

● If the practice or exercise requires

participants to use a template or document
from you, provide the template in a separate
document from this presentation file, so that
participants can easily access and duplicate
the template while in class.

Insert Deck Main Title Here 66 Binar Academy

Summary page

● Activities/interactions for making

conclusions from participants; You can also
provide additional references for
participants (Books, movies, podcasts, etc.)

● Activities/interactions provide feedback

from the facilitator to the level of
understanding of participants (can be with
2-way interaction, quizzes, games, etc.)

Summary 67 Binar Academy

 Yuk eksplor lebih jauh!

● Bash From Scratch

● Beginner's Guide To The Linux
Terminal

Referensi dan bacaan lebih lanjut 68 Binar Academy

“
Education is the passport to the future, for tomorrow
belongs to those who prepare for it today.

– Malcolm X

69
 Saatnya kita
Quiz or Q&A!
 1. Manakah dari pernyataan dibawah ini yang KURANG
TEPAT?
A. Terminal adalah sebuah aplikasi yang digunakan untuk menjalankan perintah ke komputer
dalam bentuk teks.

B. Terminal adalah sebuah aplikasi yang digunakan untuk mendesain UI dari sebuah aplikasi.

C. Terminal adalah sebuah aplikasi yang dapat digunakan untuk menulis kode program kita.

Quiz 1 71 Binar Academy

 1. Manakah dari pernyataan dibawah ini yang KURANG
TEPAT?
A. Terminal adalah sebuah aplikasi yang digunakan untuk menjalankan perintah ke komputer
dalam bentuk teks.

B. Terminal adalah sebuah aplikasi yang digunakan untuk mendesain UI dari sebuah
aplikasi.

C. Terminal adalah sebuah aplikasi yang dapat digunakan untuk menulis kode program kita.

Terminal tidak dapat digunakan dan sangat tidak efektif untuk mendesain UI dari sebuah
aplikasi.

Quiz 1 Explained 72 Binar Academy

 2. Dari baris perintah berikut, manakah pernyataan yang
benar mengenai baris perintah tersebut?
echo "Banana" "Orange" "Apple"
A. echo adalah sebuah perintah, dan "Banana" "Orange" "Apple" adalah perintah juga.

B. echo adalah sebuah perintah, dan "Banana" "Orange" "Apple" adalah sub perintah dari
perintah echo.

C. echo adalah sebuah perintah, dan "Banana" "Orange" "Apple" adalah argumen dari
perintah echo.

Quiz 2 73 Binar Academy

 2. Dari baris perintah berikut, manakah pernyataan yang
benar mengenai baris perintah tersebut?
echo "Banana" "Orange" "Apple"
A. echo adalah sebuah perintah, dan "Banana" "Orange" "Apple" adalah perintah juga.

B. echo adalah sebuah perintah, dan "Banana" "Orange" "Apple" adalah sub perintah dari
perintah echo.

C. echo adalah sebuah perintah, dan "Banana" "Orange" "Apple" adalah argumen dari
perintah echo.

Echo adalah sebuah perintah di dalam terminal, yang mana apa yang ditulis setelah perintah
terus akan menjadi argumen dari perintah tersebut.

Quiz 2 Explained 74 Binar Academy

 Gimana? Udah tau gimana cara pake
terminal dan VSCode kan?

Nah, sekarang kalian bisa flexing nih di

kafe-kafe, biar keliatan lagi ngehack orang
hehe.

Ibarat tukang bangunan yang familiar

dengan palu, terminal dan VSCode ini akan
jadi peralatan utamamu dalam membuat
website.

Jadi jangan bosen ngeliat background

item yak.

Penutup 75 Binar Academy

Chapter ✔
completed
Color, Typeface, Iconograph Guide

79
Iconography
Student Facilitator

Various option of icons can be accessed here

Insert Deck Main Title Here 80 Binar Academy

Alternative Iconography

Insert Deck Main Title Here 81 Binar Academy

Asset

Insert Deck Main Title Here 82 Binar Academy

Asset

Insert Deck Main Title Here 83 Binar Academy

 Timeline Title,
Timeline Montserrat Extra Bold (20), single space
Explanation,
Montserrat Normal (10) single space

Explanation 1 Explanation 3 Explanation 5 Explanation 7 Explanation 9 Explanation 11

JAN FEB MAR APR MAY JUN JUL AUG SEP OCT NOV DEC

Explanation 2 Explanation 4 Explanation 6 Explanation 8 Explanation 10 Explanation 12

Timeline 84 Binar Academy

Roadmap
Blue is the colour of Red is the colour of Black is the color of
the clear sky and danger and ebony and of outer
the deep sea courage space

1 3 5

2 4 6

Yellow is the color White is the color of Blue is the colour of

of gold, butter and milk and fresh snow the clear sky and
ripe lemons the deep sea

Roadmap 85 Binar Academy

Gantt Chart
Week 1 Week 2

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Task 1

Task 2 ◆

Task 3

Task 4 ◆

Task 5 ◆

Task 6

Task 7

Task 8

Gantt Chart 86 Binar Academy

Funnel

AWARENESS Insert your content

DISCOVERY Insert your content

EVALUATION Insert your content

INTENT Insert your content

PURCHASE Insert your content

LOYALTY Insert your content

Funnel 87 Binar Academy

Swot Analysis

STRENGTHS WEAKNESSES
Blue is the colour of Yellow is the color of
the clear sky and the gold, butter and ripe
deep sea lemons

Black is the color of

ebony and of outer White is the color of
space milk and fresh snow
OPPORTUNITIES THREATS

Swot Analysis 88 Binar Academy