Apa Perbedaan Wireframing, Mockup, dan Prototyping?

Istilah dan konsep ini sering digunakan, tetapi saat harus dijelaskan ternyata sulit dibedakan, dan karena sering dipakai secara campur aduk jadi membingungkan. Tulisan ini menjelaskannya dengan baik.

• Wireframe

Panduan visual untuk situs web, aplikasi web, atau aplikasi mobile yang menyusun layout. Wireframe biasanya menjadi langkah pertama saat ingin mengonseptualisasikan atau menyampaikan ide produk. Ini adalah metode komunikasi yang paling umum. Artinya, wireframe menunjukkan struktur kasar tentang ke mana konten dalam aplikasi saya akan ditempatkan.

• Mockup

Tampilan statis tentang bagaimana produk akhir seharusnya terlihat secara visual.

• Prototyping

Menambahkan interaksi pada tampilan statis, yaitu layar statis yang dibuat dari mockup.