SlideShare una empresa de Scribd logo
1 de 41
Descargar para leer sin conexión
Studium przypadków użyteczności
Badania dla Banku Millennium



                                            UseLab Sp. z o.o.
                                           ul. Popularna 4/6
                                           02-473 Warszawa

                                          Tel.: (22) 863 20 71
                                  E-mail: kontakt@uselab.pl
Opis współpracy

 maj 2006 - styczeo 2007 – badania użyteczności serwisu
  www.millenet.pl - testy z użytkownikami, analiza ekspercka,
  card sorting serwisu informacyjnego i transakcyjnego.
 styczeo 2009 – badania użyteczności (obserwacja
  użytkownika) na klikalnych prototypach HTML serwisu
  informacyjnego i systemu transakcyjnego Banku
  Millennium.




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   2
POPRAWA NAZEWNICTWA
Strona główna Banku Millennium (stara wersja)
UseLab Sp. z o.o.     www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   4
Poprawa nazewnictwa

 Zadanie:
      „Chciałbyś przeznaczyd 10 000 PLN na miesięczną lokatę.
       Znajdź ofertę lokaty o najwyższym oprocentowaniu.”




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   5
Poprawa nazewnictwa

 Problem: link „Millennium”
      Spodziewano się „Oferta Indywidualna” lub podobnego




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   6
Poprawa nazewnictwa

 Zmiana konwersji o 17% wartości na samą stronę
  „Oferta Indywidualna”
      Średnia z 3 miesięcy przed i 3 miesięcy po zmianie




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   7
NIEWIDOCZNOŚD SUBMENU
Prototyp nowego serwisu
Niewidocznośd submenu




                    Strona główna Banku Millennium (prototyp nowej wersji)
UseLab Sp. z o.o.     www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   9
Niewidocznośd submenu

 Zadanie:
      „Proszę otworzyd konto w Banku Millennium”




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   10
Niewidocznośd submenu

 Badani w poszukiwaniu produktów bardziej skupiali się na
  menu bocznym „Najczęściej odwiedzane” niż na poziomym
  podmenu działu „Indywidualni”.
 Generalnie w całym serwisie menu boczne było lepiej
  widoczne niż submenu górne.




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   11
Niewidocznośd submenu

 Kolor submenu górnego został zmieniony z białego na szary,
  który bardziej kontrastuje z tłem strony.
 Zwiększono rozmiar czcionki dla odnośników w submenu
  z 11px do 12px.
 Zmieniony został kolor odnośników w submenu na niebieski
  (taki, jak dla pozostałych linków w serwisie).




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   12
Niewidoczne submenu




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   13
UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   14
KURSY WALUT
UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl
Kursy walut

 Zadanie:
      „Znajdź dzisiejszy kurs dolara”




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl
Kursy walut

 Osoby badane odnajdywały ostatecznie kurs dolara, jednak
  musiały poświęcid na to chwilę czasu.
 Częśd osób przeoczyła wartośd dolara i próbowała korzystad
  z kalkulatora walutowego aby wyliczyd kurs.


 Domyślny, „logiczny”, podział nie zawsze okazuje się
  najlepszy – należy uwzględniad model mentalny i kontekst
  użytkownika




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   18
UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   19
Kursy walut

 Najpopularniejsze (najczęściej poszukiwane) kursy walut
  zostały przeniesione na górę tabeli




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   20
UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   21
UKŁAD WNIOSKÓW
Formularze
Układ wniosków

 Poprzednie wnioski:
  gromadzenie wielu
  pól na jednym
  ekranie




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl
Układ wniosków

 Nowy wniosek: rozbicie na mniejsze porcje




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   24
Układ wniosków

 Nowy wniosek: rozbicie na mniejsze porcje




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   25
Układ wniosków

Podsumowanie zmian:
 podział formularza na kroki (np. 5 kroków dla wniosku o konto), dodatkowo
  ekran początkowy (wstępny) i koocowy
 ograniczenie ilości obowiązkowych pól (danych do wypełnienia) do
  niezbędnego minimum
 wprowadzenie szczegółowych podpowiedzi (moduł „Twój asystent”)
  i komunikatów błędów
 zmiana podstawowego sposobu walidacji wprowadzanych danych - walidacja
  pól po stronie przeglądarki klienta (na bieżąco - po opuszczeniu pola przez
  użytkownika)
 wprowadzenie dodatkowych krótkich stron opisowych, do których prowadzą
  linki na wniosku (dodatkowe informacje o procesie składania wniosku,
  produktach itp.)


UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl     26
Kluczowe podpowiedzi w bezpośrednim kontekście
UseLab Sp. z o.o.     www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   27
Układ wniosków - Efekty

 Zwiększenie konwersji nawet o 53% (dla kart)




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   28
WIDOCZNOŚD ELEMENTÓW
- „OPCJONALNE”
Formularze – dalsze poprawki
Widocznośd oznaczeo




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   30
Widocznośd elementów

 Problemy z określeniem ilości wymaganych dokumentów
  tożsamości.
 UseLab zasugerował mocniejsze zaakcentowanie
  opcjonalności drugiego dokumentu.
 Nie było również jasne czy odnosi się ona tylko do pola „typ
  dokumentu” czy także do pól poniżej.




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   31
UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   32
Widocznośd elementów

 Przeniesienie informacji o polu opcjonalnym na lewą stronę
  pod nazwę danego pola.
 „Wyboldowanie” informacji o opcjonalnym polu, aby była
  lepiej widoczna.




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   33
WIDOCZNOŚD ELEMENTÓW
- ASYSTENT
Formularze
UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl
Asystent

 “ Twój asystent” był słabo widoczny. Badani nie czytali
  podpowiedzi „asystenta” co skutkowało niezrozumieniem
  trudniejszych pól.
 UseLab zarekomendował zmodyfikowanie modułu “Twój
  asystent”




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   36
UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   37
Asystent

 Zmieniliśmy położenie asystenta z lewej strony na prawą
 Wprowadziliśmy dla wyświetlanych podpowiedzi efekt
  “pisania na maszynie”, aby zwrócid uwagę użytkowników na
  wyświetlane informacje.




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   38
Asystent

 Użytkownicy widząc statyczny obiekt po lewej nauczyli się
  go ignorowad jako „ozdobnik”
 Aktywny obiekt po prawej, nie narzucający się od razu,
  zwracał większą uwagę
 Kontekst tej sytuacji jest bardzo ważny.
      ostatnie badania Nielsena: poświęcamy tylko 30% czasu ona
       obserwację prawej części strony
      Sprzecznośd jest tylko pozorna




UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   39
Podsumowanie

 Użytkownicy są ostateczną instancją
       np. nazewnictwo: „Millennium” vs „Indywidualni”
 Kontekst użytkownika uwzględniaj ponad
  sztywną logikę i hierarchię
 Drobne zmiany mogą dużo zmieniad
 Poprawa użyteczności to ciągły proces
       Sprawdzaj każdą zmianę na użytkownikach
            ▫ Ilościowo (traffic)
            ▫ Jakościowo (badania z użytkownikami)
       Od przyszłego tygodnia rozpoczynamy
        Badania Zdalne



UseLab Sp. z o.o.          www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   40
UseLab Sp. z o.o.   www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl   41

Más contenido relacionado

Destacado

Agnieszka szóstek wartość_współprojektowania_z_użytkownikami
Agnieszka szóstek  wartość_współprojektowania_z_użytkownikamiAgnieszka szóstek  wartość_współprojektowania_z_użytkownikami
Agnieszka szóstek wartość_współprojektowania_z_użytkownikamiUseLab
 
Web Dogma presentation - "Killer content or content that kills"
Web Dogma presentation - "Killer content or content that kills"Web Dogma presentation - "Killer content or content that kills"
Web Dogma presentation - "Killer content or content that kills"UseLab
 
Entering the Human Age: Insights by Jeffrey A. Joerres, ManpowerGroup Chairma...
Entering the Human Age: Insights by Jeffrey A. Joerres, ManpowerGroup Chairma...Entering the Human Age: Insights by Jeffrey A. Joerres, ManpowerGroup Chairma...
Entering the Human Age: Insights by Jeffrey A. Joerres, ManpowerGroup Chairma...Andrea Hubbert
 
Ia summit
Ia summitIa summit
Ia summitUseLab
 
Kwadratura koła i kuloodporne koncepcje
Kwadratura koła i kuloodporne koncepcjeKwadratura koła i kuloodporne koncepcje
Kwadratura koła i kuloodporne koncepcjeUseLab
 
Kwadratura koła i kuloodporne koncepcje
Kwadratura koła i kuloodporne koncepcjeKwadratura koła i kuloodporne koncepcje
Kwadratura koła i kuloodporne koncepcjeUseLab
 
