Apa itu wireframe?

Wareframe adalah kerangka dasar (flowchart) dari halaman web yang akan kita bangun. Secara garis besar di dalam wireframe ini kita menempatkan elemen-elemen penting dari halaman web tersebut pada posisinya masing-masing seperti banner, body content, menu link, kolom, footer maupun fitur-fitur lainnya yang ada dalam web nantinya. Secara visual tampilan dari wireframe ini hanya terdiri dari kotak dan garis yang menandakan posisi dari masing-masing elemen dari layout halaman web.

Manfaat Pembuatan Wireframe

• Dengan membuat wireframe kita membantu client untuk fokus pada kerangka utama dari pembangun halaman web tersebut.
• Dengan wireframe kita bisa menggiring client untuk fokus pada fitur, elemen dan posisinya dalam web tanpa terganggu perhatiannya oleh warna, typografi atau elemen desain lainnya.
• Dengan wireframe yang hanya berupa kotak hitam-putih akan lebih mudah bagi kita untuk mendeteksi apa yang tidak bekerja dari sisi usability, fungsionalitas. Ibarat rumah wireframe menyajikan layout rumah dalam bentuk draftnya dimana posisi kamar tamu, kamar tidur, kamar mandi, teras, dapur. Sehingga akan mudah bagi client untuk melihat sisi fungsionalitas dan usabilitynya.

source: www.tutorial-webdesign.com

Banyak tool-tool yang dapat digunakan untuk membuat wireframe, yang akan dishare pada artike-artikel berikutnya!