Apa Itu Wireframe?

Apa Itu Wireframe?


 Pengertian

 


 

Wireframe adalah sebuah kerangka untuk menata suatu item di laman website atau aplikasi. Pembuatan wireframe biasanya dilakukan sebelum pembuatan produk tersebut dilakukan. Item yang berkaitan seperti teks, gambar, layoiting, dan sebagainya.

Wireframe biasa ditugaskan kepada ahlinya, yang biasa dikenal sebagai UI/UX Designer. Untuk melakukannya, seorang UI/UX Designer menggunakan kertas coretan atau software khusus untuk wireframing. Wireframe hanya menampilkan lembaran yang terdiri dari kotak-kotak dan garis-garis untuk mengatur tata letak berbagai elemen pada website atau aplikasi.

Wireframe memungkinkan seorang developer dengan mudah mengerjakan pengembangan struktur dan arah dari website atau aplikasi yang akan dibangun. Bayangkan saja jika tidak adanya konsep ini, developer mungkin akan kebingungan saat website atau aplikasi telah jadi. Namun, setelah selesai diperiksa karena tidak membuat wireframe terlebih dahulu maka terdapat banyak revisi di setiap tampilan. Sehingga pekerjaan tersebut dapat memperlambat waktu, sedangkan deadline proyek tersebut harus segera terselesaikan.

 Isi Wireframe

Wireframe perlu menjelaskan beberapa hal penting seperti berikut ini :

  1. Apa saja isi yang ada di dalam halaman website atau aplikasi?
  2. Apa isi yang paling penting untuk diutamakan dan harus menonjol?
  3. Kemana user akan diarahkan?
  4. Bagaimana user bergerak di sekitar halaman?
  5. Bagaimana isi tersebut diorganisir melalui halaman?