Low Fidelity

Prototyping
Kelompok 6
Azwar Annas (17621014)
Andarias N. Kocu (17621028)
Project analysis slide 2
PENGERTIAN KEUNGGULAN

TUJUAN KELEMAHAN

LOW FIDELITY CONTOHNYA

 Prototyping

Project analysis slide 6

Prototipe merupakan suatu metode dalam pengembangan sistem yang
menggunakan pendekatan untuk membuat sesuatu program dengan cepat
dan bertahap sehingga segera dapat dievaluasi oleh pemakai.
Prototipe mewakili model produk yang akan dibangun atau mensimulasikan
struktur, fungsionalitas dan operasi sistem. Dalam pembuatan prototipe kita
dapat menerapkan UCD (User Centered Design) yang cocok untuk user
awam IT (Technology Information).
 Karakteristik UCD
(User-Centered Design)

Project analysis slide 6

1. Memahami user dan kebutuhannya.
2. Fokus pada user pada tahap awal desain dan mengevaluasi hasil desain.
3. Mengidentifikasi, membuat dokumentasi dan menyetujui kegunaan dan tujuan
pengalaman user.
4. Perulangan hampir dapat dipastikan.
Para perancang tidak pernah berhasil hanya dalam satu kali proses.
 Tujuan
Prototyping
Project analysis slide 6
1. Evaluasi dan feedback pada rancangan interaktif.
2. Stakeholder (dalam hal ini user) dapat melihat, menyentuh, berinteraksi
dengan prototype.
3. Anggota tim dapat berkomunikasi secara efektif.
4. Para perancang dapat mengeluarkan ide-idenya.
5. Memunculkan ide-ide secara visual dan mengembangkannya.
 Tahapan Pembuatan
Prototype
Project analysis slide 6
 Keunggulan dan
Kelemahan
Project analysis slide 8
KEUNGGULAN
1. Adanya komunikasi yang baik
antara pengembang dan
pelanggan
2. Pengembang dapat bekerja lebih
baik dalam menentukan kebutuhan
pelanggan
3. Pelanggan berperan aktif dalam
pengembangan sistem
4. Lebih menghemat waktu dalam
pengembangan sistem
KELEMAHAN
1. Pelanggan kadang tidak melihat atau
menyadari bahwa perangkat lunak yang ada
belum mencantumkan kualitas perangkat
lunak secara keseluruhan dan juga belum
memikirkan kemampuan pemeliharaan untuk
jangka waktu lama.
2. Pengembang biasanya ingin cepat
menyelesaikan proyek. Sehingga
menggunakan algoritma dan bahasa
pemrograman yang sederhana untuk
membuat prototyping lebih cepat selesai
tanpa memikirkan lebih lanjut bahwa
program tersebut hanya merupakan cetak
biru sistem .
 Low-fidelity
prototyping
Project analysis slide 6

Low-fidelity (lo-fi) prototyping adalah cara cepat dan mudah untuk

menerjemahkan konsep desain tingkat tinggi menjadi artefak yang nyata dan
dapat diuji. Peran pertama dan paling penting dari prototipe lo-fi adalah untuk
memeriksa dan menguji fungsionalitas daripada tampilan visual produk.
 Low-fidelity
prototyping
Project analysis slide 6
Berikut adalah karakteristik dasar Low-fidelity prototyping

• Desain visual: Hanya beberapa atribut visual dari produk akhir yang disajikan
(seperti bentuk elemen, hierarki visual dasar, dll.).

• Konten: Hanya elemen kunci dari konten yang disertakan.

• Interaktivitas: Prototipe dapat disimulasikan oleh manusia nyata. Selama sesi

pengujian, orang tertentu yang terbiasa dengan desain bertindak sebagai
komputer dan secara manual mengubah keadaan desain secara real-time.
Interaktivitas juga dapat dibuat dari wireframes, juga dikenal sebagai
"connected wireframes." Jenis prototipe ini pada dasarnya wireframes yang
terhubung satu sama lain di dalam aplikasi seperti PowerPoint atau Keynote,
atau dengan menggunakan alat prototyping digital khusus seperti Adobe XD.
 Teknik
Populer
Project analysis slide 6

Paper prototyping dan clickable wireframes adalah dua teknik

