İyi gereksinim bile kötü bir ekranda kaybolur. UX prototipleme, fikri kullanıcının gerçekten kullanabileceği bir akışa çevirir. İş analisti tasarımcı olmak zorunda değildir ama 'ne gerektiğini' net bir brief'le anlatabilmelidir. AI, bu brief'i ve ekran içeriğini hızla taslaklar; özellikle çoğu kişinin unuttuğu 'durumları' (boş/hata/yükleniyor) hatırlatır.
Bu derste öğrenecekler
- Bilgi mimarisi ve ekran akışı
- Lo-fi wireframe vs. hi-fi prototip
- Kullanılabilirlik ilkeleri
- AI ile wireframe brief'i ve içerik taslağı
Lo-fi ile başla
Önce düşük çözünürlüklü (lo-fi) wireframe: kutular ve yerleşim. Renk/font erken gelirse tartışma estetiğe kayar, akış gözden kaçar. Akış doğrulanınca hi-fi prototipe geçilir.
Durumları unutma
Her ekranın birden çok hâli vardır: boş (veri yok), yükleniyor, hata, başarı, dolu. Yeni başlayanlar sadece 'dolu' hâli tasarlar; gerçek kullanıcı deneyimi diğer hâllerde kırılır.
Kullanılabilirlik ilkeleri
Sezgisellik (tahmin edilebilir), geri bildirim (her eylem yanıt verir), hata önleme (yanlışı baştan engelle), tutarlılık. İyi brief bu ilkeleri ekran bazında somutlaştırır.
AI Kullanım Örneği
"Şu ekran için Figma'ya aktarılabilir bir wireframe brief'i yaz: bölümler, bileşenler, içerik ve durumlar (boş/yükleniyor/hata)."
Wireframe brief satırı
Ekran: İade Takip | Bölümler: durum çubuğu, talep özeti, sonraki adım | Durumlar: 'henüz talep yok' (boş), 'inceleniyor', 'onaylandı', 'hata'.
Mini Vaka Çalışması
Vaka (E-Ticaret): İlk tasarımda sadece 'onaylandı' hâli vardı. Durum listesi eklenince 'inceleniyor' ekranı sayesinde 'iadem ne oldu?' destek talepleri belirgin düştü.
Uygulama Ödevi
Bir ürün ekranı için bileşen + durum listesi içeren wireframe brief'i hazırla.