Desain Mockup

Apa itu mockup

Mockup merupakan media visual yang digunakan untuk melihat preview sebuah konsep desain. Selanjutnya diberikan efek visual sehingga hasil gambar terlihat menyerupai wujud yang sebenarnya. Mockup akan memberikan gambaran desain sebelum diaplikasikan menjadi benda nyata sehingga memudahkan pekerjaan desainer. Mockup pun akan membantu desain terlihat nyata dan lebih menarik karena variasi dua dimensi dan tiga dimensi. bentuk mockup adalah gambaran mid-fidelity ataupun high-fidelity yang menggambarkan pilihan warna desain, layout, tipografi, iconography, visual navigasi, dan keseluruhan tampilan produk yang didesain. Mockup yang mempunyai tampilan menarik dan terkesan modern ini, tentu saja cocok digunakan saat presentasi atau dimasukkan ke dalam Graphic Standard Manual (buku GSM).

 

Fungsi Mockup

1. Mempermudah stakeholder

Mockup menggunakan gambaran high-fidelity, yaitu rencana desain yang sudah menampilkan informasi secara rinci dan menunjukkan dengan jelas bagaimana sebuah situs atau aplikasi akan dibuat.  Oleh karena itu, mockup adalah cara sederhana agar stakeholder dapat dengan mudah melihat dan memahami produk final yang akan dibuat. Stakeholder juga bisa memberikan masukan dan kritik mengenai desain tersebut sebelum melaju ke proses selanjutnya.

 

2.  Memberi perspektif realistis

Dengan rancangan mockup, desainer UI dan UX dapat melihat bagaimana semua elemen yang telah dirancang bekerja serealistis mungkin menyerupai produk final yang direncanakan. Masalah yang mungkin timbul ketika produk digunakan dapat terlihat dengan desain mockup.

 

3. Mempermudah perbaikan

Akan lebih mudah bagi desainer untuk memperbaiki kesalahan atau kekurangan pada desain sebelum desain tersebut dilanjutkan ke tahap coding. Ketika sudah masuk tahap coding, perbaikan akan lebih rumit. Developer web akan dapat mengerjakan coding untuk desain dengan leluasa jika tahu bahwa desain yang mereka buat kodenya telah benar-benar final

 

4. Hemat anggaran

Dengan memastikan tidak ada kesalahan lagi saat desain sudah difinalisasi, biaya produksi akan lebih murah dibanding harus memperbaiki desain dan mengulang coding dari awal jika melakukan proses desain produk tanpa mockup. Uang yang dihemat berkat perencanaan yang baik ini bisa dimanfaatkan untuk sektor produksi lainnya.

Mengapa Mockup Penting?

Mockup adalah tahap penting agar front-end developer tidak kesulitan untuk memperkirakan berapa lama proses pengembangan produk akan berjalan. Meskipun berupa gambaran statis, tetapi mockup dapat menjelaskan bagian-bagian yang akan didesain bergerak atau menggunakan animasi. Dibanding langsung masuk ke proses coding, akan lebih cepat jika menggunakan mockup terlebih dahulu sehingga developer bisa tahu berapa waktu yang dibutuhkan untuk menerjemahkan desain mockup menjadi produk nyata. Para front-end developer membutuhkan mockup untuk mengetahui warna, bentuk, font, serta elemen lain dalam desain yang diinginkan dan menterjemahkannya ke dalam kode. Tanpa mockup, akan sulit untuk mengetahui itu semua dan proses perancangan akan menjadi lebih lama.

Mockup adalah cara awal agar sebuah rancangan produk dilirik investor. Tanpa desain mockup yang bagus dan rinci, investor tidak akan tahu seberapa besar potensi situs atau aplikasi yang kamu rencanakan, dan tentu saja akan sulit untuk merealisasikan sebuah proyek tanpa investor dan dana yang cukup. Situs atau aplikasi buatanmu harus terlihat bagus. Selain itu, pengguna harus bisa menemukan apa yang mereka cari dengan mudah dan bernavigasi tanpa kesulitan. Tahap paling mudah untuk mengidentifikasi kebutuhan pengguna dan keselarasan fitur serta desain yang dirancang adalah mockup, oleh karena itu mockup sangatlah penting.