‹ Daftar slidePertemuan 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)
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.
Menguji desain & alur, komunikasi ide ke tim/investor
Kadang (uji usabilitas terbatas)
MVP
Menguji apakah pasar mau memakai/membayar produk
Ya, wajib pengguna nyata
MMP (Minimum Marketable Product)
Versi siap dijual luas, sudah lulus tahap validasi MVP
Ya, 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
Langkah
Perhitungan
Nilai
1. Reach (jangkauan pengguna/bulan)
diberikan tim riset pasar
5.000
2. Impact (dampak per pengguna, skala 0,25–3)
diberikan (kategori "tinggi")
2
3. Confidence (keyakinan atas data)
80% keyakinan tim = 0,8
0,8
4. Reach × Impact
5.000 × 2
10.000
5. (Reach × Impact) × Confidence
10.000 × 0,8
8.000
6. Effort (orang-bulan pengerjaan)
diberikan tim engineering
4
7. Skor RICE
8.000 ÷ 4
2.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:
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.
Langkah
Perhitungan
Nilai
1. Effort fitur Login (minggu-orang)
estimasi tim engineering
2
2. Effort fitur Katalog Produk (minggu-orang)
estimasi tim engineering
3
3. Effort fitur Checkout (minggu-orang)
estimasi tim engineering
3
4. Total effort MVP
2 + 3 + 3
8 minggu-orang
5. Tarif developer
diberikan
Rp 8.000.000/minggu
6. Total biaya pengembangan
8 × Rp 8.000.000
Rp 64.000.000
7. Durasi kalender (tim 2 developer paralel)
8 minggu-orang ÷ 2 orang
4 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.
Pilihan
Biaya & Waktu
Kualitas Sinyal dari Pengguna
Paper prototype
Sangat rendah (jam)
Rendah — sulit menilai perilaku nyata
Clickable mockup
Rendah–sedang (hari)
Sedang — baik untuk uji alur/usabilitas
MVP fungsional
Sedang–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.