Neredeyse her kullanıcı deneyimi oturumunda bir an gelir: katılımcı giriş ekranında duraklar, bir şeyler yazar ve başını kaldırıp 'doğru yapıp yapmadığını' kontrol eder. Bu duraklama, prototipin gerçek bir uygulama olmadığını anladıklarının açık işaretidir. O andan sonra toplanan her veri, bu farkındalık süzgecinden geçer. Özellikle finansal ürün testlerinde bu sorun daha belirgindir; kullanıcılar dengelerin tutmadığı veya alanların her şeyi kabul ettiği durumlarda hemen şüphelenir. Gerçek bir kimlik doğrulama olmadan katılımcılar sadece ilgisiz kalmaz, oturumu yarıda kesip durumu işaret ederler. Ekip, gerçek bir ürün değil, bir gösterimdeki kullanıcı davranışını yansıtan bulgularla ayrılır.
Çözüm, düşündüğünüzden daha dar: katılımcının güvenini kazandığı anı belirleyip bu etkileşimi gerçek hale getirin. Bankacılık uygulamasında bu an giriş ekranıdır. Bu eğitim, kimlik bilgilerini doğrulayan, canlı hata durumu gösteren ve yerel hissettiren bir biyometrik animasyon içeren bir giriş akışı oluşturmayı anlatıyor. Prototip, Pie Bank adlı bir mobil bankacılık uygulaması üzerine inşa edilmiştir. Adımlar şunları içerir: Figma'dan içe aktarma, statik alanları gerçek metin girişine dönüştürme, şifre maskeleme, hedef sahne oluşturma, buton bağlantısı kurma, değişkenlerle girişleri hatırlama, yalnızca geçerli kimlik bilgilerine izin verme, hata durumu oluşturma ve Face ID animasyonu ekleme.
Adım adım ilerleyelim: Öncelikle Figma'dan ProtoPie'ye içe aktarırken 'Scene' seçeneğini kullanın; bu, katman hiyerarşisini korur. Ardından statik alanları ProtoPie'nin Input katmanıyla değiştirin; böylece katılımcılar gerçek klavye girişi yapabilir. Şifre alanı için 'Text Password' tipini seçerek maskeleme sağlayın. Navigasyon için bir hedef sahne oluşturup butona 'Jump' tepkisi ekleyin. Ancak bu aşamada herkes içeri girebilir. Bunu düzeltmek için username ve password adında iki metin değişkeni oluşturun ve bunları giriş alanlarına bağlayın. Butonun 'Tap' tetikleyicisine bir koşul ekleyin: username '[email protected]' ve password 'ABC123' olduğunda 'Jump' çalışsın. Aksi durumda hata mesajını gösterin.
Gelecekte Ne Bekleniyor?
Son adımda Face ID animasyonu ekleyin. Media > Lottie katmanından bir Lottie dosyası seçin ve ekranın üstüne konumlandırın. Bu küçük detay, test kullanıcılarının 'Bu gerçek mi?' diye sormasına neden olur. Bu adımlarla prototipiniz, yalnızca bir gösterim değil, test edilebilir ve güvenilir bir deneyim sunar. Kullanıcı testlerinden gerçekçi veriler almak için bu yöntemleri uygulayın.
