Singkirkan MVP, Adopsi Minimum Viable Prototypes (MVPr)

Mengejar kesempurnaan adalah jebakan halus yang sering membawa desainer ke dalam lingkaran pengulangan dan tinjauan tanpa akhir. Apalagi di dunia produk digital, di mana setiap interaksi dan elemen grafis bisa menjadi objek obsesi desain.

Namun, ketika kita mundur dan mengamati sifat interdisipliner dari desain produk digital, mudah untuk melihat bagaimana desainer jatuh ke dalam jebakan kesempurnaan.

Pikirkan semua orang dan peran yang terlibat dalam desain satu produk digital:

• Peneliti Desain
• Desainer UI
• Arsitek Informasi
• Desainer UX
• Desainer Produk
• Manajer Produk
• Ahli Strategi Konten
• Pakar Merek
• Penulis Salin UX
• dll.

Dalam satu atau lain cara, masing-masing berpotongan. Misalnya, antarmuka pengguna produk tidak mungkin berhasil jika pengalaman penggunanya tidak dipertimbangkan. Dengan keterkaitan muncul tekanan untuk memahami bagaimana keputusan desain berdampak satu sama lain: "Jika kita melakukan X, bagaimana hal itu akan mempengaruhi Y dan Z?"

Jenis peramalan strategis ini bisa berharga, tetapi juga dapat menyebabkan proses desain mandek dan terjebak dalam lingkaran kesempurnaan yang ditakuti: "Kita harus mendapatkan X dengan benar sebelum kita dapat mengeksekusi Y dan Z."

Jadi, apa alternatifnya? Apakah ada cara untuk membuat, meluncurkan, menguji, dan meningkatkan produk digital dengan cepat berdasarkan metrik dan wawasan dunia nyata yang diambil dari orang-orang yang sebenarnya?

Dalam panduan ini, kami akan menjawab pertanyaan-pertanyaan ini melalui lensa prototipe minimum yang layak dan membekali desainer dengan proses yang sangat sederhana untuk membangun, menguji, dan menyempurnakan produk digital.

Simulasikan Peluncuran dengan Prototipe Minimum yang Layak

Tidak ada yang tahu apa-apa ...... Tidak satu orang di seluruh bidang film tahu pasti apa yang akan berhasil. Setiap kali keluar itu menebak dan, jika Anda beruntung, yang berpendidikan. – William Goldman, Penulis Skenario Pemenang Academy Award

Keputusan paling awal dari proses desain produk digital, paling banter, didasarkan pada dugaan. Sampai suatu produk ada di tangan pengguna yang sebenarnya, semuanya bersifat teoretis. Di sisi lain, meluncurkan produk sebelum siap dapat merusak reputasinya (kesalahan yang merugikan).

Bagaimana jika ada cara untuk mensimulasikan peluncuran dan menentukan kelayakan produk jauh sebelum upaya desain besar dimulai?

Ini adalah nilai dari prototipe yang layak minimum (MVPr), sebuah pendekatan desain produk yang membutuhkan waktu dan uang yang jauh lebih sedikit daripada “produk minimum yang layak” yang lebih dikenal.

Berikut adalah ikhtisar dari proses desain prototipe yang layak minimum (MVPr):

1. Penemuan
2. Riset
3. Arsitektur informasi
4. Desain visual
5. Meluncurkan
6. Uji

Tunggu! Bukankah itu proses yang digunakan semua orang?

Ya, dan kita akan melihat bahwa dengan mengandalkan hal-hal mendasar dari langkah-langkah di atas, kita dapat berhasil…

• Simulasikan fungsionalitas produk nyata;
• Meniru peluncuran produk nyata; dan
• Temukan apakah produk nyata layak untuk dibangun.

Langkah demi Langkah: Cara Membangun MVPr

1. Penemuan: Mulai Membuat Keputusan

