4 bagaimanakah tahapan dalam membuat prototype produk?

Apa itu Prototype?

Prototype adalah tahapan yang ditujukan untuk mentransformasi sifat-sifat abstrak dari sebuah ide menjadi lebih berwujud. Tahapan ini tidak hanya berupa proses visualisasi ide tetapi juga proses pembangunan ide.

Secara umum, Prototype memiliki dua kategori: low-fidelity dan high-fidelity. Proses prototyping yang digunakan di dalam Design Thinking adalah low-fidelityatau Rapid Prototyping. Proses ini menekankan kepada pembuatan proses pembuatan yang cepat, mudah, murah dan basic.

Tahapan dalam Prototyping:

1. Pengumpulan kebutuhan
Pelanggan dan pengembang bersama-sama mendefinisikan format dan kebutuhan kesseluruhan perangkat lunak, mengidentifikasikan semua kebutuhan, dan garis besar sistem yang akan dibuat.

2. Membangun prototyping
Membangun prototyping dengan membuat perancangan sementara yang berpusat pada penyajian kepada pelanggan (misalnya dengan membuat input dan contoh outputnya).

3. Evaluasi protoptyping
Evaluasi ini dilakukan oleh pelanggan apakah prototyping yang sudah dibangun sudah sesuai dengan keinginan pelanggan. Jika sudah sesuai maka langkah keempat akan diambil. Jika tidak, maka prototyping diperbaiki dengan mengulang langkah 1, 2 , dan 3.

4. Mengkodekan system
Dalam tahap ini prototyping yang sudah disepakati diterjemahkan ke dalam bahasa pemrograman yang sesuai.

5. Menguji system
Setelah sistem sudah menjadi suatu perangkat lunak yang siap pakai, harus dites dahulu sebelum digunakan. Pengujian ini dilakukan dengan White Box, Black Box, Basis Path, pengujian arsitektur dan lain-lain.

6. Evaluasi Sistem
Pelanggan mengevaluasi apakah sistem yang sudah jadi sudah sesuai dengan yang diharapkan . Jika sudah, maka langkah ketujuh dilakukan, jika belum maka mengulangi langkah 4 dan 5.

7. Menggunakan system
Perangkat lunak yang telah diuji dan diterima pelanggan siap untuk digunakan

Berikut Contoh Prototyping dalam bentuk sederhana, yang saya ambil dari salah satu webdesign yaitu https://webdesign.tutsplus.com/tutorials/3-high-level-approaches-to-prototyping-by-example--cms-21973 :

1. Paper Prototype

Step 1: image is dragged into upload area

Step 2: thumbnail of uploaded image appears

Step 3: user moves mouse cursor to click thumbnail

Step 4: larger version is displayed

Masalah potensial pertama dengan prototipe kertas adalah kurangnya penyempurnaan. Bergantung pada siapa pemirsa Anda dan tingkat keakraban mereka dengan pekerjaan Anda, itu mungkin terlihat seperti amatir. Oleh karena itu, jika audiens Anda terdiri dari klien baru, Anda mungkin ingin membuat prototipe rendah atau berkualitas tinggi untuk menunjukkan lebih banyak profesionalisme.

Masalah lain dengan prototipe kertas adalah kapasitasnya yang terbatas untuk kompleksitas. Ini adalah prototipe yang relatif sederhana, sehingga dapat direpresentasikan sampai tingkat tertentu di atas kertas. Namun, bahkan beberapa elemen prototipe ini tidak jelas. Misalnya, apa yang terjadi ketika pengguna mengunggah lebih banyak gambar daripada yang bisa muat di area pratinjau di bawah? Juga, apakah elemen visual berubah saat melayang? Lebih jauh, sistem desain visual tidak terwakili, meninggalkan penonton untuk menyimpulkan produk akhir.

2. Low-fidelity Prototype

Sementara banyak masalah konseptual dengan prototipe kertas diringankan dalam prototipe low-fidelity, beberapa masalah komunikasi potensial masih tetap ada. Misalnya, prototipe lo-fidelity mungkin atau mungkin tidak memiliki status hover. Sistem desain visual juga tidak direpresentasikan, yang berarti bahwa desain lo-fidelity perlu disertai dengan comps tambahan untuk menggambarkan elemen-elemen visual. Seringkali, comps tambahan ini akan memiliki “redline” atau spesifikasi desain yang merinci font, warna dan sebagainya:

Selain itu, lebih banyak comps kemungkinan besar akan diperlukan untuk lebih menggambarkan berbagai keadaan elemen visual. Jadi untuk, misalnya, Anda akan memerlukan spesifikasi redline terpisah untuk status hover:

Saat mendesain dalam kerangka kerja ini, untuk setiap elemen interaktif, seorang desainer perlu memberikan banyak representasi. Ini bisa menjadi masalah, karena merancang interaktivitas secara statis mengambil elemen di luar konteks, dan orang kehilangan pandangan terhadap gestalt di mana berbagai elemen ada.

3. High-fidelity Prototype

Kesimpulan

Setiap pendekatan prototyping memiliki manfaat dan biaya komparatifnya. Sebuah prototipe kertas bisa efektif dalam mengkomunikasikan ide-ide dengan cepat, tetapi mungkin tidak sepenuhnya mewakili ide-ide, sehingga membuang-buang waktu jika desain disalahartikan. Prototipe low-fidelity memiliki potensi jebakan yang serupa, dan membutuhkan dokumen tambahan untuk sepenuhnya mewakili produk akhir. Meskipun mereka membutuhkan investasi waktu awal yang lebih besar, memproduksi prototipe high-fidelity dapat lebih efisien dalam jangka panjang. Prototipe high-fidelity tidak perlu sebanyak dokumentasi, karena ide-ide yang tercakup dalam pengiriman daripada disimpulkan. Banyak pekerjaan pengembangan front-end akan dilakukan dalam proses pembuatan prototipe high-fidelity: desain interaksi berbasis javascript akan ditulis, dan penyeleksi CSS dapat dipinjam, membuat proses pengembangan yang tepat waktu lebih cepat. Ada berbagai metode yang dapat digunakan untuk membuat prototipe hi-fidelity. Untuk penjelasan terperinci dan file yang berfungsi yang menggambarkan bagaimana prototipe unggahan file kesetiaan ini dibuat, buka artikel ini di situs web saya.

SUMBER:

https://webdesign.tutsplus.com/tutorials/3-high-level-approaches-to-prototyping-by-example--cms-21973

https://timur.ilearning.me/2015/12/28/apa-saja-tahapan-tahapan-dalam-prototyping/

Terimakasih, semoga menjadi ilmu baru bagi pembaca sekalian.

Semangat menjalani hari ini :)