stdsquare²
🎓 Kelas
stdsquare / materi / slides / pertemuan-07
Tema
Japan
Arcade
Dark Retro
Font
‹ Daftar slide Pertemuan 7: Prototyping dan Minimum Viable Product (MVP)
PRODI BISNIS DIGITAL · FEB UNDIP

Teknologi Web & Mobile

Pertemuan 7: Prototyping dan Minimum Viable Product (MVP)

Dari sketsa ide sampai versi produk pertama yang bisa diuji ke pengguna sungguhan — tanpa membangun semuanya sekaligus.

RPS minggu 7 · 2x50 menit
Bagian 1 dari 3
Dari Ide ke Wujud: Apa Itu Prototype?
Sebelum bicara MVP, kita perlu paham alat yang dipakai untuk menguji ide: prototype, dengan berbagai tingkat kematangan.

Tujuan Pembelajaran Hari Ini

Memahami
Prototype
Menjelaskan apa itu prototype, spektrum fidelity (tingkat kemiripan dengan produk asli), dan kapan tiap jenis dipakai.
Menguasai
MVP
Menjelaskan konsep Minimum Viable Product, siklus Build-Measure-Learn, dan cara memprioritaskan fitur.
Menghitung
Skor & Biaya
Menghitung prioritas fitur dengan skor RICE dan mengestimasi biaya-waktu pengembangan MVP sederhana.
Menghindari
Jebakan Umum
Mengenali kesalahan umum tim produk saat membangun MVP, seperti feature creep (fitur menumpuk tanpa arah).

Mengapa Tidak Langsung Bangun Aplikasi Lengkap?

Setiap tahun, ribuan startup gagal bukan karena tim tidak bisa membuat aplikasi, tapi karena mereka membangun sesuatu yang tidak dibutuhkan pasar.

Riset CB Insights (kompilasi 2019–2023, dikutip berbagai laporan startup postmortem) secara konsisten menempatkan "tidak ada kebutuhan pasar" (no market need) sebagai alasan kegagalan startup nomor satu — di atas kehabisan modal atau kalah bersaing.
Tanpa Validasi
~9–12 bulan
Waktu tim biasa habiskan membangun aplikasi lengkap sebelum tahu pengguna mau memakainya atau tidak — ~ estimasi umum industri, bisa lebih lama.
Dengan Prototype/MVP
Hitungan minggu
Waktu untuk mendapat sinyal awal dari calon pengguna nyata sebelum berinvestasi besar di pengembangan penuh.

Apa Itu Prototype?

Prototype adalah representasi awal dari sebuah produk yang dibuat untuk diuji, dipresentasikan, atau dikomunikasikan sebelum produk sesungguhnya dibangun sepenuhnya.

Prototype ≠ produk jadi — tujuannya BELAJAR, bukan MENJUAL
SPEKTRUM FIDELITY (KEMIRIPAN DENGAN PRODUK ASLI)
Sketsa KertasCoretan tanganWireframeKerangka digital, kotak-kotakKlik-in Hi-FiWarna & tombol nyata, di FigmaCoded PrototypeSudah ada kode berjalan

Rendah fidelity (cepat, murah) → Tinggi fidelity (mendekati produk asli, lebih mahal & lama)

Low-Fidelity vs High-Fidelity: Kapan Pakai Yang Mana?

Low-Fidelity (Low-Fi)
Cepat & Murah
  • Dibuat dalam menit sampai jam
  • Fokus pada alur & struktur, bukan estetika
  • Cocok untuk ide yang masih sangat awal
  • Mudah diubah total tanpa rasa "sayang membuang"
High-Fidelity (Hi-Fi)
Detail & Realistis
  • Butuh hari sampai minggu untuk dibuat
  • Warna, font, dan interaksi mendekati produk asli
  • Cocok untuk uji usabilitas & presentasi ke investor
  • Risiko: tim jadi "terikat" pada desain yang mahal diubah
Aturan praktis: makin awal tahap idenya, makin rendah fidelity yang dipakai — naikkan fidelity bertahap seiring keyakinan tim bertambah.

Empat Jenis Prototype yang Umum Dipakai

1. Paper Prototype

Sketsa di kertas, digunting dan disusun manual untuk simulasi alur. Termurah, cocok untuk sesi ide bersama tim atau dosen pembimbing.

2. Digital Wireframe

Kerangka hitam-putih dibuat di software seperti Figma. Fokus pada tata letak (layout) dan hierarki informasi, bukan warna.

3. Clickable Mockup

Tampilan visual lengkap yang bisa "diklik" untuk simulasi alur, tapi di baliknya tidak ada sistem/database sungguhan yang bekerja.

4. Coded Prototype

Sudah memakai kode program sungguhan (sebagian fungsi jalan). Paling mahal & lama dibuat, tapi paling realistis diuji.

