Hallo, kembali lagi di blog ku. Nah kali ini tentunya kita akan kembali membahas hal yang akan bermafaat untuk teman – teman semua. Hmm Kita akan membahas tentang Desain Mockup. Yuk langsung aja Kita bahas.!!

            Pengertian 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. Mockup yang mempunyai tampilan menarik dan terkesan modern ini, tentu saja cocok digunakan saat presentasi atau dimasukkan ke dalam Graphic Standard Manual (buku GSM).

        Keuntungan Dari Mockup

            1. Mempermudah stakeholder

            Menurut UXPin, 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.

            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.Hal ini sulit diketahui hanya dengan desain di atas kertas seperti pemilihan warna yang kurang padu, kesulitan navigasi, dan lain-lain.

            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.

            Seberapa Penting Mockup Itu?

1. Perkiraan waktu pengembangan

            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.

2. Coding HTML

            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.

3. Kenyamanan pengguna

            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.

            Baiklah demikian pembahasan kita kali ini , semoga dapat bermanfaat dan jangan lupa berkunjung di lain waktu. Tetap jaga kesehatan. Terimakasih.