वायरफ्रेम एक सरल लेआउट स्केच होता है जो बिना विज़ुअल डिज़ाइन के संरचना दिखाता है। इसमें न रंग होते हैं, न तस्वीरें, न ही परिष्कृत टाइपोग्राफी। बस बॉक्स, लाइनें और प्लेसहोल्डर टेक्स्ट होते हैं। इसका उद्देश्य यह तय करना है कि चीज़ें कहाँ रखी जाएँगी, इससे पहले कि यह तय किया जाए कि वे कैसी दिखेंगी। वायरफ्रेम पदानुक्रम, नेविगेशन और सामग्री प्रवाह से संबंधित प्रश्नों के उत्तर देते हैं। इन्हें बनाना सस्ता होता है और इनमें बदलाव करना आसान होता है।

डिज़ाइनर वायरफ़्रेम हाथ से, फिग्मा या स्केच जैसे टूल में, या विशेष ऐप्स की मदद से बनाते हैं। लो-फिडेलिटी वायरफ़्रेम में मोटे-मोटे बॉक्स और टेढ़े-मेढ़े लेबल होते हैं। हाई-फिडेलिटी वायरफ़्रेम में असली कंटेंट और सटीक स्पेसिंग होती है, लेकिन फिर भी उनमें रंग और चित्र नहीं होते। टीमें शुरुआती दौर में ही सभी संबंधित पक्षों को वायरफ़्रेम के बारे में जानकारी देने के लिए इसका इस्तेमाल करती हैं। अगर कोई क्लाइंट वायरफ़्रेम में किसी बटन को हिलाने से मना कर देता है, तो बाद में तैयार स्क्रीन को दोबारा बनाने की परेशानी से सभी बच जाते हैं।

वायरफ्रेम क्या दिखाते हैं

• प्रमुख पृष्ठ अनुभागों का स्थान निर्धारण।
• नेविगेशन संरचना और मेनू आइटम।
• विषयवस्तु का पदानुक्रम और समूहीकरण।
• बटन और फॉर्म जैसे इंटरैक्टिव तत्व।

वायरफ्रेम ब्लूप्रिंट नहीं होते। वे बातचीत के उपकरण होते हैं। लक्ष्य यह है कि सतही डिजाइन पर समय बर्बाद करने से पहले ही संरचना पर सहमति बन जाए।