Cara yang bagus untuk memulai proses penemuan adalah dengan menelusuri situs web, blog, dan aplikasi yang mirip dengan ide Anda. Pelajari tentang sejarah mereka, target pasar mereka, bagaimana mereka beroperasi, dll. Jika Anda menemukan bahwa tidak ada pesaing yang relevan melakukan apa yang prototipe Anda lakukan, teruslah bergerak maju.

Langkah ini tidak memerlukan keahlian apa pun. Rahasianya adalah melakukan—maju dari niat ke tindakan.

Berikan perhatian khusus pada kekuatan dan kelemahan pesaing Anda. Bagaimana Anda bisa menggunakan apa yang telah mereka capai (atau gagal capai) untuk membuat prototipe Anda lebih kuat?

Setelah 1-2 jam penelitian, Anda akan dapat menentukan pesaing Anda yang paling penting dan mempelajari aspek-aspek kunci dari masing-masing pesaing.

2. Riset: Tentukan Pengguna Anda

Siapa pengguna target Anda, dan mengapa mereka harus peduli dengan produk Anda? Memahami ini sangat penting, tetapi kita harus mulai dengan asumsi yang diperhitungkan. Yang terbaik adalah memulai dari visi yang sangat berpendirian. Jangan menebak-nebak atau mencoba membuat "sesuatu untuk semua orang". Kami tidak ingin desain yang encer.

Alih-alih, lihat lebih dekat situs pesaing yang ditemukan selama fase penemuan dan biarkan akal sehat melukis potret pengguna potensial Anda.

Berikut adalah beberapa area investigasi praktis yang mudah diakses di web:

• Kunjungi situs ulasan dan lihat apa yang dikatakan orang tentang pengalaman mereka dengan pesaing Anda.
• Ikuti influencer dari industri produk Anda di media sosial, dan amati bagaimana mereka melibatkan audiens mereka.
• Cari artikel berita terkemuka yang memberikan tampilan mendetail tentang cara pesaing Anda beroperasi.
• Lihat interaksi pesaing Anda dengan penggunanya di media sosial.
• Lihat apakah Anda dapat menemukan forum di mana masalah atau masalah pesaing Anda sedang dibahas.

Wawasan berharga dapat diperoleh dari masing-masing jalan ini tanpa investasi finansial yang signifikan. Hal ini sangat penting bagi tim desain kecil yang bekerja dengan anggaran terbatas. Merek besar menghabiskan banyak uang untuk penelitian, tetapi tim kecil dan pekerja lepas individu harus menemukan cara untuk menjadi lebih banyak akal.

3. Arsitektur Informasi: Strukturkan Prototipe Anda

Bagaimana cara kerja prototipe, dan informasi terpenting apa yang harus difokuskan?

Cara termudah untuk mulai menjawab ini adalah dengan menganalisis situs terkemuka yang mirip dengan prototipe yang Anda buat. Tampilan dan pengalaman keseluruhan situs yang Anda pilih sebagai referensi harus luar biasa.

Mulailah dengan memecah situs menjadi beberapa bagian. Apa saja halaman yang relevan, dan bagaimana strukturnya secara visual? Jangan takut untuk membalikkan gambar rangka situs dan kemudian membuatnya kembali dengan informasi, warna, gambar Anda sendiri, dll.

Mengapa melakukannya dengan cara ini? Situs Anda kemungkinan akan berfungsi dengan cara yang mirip dengan situs pesaing—Anda hanya memiliki tujuan yang berbeda dalam pikiran. Tidak perlu menciptakan sistem yang rumit jika pengguna merespons dengan baik pengalaman yang sudah ada.

*Kiat Pro: Saat mempelajari arsitektur informasi situs, teknik yang berguna adalah mengambil tangkapan layar dan menjadikannya skala abu-abu sehingga Anda tidak terganggu oleh dampak warna (yang bisa sangat meyakinkan).

