वायरफ्रेम किसी डिज़ाइन का ढांचा होता है। छवियों के लिए बॉक्स, टेक्स्ट के लिए लाइनें, बटनों के लिए लेबल। कोई रंग नहीं, कोई फ़ॉन्ट नहीं, कोई परिष्कृत दृश्य नहीं। बस संरचना, बिल्कुल सरल रूप में।

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

वायरफ्रेम क्या दर्शाता है

• प्रमुख तत्वों का स्थान निर्धारण: हेडर, नेविगेशन, सामग्री, फुटर
• घटकों का सापेक्ष आकार और प्राथमिकता
• स्क्रीन या पेजों के बीच प्रवाह
• बटन और फ़ॉर्म जैसे इंटरैक्टिव तत्व

बाल्सामिक और फिग्मा जैसे टूल्स ने वायरफ्रेमिंग को तेज़ बना दिया है। कुछ डिज़ाइनर अभी भी कागज़ और मार्कर का इस्तेमाल करते हैं। माध्यम से ज़्यादा ज़रूरी है सोच। वायरफ्रेम बातचीत शुरू करने का एक ज़रिया है। यह कहता है: यह संरचना है, आप क्या सोचते हैं? इस चरण में बदलाव करना सस्ता होता है। एक बार विज़ुअल डिज़ाइन हो जाने के बाद, साइडबार को हिलाने का मतलब है आगे का सारा काम फिर से करना। इसे वायरफ्रेम में ही हिलाएँ।