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ı |