UX ve UI için prototipin önemi

UI (User Interface) Türkçe karşılığı olan kullanıcı arayüzü, tasarım aşamasında statik olarak çalışıldığı için tasarımcının öngöremediği ve hesaplayamadığı birtakım hatalar barındırır. Genel olarak bir ürünün ortaya çıkma sürecini aşağıdaki şekilde ele alırsak;

• Fikir Geliştiricisi (Herkes olabilir)
• Ürün Analizi ve Geliştiricisi (Dökümantasyon ve yol haritası)
• Tasarım Süreci
  - Benchmark ve Araştırma
  - Wireframe
  - Arayüz Tasarım
  - Prototip Tasarım
• Geliştirme Süreci
• Test Geçişi
• Prod Geçişi

Ürünün en kritik yerlerinden birinin prototip tasarım olduğunu söyleyebiliriz. Burada yapılacak bir hata Agile ekipleri tarafında takımları sürekli bir döngüye sokacaktır. Bazı dönemler özellikle feature işlerde kapsam tam olarak netleşmez. Bu tip ürünlerde özellikle geliştirme öncesinde ürünün prototip kullanımı, o ürünle ilgili hem backend geliştirmesinin hem de frontend geliştirmesinin kapsamını tam olarak geliştiriciler tarafından anlaşılmasını sağlar. Sprint koşulan Agile ekiplerinin test aşamasında bir eksiklik görülürse Sprint’in uzamasına, hatta planların sarkmasına neden olabilir.

Günümüzde artık kullanıcı arayüzü tasarlayan tasarımcıların kullanıcı deneyimine de asgari düzeyde hakim olmasını bekliyoruz. Bu sürece en hızlı adaptasyon prototipleme ile gerçekleşiyor. Bir ürünü tasarladıktan sonra o ürünün nasıl kullanılacağıyla ilgili prototip aşamasında deneyimin nasıl gerçekleşmesi gerektiğini de görüyoruz. Bu sayede gerekli UI ve UX düzenlemeleri de yapmak durumunda kalıyoruz.

Aşağıdaki örnekte “Hızlı Sepete Ekle” modülünü inceliyor olacağız;

Tasarımda göründüğü gibi kullanıcının “Sepete Ekle” fonksiyonuna tıkladığında birden fazla varyasyon oluşuyor ve bu varyasyonların birbiri ile etkileşime girmesi gerekiyor. Bu örnek için aşağıdaki gibi soru işaretleri ortaya çıkıyor;

• Pop-up’taki “X” butonu ne işe yarar?
• Pop-up arkasındaki modal overlay’e tıklandığında ne olacak?
• Ürün görselleri swipe edecek mi?
• Ürün görselleri tıklanabilecek mi?
• Marka ismine tıklanabilecek mi?
• Ürün ismine tıklanabilecek mi?
• Fiyat’a tıklanabilecek mi?
• Detayları Gör’e tıklanabilecek mi, link ne olacak?
• Beden tıklanınca ne olacak?
• Pasif Beden tıklanınca ne olacak?
• Aktif beden tekrar tıklanırsa ne olacak?
• Pasif beden tekrar tıklanırsa ne olacak?
• Sepete ekle neden iki renk?
• Sepete ekle’ye tıklandıktan sonra ne olacak?
• Tarayıcıdaki geri butonuna tıklayınca ne olacak?

“Hızlı Sepete Ekle” gibi nispeten eforu daha az üründe bile yukarıdaki gibi birçok soru ortaya çıkıyor. Bu soruların cevapları tek tek ürün yöneticileri, geliştiriciler ve test ekibine aktarılıyor. Tasarım sürecinin son aşaması olan prototiplemenin önemi burada ortaya çıkıyor. Prototiplemeyi proje dökümanına eklediğimizde UX kaynaklı bug’ların azalmasını sağlıyoruz.