Andrea Resmini Official opening: The First Polish Information Architecture c...
 Andrea Resmini Official opening: The First Polish Information Architecture c... Andrea Resmini Official opening: The First Polish Information Architecture c...
Andrea Resmini Official opening: The First Polish Information Architecture c...UseLab
 
2012 Talent Shortage Survey
2012 Talent Shortage Survey2012 Talent Shortage Survey
2012 Talent Shortage SurveyAndrea Hubbert
 

Destacado (8)

Agnieszka szóstek wartość_współprojektowania_z_użytkownikami
Agnieszka szóstek  wartość_współprojektowania_z_użytkownikamiAgnieszka szóstek  wartość_współprojektowania_z_użytkownikami
Agnieszka szóstek wartość_współprojektowania_z_użytkownikami
 
Web Dogma presentation - "Killer content or content that kills"
Web Dogma presentation - "Killer content or content that kills"Web Dogma presentation - "Killer content or content that kills"
Web Dogma presentation - "Killer content or content that kills"
 
Entering the Human Age: Insights by Jeffrey A. Joerres, ManpowerGroup Chairma...
Entering the Human Age: Insights by Jeffrey A. Joerres, ManpowerGroup Chairma...Entering the Human Age: Insights by Jeffrey A. Joerres, ManpowerGroup Chairma...
Entering the Human Age: Insights by Jeffrey A. Joerres, ManpowerGroup Chairma...
 
Ia summit
Ia summitIa summit
Ia summit
 
Kwadratura koła i kuloodporne koncepcje
Kwadratura koła i kuloodporne koncepcjeKwadratura koła i kuloodporne koncepcje
Kwadratura koła i kuloodporne koncepcje
 
Kwadratura koła i kuloodporne koncepcje
Kwadratura koła i kuloodporne koncepcjeKwadratura koła i kuloodporne koncepcje
Kwadratura koła i kuloodporne koncepcje
 
Andrea Resmini Official opening: The First Polish Information Architecture c...
 Andrea Resmini Official opening: The First Polish Information Architecture c... Andrea Resmini Official opening: The First Polish Information Architecture c...
Andrea Resmini Official opening: The First Polish Information Architecture c...
 
2012 Talent Shortage Survey
2012 Talent Shortage Survey2012 Talent Shortage Survey
2012 Talent Shortage Survey
 

