Usability Testy z użytkownikami  i eye-tracking Tomasz Karwatka Janmedia Interactive
Plan <ul><li>Dlaczego usability jest tak ważne? </li></ul><ul><li>Jak się ustrzec błędów w myśleniu o WWW? </li></ul><ul><...
Trudna zagadka
Gdzie jest menu 2 poziomu?
 
 
Co to za produkt?
 
 
Co się stało?
 
Dlaczego to  jest problem?
Dlaczego powinno być użyteczne? <ul><li>91% osób poddaje się po maksymalnie trzech nieudanych próbach wykonania pożądanej ...
Ile może kosztować ulepszenie? <ul><li>Według Norman/Nielsen na usability wydaje się zazwyczaj około 10% budżetu projektów...
Co tak naprawdę zyskamy? <ul><li>W swoim Alertbox Jakob Nielsen opisuje badania na 42 przypadkach gdzie łatwo dało się ust...
Ale my zrobiliśmy  jakieś   badania! <ul><li>Twórcy serwisu mylą testy z użytkownikami z grupą fokusową. </li></ul><ul><ul...
Usability w praktyce …
Aplikacja biznesowa dla Generali <ul><li>Cel: zaprojektowanie interfejsu aplikacji do sprzedaży ubezpieczeń komunikacyjnyc...
1 etap – klikalne makiety w HTML
1 etap – testy z użytkownikami <ul><li>Zaproszenie na testy rzeczywistych agentów </li></ul><ul><ul><li>Ilu ich zaprosić? ...
2 etap <ul><li>Dopracowanie prototypu, uzupełnienie go, poprawienie błędów. </li></ul><ul><ul><li>Wykonanie i modyfikacje ...
Projekt graficzny
Testy po wdrożeniu <ul><li>Przekazanie projektu firmie wdrożeniowej. </li></ul><ul><ul><li>Wdrożenie – miesiąc. </li></ul>...
Rezultaty <ul><li>Wykonany interfejs odpowiada ściśle potrzebom Klienta: </li></ul><ul><ul><li>dostarczona firmie wdrożeni...
Nowa Gazeta.pl <ul><li>Cel: </li></ul><ul><ul><li>(..)  tak ją zmienić by łatwiej było im  na niej robić to co najczęściej...
1 etap prac – badania obecnej strony <ul><li>Analiza heurystyczna </li></ul><ul><ul><li>2 analityków </li></ul></ul><ul><l...
Eye-tracking <ul><li>Poznanie, które elementy serwisu, w jakiej kolejności i jak długo są rejestrowane przez użytkownika. ...
Przykładowe zadanie eye-tracking <ul><li>Główne pytanie badawcze: W jaki sposób internauci poszukują luźno określonych mat...
Powstaje projekt graficzny
2 etap prac <ul><li>Analiza heurystyczna </li></ul><ul><li>Testy z użytkownikami </li></ul>
Publiczne testy beta
Rezultaty <ul><li>Przeważa pozytywny feedback internautów i branży. </li></ul><ul><li>Ulepszenie architektury informacji s...
Podsumowanie <ul><li>Dlaczego usability jest tak ważne? </li></ul><ul><ul><li>Czynnik powodzenia w ebiznesie </li></ul></u...
<ul><li>Jak i dla kogo pracujemy:  www.janmedia.pl   </li></ul><ul><li>Kurs Usability do pobrania:  www.webusability.pl </...
Upcoming SlideShare
Loading in …5
×

Usability i UCD - case study Generali i Gazeta.pl

4,881 views

Published on

Case study pokazujacy jak efektywnie projektowac serwisy WWW.

