Wireframe, bir ekranın veya ürünün görsel süslemeler olmadan salt yapısını gösteren çizimdir. Hangi içerik nerede, hangi akış nasıl çalışacak, navigasyon nasıl konumlanacak; bunlar wireframede netleştirilir. Renk, tipografi veya ikon gibi görsel kararlar daha sonraki aşamaya bırakılır. Bu sayede yapısal sorular erken sorulur ve büyük değişiklikler tasarımın pahalı aşamasına taşınmadan çözülür.
Bir e-ticaret uygulaması yapıyorsun. Ürün detay sayfasını wireframe'e dökersin: üstte ürün görseli alanı, altında başlık ve fiyat, sağda sepete ekle butonu, aşağıda yorumlar. Hiçbir renk veya gerçek içerik yok ama hangi bilginin nerede olduğu nettir. Bu aşamada "fiyatı nereye koyalım?" sorusu kolayca tartışılır. Eğer direkt final tasarıma geçseydin aynı soruyu hem daha geç hem daha pahalıya sormuş olurdun.