Setelah ini, manfaatkan sumber daya online yang memungkinkan desainer untuk dengan cepat beralih dari nol ke prototipe interaktif. Ada banyak kit antarmuka pengguna, template HTML, tema WordPress, dan sebagainya. Jangan takut untuk memodifikasinya agar sesuai dengan prototipe Anda, dan jangan khawatir tentang kesempurnaan piksel atau kode yang indah. Pada tahap ini, tidak ada yang peduli. Mereka peduli apakah produk Anda berguna atau tidak.

Begini cara kerjanya menggunakan kit UI gratis:

Apa yang kita capai pada gambar di atas?

• Kami menghapus semua warna dan gambar.
• Bilah navigasi tidak tersentuh.
• Fungsionalitas untuk sistem penyaringan tetap sama, tetapi kata-katanya diubah.
• Kami beralih dari dua kolom menjadi satu untuk menampilkan gambar yang akan kami gunakan dengan lebih baik.

Dalam waktu kurang dari satu jam, kami memiliki dasar visual untuk mengembangkan prototipe kami lebih lanjut.

4. Desain Visual: Penggunaan Ulang Sumber Daya UI Gratis

Tampilan dan nuansa visual dari prototipe Anda tidak dapat dipisahkan dari cara kerjanya. Ini bukan hanya tentang grafis. Desain visual yang berdampak menceritakan sebuah kisah dan memberikan pengalaman dengan nilai nyata.

Di sini, konsistensi visual adalah kuncinya karena membantu pengguna menjadi terbiasa dengan suatu produk dan bernavigasi dengan lebih efisien. Untuk mencapai konsistensi semacam ini di awal pengembangan prototipe Anda, sebaiknya gunakan kembali sumber daya UI gratis.

Dengan cara ini, Anda tidak perlu menghabiskan waktu berjam-jam untuk mengembangkan sistem desain yang kohesif. Tipografi, gaya tombol, ikonografi, dan semua komponen UI penting lainnya ditangani.

5. Luncurkan: Ke Kode atau Tidak Kode?

Saatnya untuk membagikan prototipe Anda kepada dunia. Untungnya, lebih mudah dari sebelumnya untuk mengubah maket menjadi prototipe dinamis. Berkat sejumlah alat intuitif, Anda bahkan tidak perlu tahu cara membuat kode—tetapi haruskah Anda belajar?

MVPr . Tanpa Kode

Setelah Anda selesai dengan desain visual, sematkan prototipe ke halaman arahan sehingga pengunjung dapat berinteraksi dengannya dan memberikan umpan balik umum tentang ide Anda. Pada titik ini dalam proses desain MVPr, ada beberapa cara untuk membuat prototipe tanpa kode. Berikut adalah pilihan Anda:

Prototipe Dasar

• InVision memiliki semua fitur yang diperlukan untuk membangun dan menguji prototipe dasar, dan memberikan pengalaman tanpa kesulitan tanpa komplikasi.

Prototipe Multimedia

• Untuk interaksi, transisi, dan animasi yang canggih, Prinsip cukup berguna.

100% Prototipe Realistis

• Framer memungkinkan desainer untuk mensimulasikan pengalaman produk digital yang bisa dibayangkan. Ini adalah pilihan yang sempurna ketika prototipe harus terlihat dan terasa nyata dalam hal animasi asli dan pengkodean berbasis logika (Mis: Jika ini, lakukan itu).
• Webflow memberikan kekuatan untuk mendesain, membangun dengan kode, dan meluncurkan situs web responsif pada kanvas 100% apa yang Anda lihat adalah apa yang Anda dapatkan.

Klik untuk melihat gambar berukuran penuh.

Kode MVPr

Kode bisa menjadi sekutu yang luar biasa. Tanpa ragu, ini adalah cara terbaik untuk membangun produk Anda. Kelemahan utama adalah Anda perlu tahu cara menulis kode untuk merasakan manfaat penyesuaian tingkat lanjut. Tanpa basis pengetahuan yang tepat, memilih untuk bereksperimen dengan kode akan memperlambat Anda.