Bagian 2 dari 3
Minimum Viable Product (MVP)
Prototype menguji apakah desainnya masuk akal. MVP melangkah lebih jauh: menguji apakah orang sungguhan mau memakai dan membayar produknya.

Apa Itu Minimum Viable Product?

MVP adalah versi produk dengan fitur paling minimum yang sudah cukup layak (viable) dipakai pengguna nyata untuk menguji sebuah asumsi bisnis.

SIKLUS BUILD – MEASURE – LEARN (ERIC RIES, THE LEAN STARTUP, 2011)
BUILDBangun MVPMEASUREUkur perilaku penggunaLEARNSimpulkan & putuskanUlangi (iterasi) sampai produk cocok dengan kebutuhan pasar

MVP vs Prototype vs MMP: Jangan Tertukar

IstilahFungsi UtamaUntuk Pengguna Asli?
PrototypeMenguji desain & alur, komunikasi ide ke tim/investorKadang (uji usabilitas terbatas)
MVPMenguji apakah pasar mau memakai/membayar produkYa, wajib pengguna nyata
MMP (Minimum Marketable Product)Versi siap dijual luas, sudah lulus tahap validasi MVPYa, skala lebih luas
Urutannya bertahap: Prototype (validasi desain) → MVP (validasi pasar) → MMP (siap dijual massal) → produk penuh dengan fitur lengkap.

Hitung dari Nol #1: Skor Prioritas Fitur dengan RICE

Kasus: tim MVP marketplace UMKM Semarang mempertimbangkan fitur "Live Chat" antara pembeli dan penjual. Skor RICE menentukan apakah fitur ini masuk MVP.

RICE = (Reach × Impact × Confidence) ÷ Effort
LangkahPerhitunganNilai
1. Reach (jangkauan pengguna/bulan)diberikan tim riset pasar5.000
2. Impact (dampak per pengguna, skala 0,25–3)diberikan (kategori "tinggi")2
3. Confidence (keyakinan atas data)80% keyakinan tim = 0,80,8
4. Reach × Impact5.000 × 210.000
5. (Reach × Impact) × Confidence10.000 × 0,88.000
6. Effort (orang-bulan pengerjaan)diberikan tim engineering4
7. Skor RICE8.000 ÷ 42.000
Skor RICE Fitur "Live Chat"
2.000
Dibandingkan skor fitur lain untuk urutan prioritas MVP

Coba Sendiri: Uji Fitur Lain untuk MVP Live Chat

Geser Reach, Impact, Confidence, dan Effort untuk fitur lain di marketplace ini, lalu amati bagaimana skor RICE-nya berubah dan bagaimana urutan prioritas MVP bisa bergeser.

MVP di Indonesia: Belajar dari Startup Lokal

GOJEK (2010–2015, Fase Awal)

Sebelum aplikasi mobile lahir tahun 2015, Gojek versi awal beroperasi lewat call center manual yang menghubungkan penumpang dan tukang ojek — MVP untuk menguji apakah model "ojek by request" diminati pasar, sebelum investasi besar ke teknologi aplikasi.

TOKOPEDIA (2009, Fase Awal)

Diluncurkan dengan fitur inti minimal: unggah produk, transaksi dasar, dan sistem escrow (dana ditahan sampai barang diterima) untuk membangun kepercayaan — fitur seperti live streaming atau games ditambahkan bertahun-tahun kemudian, setelah pasar dasarnya terbukti.

Pola yang sama: mulai dari asumsi paling berisiko (apakah orang mau naik ojek online / belanja online dengan aman), uji dengan versi minimal, baru perbesar fitur setelah asumsi terbukti.

Alat (Tools) yang Umum Dipakai

Desain & Wireframe
Figma
Gratis untuk tim kecil, kolaboratif real-time, standar industri saat ini untuk wireframe sampai hi-fi mockup.
Alternatif Desain
Adobe XD / Sketch
Fungsi serupa Figma; Sketch khusus macOS, sering dipakai tim desain berpengalaman.
Coded Prototype
No-code (Bubble, Glide)
Membangun MVP fungsional tanpa menulis kode dari nol — cocok tim non-teknis menguji ide cepat.
Sebagai calon manajer produk/bisnis, Anda tidak wajib bisa memakai tools ini secara ahli — tapi wajib paham kapan dan mengapa tim memilih salah satunya.

Iterasi: Mengapa Satu Putaran Saja Tidak Cukup

MVP jarang benar di percobaan pertama. Setiap putaran Build-Measure-Learn menghasilkan keputusan penting berikut:

Rilis MVP v1ke pengguna kecilUkur Dataretensi, konversi, keluhanPutuskanlanjut / pivot / hentikanLanjutkanbangun MVP v2Pivotubah arah/asumsiHentikanasumsi terbukti salah