0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,881
On SlideShare
0
From Embeds
0
Number of Embeds
146
Actions
Shares
0
Downloads
0
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Usability i UCD - case study Generali i Gazeta.pl

  1. 1. Usability Testy z użytkownikami i eye-tracking Tomasz Karwatka Janmedia Interactive
  2. 2. Plan <ul><li>Dlaczego usability jest tak ważne? </li></ul><ul><li>Jak się ustrzec błędów w myśleniu o WWW? </li></ul><ul><li>Jak tworzyć naprawdę dobre serwisy WWW szybciej i taniej? </li></ul><ul><li>Konkretne przykłady! </li></ul>Usability (użyteczność) to łatwość uczenia się i używania serwisów WWW, oprogramowania, urządzeń.
  3. 3. Trudna zagadka
  4. 4. Gdzie jest menu 2 poziomu?
  5. 7. Co to za produkt?
  6. 10. Co się stało?
  7. 12. Dlaczego to jest problem?
  8. 13. Dlaczego powinno być użyteczne? <ul><li>91% osób poddaje się po maksymalnie trzech nieudanych próbach wykonania pożądanej czynności w serwisie WWW. </li></ul><ul><li>36% osób deklaruje, że nie będzie robić biznesu z firmą, która zawiodła oczekiwania danej osoby w Internecie. </li></ul><ul><li>20% osób deklaruje, że negatywne doświadczenia online związane z firmą zmotywowały ich do zrezygnowania ze współpracy z tą firmą. </li></ul>Empirix, 2006
  9. 14. Ile może kosztować ulepszenie? <ul><li>Według Norman/Nielsen na usability wydaje się zazwyczaj około 10% budżetu projektów (przebadano ponad 800 projektów). </li></ul><ul><li>Z analizy przeprowadzonej na projektach Janmedia 14% budżetu przeznaczono na usability (mniejsza próba, mniejsza dokładność). </li></ul>Norman/Nielsen
  10. 15. Co tak naprawdę zyskamy? <ul><li>W swoim Alertbox Jakob Nielsen opisuje badania na 42 przypadkach gdzie łatwo dało się ustalić przełożenia ulepszenia użyteczności na efekty. Dla każdego projektu ustalono mierniki, które zbadano przed i po wprowadzeniu ulepszeń w usability. </li></ul><ul><ul><li>Założone mierniki wzrosły średnio o 135%. </li></ul></ul><ul><ul><li>Sprzedaż (konwersja) + 100% </li></ul></ul><ul><ul><li>Ilość odsłon / ilość UU + 150% </li></ul></ul><ul><ul><li>Efektywność (user performance) + 161% </li></ul></ul><ul><li>Wydając 10-14% budżetu na usability zyskujemy o 135% efektywniejszy produkt. </li></ul>
  11. 16. Ale my zrobiliśmy jakieś badania! <ul><li>Twórcy serwisu mylą testy z użytkownikami z grupą fokusową. </li></ul><ul><ul><li>Grupa fokusowa </li></ul></ul><ul><ul><ul><li>Czy podobają się Państwu tamte spodnie? Tam daleko, w rogu sklepu, 10 metrów od nas, pod lustrem? </li></ul></ul></ul><ul><ul><li>Badanie z użytkownikiem (sprawdzenia usability) </li></ul></ul><ul><ul><ul><li>Proszę założyć te spodnie, kucnąć, a potem przebiec w nich 100 metrów. </li></ul></ul></ul><ul><li>W badaniach usability nie pytamy o to czy się podoba ale sprawdzamy czy użytkownik potrafi z tego skorzystać i czy to jest wygodne. </li></ul>
  12. 17. Usability w praktyce …
  13. 18. Aplikacja biznesowa dla Generali <ul><li>Cel: zaprojektowanie interfejsu aplikacji do sprzedaży ubezpieczeń komunikacyjnych dla towarzystwa ubezpieczeniowego Generali. </li></ul><ul><li>Z programu korzystać mają zarówno agenci wyłączni Generali, jak i multiagencje sprzedające ubezpieczenia wielu towarzystw. </li></ul><ul><li>Czas: 30 dni. </li></ul>
  14. 19. 1 etap – klikalne makiety w HTML
  15. 20. 1 etap – testy z użytkownikami <ul><li>Zaproszenie na testy rzeczywistych agentów </li></ul><ul><ul><li>Ilu ich zaprosić? </li></ul></ul>
  16. 21. 2 etap <ul><li>Dopracowanie prototypu, uzupełnienie go, poprawienie błędów. </li></ul><ul><ul><li>Wykonanie i modyfikacje takich statycznych prototypów to kwestia kilku-kilkunastu godzin. </li></ul></ul><ul><li>Ponowne testy z rzeczywistymi agentami. </li></ul><ul><li>Na bazie poprawionych makiet: dwa projekty graficzne, jeden został wybrany. </li></ul>
  17. 22. Projekt graficzny
  18. 23. Testy po wdrożeniu <ul><li>Przekazanie projektu firmie wdrożeniowej. </li></ul><ul><ul><li>Wdrożenie – miesiąc. </li></ul></ul><ul><li>Gotowy system </li></ul><ul><ul><li>Kolejne testy systemu z agentami. </li></ul></ul><ul><li>Kolejna weryfikacja i przekazanie firmie wdrożeniowej poprawek. </li></ul><ul><ul><li>Różne drobiazgi muszą być jeszcze poprawione, jednak system &quot;obronił się&quot;, spełniając główne oczekiwania. </li></ul></ul>
  19. 24. Rezultaty <ul><li>Wykonany interfejs odpowiada ściśle potrzebom Klienta: </li></ul><ul><ul><li>dostarczona firmie wdrożeniowej dokumentacja była kompletna głównie - badania z agentami pozwoliły wyłapać różne drobiazgi, które w innej sytuacji zostałyby odkryte na dalszym etapie. </li></ul></ul><ul><ul><li>spełnia większość oczekiwań agentów (gdyż był tworzony razem z nimi, a nie tylko dla nich), </li></ul></ul><ul><ul><li>rozszerzanie go o kolejne produkty Generali będzie łatwe, </li></ul></ul><ul><ul><li>projekt zamknięty został w przyjętym terminie i budżecie. </li></ul></ul>
  20. 25. Nowa Gazeta.pl <ul><li>Cel: </li></ul><ul><ul><li>(..) tak ją zmienić by łatwiej było im na niej robić to co najczęściej na niej robią - Tomasz Bienias (Gazeta.pl) </li></ul></ul><ul><li>Czyli musimy wiedzieć: </li></ul><ul><ul><li>Co robią użytkownicy na Gazeta.pl? </li></ul></ul><ul><ul><li>W jaki sposób wykonują najczęstsze czynności? </li></ul></ul><ul><ul><li>W czym konkurencja jest lepsza a w czym gorsza? </li></ul></ul>
  21. 26. 1 etap prac – badania obecnej strony <ul><li>Analiza heurystyczna </li></ul><ul><ul><li>2 analityków </li></ul></ul><ul><li>Porównawcze testy z użytkownikami </li></ul><ul><ul><li>1 prowadzący </li></ul></ul><ul><ul><li>1 obserwator </li></ul></ul><ul><li>Porównawcze testy eye-tracking </li></ul>
  22. 27. Eye-tracking <ul><li>Poznanie, które elementy serwisu, w jakiej kolejności i jak długo są rejestrowane przez użytkownika. </li></ul><ul><ul><li>Które elementy serwisu przyciągają uwagę? </li></ul></ul>
  23. 28. Przykładowe zadanie eye-tracking <ul><li>Główne pytanie badawcze: W jaki sposób internauci poszukują luźno określonych materiałów do lektury? Czy obszar wyróżnionych artykułów jest w takiej sytuacji brany pod uwagę? </li></ul><ul><li>Zadanie 2: Załóżmy, że ma Pan/Pani wolny czas i chciał(a)by się Pan/Pani odprężyć. Proszę sprawdzić czy znalazł(a)by Pan/Pani tu coś dla siebie? Co by Pan/Pani wybrał(a)? </li></ul>
  24. 29. Powstaje projekt graficzny
  25. 30. 2 etap prac <ul><li>Analiza heurystyczna </li></ul><ul><li>Testy z użytkownikami </li></ul>
  26. 31. Publiczne testy beta
  27. 32. Rezultaty <ul><li>Przeważa pozytywny feedback internautów i branży. </li></ul><ul><li>Ulepszenie architektury informacji serwisu. </li></ul><ul><li>(…) Najistotniejsze jednak były testy z użytkownikami i analiza użyteczności, w której wsparły nas Janmedia. Testowaliśmy użyteczność najpierw starej strony, potem projektu. Pierwszy test potwierdził nasze przypuszczenia (choćby co do zakładek w wyszukiwarce). Drugi - na szczęście - pokazał, że wybraliśmy dobre rozwiązania. </li></ul><ul><li>- Tomasz Bienias (Gazeta.pl) </li></ul>
  28. 33. Podsumowanie <ul><li>Dlaczego usability jest tak ważne? </li></ul><ul><ul><li>Czynnik powodzenia w ebiznesie </li></ul></ul><ul><ul><li>Buduje wizerunek firmy </li></ul></ul><ul><li>Jak się ustrzec błędów w myśleniu o WWW? </li></ul><ul><ul><li>Twórz serwisy WWW z użytkownikami, nie dla użytkowników </li></ul></ul><ul><li>Jak tworzyć naprawdę dobre serwisy WWW szybciej i taniej? </li></ul><ul><ul><li>Testy usability znacznie poprawiają jakość serwisu </li></ul></ul><ul><ul><li>Przetestowana dokumentacja ułatwia wdrożenie </li></ul></ul><ul><ul><li>Lepsze dopasowanie do potrzeb klientów zmniejsza ilość poprawek </li></ul></ul>
  29. 34. <ul><li>Jak i dla kogo pracujemy: www.janmedia.pl </li></ul><ul><li>Kurs Usability do pobrania: www.webusability.pl </li></ul><ul><li>Chcesz dostać rozszerzoną prezentacje w formie elektronicznej? Zostaw mi wizytówkę. </li></ul>Więcej informacji

×