Langsung ke konten utama

Design Prototyping Wlijo


Design Prototyping

Prototyping adalah salah satu metode pengembangan perangkat lunak yang banyak digunakan. Dengan metode prototyping ini pengembangan dan pelanggan dapat saling beriteraksi selama proses pembuatan sistem. Prototype mewaliki model produk yang akan dibangun, fungsionalitas, dan operasi sitem. Prototyping berguna sebagia alat untuk mendesign dan memperbaiki User Interface. Dalam pembuatan prototype perlu diterapakan UCD (User Centered Design). 


Tujuan dari prototype yaitu:

· Exploring dan Experiment

Anda dapat menggunakan prototipe untuk mengeksplorasi masalah, ide, dan peluang dalam area fokus tertentu dan menguji dampak perubahan inkremental atau radikal.

· Learning and Understanding

Gunakan prototipe untuk lebih memahami dinamika masalah, produk, atau sistem dengan terlibat secara fisik dengan mereka dan memilih apa yang membuatnya bekerja atau gagal.

· Engaging, Testing, and Experiencing

Gunakan prototyping untuk terlibat dengan pengguna akhir atau pemangku kepentingan, dengan cara yang mengungkapkan wawasan yang lebih dalam dan pengalaman yang lebih berharga, untuk menginformasikan keputusan desain ke depan.

· Inspiring and motivation

Gunakan prototipe untuk menjual ide-ide baru, memotivasi dukungan dari pemangku kepentingan internal atau eksternal, atau menginspirasi pasar menuju cara berpikir dan melakukan yang radikal baru.


Tahapan pembuatan prototype :

1. Mengidenifikasi kebutuhan dari user akan sistem.

2. Designer mulai membuat prototipe.

3. User menguji prototipe dan memberikan saran dan kritikan.

4. Designer melakukan modifikasi sesuai dengan masukan dari user.

5. Designer mengembangkan versi produksi.


Kegunaan Prototipe

· Pembelajaran

Prototipe sering digunakan untuk membuat dua tipe pertanyaan “akankah dapat bekerja?”dan “sejauh mana dapat memenuhi kebutuhan pelanggan?” saat harus menjawabpertanyaan semacam ini, prototipe dilakukan sebagai alat pembelajaran.2.

· Komunikasi

Prototipe memperkaya komunikasi dengan manajemen puncak, penjual, mitra,keseluruhan anggota tim, pelanggan dan investor. Hal ini benar karena sebuah gambar,alat tampil tiga dimensi dari produk lebih mudah dimengerti dari pada penggambaranverbal, bahkan sebuah sketsa produk sekalipun.3.

· Penggabungan

Prototipe digunakan untuk memastikan bahwa komponen dari produk bekerja bersamaanseperti yang diharapkan. Prototipe fisik menyeluruh paling efektif sebagai alat penggabungdalam proyek pengembangan produk karena prototipe ini membutuhkan perakitan danketerhubungan fisik dari seluruh bagian dan sub-assembly yang membentuk sebuahproduk.4.

· Milestones

Dalam tahap pengembangan produk berikutnya, prototipe digunakan untukmendemonstrasikan bahwa produk yang telah mencapai tingkat kegunaan yangdiinginkan. Prototipe milestones menyediakan hasil nyata memperlihatkan kemajuan dandisiapkan untuk menjalankan jadwaI. Manajemen senior sering membutuhkan sebuahprototype untuk memperagakan fungsi tertentu sebelum memperbolehkan proyek tersebut diteruskan.


Berikut tampilan Design Prototyping bagian awal "Home" dari Wlijo:



Komentar

Postingan populer dari blog ini

Pembelajaran Dasar React Bagi Pemula

  Apa itu Reactjs? Reactjs adalah sebuah library yang dibuat oleh Facebook untuk membuat UI (user interface) pada Web Mobile juga. Banyak orang menyebutnya sebagai framework , namun secara teknis.. Reactjs bukanlah sebuah framework. Melainkan sebuah library untuk membuat UI.   Oke, mari kita coba membuat aplikasi dengan Reactjs pertama kita buat file html biasa dengan nama hello-world.html , di dalam body kita akan menampilkan teks. <! DOCTYPE html > < html > < head > < meta charset = "utf-8" /> < title > Belajar Reactjs </ title > < script src = "https://unpkg.com/react@16/umd/react.production.min.js" >      </ script > < script src = "https://unpkg.com/react-dom@16/umd/react-dom.production      .min.js" ></ script > < script src = "https://unpkg.com/babel-standalone@6.15.0/babel.min.js" >      </ script > </ head > < bod...

Penambahan Function Pop Up Edit Toko di NextJS

      Apa itu Next.js?  Next.js merupakan sebuah React framework yang dibentuk buat mengatasi kasus client-side rendering yang dimiliki React. Sebuah halaman website yang dibentuk memakai React ‘terasa ringan’ lantaran tampilan website sangat interaktif.  Selain itu, ketika data berubah, React menggunakan efisien akan mengupdate bagian menurut halaman website yang memang perlu diupdate tanpa perlu reload satu halaman penuh.  Untuk menerima itu seluruh, client wajib load seluruh file JavaScript sebelum konten halaman ditampilkan. apabila file JS relatif akbar maka ketika yang diperlukan buat load pertama kali pula sebagai lebih lama.  Masalah lain menurut client-side rendering merupakan SEO, terdapat kemungkinan web crawler berusaha mengindex halaman yang belum terselesaikan dirender sepenuhnya (lantaran ketika load yang lama). Dan menduga web tadi blank.  Kedua kasus diatas bisa diselesaikan menggunakan teknik pre-rendering. Yaitu ...

Pembuatan halaman Home dengan NextJS

      Apa itu Next.js?  Next.js merupakan sebuah React framework yang dibentuk buat mengatasi kasus client-side rendering yang dimiliki React. Sebuah halaman website yang dibentuk memakai React ‘terasa ringan’ lantaran tampilan website sangat interaktif.  Selain itu, ketika data berubah, React menggunakan efisien akan mengupdate bagian menurut halaman website yang memang perlu diupdate tanpa perlu reload satu halaman penuh.  Untuk menerima itu seluruh, client wajib load seluruh file JavaScript sebelum konten halaman ditampilkan. apabila file JS relatif akbar maka ketika yang diperlukan buat load pertama kali pula sebagai lebih lama.  Masalah lain menurut client-side rendering merupakan SEO, terdapat kemungkinan web crawler berusaha mengindex halaman yang belum terselesaikan dirender sepenuhnya (lantaran ketika load yang lama). Dan menduga web tadi blank.  Kedua kasus diatas bisa diselesaikan menggunakan teknik pre-rendering. Yaitu ...