Hitung dari Nol #2: Estimasi Biaya & Waktu MVP Sederhana

Kasus: MVP aplikasi belanja UMKM dengan 3 fitur inti dikerjakan tim 2 developer, tarif Rp 8 juta/minggu per orang.

LangkahPerhitunganNilai
1. Effort fitur Login (minggu-orang)estimasi tim engineering2
2. Effort fitur Katalog Produk (minggu-orang)estimasi tim engineering3
3. Effort fitur Checkout (minggu-orang)estimasi tim engineering3
4. Total effort MVP2 + 3 + 38 minggu-orang
5. Tarif developerdiberikanRp 8.000.000/minggu
6. Total biaya pengembangan8 × Rp 8.000.000Rp 64.000.000
7. Durasi kalender (tim 2 developer paralel)8 minggu-orang ÷ 2 orang4 minggu
Total Biaya MVP
Rp 64 jt
~ estimasi, belum termasuk hosting & lisensi tools
Durasi Kalender
4 minggu
Dengan tim 2 developer bekerja paralel

Coba Sendiri: Estimasi Biaya & Waktu MVP Anda

Ubah jumlah fitur, effort minggu-orang, tarif developer, dan ukuran tim, lalu amati total biaya dan durasi kalender MVP.

Trade-off: Kecepatan, Biaya, dan Kualitas

Semakin tinggi fidelity/kelengkapan MVP, semakin besar biaya dan waktu — tapi juga semakin sedikit risiko kesalahpahaman dari pengujian pengguna.

PilihanBiaya & WaktuKualitas Sinyal dari Pengguna
Paper prototypeSangat rendah (jam)Rendah — sulit menilai perilaku nyata
Clickable mockupRendah–sedang (hari)Sedang — baik untuk uji alur/usabilitas
MVP fungsionalSedang–tinggi (minggu)Tinggi — perilaku & kemauan membayar nyata
Tidak ada pilihan "benar" mutlak — keputusan bergantung pada seberapa mahal risiko salah dan seberapa cepat tim butuh jawaban.

Kesalahan Umum Saat Membangun MVP

Feature creep — menambah fitur "sekalian saja" di luar rencana awal sampai MVP menjadi sebesar produk lengkap, sehingga tujuan validasi cepat gagal tercapai.
MVP yang terlalu "minimum" — menghilangkan fitur inti sampai produk tidak lagi viable (layak dipakai), sehingga hasil pengujian menyesatkan.
Mengabaikan data, hanya percaya opini — tim melanjutkan rencana meski data pengguna menunjukkan sinyal negatif, karena "sudah terlanjur sayang".
Menguji ke pengguna yang salah — MVP diuji ke teman/keluarga yang cenderung sopan memuji, bukan ke calon pengguna nyata dengan masalah yang relevan.
Bagian 3 dari 3
Praktik & Menutup Pertemuan
Saatnya mencoba menerapkan RICE scoring dan menyusun garis besar MVP untuk ide bisnis Anda sendiri.

Latihan Kelas: Rancang MVP Sederhana

INSTRUKSI (KERJA KELOMPOK, 10 MENIT)
  • 1Pilih satu ide bisnis digital sederhana (mis. aplikasi titip beli jajanan kampus, platform sewa alat kuliah antar-mahasiswa).
  • 2Tulis 4–5 fitur yang terpikir, lalu beri skor RICE kasar untuk masing-masing (Reach, Impact 0,25–3, Confidence %, Effort orang-minggu).
  • 3Urutkan berdasarkan skor RICE tertinggi → pilih 2–3 fitur teratas sebagai isi MVP pertama.
  • 4Satu kelompok akan diminta memaparkan hasilnya secara singkat ke kelas.
Tujuan latihan ini bukan mencari jawaban "benar", tapi melatih Anda berpikir sistematis saat memilih fitur, bukan sekadar mengandalkan selera pribadi.

Rangkuman & Persiapan Minggu Depan

POIN KUNCI HARI INI
  • Prototype menguji desain; MVP menguji kelayakan pasar dengan pengguna nyata.
  • Fidelity naik bertahap: sketsa → wireframe → klik-in → coded.
  • Siklus Build-Measure-Learn mendorong keputusan: lanjut, pivot, atau hentikan.
  • Skor RICE membantu memprioritaskan fitur secara sistematis, bukan intuisi semata.
  • Hindari feature creep & bias konfirmasi terhadap data pengguna.
Minggu Depan — Pertemuan 8
Aplikasi Teknologi untuk Pertumbuhan Bisnis
Bawa hasil latihan RICE hari ini — akan dipakai sebagai bahan diskusi lanjutan tentang strategi scaling produk digital.