Prototip (Prototype) Nedir?
Kısa tanım
Prototip, bir arayüzün ya da ürünün nasıl çalışacağını gerçek ürün geliştirilmeden önce denemek için hazırlanan, etkileşimli veya canlandırılmış ön modelidir. Kâğıt üzerinde birbirine bağlanmış çizimlerden, tasarım aracında tıklanabilir ekranlara ya da gerçek veriyle çalışan kodlanmış bir taslağa kadar farklı sadakat düzeylerinde olabilir. Amacı, akış ve davranışla ilgili belirli bir soruyu ucuz ve hızlı biçimde yanıtlamaktır.
Diğer adları: prototype, mockup, tıklanabilir prototip, prototipleme
Her prototip bir soruya cevap arar
Prototipin değeri, ne kadar gerçekçi göründüğünden değil, hangi soruyu yanıtladığından gelir. "Kullanıcılar ödeme adımında kargo seçeneğini bulabiliyor mu?" sorusu birkaç ekranlık kaba bir akışla test edilebilir. "Filtre paneli açılırken animasyon kullanıcıyı yavaşlatıyor mu?" sorusu ise yüksek görsel ve etkileşim detayı gerektirir. Soru netleşmeden hazırlanan prototip, ya gereğinden pahalıya mal olur ya da hiçbir kararı değiştirmez.
Bu yüzden iyi bir prototip çalışması üç şeyi baştan yazar: test edilecek varsayım, bunu ölçecek görev ("bir randevuyu salı gününe taşıyın") ve hangi sonucun tasarımı değiştireceği.
Sadakat tek bir ayar değildir
"Düşük" ve "yüksek" sadakat ayrımı pratikte kabadır. Bir prototip farklı eksenlerde farklı düzeyde olabilir:
| Boyut | Düşük | Yüksek |
|---|---|---|
| Görsel | Gri kutular, el çizimi | Nihai renk, tipografi, görseller |
| İçerik | Yer tutucu başlıklar | Gerçek metin, gerçek ürün adları ve fiyatlar |
| Etkileşim | Ekrandan ekrana geçiş | Form doğrulama, geçiş animasyonları, hata durumları |
| Veri | Sabit örnek kayıt | Canlı ya da gerçekçi veri seti |
Görsel olarak sade ama içeriği gerçek bir prototip, metinlerin anlaşılır olup olmadığını ölçmek için genellikle cilalı ama yer tutuculu bir prototipten daha işe yarar. Sadakati soruya göre eksen eksen seçmek, emeği doğru yere harcamayı sağlar.
Mockup nerede durur?
Mockup, ekranın nihai görünümünü gösteren statik bir görseldir: renkler, yazı tipleri ve fotoğraflar yerindedir ama hiçbir şey tıklanmaz. Görsel onay ve geliştiriciye ölçü aktarımı için kullanılır. Wireframe yapıyı, mockup görünümü, prototip ise davranışı konuşur. Mockup ekranları birbirine bağlanıp tıklanabilir hâle getirildiğinde ortaya çıkan şey artık yüksek görsel sadakatli bir prototiptir.
Yaygın prototip türleri
- Kâğıt prototip: Kullanıcı parmağıyla "tıklar", moderatör bir sonraki kâğıdı koyar. Saatler içinde hazırlanır, ilk akış fikirlerini elemek için idealdir.
- Tıklanabilir tasarım prototipi: Tasarım aracında ekranlar arasına bağlantı ve geçiş eklenir. Paydaş sunumları ve uzaktan kullanılabilirlik testleri için en yaygın biçimdir.
- Kodlanmış prototip: HTML, CSS ve JavaScript ile yazılır. Gerçek form davranışı, klavye ile gezinme, farklı ekran boyutları ya da canlı veri gerektiren sorular ancak böyle test edilebilir.
- "Wizard of Oz" prototipi: Arayüz otomatik çalışıyormuş gibi görünür, ama arka planda yanıtları bir insan üretir. Bir öneri motoru ya da yapay zekâ özelliği geliştirilmeden önce kullanıcıların bu deneyime nasıl tepki verdiğini görmeyi sağlar.
Bu türler, etkileşim tasarımı kararlarını kod yazılmadan önce sınamak ve UX araştırması kapsamında kullanıcılarla test etmek için kullanılır. Bir kullanıcı yolculuğunun tamamını değil, en riskli birkaç adımını prototiplemek çoğu zaman yeterlidir.
Prototip MVP değildir
İkisi sık karıştırılır. Prototip öğrenmek için yapılır ve çoğunlukla atılır; arkasında gerçek altyapı yoktur. MVP ise gerçek kullanıcılara sunulan, sınırlı ama çalışan bir üründür. Kodlanmış bir prototipi "biraz düzeltip" yayına almak cazip görünür; ancak hız için alınan kestirmeler (sabit veri, eksik hata yönetimi, güvenlik kontrolü yokluğu) üretime taşındığında pahalı bir borca dönüşür. Prototipin atılacak mı, evrilecek mi olduğuna en başta karar vermek bu riski azaltır.