Wk

  • 1. Studium przypadków użyteczności Badania dla Banku Millennium UseLab Sp. z o.o. ul. Popularna 4/6 02-473 Warszawa Tel.: (22) 863 20 71 E-mail: kontakt@uselab.pl
  • 2. Opis współpracy  maj 2006 - styczeo 2007 – badania użyteczności serwisu www.millenet.pl - testy z użytkownikami, analiza ekspercka, card sorting serwisu informacyjnego i transakcyjnego.  styczeo 2009 – badania użyteczności (obserwacja użytkownika) na klikalnych prototypach HTML serwisu informacyjnego i systemu transakcyjnego Banku Millennium. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 2
  • 4. Strona główna Banku Millennium (stara wersja) UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 4
  • 5. Poprawa nazewnictwa  Zadanie: „Chciałbyś przeznaczyd 10 000 PLN na miesięczną lokatę. Znajdź ofertę lokaty o najwyższym oprocentowaniu.” UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 5
  • 6. Poprawa nazewnictwa  Problem: link „Millennium” Spodziewano się „Oferta Indywidualna” lub podobnego UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 6
  • 7. Poprawa nazewnictwa  Zmiana konwersji o 17% wartości na samą stronę „Oferta Indywidualna” Średnia z 3 miesięcy przed i 3 miesięcy po zmianie UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 7
  • 9. Niewidocznośd submenu Strona główna Banku Millennium (prototyp nowej wersji) UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 9
  • 10. Niewidocznośd submenu  Zadanie: „Proszę otworzyd konto w Banku Millennium” UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 10
  • 11. Niewidocznośd submenu  Badani w poszukiwaniu produktów bardziej skupiali się na menu bocznym „Najczęściej odwiedzane” niż na poziomym podmenu działu „Indywidualni”.  Generalnie w całym serwisie menu boczne było lepiej widoczne niż submenu górne. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 11
  • 12. Niewidocznośd submenu  Kolor submenu górnego został zmieniony z białego na szary, który bardziej kontrastuje z tłem strony.  Zwiększono rozmiar czcionki dla odnośników w submenu z 11px do 12px.  Zmieniony został kolor odnośników w submenu na niebieski (taki, jak dla pozostałych linków w serwisie). UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 12
  • 13. Niewidoczne submenu UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 13
  • 14. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 14
  • 16. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl
  • 17. Kursy walut  Zadanie: „Znajdź dzisiejszy kurs dolara” UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl
  • 18. Kursy walut  Osoby badane odnajdywały ostatecznie kurs dolara, jednak musiały poświęcid na to chwilę czasu.  Częśd osób przeoczyła wartośd dolara i próbowała korzystad z kalkulatora walutowego aby wyliczyd kurs.  Domyślny, „logiczny”, podział nie zawsze okazuje się najlepszy – należy uwzględniad model mentalny i kontekst użytkownika UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 18
  • 19. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 19
  • 20. Kursy walut  Najpopularniejsze (najczęściej poszukiwane) kursy walut zostały przeniesione na górę tabeli UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 20
  • 21. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 21
  • 23. Układ wniosków  Poprzednie wnioski: gromadzenie wielu pól na jednym ekranie UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl
  • 24. Układ wniosków  Nowy wniosek: rozbicie na mniejsze porcje UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 24
  • 25. Układ wniosków  Nowy wniosek: rozbicie na mniejsze porcje UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 25
  • 26. Układ wniosków Podsumowanie zmian:  podział formularza na kroki (np. 5 kroków dla wniosku o konto), dodatkowo ekran początkowy (wstępny) i koocowy  ograniczenie ilości obowiązkowych pól (danych do wypełnienia) do niezbędnego minimum  wprowadzenie szczegółowych podpowiedzi (moduł „Twój asystent”) i komunikatów błędów  zmiana podstawowego sposobu walidacji wprowadzanych danych - walidacja pól po stronie przeglądarki klienta (na bieżąco - po opuszczeniu pola przez użytkownika)  wprowadzenie dodatkowych krótkich stron opisowych, do których prowadzą linki na wniosku (dodatkowe informacje o procesie składania wniosku, produktach itp.) UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 26
  • 27. Kluczowe podpowiedzi w bezpośrednim kontekście UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 27
  • 28. Układ wniosków - Efekty  Zwiększenie konwersji nawet o 53% (dla kart) UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 28
  • 30. Widocznośd oznaczeo UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 30
  • 31. Widocznośd elementów  Problemy z określeniem ilości wymaganych dokumentów tożsamości.  UseLab zasugerował mocniejsze zaakcentowanie opcjonalności drugiego dokumentu.  Nie było również jasne czy odnosi się ona tylko do pola „typ dokumentu” czy także do pól poniżej. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 31
  • 32. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 32
  • 33. Widocznośd elementów  Przeniesienie informacji o polu opcjonalnym na lewą stronę pod nazwę danego pola.  „Wyboldowanie” informacji o opcjonalnym polu, aby była lepiej widoczna. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 33
  • 35. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl
  • 36. Asystent  “ Twój asystent” był słabo widoczny. Badani nie czytali podpowiedzi „asystenta” co skutkowało niezrozumieniem trudniejszych pól.  UseLab zarekomendował zmodyfikowanie modułu “Twój asystent” UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 36
  • 37. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 37
  • 38. Asystent  Zmieniliśmy położenie asystenta z lewej strony na prawą  Wprowadziliśmy dla wyświetlanych podpowiedzi efekt “pisania na maszynie”, aby zwrócid uwagę użytkowników na wyświetlane informacje. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 38
  • 39. Asystent  Użytkownicy widząc statyczny obiekt po lewej nauczyli się go ignorowad jako „ozdobnik”  Aktywny obiekt po prawej, nie narzucający się od razu, zwracał większą uwagę  Kontekst tej sytuacji jest bardzo ważny. ostatnie badania Nielsena: poświęcamy tylko 30% czasu ona obserwację prawej części strony Sprzecznośd jest tylko pozorna UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 39
  • 40. Podsumowanie  Użytkownicy są ostateczną instancją  np. nazewnictwo: „Millennium” vs „Indywidualni”  Kontekst użytkownika uwzględniaj ponad sztywną logikę i hierarchię  Drobne zmiany mogą dużo zmieniad  Poprawa użyteczności to ciągły proces  Sprawdzaj każdą zmianę na użytkownikach ▫ Ilościowo (traffic) ▫ Jakościowo (badania z użytkownikami)  Od przyszłego tygodnia rozpoczynamy Badania Zdalne UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 40
  • 41. UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, kontakt@uselab.pl 41