usability designers

Download Usability Designers

Post on 06-May-2015

686 views

Category:

Design

0 download

Embed Size (px)

DESCRIPTION

Usability Designers sunumu

TRANSCRIPT

  • 1.USABILITYDESIGNERS

2. GNDEM
Biz Kimiz?
Neden Kullanlabilirlik?
Kullanlan Metodlar
Referanslar
3. Biz Kimiz?
?
4. Neden Kullanlabilirlik?

  • Kerry F. B. Packer

5. 18 Milyon $ 6. 8 Milyar $ 7. Wayne Burton 8. 10 Milyon $%7,5
9. User Experience
irket ii tartmalara son verir...
Ajans/Tasarmcy hizaya sokar...
BTEY RAHATLATIR, FERAHLIK VERR...
10. User Experience
Proje Sonras Problemler
5 > 1e iniyor
Kullancnn renme sreci
%25 azalyor
Kullanc Odakl Tasarm
1 TL > 60 TL
Geleneksel Pazarlama
1 TL > 5 TL
11. Eskiden UXmi vard?
Projenizin btesinin %60n PROD sonras harcamalara saklayn.
American Express, 45M $
Corel, Call Centera 900 kii.
SA80, 30 yl, 470 M Sterling.
12. Glucocorticoids
Kontrol sahibi olamamak.
Tahmin edebilme yeteneini kaybetmek.
Sorun ktnda, sorunu aabilecek kanallarn olmamas ve koullarn ktye gidecei inanc
Bir sosyal oluumun paras olmamak.
Bu artlar salayamadmzda ya tercihedilmiyoruz ya da terk ediliyoruz
13. Kullanlan Metodlar
Uzman almas
Uzman Gr
Persona Metodu
Prod ncesi Testleri
Kullanlabilirlik Testi
Gz zleme (Eye Tracking)
Prod Sonras Testleri
Fare zleme (Mouse Tracking)
Huni Raporu (Funnel Test)
A/B Testi
14. Uzman Gr
Kullanm kolayl uzmanweb sayfanz kabul edilen tm kullanm kolayl standartlarna gre test eder.
Sayfanzda yapabileceiniz gelitirmeler konusunda size tavsiyelerimizi ieren bir uzman raporu sunulur.
Temel kullanlabilirlik kurallar.
Defansif Tasarm. (40 ayr kriter ierir)
Eriilebilirlik kontrolleri.
15. Defansif Tasarm (Contingency Design)
Beklenmedik Olay Tasarm demektir. (Kriz Ynetimi de denebilir)
Amac kriz durumlarnda ortaya kan sorunlar ynetmektir. Kullancy krizin getirdii olumsuzluklardan en kolay ekilde kurtamak ve ortak hedeflere ulatrcak doru aksiyonu almaktr.
Sorun olumadan yardm eder.
Kullancnn kaybolmasn engeller.
Mteri memnuniyeti salar.
Etkili beklenmedik olay tasarmnz yoksa;
Kullanc ilemi terk eder.
Sorunu kendi zse bile rn ve firma ile ilikisi zayflar.
16. Form Yaps
Kullancnn mracat formu ya da alveri sepetini doldururken harcad zaman azaltmay ve formu kolay ekilde doldurabilmesini salamak iin, formunuzun kullanm kolayln arttrmanz gerekir.
Formlar katmandan oluur;
liki
Diyalog
Sunum
17. Form Yaps
Kullancy formu doldurmaya ikna etme
Kullancydoru sorular sorma
liki
Sorular kolay cevaplanr ekilde oluturmak
Faydal aklamlar hazrlamak
Diyalog
Form kontrollerini salamak
Formun akn kolaylatrmak
Detaylara nem vermek
Kolay doldurabilir klmak
Sunum
TEST
18. Persona Metodu
Uzmanlar tarafndan yaratlan sanal karakterlerin kullanld metodun addr.
Bu karakterler hedef kitlenin temel zelliklerini tar.
Hedef kitle genise karakter says arttrlr.
Sanal karakterlerin beklentileri ve alkanlklar irdelenerek tahminleme yaplr.
19. Kullanlabilirlik Testi
Seilmi kullanclara nceden hazrlanm senaryolar verilir.
Moderatr eliinde yaplr.
Kullanclar senaryolar tamamlarken ekran grntleri kayt edilir. (Adobe Captivate)
3-4 kullanc ile 2 seans yaplr.
Kullanclarn hedeflerini tamamlama sreleri, tamamlama oranlar ve tamamlarken hissettikleri gzlemlenir.
20. Kullanlabilirlik Testi
8 kullanc tek bir testte daha ok sorun bulabilir. Ancak genelde en kt sorunlar onlarn baka sorunlar bulacak kadar ilerlemelerine engel olurlar.
3 kullanc tek bir testte byk olaslkla en nemli sorunlarn hepsini bulacaktr. Bu sorunlar giderildikten sonra yaplan ikinci testte daha ok sorun bulma ihtimalleri yksektir.
21. Gz zleme (Eye Tracking)
Seilmi kullanclara nceden hazrlanm senaryolar verilir.
Moderatr eliinde yaplr.
Kullanclar gz bebeklerine odaklanan zel kameralar bulunan bir ekranda alrlar .
Kullanclarn gz bebeklerinin hareketleri zel bir yazlmla ilenerek eitli ktlar alnr.
Is haritas.
Gzn takip ve tarama sras.
Konsantrasyon noktalar tespiti.
22. Gz zleme Aralar
23. Gz zleme Aralar
24. Ard arda gsterilecek olan sharitaskullanclarn saniye saniye sayfada odaklandklar blgeleri gstermektedir.
Bu test 50 bilgisi kii ile oluturulmutur.
25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. Fare zleme (Mouse Tracking)
Sayfaya eklenen JavaScript koduyla alr.
Ziyaretilerinizin mouse ile site arayznde yaptklar gezintinin haritasn kartlr ve kayt edilir.
Kullanclarn sayfanzdaki deneyimleri gzlemlenerek sitenizdeki kullanm kolayl sorunlar bulunur.
Bu kaytlardan bir ok kt alnr.
Gezinti haritas arzu edildii takdirde video grntsne dntrlr .
Ziyaretilerinizin en fazla ilgilendikleri alanlar site arayz zerinde renkli bir harita ile gsterilir.
Form verimlilii llr.
36. Fare zleme rnekleri
37. Fare zleme rnekleri
38. 39. Fare zleme rnekleri
40. Huni Raporu (Funnel Test)
Sayfaya eklenen JavaScript ile alr.
Bir sayfadan baka bir sayfa giden hedef yol belirlenir.
Hedefin tamamlanma oran ve kullanclarn hedefi hangi noktada terk ettikleri analiz edilir.
41. Huni Raporu (Funnel Test)
42. A/B Testi
Kullanclarnza ayn alanda belli periyotlarda 2 farkl tasarm gsterilir.
Bu 2 farkl ekrandan hangisinin kullancy daha ok etkiledii tespit edilir.
43. REFERANSLAR
Digital Graphics
ProBee
Portakal Ofis
Tamsonline
nci Deri
Yemek Sepeti
Finansbank
Superonline
Tekne Borsas
Alarm G4S
Maraton