Wireframe Adalah Rancangan Awal Situs Web, Ini Penjelasannya

Wireframe. Foto: iStock

Dalam proses perancangan sebelum membuat suatu produk digital, termasuk pembuatan situs web, membuat wireframe adalah salah satu tahapan penting.

Sebelum masuk ke tahap pengembangan, web developer biasanya terlebih dahulu meminta bantuan kepada UI/UX Designer untuk merancang wireframe.

Lalu, apa itu wireframe? Untuk mengetahui lebih jelas terkait ini, simak pembahasan berikut.

Mengenal Wireframe sebagai Rancangan Awal Situs Web

Mengenal Wireframe. Foto: iStock

Mochamad Wahyudi dkk., dalam Fullstack Android Developer Aplikasi Penjualan Tiket Bioskop menyebutkan, wireframe adalah sebuah kerangka yang berfungsi untuk membuat tata letak suatu situs web agar sesuai dengan keinginan klien sebelum masuk ke proses desain atau coding.

Sejalan dengan pengertian tersebut, Herman Tolle dalam Pengembangan Aplikasi Perangkat Bergerak mengartikan wireframe sebagai rancangan awal situs web atau aplikasi mobile yang dapat dibuat secara manual menggunakan perangkat lunak pengolah citra digital, atau perangkat lunak khusus desain aplikasi.

Sederhananya, wireframe merupakan rancangan antarmuka dari halaman situs web atau aplikasi mobile secara detail. Biasanya, proses pembuatan wireframe dilakukan oleh seorang UI/UX Designer dengan memanfaatkan software desain khusus wireframe.

Komponen Wireframe. Foto: moqups.com

Adapun komponen yang menjadi bahan untuk proses wireframe adalah header, body atau content, footer, sidebar, dan beberapa komponen tambahan lainnya.

Membuat wireframe tidak terlepas dari proses riset yang dilakukan untuk menemukan formula terbaik.

Dalam hal ini, riset bisa berarti melihat apa yang dilakukan oleh kompetitor di industri terkait, bisa juga dengan riset tata cara sebelum masuk proses produksi.

Setelah selesai melakukan riset, tahapan selanjutnya adalah masuk ke proses pembuatan, baik dengan menggunakan bantuan tools atau dilakukan secara manual.

Hal-Hal yang Perlu Diperhatikan dalam Membuat Wireframe

Hal-Hal yang Perlu Diperhatikan dalam Membuat Wireframe. Foto: iStock

Dikutip dari Engineering Design pada Sistem Informasi oleh Ridi Ferdiana, setidaknya terdapat tujuh hal yang perlu diperhatikan dalam membuat wireframe, di antaranya sebagai berikut.

(SFR)