Usability Designers

864 views

Published on

Usability Designers sunumu

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
864
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Usability Designers

  1. 1. USABILITYDESIGNERS<br />
  2. 2. GÜNDEM<br />Biz Kimiz?<br />Neden Kullanılabilirlik?<br />Kullanılan Metodlar<br />Referanslar<br />
  3. 3. Biz Kimiz?<br />?<br />
  4. 4. Neden Kullanılabilirlik?<br /><ul><li>Kerry F. B. Packer
  5. 5. 18 Milyon $
  6. 6. 8 Milyar $
  7. 7. Wayne Burton
  8. 8. 10 Milyon $</li></ul>%7,5<br />
  9. 9. User Experience<br />Şirket içi tartışmalara son verir...<br />Ajansı/Tasarımcıyı hizaya sokar...<br />BÜTÇEYİ RAHATLATIR, FERAHLIK VERİR...<br />
  10. 10. User Experience<br />Proje Sonrası Problemler <br />5 > 1’e iniyor<br />Kullanıcının öğrenme süreci <br />%25 azalıyor<br />Kullanıcı Odaklı Tasarım <br />1 TL > 60 TL<br />Geleneksel Pazarlama <br />1 TL > 5 TL<br />
  11. 11. Eskiden UX’mi vardı?<br />Projenizin bütçesinin %60’ını PROD sonrası harcamalara saklayın.<br />American Express, 45M $<br />Corel, Call Center’a 900 kişi.<br />SA80, 30 yıl, 470 M Sterling.<br />
  12. 12. “Glucocorticoids”<br />Kontrol sahibi olamamak.<br />Tahmin edebilme yeteneğini kaybetmek.<br />Sorun çıktığında, sorunu aşabilecek kanalların olmaması ve koşulların kötüye gideceği inancı<br />Bir sosyal oluşumun parçası olmamak.<br />Bu şartları sağlayamadığımızda ya tercihedilmiyoruz ya da terk ediliyoruz…<br />
  13. 13. Kullanılan Metodlar<br />Uzman Çalışması<br />Uzman Görüşü<br />Persona Metodu<br />Prod Öncesi Testleri<br />Kullanılabilirlik Testi<br />Göz İzleme (Eye Tracking)<br />Prod Sonrası Testleri<br />Fare İzleme (Mouse Tracking)<br />Huni Raporu (Funnel Test)<br />A/B Testi<br />
  14. 14. Uzman Görüşü<br />Kullanım kolaylığı uzmanıweb sayfanızı kabul edilen tüm kullanım kolaylığı standartlarına göre test eder.<br />Sayfanızda yapabileceğiniz geliştirmeler konusunda size tavsiyelerimizi içeren bir uzman raporu sunulur.<br />Temel kullanılabilirlik kuralları.<br />Defansif Tasarım. (40 ayrı kriter içerir)<br />Erişilebilirlik kontrolleri.<br />
  15. 15. Defansif Tasarım (Contingency Design)<br />Beklenmedik Olay Tasarımı demektir. (Kriz Yönetimi de denebilir)<br />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.<br />Sorun oluşmadan yardım eder.<br />Kullanıcının kaybolmasını engeller.<br />Müşteri memnuniyeti sağlar.<br />Etkili beklenmedik olay tasarımınız yoksa;<br />Kullanıcı işlemi terk eder.<br />Sorunu kendi çözse bile ürün ve firma ile ilişkisi zayıflar.<br />
  16. 16. Form Yapısı<br />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.<br />Formlar üç katmandan oluşur;<br />İlişki<br />Diyalog<br />Sunum<br />
  17. 17. Form Yapısı<br />Kullanıcıyı formu doldurmaya ikna etme<br />Kullanıcıyı doğru soruları sorma<br />İlişki<br />Soruları kolay cevaplanır şekilde oluşturmak<br />Faydalı açıklamlar hazırlamak<br />Diyalog<br />Form kontrollerini sağlamak<br />Formun akışını kolaylaştırmak<br />Detaylara önem vermek<br />Kolay doldurabilir kılmak<br />Sunum<br />TEST<br />
  18. 18. Persona Metodu<br />Uzmanlar tarafından yaratılan sanal karakterlerin kullanıldığı metodun adıdır.<br />Bu karakterler hedef kitlenin temel özelliklerini taşır.<br />Hedef kitle genişse karakter sayısı arttırılır.<br />Sanal karakterlerin beklentileri ve alışkanlıkları irdelenerek tahminleme yapılır.<br />
  19. 19. Kullanılabilirlik Testi<br />Seçilmiş kullanıcılara önceden hazırlanmış senaryolar verilir.<br />Moderatör eşliğinde yapılır.<br />Kullanıcılar senaryoları tamamlarken ekran görüntüleri kayıt edilir. (Adobe Captivate)<br />3-4 kullanıcı ile 2 seans yapılır.<br />Kullanıcıların hedeflerini tamamlama süreleri, tamamlama oranları ve tamamlarken hissettikleri gözlemlenir.<br />
  20. 20. Kullanılabilirlik Testi<br />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.<br />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.<br />
  21. 21. Göz İzleme (Eye Tracking)<br />Seçilmiş kullanıcılara önceden hazırlanmış senaryolar verilir.<br />Moderatör eşliğinde yapılır.<br />Kullanıcılar göz bebeklerine odaklanan özel kameralar bulunan bir ekranda çalışırlar .<br />Kullanıcıların göz bebeklerinin hareketleri özel bir yazılımla işlenerek çeşitli çıktılar alınır.<br />Isı haritası.<br />Gözün takip ve tarama sırası.<br />Konsantrasyon noktaları tespiti.<br />
  22. 22. Göz İzleme Araçları<br />
  23. 23. Göz İzleme Araçları<br />
  24. 24. Ard arda gösterilecek olan ısıharitasıkullanıcıların saniye saniye sayfada odaklandıkları bölgeleri göstermektedir.<br />Bu test 50 bilgisi kişi ile oluşturulmuştur.<br />
  25. 25.
  26. 26.
  27. 27.
  28. 28.
  29. 29.
  30. 30.
  31. 31.
  32. 32.
  33. 33.
  34. 34.
  35. 35. Fare İzleme (Mouse Tracking)<br />Sayfaya eklenen JavaScript koduyla çalışır.<br />Ziyaretçilerinizin mouse ile site arayüzünde yaptıkları gezintinin haritasını çıkartılır ve kayıt edilir.<br />Kullanıcıların sayfanızdaki deneyimleri gözlemlenerek sitenizdeki kullanım kolaylığı sorunları bulunur.<br />Bu kayıtlardan bir çok çıktı alınır.<br />Gezinti haritası arzu edildiği takdirde video görüntüsüne dönüştürülür .<br />Ziyaretçilerinizin en fazla ilgilendikleri alanlar site arayüzü üzerinde renkli bir harita ile gösterilir. <br />Form verimliliği ölçülür.<br />
  36. 36. Fare İzleme Örnekleri<br />
  37. 37. Fare İzleme Örnekleri<br />
  38. 38.
  39. 39. Fare İzleme Örnekleri<br />
  40. 40. Huni Raporu (Funnel Test)<br />Sayfaya eklenen JavaScript ile çalışır.<br />Bir sayfadan başka bir sayfa giden hedef yol belirlenir.<br />Hedefin tamamlanma oranı ve kullanıcıların hedefi hangi noktada terk ettikleri analiz edilir. <br />
  41. 41. Huni Raporu (Funnel Test)<br />
  42. 42. A/B Testi<br />Kullanıcılarınıza aynı alanda belli periyotlarda 2 farklı tasarım gösterilir.<br />Bu 2 farklı ekrandan hangisinin kullanıcıyı daha çok etkilediği tespit edilir.<br />
  43. 43. REFERANSLAR<br />Digital Graphics<br />ProBee<br />Portakal Ofis<br />Tamsonline<br />İnci Deri<br />Yemek Sepeti<br />Finansbank<br />Superonline<br />Tekne Borsası<br />Alarm G4S<br />Maraton<br />

×