Wireframe Web dengan Mockup Web tidak sama, meskipun banyak yang menulis kedua hal ini sebagai identik. Memahami perbedaannya, sangat membantu kelancaran proses perancangan sebuah halaman web.
Lalu dimana perbedaannya?
Wireframe, gamblangnya adalah gambar kerja. Sama dengan peta atau skema visual sebelum sebuah halaman web dibuat. Ibaratnya, sama dengan Google Map, yang tampilannya, hanya berupa garis-garis tanpa warna (Kupas Tuntas Pengertian Wireframe dan Contohnya). Sedang Mockup web, adalah kelanjutan dari sebuah wireframe. Tampilannya, tidak hanya sudah berwarna, tapi sudah persis seperti perwajahan web jadi yang akan dibuat. Ibaratnya, sama dengan Google Earth, yang merupakan kelanjutan dari Google Map yang masih berupa garis-garis sketsa. Sedang pada Google Earth, sudah persis seperti apa permukaan bumi lengkap dengan segala isinya (baca selengkapnya Pengertian dan Fungsi Mockup Desain Web)
Berikut contoh gambar perbedaannya:
Contoh Wireframe Web
Contoh Mockup Web
