Tahapan tahapan yang perlu diperhatikan pada saat proses kegiatan prototyping kecuali

//cdn-images-1.medium.com/proxy/1*b31hiO4ynbDLRrXWEFF4aQ.png

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 //webdesign.tutsplus.com/tutorials/3-high-level-approaches-to-prototyping-by-example--cms-21973 :

Contoh sederhana :
Untuk mengilustrasikan berbagai prototipe, mari bayangkan Anda mencoba membuat prototipe unggah file dengan fungsi berikut:

1. Pengguna dapat menarik dan melepaskan gambar ke area unggahan
atau, pengguna dapat memilih file dari sistem file lokal mereka melalui dialog unggahan
2. File yang diunggah akan disajikan dalam korsel di bawah area unggah gambar
3. Pada klik gambar yang diunggah dari carousel akan ditampilkan di area pratinjau gambar yang lebih besar

1. Paper Prototype

Prototipe kertas bisa efektif dalam menyampaikan ide umum kepada para pemangku kepentingan dan tim pengembangan di awal proses desain. Sebagai contoh, di sini pengunjung mendapat ide bagus dari desain: ada area di mana gambar dapat diseret, setelah itu ditampilkan di area di bagian bawah, dan pada klik gambar ditampilkan di area pratinjau gambar yang lebih besar.

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

Beberapa masalah dengan prototipe kertas dikurangi dengan prototipe upload file low-fidelity. Pengguna dapat berinteraksi dengan prototipe lo-fidelity: menyeret dan menjatuhkan gambar ke area unggahan mendistribusikannya ke korsel di bawah ini, atau pengguna dapat memilih gambar dari sistem file mereka. Jika lebih dari empat gambar ditambahkan ke carousel, panah kanan muncul sehingga pengguna dapat menggulir ke kanan untuk melihat gambar tersembunyi tambahan. Setelah panah kanan diklik, panah kiri muncul untuk memungkinkan menggulir melalui carousel.Hasil ScreenShot yang saya lakukan ketika mendrag foto yang ingin ditampilkan

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:

//cdn-images-1.medium.com/proxy/1*b31hiO4ynbDLRrXWEFF4aQ.png

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:

//cdn-images-1.medium.com/proxy/1*b31hiO4ynbDLRrXWEFF4aQ.png

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

Hasil ScreenShot yang saya lakukan dalam Hi-fidelityPrototipe High-fidelity membutuhkan upaya lebih awal, tetapi dapat memberikan berbagai manfaat di kemudian hari, menghasilkan penciptaan produk yang lebih baik dalam jangka waktu yang lebih efisien.
Misalnya, pengembang dapat menggunakan web inspektur browser mereka [tergantung pada perangkat lunak yang digunakan dalam memproduksi prototipe] untuk memilih nilai CSS yang tepat yang digunakan dalam prototipe. Ini lebih efisien dalam implementasi, karena tim pengembang dapat menyalin dan menempelkan nilai daripada menulis dari awal. Sebagai contoh, di sini://cdn-images-1.medium.com/proxy/1*b31hiO4ynbDLRrXWEFF4aQ.png

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:

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

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

Terimakasih, semoga menjadi ilmu baru bagi pembaca sekalian.

Semangat menjalani hari ini :]