Perbedaan Wireframe, Mockup, dan Prototype

 

Perbedaan Wireframe Mockup dan Prototype

·        Wireframe adalah sebuah kerangka untuk menata suatu item di laman website atau aplikasi. Pembuatan wireframe biasanya dilakukan sebelum pembuatan produk tersebut dilakukan. Wireframe adalah blueprint bagi para UI/UX designer. Mereka adalah skema atau kerangka yang dapat memberikan gambaran kasar (low-fidelity) setiap halaman yang terdapat dalam sebuah website/aplikasi sebelum memasuki tahapan visual mockup.

·        Mockup adalah gambaran nyata mengenai konsep yang tengah diolah. Dalam dunia desain, mockup juga terlihat sebagai maket atau alat presentasi yang digunakan untuk memberikan gambaran mengenai karya yang ingin dihasilkan. Mockup Memberikan Gambaran yang Lebih Realistis. Ketika membuat rancangan maka gambaran harus terlihat realistis, mockup sendiri realitanya menyerupai bentuk hasilnya. Karena hasil final yang diharapkan memang mempunyai bayangan dan imajinasi dari desain tersebut. Mockup sering digunakan oleh desainer untuk memastikan bagaimana desain akhir akan terlihat sebelum diproduksi secara massal atau diluncurkan kepada publik. Oleh karena itu, tidak mengherankan jika mockup memegang peranan penting dalam proses desain dan pengembangan produk.

Perbedaan wireframe, mockup, dan prototype tidak terlalu jauh, hanya saja tingkat detailnya berbeda-beda. Jika dianalogikan, wireframe adalah cetak biru sebuah bangunan, sementara mockup adalah model bangunan tersebut. Mockup bersifat statis sehingga tidak dapat diklik.