Bir tel çerçeve (wireframe), görsel tasarım olmadan yapıyı gösteren, sadeleştirilmiş bir düzen taslağıdır. Renk yok, fotoğraf yok, cilalı yazı tipi yok. Sadece kutular, çizgiler ve yer tutucu metin. Amaç, nasıl görüneceklerine karar vermeden önce nesnelerin nereye yerleştirileceğini belirlemektir. Tel çerçeveler, hiyerarşi, gezinme ve içerik akışı hakkındaki soruları yanıtlar. Yapımı ucuz ve değiştirilmesi kolaydır.

Tasarımcılar, tel çerçeveleri elle, Figma veya Sketch gibi araçlarda veya özel uygulamalarla çizerler. Düşük çözünürlüklü tel çerçeveler, kaba kutular ve karalanmış etiketler kullanır. Yüksek çözünürlüklü tel çerçeveler, gerçek içerik ve daha hassas boşluklar ekler, ancak yine de renk ve görsellerden kaçınır. Ekipler, paydaşları erken aşamada hizalamak için tel çerçeveleri kullanır. Bir müşterinin tel çerçevede bir düğmeyi taşımaya itiraz etmesi, herkesi daha sonra bitmiş bir ekranı yeniden oluşturma zahmetinden kurtarır.

Tel çerçevelerin gösterdiği şey

• Sayfanın ana bölümlerinin yerleşimi.
• Gezinme yapısı ve menü öğeleri.
• İçerik hiyerarşisi ve gruplandırma.
• Düğmeler ve formlar gibi etkileşimli öğeler.

Wireframe'ler plan çizimleri değildir. Bunlar birer iletişim aracıdır. Amaç, yüzey üzerinde zaman harcanmadan önce yapı üzerinde anlaşmaya varmaktır.