documentwk

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

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

POPRAWA NAZEWNICTWA

3

UseLab Sp. z o.o. www.uselab.pl, tel. (22) 863 20 71, [email protected] 4

Strona główna Banku Millennium (stara wersja)


Poprawa nazewnictwa

Zadanie:

„Chciałbyś przeznaczyd 10 000 PLN na miesięczną lokatę.

Znajdź ofertę lokaty o najwyższym oprocentowaniu.”

5


Poprawa nazewnictwa

Problem: link „Millennium”

Spodziewano się „Oferta Indywidualna” lub podobnego

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

7

NIEWIDOCZNOŚD SUBMENUPrototyp nowego serwisu

8


Niewidocznośd submenu

9

Strona główna Banku Millennium (prototyp nowej wersji)



Zadanie:

„Proszę otworzyd konto w Banku Millennium”

10



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



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


Niewidoczne submenu

13

KURSY WALUT

15


Kursy walut

Zadanie:

„Znajdź dzisiejszy kurs dolara”


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


Kursy walut

Najpopularniejsze (najczęściej poszukiwane) kursy walut

zostały przeniesione na górę tabeli

20

UKŁAD WNIOSKÓWFormularze

22


Układ wniosków

Poprzednie wnioski:

gromadzenie wielu

pól na jednym

ekranie


Układ wniosków

Nowy wniosek: rozbicie na mniejsze porcje

24


Układ wniosków

Nowy wniosek: rozbicie na mniejsze porcje

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.)

26


Kluczowe podpowiedzi w bezpośrednim kontekście


Układ wniosków - Efekty

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

28

WIDOCZNOŚD ELEMENTÓW

- „OPCJONALNE”Formularze – dalsze poprawki

29


Widocznośd oznaczeo

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.

31


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

WIDOCZNOŚD ELEMENTÓW

- ASYSTENTFormularze

34


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


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


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


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

documentwk

Documents