Rangka acu situs web atau kerangka acu (bahasa Inggris: website wireframe, page schematic, screen blueprint) adalah panduan visual yang mewakili rangka-rangka situs web.[1][2] : 166 Kerangka acu dibuat dengan tujuan mengatur unsur untuk mencapai tujuan tertentu dengan sebaik-baiknya. Tujuannya biasa didorong oleh tujuan niaga dan gagasan kreatif. Kerangka acu menggambarkan tata letak laman atau susunan konten situs web, termasuk unsur antarmuka dan sistem navigasi, serta cara keduanya bekerja sama.[3] : 131 Kerangka acu biasanya tidak memiliki gaya tipografi, warna, atau grafik, karena fokus utamanya terletak pada fungsi, perilaku, dan keutamaan konten.[2] : 167 Dengan kata lain, ini fokusnya pada fungsi layar, bukan tampilannya.[2] : 168 Kerangka acu dapat berupa gambar pensil atau sketsa di papan tulis, atau dapat dibuat melalui beragam aplikasi bebas atau komersial. Kerangka acu umumnya dibuat oleh analis niaga, perancang pengalaman pengguna, pengembang, perancang visual, dan juga oleh mereka yang memiliki keahlian dalam rancang interaksi, arsitektur informasi, dan penelitian pengguna.
Kerangka acu berpumpun pada:
- Berbagai fungsi yang tersedia
- Keutamaan relatif dari informasi dan fungsi
- Aturan untuk menampilkan jenis informasi tertentu
- Pengaruh skenario yang berbeda pada tampilan[2] : 169
Kerangka acu menghubungkan struktur konseptual yang mendasari, atau arsitektur informasi, ke permukaan atau rancangan visual situs web.[3] Kerangka acu membantu membangun segala fungsi dan hubungan antara berbagai templat layar situs web. Adanya sebuah proses berulang menjadikan kerangka acu ini cara yang efektif untuk membuat purwarupa halaman dengan cepat, sekaligus mengukur kepraktisan konsep rancang. Membuat kerangka acu biasanya dimulai antara "pekerjaan struktural tingkat tinggi —seperti bagan alir atau peta situs— dan rancangan layar".[2] : 167 Dalam proses membangun sebuah situs web, pengacu kerangka adalah tempat pemikiran menjadi nyata.[4] : 186
Kerangka acu juga digunakan untuk pemurwarupaan situs seluler, aplikasi komputer, atau produk berdasarkan jenis layar lainnya yang melibatkan interaksi manusia-komputer.[1]
Referensi
sunting- ^ a b Angeles, Michael (September 25, 2014). ""Wireframes"". Konigi Wiki. Diarsipkan dari asli tanggal 2018-05-05. Diakses tanggal 2011-03-25. Kesalahan pengutipan: Tanda
<ref>tidak sah; nama "konigi" didefinisikan berulang dengan isi berbeda - ^ a b c d e Brown, Dan M. (2011). Communicating Design: Developing Web Site Documentation for Design and Planning (Edisi 2nd). New Riders Press. ISBN 978-0321712462. Kesalahan pengutipan: Tanda
<ref>tidak sah; nama "brown" didefinisikan berulang dengan isi berbeda - ^ a b Garrett, Jesse James (2010). The Elements of User Experience: User-Centered Design for the Web and Beyond. New Riders Press. ISBN 978-0321683687.
- ^ Wodtke, Christina; Govella, Austin (2009). Information Architecture: Blueprints for the Web (Edisi 2nd). New Riders Press. ISBN 978-0321600806.
