Prototip Nedir? Wireframe Farkı, Sadakat Seviyesi ve Test
Prototip, bir arayüzü kod yazmadan önce elde tutulabilir hale getirir. Ama seçtiğiniz sadakat seviyesi, kullanıcıdan hangi geri bildirimi alacağınızı baştan belirliyor: kaba bir çizimle akış tartışılır, gerçekçi bir ekranla renk. Prototipin asıl faydası da sınırı da burada başlıyor.
Wireframe ile prototip arasındaki fark nerede?
Wireframe bir yerleşim haritasıdır: hangi bilgi nerede duruyor, ekranlar hangi sırayla geliyor. Prototip ise tıklanır. Aradaki fark çoğu zaman "görsel detay" diye anlatılır, oysa asıl ayrım kullanıcının bir şey yapabiliyor olmasıdır. Wireframe'e bakan kişi size ne düşündüğünü söyler; prototipi kullanan kişi nerede takıldığını gösterir.
Bu yüzden ikisi birbirinin gelişmiş hali değil, farklı iki soruya cevap veren iki ayrı araçtır. Ekranların sırası ve içeriği daha tartışmalıysa wireframe yeter, üstelik atılması ucuzdur. Tartışma "kullanıcı bu adımı tamamlayabiliyor mu" noktasına geldiyse tıklanır bir şeye ihtiyacınız var.
Sadakat seviyesi neyi ölçtüğünüzü belirler
Peki ya kullanıcının önüne gerçek ürüne çok benzeyen bir ekran koyarsanız? Genelde şu olur: yorumlar renklere, yazı tipine, buton köşelerine kayar. Kaba bir eskiz gösterdiğinizde ise aynı kişi yapıyı sorgular, çünkü karşısındaki şey bitmemiş görünür ve eleştiriye açık olduğunu belli eder.
Yüksek sadakat kötü demek değil. Sadece geç bir sorunun aracı: mikro etkileşimler, animasyon süresi, bir formun gerçekten doldurulabilir olup olmadığı. Sırayı ters çevirirseniz, henüz akış oturmamışken üç gün Figma'da gölge ayarlamış olursunuz.
Karar vermeden önce tek bir cümle yazın: bu testten çıkarken hangi soruya cevap almış olacağım? Sadakat seviyesi o cümleden çıkar.
Prototip bir şartname değil
Prototiplerin "uzun dokümantasyon ihtiyacını ortadan kaldırdığı" sık söylenir. Kısmen doğru, ama bu iddia prototipin ne kadarını kapsadığını fazla iyimser sayıyor. Bir prototip neredeyse her zaman mutlu yolu gösterir: veri var, bağlantı var, kullanıcı doğru şeyi tıklıyor.
Kodda ise ekranın en az yarısı diğer durumlardan ibarettir. Liste boşken ne yazıyor? İstek zaman aşımına uğrarsa kullanıcı ne görüyor? Ürün adı 90 karakterse başlık nereye taşıyor? Yükleniyor durumu iskelet mi, spinner mı, hiçbiri mi? Bunların hiçbiri prototipte yoksa, kararı geliştirici o anda kendi başına verir ve genelde kimse fark etmez.
Bir projede prototipte hiç bulunmayan "liste boş" durumunu geliştirici kendi mantığıyla doldurmuştu, iki hafta sonra ekranı baştan yaptık. Onarması pahalı bir boşluk değildi, ama prototipin kapattığını sandığımız bir boşluktu.
Pratik karşılığı basit: prototipi teslim ederken yanına boş, hatalı ve aşırı uzun içerik durumlarını da koyun. Üç ekran daha çizmek, iki hafta sonra düzeltmekten ucuza gelir.
Prototip testi nasıl kurulur?
Test, prototipi birine gösterip "nasıl olmuş" diye sormak değil. Görev verirsiniz, siz susarsınız.
- Ürünü gerçekten kullanacak profilden birkaç kişi bulun. Beş kişi, tanıdığınız yirmi kişiden daha çok şey söyler.
- Soru değil görev verin: "kayıtlı kartınızla ikinci ürünü satın alın" gibi.
- Takıldığında yardım etmeyin. Sessizlik, testin en değerli verisidir.
- Sesli düşünme isteyin, ama söylediklerini değil yaptıklarını not alın. İnsanlar kendi davranışını iyi anlatamaz.
- Değişikliği yapın, aynı görevi bir sonraki turda tekrar ölçün.
Aynı görevi turdan tura tekrar etmezseniz, elinizde iyileşme değil sadece yeni bir tasarım olur.
Kaynaklar