Apa Itu Mockup?

Apa Itu Mockup?

Mockup atau Maket adalah gambar statis dengan kesetiaan menengah hingga tinggi. Tujuannya adalah untuk mendemonstrasikan skema warna, tata letak konten, font, ikon, visual navigasi, gambar, dan keseluruhan perasaan desain produk perangkat lunak masa depan dan pengalaman pengguna.


    - Tata letak konten adalah bagaimana konten ditampilkan pada halaman atau layar. Misalnya, mungkin mengikuti diagram Gutenberg, tata letak pola-Z, atau tata letak pola-F.

    - Skema warna mewakili corak dan warna yang Anda gunakan dalam proyek Anda. Warna yang berbeda membangkitkan emosi yang berbeda pada pengguna. Karena warna dapat memengaruhi pengalaman dan perilaku pengguna, Anda harus memilihnya dengan bijak. Anda juga harus memperhatikan kontras warna agar teks Anda dapat dibaca dan elemen terlihat.

    - Tipografi terdiri dari jenis font, ukuran, dan gaya, spasi dan perataan teks. Tidak satu pun dari alat desain visual ini yang mempersulit membaca atau mengganggu.

    - Jarak adalah keputusan ruang mana yang akan dikosongkan dan ruang mana yang harus diisi. Ruang negatif adalah salah satu alat desain paling canggih, yang memungkinkan Anda mencapai keseimbangan sempurna antara halaman yang kosong dan penuh.

    - Visual navigasi adalah cara Anda menggabungkan struktur proyek, yang pada titik ini seharusnya sudah selesai. Ini bisa berupa menu pull-down, sider atau footer, atau sekumpulan panah, matikan, dan slider.

    - Visual lainnya mencakup segala sesuatu mulai dari gambar latar belakang dan ikon hingga elemen dekoratif lainnya.

Bagaimana Maket atau Mockup Dikembangkan?

Maket dibuat di perangkat lunak desain visual apa pun, seperti Sketch , Adobe Photoshop , Figma , dan alat mockup lainnya.

Apa Manfaat Maket/Mockup?

Maket itu realistis. Ini adalah kesempatan sempurna bagi Anda untuk melihat bagaimana semua keputusan desain Anda bermain bersama. Bagaimana jika skema warna tidak sesuai dengan bentuk Anda? Maket adalah cara Anda dapat melihat produk akhir bahkan sebelum pengembangan dimulai.

Maket mudah direvisi. Lebih mudah untuk membuat perubahan dalam alat mockup pada tahap mockup daripada nanti dalam pengkodean. Pengembang Anda akan menghargai kenyataan bahwa mereka tidak perlu merevisi desain produk.

Maket meyakinkan . Jika Anda masih perlu memenangkan kepercayaan dan kasih sayang dari pemangku kepentingan proyek Anda, menunjukkan kepada mereka maket adalah apa yang harus Anda lakukan. Mereka secara intuitif dapat dimengerti dan sangat mirip dengan produk perangkat lunak akhir.


Setiap desainer UI / IX berbeda. Ada banyak pendekatan untuk pengembangan mockup karena ada desainer UI / UX. Tidak ada standar universal kesetiaan mockup atau garis waktu pengembangan. Beberapa desainer lebih menyukai Pendekatan yang Memprioritaskan Seluler, sementara yang lain lebih memilih Desktop-First. Semuanya perlu diklarifikasi dengan desainer Anda.

Setiap situs web atau aplikasi seluler berbeda. Bahkan jika Anda mengenal desainer tempat Anda bekerja, Anda tidak dapat langsung mengharapkan perkiraan pengembangan mockup yang sempurna. Setiap kasus berbeda. Anda harus meminta desainer UI / UX Anda untuk menyiapkan wireframe aplikasi atau platform web Anda. Kemudian, bingkai kawat ini dapat diubah menjadi maket yang tepat.

Posting Komentar

0 Komentar