Wireframes digunakan untuk mendefinisikan kerangka kerja, hierarki informasi, mendemonstrasikan alur kerja, memberikan detail tentang apa yang ada di layar, dan deskripsi tentang cara kerja komponen (anotasi). Bergantung pada kompleksitas aplikasi atau situs, gambar rangka harus dibangun di atas persyaratan lain yang dapat dikirimkan; model proses. Wireframes dapat digunakan untuk memperoleh persyaratan dari klien, dan pada akhirnya mengkonfirmasi persyaratan dengan klien. Wireframes adalah model visual dari struktur situs atau aplikasi. Mereka tidak mendefinisikan font yang akan digunakan, padding, warna, style dll. Mereka tidak untuk skala, dan mereka tidak memiliki nada atau gradien. Semua ini perlu dikomunikasikan dengan klien sehingga mereka memahami proses dan konteks kiriman rangka kawat yang disampaikan, bersama dengan kiriman persyaratan lainnya.
Sebuah mock-up biasanya dibuat dalam Photoshop dan meskipun didasarkan pada struktur, atau kerangka kerja pengiriman gambar rangka yang dikonfirmasi, itu adalah pengiriman yang berbeda, dengan jadwal dan proses persetujuan yang berbeda. Mock-up atau comps, tentukan gaya visual, atau nada antarmuka. Setelah diterima, mock-up menerjemahkan ke dalam sejumlah persyaratan tambahan atau produk kerja, seperti kode CSS, panduan gaya, aset grafis, dll.
Wireframes tidak pernah menjadi mock-up. Mock-up dapat digunakan sebagai gambar rangka tetapi ini akan memiliki implikasi untuk setiap revisi yang mungkin diperlukan dan berdampak signifikan pada anggaran Anda.
Sumber: 15 tahun sebagai Desainer Komunikasi, Pimpinan UX, Analis Bisnis dalam lingkungan perusahaan yang mengembangkan situs web dan aplikasi. Dan BABOK tercinta