Wireframe adalah sketsa tata letak sederhana yang menunjukkan struktur tanpa desain visual. Tanpa warna, tanpa foto, tanpa tipografi yang rapi. Hanya kotak, garis, dan teks sementara. Tujuannya adalah untuk menentukan letak berbagai elemen sebelum memutuskan tampilannya. Wireframe menjawab pertanyaan tentang hierarki, navigasi, dan alur konten. Pembuatannya murah dan mudah diubah.

Para desainer menggambar wireframe secara manual, menggunakan alat seperti Figma atau Sketch, atau dengan aplikasi khusus. Wireframe dengan fidelitas rendah menggunakan kotak kasar dan label yang dicoret-coret. Wireframe dengan fidelitas tinggi menambahkan konten nyata dan jarak yang lebih tepat, tetapi tetap menghindari warna dan gambar. Tim menggunakan wireframe untuk menyelaraskan pemangku kepentingan sejak awal. Klien yang keberatan memindahkan tombol dalam wireframe akan menghemat waktu dan tenaga semua orang untuk membangun ulang layar yang sudah jadi di kemudian hari.

Apa yang ditunjukkan oleh wireframe?

• Penempatan bagian-bagian utama halaman.
• Struktur navigasi dan item menu.
• Hierarki dan pengelompokan konten.
• Elemen interaktif seperti tombol dan formulir.

Wireframe bukanlah cetak biru. Wireframe adalah alat untuk berdiskusi. Tujuannya adalah mencapai kesepakatan tentang struktur sebelum siapa pun menghabiskan waktu untuk mengerjakan tampilan luarnya.