Pembuatan Wireframe
Wireframe
Setelah pada artikel sebelumnya membahas mengenai sitemap dan user flow selanjutnya ialah pembuatan wireframe. Membuat wireframe adalah salah satu tahap penting dalam proses perancangan sebelum membuat suatu produk digital. Tidak terkecuali dalam proses pembuatan website. Sebelum masuk ke tahap pengembangan atau development, web developer sendiri biasanya terlebih dahulu meminta bantuan kepada UI/UX Designer untuk membuat wireframe. Wireframe sendiri adalah struktur dasar yang berupa coretan kasar untuk penataan item-item dari sebuah website. Dalam tahap pengembangan, wireframe dapat menetapkan fungsi (sliders, tabs, dan lainnya) tanpa warna atau desain apapun, hanya structural guidelinesnya saja.
Untuk tools nya sendiri dalam pembuatan wireframe sangatlah banyak tetapi pada kali ini kami membuat wireframe melalui aplikasi Figma. Berikut adalah salah satu contoh wireframe dari kami:
Manfaat Wireframe dan Keuntungannya
Selain mampu memudahkan tugas web developer, adanya wireframe dalam proses pembuatan website juga memberikan banyak keuntungan dari segi relasi terhadap klien. Berikut beberapa contoh manfaat wireframe.
- Menghemat waktu untuk edit dan revisi pada saat project pembuatan website sudah selesai
- Membangun kepercayaan dengan konsumen karena apa yang akan didapatkan sudah tergambar jelas di depan
- Memberikan gambaran website sejak awal
-Azharuddin
