| Wireframe | Mockup | Prototype |
| Fikrin görselleştirilmesi. Hızlı taslak çizim. Şematik gösterim. | Ürünün hem görsel hem de özelliklerinin güçlü temsili ifadesi. Arayüz tasarımı. | Etkileşimli simülasyonu. Ürünün gerçekmiş gibi ifadesi |
| Amaç | Sunumlarda geribildirim toplamak, özellikleri hızlı ve doğru bir biçimde aktarmak | Görsel düzen ve hissiyat üzerinden hızlıca detaylı ve kapsamlı geribildirim toplamak | Deneyim üzerinden geri bildirim toplamak, kullanılabilirlik testlerini yapmak |
| Tasarıma Sadakat | Düşük | Orta | Yüksek |
| İçerdiği Öğeler | Biçimsel faktörler ve içerik yapıları | Görsel öğeler, kurumsal kimlik, simgeler ve renkler | Çalışan navigasyon ve etkileşimli öğeler |
| Time invested | Düşük | Orta | Yüksek |
| Renk | Genelllikle siyah-beyaz | Resmi renk paletine uygun | Duruma göre değişkenlik gösterebilir |
| Etkileşim | Yok | Yok | Var |
| Fotoğraf/Görsel | Görsel öğe şart değil. Sadece yer tutucular | Görsel öğe içerir | Görsel öğeler olsa daha iyi olur |
| Gereksinim | Özel bir beceri ihtiyacı yok. Kağıt, kalem ile bile yapılabilir. | Tasarım araçları | Tasarım araçları |
| Sorumlu Kişi | Ürün Tasarımcısı veya Kullanıcı Deneyimi Tasarımcısı | Kullanıcı Deneyimi Tasarımcısı | Kullanıcı Deneyimi Tasarımcısı |