prototyping low-fidelity yang populer. Kedua teknik difokuskan pada
penyediaan cara tercepat yang mungkin untuk mengulangi ide-ide
desain sampai tim proyek dan para pemangku kepentingan puas
dengan dasar-dasarnya.
 Paper
Prototyping
Project analysis slide 6
Paper prototyping memungkinkan Anda membuat prototipe
antarmuka produk digital tanpa menggunakan perangkat lunak digital.
Teknik ini didasarkan pada pembuatan gambar tangan layar yang
berbeda yang mewakili antarmuka pengguna suatu produk. Meskipun
ini adalah teknik yang relatif sederhana, ini dapat berguna ketika tim
produk perlu mengeksplorasi berbagai ide dan memperbaiki desain
dengan cepat. terutama pada tahap awal desain ketika tim mencoba
berbagai pendekatan.
 Manfaat Paper
Prototyping
Project analysis slide 6
• keterampilan desain umum. Setiap orang dapat membuat sketsa (bahkan
mereka yang mengatakan tidak bisa) dan ini berarti bahwa setiap orang dapat
membuat prototipe kertas.

• Mengizinkan pengujian awal. Menguji prototipe lebih awal memungkinkan tim

produk menemukan masalah gambaran besar - seperti arsitektur informasi
yang tidak jelas - sebelum menjadi terlalu sulit untuk ditangani.

• Mendukung eksperimen cepat. Elemen antarmuka pengguna yang berbeda

dapat ditarik, dipotong, disalin untuk membuat tambahan, dan kemudian
disusun di selembar kertas baru. Dengan prototipe kertas, juga dimungkinkan
untuk meniru interaksi yang kompleks, seperti menggulir.
 Contoh Paper
Prototyping
Project analysis slide 6
 Batasan Paper
Prototyping
Project analysis slide 6

• Orang tambahan diperlukan untuk melakukan sesi tes. Anda membutuhkan

setidaknya dua orang untuk melakukan tes. Satu orang akan menjadi fasilitator
('komputer') yang membantu peserta tes berjalan melalui desain dan orang lain
akan benar-benar menguji aplikasi.

• Sulit untuk menyampaikan operasi yang rumit. Prototipe kertas kurang cocok
untuk antarmuka visual-kompleks atau sangat interaktif.
 Clickable Wireframes

Project analysis slide 6

Wireframe adalah representasi visual dari suatu halaman produk yang dapat
digunakan perancang untuk mengatur elemen halaman. Wireframes dapat
digunakan sebagai dasar untuk prototipe lo-fi. Clickable wireframes adalah bentuk
paling sederhana dari prototipe interaktif - dibuat dengan menghubungkan
wireframes statis bersama.

Sama seperti prototipe kertas, gambar rangka yang dapat diklik sering kali tidak
terlihat seperti produk jadi, tetapi mereka memiliki satu keunggulan signifikan
dibandingkan prototipe kertas - mereka tidak memerlukan orang yang terpisah
untuk bekerja sebagai fasilitator selama sesi pengujian.
 Manfaat
Clickable Wireframes
Project analysis slide 6
• Hasil desain yang ada dapat digunakan kembali. Selama fase tertentu dari
proses desain Anda akan memiliki gambar rangka atau sketsa yang mewakili
desain UI produk Anda. Dalam kebanyakan kasus, dimungkinkan untuk
menggunakannya untuk membuat aliran yang dapat diklik.

• Tata letak dapat dengan mudah diubah. Desainer dapat dengan mudah
mengadaptasi wireframes berdasarkan umpan balik pengguna dan mengulangi
proses pengujian. Dengan alat yang tepat, mudah untuk membuat atau
memodifikasi prototipe klik-tayang tanpa menghabiskan banyak waktu ekstra.

Prototipe low-fidelity dapat dibuat menggunakan alat untuk presentasi (seperti

PowerPoint atau Keynote):
 Contoh
Clickable Wireframes
Project analysis slide 6
 Daftar Pustaka

Project analysis slide 6

• https://theblog.adobe.com/prototyping-difference-low-fidelity-high-fidelity-
prototypes-use/
• https://www.youtube.com/watch?v=wIBjIK5xrI0&t=44s
• https://www.youtube.com/watch?v=yafaGNFu8Eg&t=38s
Thank You