📘 SESI 11: Workshop Prototype — Low-Fi & Service Blueprint
Kompetensi Akhir: Mahasiswa mampu menerjemahkan ide solusi menjadi representasi fisik atau digital yang nyata (low-fidelity prototype) dalam waktu singkat, serta memetakan alur layanan (Service Blueprint) untuk memastikan kelayakan operasional di balik layar.
📖 1. BACA — Pelajari & Pahami Konsep
Tahap 4: Prototype (Berpikir dengan Tangan)
Menurut IDEO, “Prototyping adalah cara untuk berpikir dengan tangan Anda”. Tujuannya bukan untuk membuat produk akhir yang sempurna, melainkan untuk membuat ide menjadi nyata agar bisa diuji, didiskusikan, dan diperbaiki dengan biaya serendah mungkin.
Ilustrasi: Membuat sketsa wireframe sederhana di kertas adalah bentuk prototipe Low-Fi yang paling efektif dan cepat (Sumber: Unsplash)
📝 Low-Fidelity (Rendah)
Contoh: Sketsa di kertas, storyboard, prototipe kertas (paper prototype), atau wireframe digital sederhana di Miro.
Kapan dipakai: Tahap awal. Cepat, murah, dan mudah dibuang jika ide gagal.
💻 High-Fidelity (Tinggi)
Contoh: Aplikasi yang bisa diklik (menggunakan Figma/Adobe XD), model 3D cetak.
Kapan dipakai: Tahap akhir, setelah konsep inti sudah divalidasi dan siap untuk pengembangan teknis.
💡 Lensa Systems Thinking: Service Blueprint
Sebagai mahasiswa Manajemen, Anda tidak hanya mendesain “tampilan” (Frontstage), tetapi juga sistem di belakangnya (Backstage). Sebuah Service Blueprint memetakan:
Sebagai mahasiswa Manajemen, Anda tidak hanya mendesain “tampilan” (Frontstage), tetapi juga sistem di belakangnya (Backstage). Sebuah Service Blueprint memetakan:
- Frontstage: Apa yang dilihat dan dilakukan pengguna.
- Backstage: Proses internal, karyawan, atau teknologi yang mendukung Frontstage.
- Support Processes: Sistem pihak ketiga (misal: payment gateway, supplier).
🇮🇩 Studi Kasus: UMKM “Keripik Bu Nani” Go Digital
Ide: Membuat aplikasi e-commerce khusus untuk penjualan keripik.
Low-Fi Prototype: Alih-alih langsung menyewa programmer (mahal & lama), tim membuat katalog PDF interaktif dan menggunakan WhatsApp Business dengan fitur “Quick Replies” sebagai simulasi aplikasi.
Service Blueprint:
Low-Fi Prototype: Alih-alih langsung menyewa programmer (mahal & lama), tim membuat katalog PDF interaktif dan menggunakan WhatsApp Business dengan fitur “Quick Replies” sebagai simulasi aplikasi.
Service Blueprint:
- Frontstage: Pelanggan kirim foto keripik via WA, pilih varian, transfer.
- Backstage: Admin Bu Nani membalas dalam 5 menit, mengecek stok di gudang, mencetak label pengiriman.
🤖 AI Partner di Sesi Ini: AI dapat mempercepat pembuatan aset prototipe.
“Kami memiliki ide solusi: ‘[Deskripsikan Super Idea Anda]’.
Bantu kami merancang Low-Fidelity Prototype:
1. Sebutkan 3 alat digital atau fisik termurah untuk membuat prototipe ini dalam 1 jam.
2. Buatkan draf ‘Service Blueprint’ sederhana: apa yang dilakukan pengguna (Frontstage) dan apa yang harus disiapkan tim kami di belakang layar (Backstage) agar ini berjalan lancar?”
🛠️ 2. COBA — Eksperimen Kecil (Workshop 60 Menit)
Aktivitas: “Rapid Prototyping & Blueprint Sprint”
Skenario: Gunakan “Super Idea” yang telah dipilih kelompok Anda di Sesi 10. Saatnya membuatnya nyata.
Langkah (Kelompok, 60 menit):
- Sketsa Cepat (15 menit): Gunakan kertas & spidol, atau fitur “Freehand” di Miro. Gambar 3-4 layar/langkah utama dari solusi Anda. Fokus pada alur, bukan keindahan. Aturan: Dilarang menggunakan fitur “undo” atau penghapus!
- Digitalisasi Low-Fi (20 menit): Pindahkan sketsa terbaik ke frame Miro. Gunakan bentuk dasar (kotak, garis, teks) untuk membuat wireframe yang bisa “diklik” (gunakan fitur linking di Miro untuk menghubungkan tombol ke layar berikutnya).
- Service Blueprint Mini (15 menit): Di bawah wireframe, buat tabel sederhana dengan 2 baris: “Frontstage (User)” dan “Backstage (Tim/Operasional)”. Isi dengan 3-4 langkah kunci yang harus terjadi agar prototipe ini berfungsi.
- Review Internal (10 menit): Kelompok lain saling mengunjungi papan Miro (Gallery Walk). Berikan 1 sticky note berisi pertanyaan: “Bagaimana ini akan bekerja di dunia nyata?”
Ilustrasi: Memetakan alur Frontstage dan Backstage untuk memastikan kelayakan sistem (Sumber: Unsplash)
💡 Tips Fasilitator: Jika mahasiswa menghabiskan waktu lebih dari 10 menit untuk memilih warna atau font yang “cantik”, hentikan mereka. Ingatkan: “Kita sedang menguji konsep, bukan mengikuti lomba desain grafis.”
🧠 3. PIKIR — Refleksi & Analisis Sistemik
Pertanyaan Refleksi (Diskusi Kelas)
- Keterikatan Emosional: Apakah Anda merasa “sayang” untuk membuang atau mengubah bagian dari prototipe Anda? Mengapa penting untuk tidak jatuh cinta pada prototipe pertama?
- Lensa Systems Thinking: Lihat Service Blueprint Anda. Jika jumlah pengguna tiba-tiba naik 10x lipat besok, bagian “Backstage” mana yang paling mungkin jebol atau gagal? (Misal: admin kewalahan membalas WA, stok habis).
- Peran AI: Jika AI (seperti Uizard atau Galileo AI) bisa membuat wireframe yang terlihat profesional dalam 10 detik, apakah itu membuat tahap prototipe menjadi kurang berharga? Mengapa proses manual (sketsa) tetap penting untuk pemahaman tim?
- Kelayakan: Apakah prototipe ini benar-benar memecahkan masalah yang didefinisikan di Sesi 9, atau kita malah terjebak membuat fitur yang “keren” tapi tidak dibutuhkan?
🔗 Koneksi ke Filosofi AurinoWorks:
Anda sedang melakukan Coba (membuat prototipe) dan Pikir (menganalisis celah sistemik). Prototipe yang jelek hari ini menghemat kerugian miliaran rupiah besok. AI bisa mempercantik tampilan, tetapi hanya Anda (Sutradara) yang bisa memastikan sistem di belakangnya masuk akal secara bisnis.
Anda sedang melakukan Coba (membuat prototipe) dan Pikir (menganalisis celah sistemik). Prototipe yang jelek hari ini menghemat kerugian miliaran rupiah besok. AI bisa mempercantik tampilan, tetapi hanya Anda (Sutradara) yang bisa memastikan sistem di belakangnya masuk akal secara bisnis.
🚀 4. TINDAK — Eksekusi & Persiapan Sesi Berikutnya
Output Sesi Ini (Wajib):
- ✅ Update Miro Board: Tambahkan 1 frame baru berjudul “Prototype & Blueprint”. Frame ini wajib berisi:
- Low-Fi Wireframe (minimal 3 layar/langkah yang terhubung).
- Service Blueprint Mini (Frontstage vs Backstage).
- Daftar 3 asumsi utama yang ingin Anda uji pada pengguna di Sesi 12.
Persiapan Sesi 12 (Pre-class):
- 📖 Wajib Baca: Bab tentang Testing & Iteration di Diktat IHDT. Pahami cara menyusun Feedback Grid.
- 🎯 Fokus: Identifikasi 2-3 orang (bisa teman lintas jurusan, keluarga, atau calon pengguna nyata) yang bersedia Anda mintai feedback untuk prototipe Anda sebelum Sesi 12.
- 📝 Prompt AI untuk Sesi 12:
“Kami akan menguji Low-Fi Prototype ini: ‘[Deskripsikan prototipe Anda]’.
Bantu kami menyusun skrip pengujian (Testing Script):
1. Buat 3 pertanyaan pembuka yang netral (tidak mengarahkan).
2. Buat 3 tugas (tasks) spesifik yang harus dilakukan pengguna saat mencoba prototipe.
3. Buatkan template ‘Feedback Grid’ (Likes, Criticisms, Questions, Ideas) yang siap kami isi berdasarkan jawaban mereka.”
🎯 Peta Perjalanan Fase 3:
- ✅ Sesi 8: Setup & DFG Overview
- ✅ Sesi 9: Empathize & Define
- ✅ Sesi 10: Ideate
- ✅ Sesi 11: Prototype (Hari ini)
- ⏭️ Sesi 12: Test & Iterate (Validasi)
📚 Referensi Sesi 11
- Buku Utama: Kelley, D. & Kelley, T. (2015). Creative Confidence. Crown Business. (Bab tentang “Make It” & Prototyping).
- Diktat: Introduction to Human-centered Design Thinking (IHDT) — IDEO.
- Artikel: “Design Thinking: An introduction” — System Concepts
- Platform: Miro — Prototyping Template
- Platform: Miro — Service Blueprint Template
- Tools (Opsional): Uizard.io atau Galileo.ai (untuk eksplorasi AI-to-Wireframe).
“Jika sebuah gambar bernilai seribu kata, maka sebuah prototipe bernilai seribu pertemuan.”
— Intisari Sesi 11
— Intisari Sesi 11