Wireframing adalah teknik yang telah digunakan oleh para perancang situs web selama beberapa waktu dan dengan banyak keberhasilan karena menggabungkan manfaat kecepatan dan murahnya teknologi rendah dengan efektivitas dan kejelasan yang menjadikannya alat yang sangat berguna dan fleksibel pada tahap awal desain dan pengembangan situs web.
Fungsi dasar dari wireframe adalah untuk menyajikan model struktur, antarmuka pengguna, dan konten situs web yang dapat diterapkan dan dimengerti dan memberikan ide yang bagus mengenai fungsionalitas, alur pengguna dan fitur lainnya yang bisa membantu para perancang dan pihak lain yang berkepentingan dalam tahap pengembangan awal.
Wireframe sering kali dikembangkan dan disampaikan melalui paket perangkat lunak tertentu, tetapi bisa juga berupa gambar sederhana di atas kertas atau papan tulis (atau setidaknya dimulai dengan cara itu sebelum dimasukkan ke dalam media yang lebih canggih). Blok bangunan wireframe biasanya berupa kotak, garis, teks, dan area yang diarsir untuk mewakili konten, grafik, fungsionalitas, dan hubungan serta perkembangan di antara mereka. Hierarki tipografi dan tata letak juga dapat diwakili dalam struktur.
Dua jenis wireframing:
- Sederhana bingkai gambar vektor serangkaian layar yang digambar secara kasar menggambarkan elemen-elemen utama situs dengan placeholder untuk grafik, teks, fungsi, dan lain-lain dan dengan arsitektur kasar yang dibangun di sekelilingnya untuk menggambarkan navigasi dan hubungan fungsional. Versi yang lebih canggih dapat menyertakan teks, komentar tentang fungsi dan konten, serta gambar dan grafik yang sebenarnya.
- The Bingkai gambar UI versi statis dari situs; jadi halaman-halaman itu sendiri merupakan versi final dari halaman situs yang sebenarnya tetapi tidak ditautkan atau interaktif sehingga hanya menunjukkan konten dan hubungan dengan bagian lain dari situs. Hal ini juga memungkinkan untuk menghasilkan wireframe yang dapat diklik di mana para penguji dan pihak-pihak yang terlibat dalam pengembangan dapat mengklik di antara halaman-halaman kasar dan judul-judul untuk menguji kemampuan navigasi, logika pada tautan dan pemahaman perkembangan.
Keuntungan menggunakan wireframing:
- Cepat, sederhana, murah dan mudah diubah sehingga merupakan alat konseptual dan diskusi yang baik;
- Berkonsentrasi pada fungsionalitas daripada tampilan, ada lebih sedikit gangguan dari hubungan struktural dan pengembang serta kontributor tidak terlalu sibuk mengomentari tampilan, deskriptor, tata letak, dll.
- Ini memberikan dasar yang terlihat, fleksibel dan dapat digunakan untuk eksperimen dan diskusi seputar arsitektur dan navigasi, serta sarana untuk bekerja melalui ide-ide dan isu-isu yang muncul dari perdebatan.
Potensi kerugiannya:
- Karena sangat kasar dan kurang eksplisit, ini membutuhkan imajinasi dan usaha dari pemirsa;
- Pada umumnya, ini adalah teknologi rendah sehingga cukup terbatas dan hanya bisa memberikan ilustrasi dan konsep yang luas dalam suasana primitif.
Wireframing adalah alat yang sangat efektif dalam perencanaan dan pengembangan situs web. Jika Anda ingin tahu lebih banyak tentang teknik ini mengapa tidak menghubungi kami di +44(0)800 0246247 atau email kami di hello@ux247.com