Bingkai gambar adalah representasi visual yang sangat sederhana dari desain tata letak proyek, yang digunakan untuk mengkomunikasikan dengan cepat aspek-aspek dasar proyek. Ini umum digunakan dalam pengembangan web, tetapi sebagai teknik telah diadopsi di domain lain juga.
Pada pertanyaan yang sangat mirip pada User Experience Stack Exchange, DA01, penulis jawaban teratas mencatat:
Konon, kerangka gambar adalah sketsa untuk mengkomunikasikan ide / konsep. Istilah ini berasal dari pemodelan 3D di mana wireframe adalah primitif dasar dari objek untuk memberikan rasa bentuk dan skala tanpa berkomitmen untuk model yang diberikan sepenuhnya.
Dalam konteks situs web, wireframes melayani berbagai tujuan yang tergantung pada konteks proyek. Ini dapat mencakup:
- aliran situs (biasanya dilakukan dengan diagram alur)
- interaksi (tidak selalu mudah untuk didokumentasikan dalam bingkai gambar, tetapi hal umum)
- struktur konten umum
- tata letak halaman umum
Berikut adalah beberapa contoh gambar rangka , cuplikan awal Area Stack Exchange51 :
Andreas Wulf Wireframes: Cara Hebat untuk Memulai Proyek Pengembangan, artikel tentang InfoQ memberikan gambaran singkat tentang siapa yang menggunakan wireframes:
Siapa yang Menggunakan Wireframes?
Wireframes membuat alat komunikasi yang efektif yang dapat dimanfaatkan semua orang yang terlibat dalam proses pengembangan:
- KLIEN - dapatkan pemahaman yang lebih baik tentang apa yang akan dikembangkan dan dapat menilai apakah solusi memenuhi kebutuhan mereka secara memadai. Mereka dapat melihat apakah ada sesuatu yang hilang di antarmuka pengguna, tindakan apa yang tersedia, dan bagaimana elemen antarmuka disatukan. Cukup sering, menunjukkan bingkai gambar ke pemegang saham bisnis memunculkan aspek penting yang tidak dipertimbangkan sebelumnya. Ini adalah hal yang baik karena memperbaiki masalah pada tahap wireframing jauh lebih mudah dan lebih murah daripada memperbaikinya nanti, ketika mereka diatur dalam kode.
- MANAJER PROYEK - gunakan wireframe untuk memastikan bahwa semua pemangku kepentingan ada di halaman yang sama dan sepakati apa yang akan dibangun. Ketika proyek berlangsung, mereka dapat menggunakan gambar rangka sebagai daftar periksa untuk melacak kemajuan dan memverifikasi bahwa segala sesuatu yang penting telah dipertimbangkan dan diimplementasikan.
- DESAIN - dapat mengandalkan wireframes sebagai cetak biru untuk desain visual antarmuka pengguna. Wireframes memberi mereka struktur kerangka yang dapat diubah menjadi maket sempurna pixel dengan warna, font, dan elemen desain lainnya.
- DEVELOPERS - memanfaatkan wireframes untuk mendapatkan pemahaman tentang fungsionalitas solusi dan persyaratan teknis. Sekumpulan wireframe yang disatukan dalam storyboard dapat membantu pengembang dalam menentukan bagaimana serangkaian interaksi pengguna harus bekerja bersama.
Bacaan lebih lanjut: