Kullanıcı testlerinde sık karşılaşılan bir an vardır: Katılımcı giriş ekranına bir şey yazar ve hemen yukarı bakar, acaba doğru mu yapıyorum diye. Bu kısa duraklama, aslında katılımcının prototipin gerçek bir uygulama olmadığını fark ettiğini gösterir. Bu andan sonra toplanan her veri, bu farkındalığın gölgesinde kalır. Özellikle finansal ürün testlerinde bu sorun daha belirgindir; kullanıcılar dengelerin tutmadığını veya alanların her şeyi kabul ettiğini hemen fark eder. Bir bankacılık prototipi gerçek kimlik doğrulamayı atladığında, katılımcılar sadece ilgisizleşmekle kalmaz, aynı zamanda testi yarıda kesip durumu bildirirler. Sonuçta ekip, kullanıcıların gerçek bir üründe nasıl davranacağını değil, bir demonstrasyonda nasıl davrandığını yansıtan bulgularla ayrılır.
Çözüm sanıldığından daha dar kapsamlıdır: Katılımcının güvenini kazandığı anı belirleyip bu etkileşimi gerçek hale getirin. Bir bankacılık uygulamasında bu an giriş ekranıdır. Bu eğitimde, kimlik bilgilerini doğrulayan, canlı hata durumu gösteren ve iOS'taki kadar doğal hissettiren bir Face ID animasyonu içeren gerçekçi bir giriş akışı oluşturacağız. Hiç kod yazmanıza gerek yok; sadece Figma'dan bir giriş arayüzü, ProtoPie Studio (ücretsiz plan yeterli) ve bir Lottie dosyası yeterli.
Adımlara geçmeden önce, Figma'dan içe aktarma aşamasında 'Scene' seçeneğini kullanmayı unutmayın. 'Flattened' her şeyi tek bir görüntüye dönüştürürken, 'Scene' katman hiyerarşinizi korur. Ardından, statik alanları gerçek metin girişi kabul eden Input katmanlarıyla değiştirin. ProtoPie'nin Input katmanı, klavyeden gerçek metin girişi sağlar. Şifre alanı için 'Text Password' tipini seçerek maskeleme işlemini otomatikleştirebilirsiniz. Navigasyon için önce hedef sahneyi oluşturun, ardından butona 'Tap' tetikleyicisi ekleyip 'Jump' ile bağlayın. Ancak bu haliyle herkes giriş yapabilir, bu da prototipin yalan söylemeye devam ettiği anlamına gelir.
Gerçekçiliği sağlamak için iki değişken ekleyin: kullanıcı adı ve şifre. Bunları input katmanlarına formüllerle bağlayın. Ardından giriş butonuna bir koşul ekleyin: yalnızca doğru kimlik bilgileri (örneğin [email protected] / ABC123) girişe izin versin. Yanlış girişlerde hata mesajını gösterin. Son olarak, Face ID animasyonunu ekleyin: bir Lottie dosyasını sahnenin dışına yerleştirin ve doğru girişten sonra görünür hale getirin. Bu küçük dokunuş, test kullanıcılarının 'Bu gerçek mi?' diye sormasına neden olacak. Artık prototipiniz sadece bir gösterim değil, test edilebilir bir ürün haline geldi.
