ये तीन शब्द विस्तार के विभिन्न स्तरों और विभिन्न प्रश्नों का वर्णन करते हैं। एक वायरफ़्रेम पूछता है "क्या कहाँ जाता है?" एक मॉकअप पूछता है "यह कैसा दिखता है?" एक प्रोटोटाइप पूछता है "क्या यह लोगों के लिए काम करता है?"
वायरफ़्रेम लेआउट, पदानुक्रम और सामग्री दिखाने के लिए सरल आकृतियों और प्लेसहोल्डर टेक्स्ट का उपयोग करते हैं। वे जल्दी बन जाते हैं और तुरंत फेंक दिए जाते हैं, यही कारण है कि वे उपयोगी होते हैं: आप किसी एक पर काम करने से पहले कई संरचनाओं का पता लगा सकते हैं।
मॉकअप वास्तविक दृश्य डिज़ाइन जोड़ते हैं: रंग, टाइपोग्राफी, चित्र और घटक। वे हितधारकों के साथ विचार-विमर्श और हैंडऑफ़ के लिए अच्छे हैं, लेकिन वे यह नहीं दिखा सकते कि कोई भी चीज़ कैसे व्यवहार करती है।
प्रोटोटाइप इंटरेक्शन जोड़ते हैं। एक कम-निष्ठा प्रोटोटाइप प्रवाह का परीक्षण करने के लिए वायरफ्रेम को एक साथ जोड़ सकता है। एक उच्च-निष्ठा प्रोटोटाइप राज्यों, बदलावों और कभी-कभी वास्तविक डेटा के साथ अंतिम उत्पाद के करीब दिखता है और व्यवहार करता है, ताकि आप प्रयोज्य परीक्षण चला सकें जो वास्तविक समस्याओं को प्रकट करते हैं।
प्रोटोटाइप के बाद का अंतर हैंडऑफ़ है: डेवलपर्स आमतौर पर वही पुनर्निर्माण करते हैं जो प्रोटोटाइप दिखाता है। इंटरैक्टिव घटकों के लिए, ExodeUI, जिसे हम बनाते हैं, इंटरैक्टिव फ़ाइल को ऐप में आने वाली चीज़ बनाकर उस अंतर को बंद कर देता है।