Mari Putus Mata Rantai Penyebaran Virus Covid-19 dengan Tetap Jalankan Protokol Kesehatan Jaga Jarak dan Tetap Pakai Masker Sesuai Standar Pemerintah, Dan Selalu Bawa Hands Sanitizer Saat Keluar Rumah. Tetap Jaga Kesehatan dengan Olahraga dan Makan-makanan yang Sehat info lebih lanjut www.covid19.go.id

Pengertian Wireframe



Wireframing adalah cara untuk merancang layanan situs web di tingkat struktural. Bingkai gambar biasanya digunakan untuk meletakkan konten dan fungsionalitas pada halaman yang mempertimbangkan kebutuhan pengguna dan perjalanan pengguna. Wireframes digunakan pada awal proses pengembangan untuk menetapkan struktur dasar halaman sebelum desain dan konten visual ditambahkan.

Wireframing sangat penting dalam desain UI
Bingkai gambar adalah tata letak halaman web yang menunjukkan elemen antarmuka apa yang akan ada pada halaman utama. Ini adalah bagian penting dari proses desain interaksi.

Tujuan kerangka gambar adalah untuk memberikan pemahaman visual tentang suatu halaman di awal proyek untuk mendapatkan persetujuan pemangku kepentingan dan tim proyek sebelum fase kreatif berlangsung. Wireframes juga dapat digunakan untuk membuat navigasi global dan sekunder untuk memastikan terminologi dan struktur yang digunakan untuk situs memenuhi harapan pengguna.

Gambar rangka jauh lebih mudah diadaptasi daripada desain konsep

Lebih cepat dan lebih murah untuk meninjau dan mengubah struktur halaman utama dalam format gambar rangka. Memisahkan pengembangan wireframes ke versi final akan memberikan keyakinan pada klien dan tim desain bahwa halaman tersebut memenuhi kebutuhan pengguna sembari memenuhi tujuan bisnis dan proyek utama.

Wireframing terjadi pada awal siklus hidup proyek
Sering digunakan untuk menyelesaikan proses Desain yang Dipusatkan Pengguna, gambar rangka juga digunakan pada awal fase desain. Tes kegunaan prototipe sering kali berupa pengujian halaman rangka untuk memberikan umpan balik pengguna sebelum proses kreatif.

Wireframes dapat dengan mudah digambar tangan, tetapi sering disatukan menggunakan perangkat lunak seperti Microsoft Visio, untuk menyediakan pengiriman di layar. Namun, jika wireframe akan digunakan untuk uji kegunaan prototipe, yang terbaik adalah membuatnya dalam HTML. Ada beberapa perangkat lunak bagus yang memungkinkan Anda melakukan ini dengan mudah termasuk Axure RP atau Omnigraffle (hanya Mac).

Keuntungan dari Wireframing

Salah satu keuntungan besar dari wireframing adalah memberikan visual awal yang dapat digunakan untuk meninjau dengan klien. Pengguna juga dapat meninjaunya sebagai mekanisme umpan balik awal untuk tes kegunaan prototipe. Tidak hanya wireframes yang lebih mudah diubah daripada desain konsep, setelah disetujui oleh klien dan pengguna mereka memberikan kepercayaan diri kepada desainer.

Dari perspektif praktis, wireframes memastikan konten halaman dan fungsionalitas diposisikan dengan benar berdasarkan kebutuhan pengguna dan bisnis. Dan ketika proyek bergerak maju mereka dapat digunakan sebagai dialog yang baik antara anggota tim proyek untuk menyepakati visi dan ruang lingkup proyek.

Kerugian dari Wireframing

Karena gambar rangka tidak mencakup desain apa pun, atau memperhitungkan implikasi teknis, tidak selalu mudah bagi klien untuk memahami konsep tersebut. Perancang juga harus menerjemahkan gambar rangka menjadi sebuah desain, sehingga komunikasi untuk mendukung bingkai gambar sering diperlukan untuk menjelaskan mengapa elemen halaman diposisikan sebagaimana adanya. Juga, ketika konten ditambahkan, pada awalnya mungkin terlalu banyak untuk masuk dalam tata letak wireframe, sehingga desainer dan copywriter harus bekerja sama untuk membuat ini cocok.

Kesimpulan

Wireframes harus digunakan pada awal proyek untuk mendapatkan persetujuan pengguna dan klien pada tata letak halaman utama dan navigasi. Ini akan memberikan tim proyek, khususnya para desainer, kepercayaan diri untuk bergerak maju. Wireframes juga akan menghemat banyak waktu dan uang dalam pengujian dan mengubah fase nanti dalam proyek.



Post a Comment

0 Comments