Ada banyak kit starter kode untuk membantu membuat bola bergulir. Misalnya, kit UI yang kami perkenalkan di atas memiliki versi HTML-nya sendiri yang tersedia untuk diunduh:

6. Uji: Memanfaatkan Wawasan Iklan

Saus rahasia untuk menguji prototipe Anda terletak pada alat yang memungkinkan Anda memperoleh wawasan paling banyak dengan sedikit usaha sambil tetap memberikan nilai. Yang Anda butuhkan hanyalah beberapa dolar dan pemecahan masalah yang sabar.

Langkah pertama yang praktis untuk mengukur minat pada produk Anda adalah membuat iklan dan menargetkan orang-orang yang ditemukan selama fase penelitian. Bergantung pada audiens Anda dan jenis produk yang Anda rancang, Anda dapat menjalankan iklan di Google, LinkedIn, Instagram, atau Twitter. Untuk produk bisnis-ke-konsumen, Facebook direkomendasikan.

*Kiat Pro: AdEspresso adalah tempat yang nyaman untuk menjalankan ratusan versi iklan sosial Anda secara bersamaan sambil mengumpulkan analisis komparatif yang berguna.

Jalankan iklan dan Anda akan mempelajari dua hal:

1. Jumlah orang yang melihat iklan Anda
2. Jumlah orang yang mengklik iklan Anda

Setelah Anda mengonfirmasi bahwa audiens target Anda tertarik untuk terlibat dengan iklan Anda, Anda harus menciptakan nilai bagi pengguna awal Anda. Berikut caranya:

• Tambahkan formulir "berlangganan" dan minta pengguna untuk memberikan alamat email mereka.
• Tindak lanjuti untuk memberi tahu mereka saat Anda meluncurkan.
• Pastikan saluran media sosial Anda aktif dan berjalan sehingga Anda dapat membuat tombol sosial, memungkinkan pengguna untuk menyebarkan berita tentang produk Anda.

Gunakan strategi ini dan Anda akan mendapatkan:

• Daftar alamat email yang dapat digunakan untuk upaya pemasaran awal
• Orang-orang merekomendasikan produk Anda ke jaringan pribadi dan profesional mereka
• Pemahaman yang lebih jelas tentang apakah ada orang yang tertarik dengan produk Anda atau tidak

Pertama kali Anda mendapatkan umpan balik yang nyata, produk Anda sudah tayang. Melalui siklus penyampaian nilai, analisis perilaku, dan solusi berulang ini, Anda akan mempelajari apa yang berhasil dan apa yang tidak, dan Anda akan semakin dekat dengan produk yang benar-benar ingin digunakan orang.

Luncurkan dan Belajar dengan Keberanian

Tujuan akhir dari prototipe minimum yang layak adalah ini: Beralih dari tebakan desain terdidik ke umpan balik nyata yang dapat ditindaklanjuti dengan kecepatan dan kepercayaan diri.

Ini adalah proses yang merangkul ketidakpastian dan salah langkah sebagai peluang untuk perbaikan. Di atas segalanya, itu menghargai tindakan. Desain yang baik membutuhkan pengambilan keputusan yang berani dan kemauan untuk bergerak maju dalam menghadapi ketidaksempurnaan.

Jadi, jangan terjebak dalam mengejar kesempurnaan, dan cobalah untuk tidak membandingkan diri Anda dengan merek-merek besar dan sumber daya mereka yang sangat besar. Teruslah melangkah ke depan, dan Anda akan segera menemukan produk yang dipoles secara signifikan yang membuat orang senang menggunakannya.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

1. Prototipe dengan Mudah – Tutorial Studio InVision
2. Bagaimana Melakukan Sprint Desain yang Efektif
3. Siapa Tahu Adobe CC Bisa Wireframe?
4. Pengujian UX untuk Massa: Tetap Sederhana dan Hemat Biaya
5. Peta Perjalanan Pelanggan – Apa Itu dan Bagaimana Membangunnya