Usability Designers sunumu

1. USABILITYDESIGNERS

2. GÜNDEM Biz Kimiz? Neden Kullanılabilirlik? Kullanılan Metodlar Referanslar

3. Biz Kimiz? ?

5. 18 Milyon $

6. 8 Milyar $

7. Wayne Burton

8. 10 Milyon $%7,5

9. User Experience Şirket içi tartışmalara son verir... Ajansı/Tasarımcıyı hizaya sokar... BÜTÇEYİ RAHATLATIR, FERAHLIK VERİR...

10. User Experience Proje Sonrası Problemler 5 > 1’e iniyor Kullanıcının öğrenme süreci %25 azalıyor Kullanıcı Odaklı Tasarım 1 TL > 60 TL Geleneksel Pazarlama 1 TL > 5 TL

11. Eskiden UX’mi vardı? Projenizin bütçesinin %60’ını PROD sonrası harcamalara saklayın. American Express, 45M $ Corel, Call Center’a 900 kişi. SA80, 30 yıl, 470 M Sterling.

12. “Glucocorticoids” Kontrol sahibi olamamak. Tahmin edebilme yeteneğini kaybetmek. Sorun çıktığında, sorunu aşabilecek kanalların olmaması ve koşulların kötüye gideceği inancı Bir sosyal oluşumun parçası olmamak. Bu şartları sağlayamadığımızda ya tercihedilmiyoruz ya da terk ediliyoruz…

13. Kullanılan Metodlar Uzman Çalışması Uzman Görüşü Persona Metodu Prod Öncesi Testleri Kullanılabilirlik Testi Göz İzleme (Eye Tracking) Prod Sonrası Testleri Fare İzleme (Mouse Tracking) Huni Raporu (Funnel Test) A/B Testi

14. Uzman Görüşü Kullanım kolaylığı uzmanıweb sayfanızı kabul edilen tüm kullanım kolaylığı standartlarına göre test eder. Sayfanızda yapabileceğiniz geliştirmeler konusunda size tavsiyelerimizi içeren bir uzman raporu sunulur. Temel kullanılabilirlik kuralları. Defansif Tasarım. (40 ayrı kriter içerir) Erişilebilirlik kontrolleri.

15. Defansif Tasarım (Contingency Design) Beklenmedik Olay Tasarımı demektir. (Kriz Yönetimi de denebilir) Amacı kriz durumlarında ortaya çıkan sorunları yönetmektir. Kullanıcıyı krizin getirdiği olumsuzluklardan en kolay şekilde kurtamak ve ortak hedeflere ulaştırıcak doğru aksiyonu almaktır. Sorun oluşmadan yardım eder. Kullanıcının kaybolmasını engeller. Müşteri memnuniyeti sağlar. Etkili beklenmedik olay tasarımınız yoksa; Kullanıcı işlemi terk eder. Sorunu kendi çözse bile ürün ve firma ile ilişkisi zayıflar.

16. Form Yapısı Kullanıcının müracat formu ya da alışveriş sepetini doldururken harcadığı zamanı azaltmayı ve formu kolay şekilde doldurabilmesini sağlamak için, formunuzun kullanım kolaylığını arttırmanız gerekir. Formlar üç katmandan oluşur; İlişki Diyalog Sunum

17. Form Yapısı Kullanıcıyı formu doldurmaya ikna etme Kullanıcıyı doğru soruları sorma İlişki Soruları kolay cevaplanır şekilde oluşturmak Faydalı açıklamlar hazırlamak Diyalog Form kontrollerini sağlamak Formun akışını kolaylaştırmak Detaylara önem vermek Kolay doldurabilir kılmak Sunum TEST

18. Persona Metodu Uzmanlar tarafından yaratılan sanal karakterlerin kullanıldığı metodun adıdır. Bu karakterler hedef kitlenin temel özelliklerini taşır. Hedef kitle genişse karakter sayısı arttırılır. Sanal karakterlerin beklentileri ve alışkanlıkları irdelenerek tahminleme yapılır.

19. Kullanılabilirlik Testi Seçilmiş kullanıcılara önceden hazırlanmış senaryolar verilir. Moderatör eşliğinde yapılır. Kullanıcılar senaryoları tamamlarken ekran görüntüleri kayıt edilir. (Adobe Captivate) 3-4 kullanıcı ile 2 seans yapılır. Kullanıcıların hedeflerini tamamlama süreleri, tamamlama oranları ve tamamlarken hissettikleri gözlemlenir.

20. Kullanılabilirlik Testi 8 kullanıcı tek bir testte daha çok sorun bulabilir. Ancak genelde en kötü sorunlar onların başka sorunlar bulacak kadar ilerlemelerine engel olurlar. 3 kullanıcı tek bir testte büyük olasılıkla en önemli sorunların hepsini bulacaktır. Bu sorunlar giderildikten sonra yapılan ikinci testte daha çok sorun bulma ihtimalleri yüksektir.

21. Göz İzleme (Eye Tracking) Seçilmiş kullanıcılara önceden hazırlanmış senaryolar verilir. Moderatör eşliğinde yapılır. Kullanıcılar göz bebeklerine odaklanan özel kameralar bulunan bir ekranda çalışırlar . Kullanıcıların göz bebeklerinin hareketleri özel bir yazılımla işlenerek çeşitli çıktılar alınır. Isı haritası. Gözün takip ve tarama sırası. Konsantrasyon noktaları tespiti.

22. Göz İzleme Araçları

23. Göz İzleme Araçları

24. Ard arda gösterilecek olan ısıharitasıkullanıcıların saniye saniye sayfada odaklandıkları bölgeleri göstermektedir. Bu test 50 bilgisi kişi ile oluşturulmuştur.

35. Fare İzleme (Mouse Tracking) Sayfaya eklenen JavaScript koduyla çalışır. Ziyaretçilerinizin mouse ile site arayüzünde yaptıkları gezintinin haritasını çıkartılır ve kayıt edilir. Kullanıcıların sayfanızdaki deneyimleri gözlemlenerek sitenizdeki kullanım kolaylığı sorunları bulunur. Bu kayıtlardan bir çok çıktı alınır. Gezinti haritası arzu edildiği takdirde video görüntüsüne dönüştürülür . Ziyaretçilerinizin en fazla ilgilendikleri alanlar site arayüzü üzerinde renkli bir harita ile gösterilir. Form verimliliği ölçülür.

36. Fare İzleme Örnekleri

37. Fare İzleme Örnekleri

39. Fare İzleme Örnekleri

40. Huni Raporu (Funnel Test) Sayfaya eklenen JavaScript ile çalışır. Bir sayfadan başka bir sayfa giden hedef yol belirlenir. Hedefin tamamlanma oranı ve kullanıcıların hedefi hangi noktada terk ettikleri analiz edilir.

41. Huni Raporu (Funnel Test)

42. A/B Testi Kullanıcılarınıza aynı alanda belli periyotlarda 2 farklı tasarım gösterilir. Bu 2 farklı ekrandan hangisinin kullanıcıyı daha çok etkilediği tespit edilir.

43. REFERANSLAR Digital Graphics ProBee Portakal Ofis Tamsonline İnci Deri Yemek Sepeti Finansbank Superonline Tekne Borsası Alarm G4S Maraton