Download - DocumentWk
![Page 1: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/1.jpg)
UseLab Sp. z o.o.ul. Popularna 4/602-473 Warszawa
Tel.: (22) 863 20 71E-mail: [email protected]
Studium przypadków użyteczności
Badania dla Banku Millennium
![Page 2: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/2.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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.
2
![Page 3: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/3.jpg)
POPRAWA NAZEWNICTWA
3
![Page 4: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/4.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected] 4
Strona główna Banku Millennium (stara wersja)
![Page 5: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/5.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
Poprawa nazewnictwa
Zadanie:
„Chciałbyś przeznaczyd 10 000 PLN na miesięczną lokatę.
Znajdź ofertę lokaty o najwyższym oprocentowaniu.”
5
![Page 6: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/6.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
Poprawa nazewnictwa
Problem: link „Millennium”
Spodziewano się „Oferta Indywidualna” lub podobnego
6
![Page 7: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/7.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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
7
![Page 8: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/8.jpg)
NIEWIDOCZNOŚD SUBMENUPrototyp nowego serwisu
8
![Page 9: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/9.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
Niewidocznośd submenu
9
Strona główna Banku Millennium (prototyp nowej wersji)
![Page 10: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/10.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
Niewidocznośd submenu
Zadanie:
„Proszę otworzyd konto w Banku Millennium”
10
![Page 11: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/11.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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.
11
![Page 12: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/12.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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).
12
![Page 14: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/14.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected] 14
![Page 15: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/15.jpg)
KURSY WALUT
15
![Page 16: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/16.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
![Page 17: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/17.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
Kursy walut
Zadanie:
„Znajdź dzisiejszy kurs dolara”
![Page 18: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/18.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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
18
![Page 19: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/19.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected] 19
![Page 20: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/20.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
Kursy walut
Najpopularniejsze (najczęściej poszukiwane) kursy walut
zostały przeniesione na górę tabeli
20
![Page 21: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/21.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected] 21
![Page 22: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/22.jpg)
UKŁAD WNIOSKÓWFormularze
22
![Page 23: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/23.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
Układ wniosków
Poprzednie wnioski:
gromadzenie wielu
pól na jednym
ekranie
![Page 24: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/24.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
Układ wniosków
Nowy wniosek: rozbicie na mniejsze porcje
24
![Page 25: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/25.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
Układ wniosków
Nowy wniosek: rozbicie na mniejsze porcje
25
![Page 26: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/26.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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.)
26
![Page 27: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/27.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected] 27
Kluczowe podpowiedzi w bezpośrednim kontekście
![Page 28: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/28.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
Układ wniosków - Efekty
Zwiększenie konwersji nawet o 53% (dla kart)
28
![Page 29: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/29.jpg)
WIDOCZNOŚD ELEMENTÓW
- „OPCJONALNE”Formularze – dalsze poprawki
29
![Page 31: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/31.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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.
31
![Page 32: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/32.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected] 32
![Page 33: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/33.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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.
33
![Page 34: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/34.jpg)
WIDOCZNOŚD ELEMENTÓW
- ASYSTENTFormularze
34
![Page 35: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/35.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
![Page 36: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/36.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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”
36
![Page 37: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/37.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected] 37
![Page 38: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/38.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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.
38
![Page 39: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/39.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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
39
![Page 40: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/40.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected]
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
40
![Page 41: DocumentWk](https://reader034.vdocuments.net/reader034/viewer/2022042613/54868d31b479590a0d8b520e/html5/thumbnails/41.jpg)
UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected] 41