WUD Tour 2009 - Powitanie i wprowadzenie do tematyki usability
WUD 2009 - Co chcą zobaczyć klienci sklepów elektronicznych?
1. 2009-11-17
1
Co chcą zobaczyć klienci sklepów elektronicznych?
Preferencje rozmieszczenia obiektów z
wykorzystaniem aplikacji Microvisy y p j
Marcin Kuliński marcin.kulinski@pwr.wroc.pl
Katarzyna Jach katarzyna.jach@pwr.wroc.pl
Laboratorium Ergonomii
Politechniki Wrocławskiej http://ergonomia.ioz.pwr.wroc.pl/
Oprogramowanie: microSzu i microVis
Marcin Kuliński, Katarzyna Jach, Politechnika Wrocławska
http://ergonomia.ioz.pwr.wroc.pl/
Rozmieszczenie typowych obiektów na stronie
sklepu internetowego
Laboratorium Ergonomii
Politechniki Wrocławskiej http://ergonomia.ioz.pwr.wroc.pl/
Cel
• Wyznaczenie lokalizacji typowych
elementów sklepu internetowego
• Określenie stopnia standaryzacji tych
elementówelementów
• Określenie oczekiwań użytkowników
sklepów
Narzędzie i metoda
• Podział ekranu na 48 pól w 8 rzędach i 6
kolumnach
• Określenie podstawowych elementów strony
sklepu internetowegop g
• 93 sklepy internetowe wybrane na podstawie
ankiety
• Określenie położenia wszystkich badanych
elementów na ekranie podstrony sklepu
poświęconej losowo wybranemu produktowi
Analizowane elementy
1. odnośnik do strony
głównej
2. spis wszystkich
kategorii
6. inne produkty w tej
kategorii
7. koszyk z zakupami
8. dodawanie produktug
3. logowanie do konta
4. wyszukiwarka
produktów
5. warunki sprzedaży
8. dodawanie produktu
do koszyka
9. opis produktu
10.fotografia produktu
2. 2009-11-17
2
Odnośnik do strony głównej
• Najbardziej skupione
położenie
• Najczęściej aktywne
logo z odnośnikiem
73% 68% 24% 13% 6% 8% 5% 5%
24% 10% 10% 2% 2% 2% 3% 2%
8% 4% 3% 1%g
• Często aktywne logo
łączone z polem
tekstowym
• Średnio 2,77 zajętych
pól
1%
1% 1% 1%
Odnośnik do strony głównej
Preferencje Stan rzeczywisty
55% 21% 8% 8% 5% 3% 4% 5%
2% 2% 1% 1% 1% 1% 1% 2%
1% 1%
73% 68% 24% 13% 6% 8% 5% 5%
24% 10% 10% 2% 2% 2% 3% 2%
8% 4% 3% 1%
1%
1% 1%
2% 1% 1% 3% 2% 2% 2% 6%
8% 4% 3% 1%
1%
1% 1% 1%
Spis kategorii
• Najczęściej
lokalizacja w górnej
połowie ekranu
2% 5%
15
%
15
%
16
%
15
%
8% 6%
27
%
42
%
38
%
41
%
33
%
29
%
23
%
18
%
19
%
18
%
6% 6% 6% 4% 4% 4%
13 12
• Orientacja pozioma
w górnej części
ekranu lub pionowa
po lewej stronie
• Średnio 1,83 pola
13
%
12
%
12
%
11
%
12
%
11
%
1%
Spis kategorii
Preferencje Stan rzeczywisty
2% 5%
15
%
15
%
16
%
15
%
8% 6%
27
%
42
%
38
%
41
%
33
%
29
%
23
%
18
%
19 18
2% 3% 5% 3% 1% 2% 1% 1%
28% 5% 3% 2% 2% 2% 3% 4%
19
%
18
%
6% 6% 6% 4% 4% 4%
13
%
12
%
12
%
11
%
12
%
11
%
1%
46% 9% 3% 1% 1% 1% 1% 4%
31% 3% 2% 1% 1% 1% 3%
18% 2% 1% 2%
7% 1% 1%
Logowanie do konta
• Rozproszona
lokalizacja, skupienie w
górnej prawej ćwiartce
• Najczęściej odnośnik do
2% 8% 8%
13
%
13
%
14
%
14
%
2% 4% 1% 4% 3% 8%
17
%
8%
3% 3% 2% 2% 2% 5% 5%
j ę j
strony logowania
• W 1/3 przypadków
element złożony z pola
identyfikatora i hasła
użytkownika
• Średnio 1,83 pola
3% 3% 2% 2% 2% 5% 5%
1% 1% 9%
10
%
2% 2% 3% 5%
2% 1% 1% 1% 2%
3. 2009-11-17
3
Logowanie do konta
Preferencje Stan rzeczywisty
2% 8% 8%
13
%
13
%
14
%
14
%
2% 4% 1% 4% 3% 8%
17
%
8%
13% 7% 3% 2% 5% 5% 25% 40%
10% 4% 1% 5% 6%
2% 2% 1% 1%
3% 3% 2% 2% 2% 5% 5%
1% 1% 9%
10
%
2% 2% 3% 5%
2% 1% 1% 1% 2%
2% 2% 1% 1%
1%
1%
1%
Wyszukiwarka produktów
• Lokalizacja w górnej
części ekranu
• Element złożony z
pola do wpisywania i
2% 2% 4% 2% 3% 3% 6% 6%
17
%
19
%
19
%
19%
17
%
13
%
4% 3%
19 20
8% 5% 5% 6% 8% 5%
pola do wpisywania i
przycisku polecenia
• W 5 przypadkach
filtry
19
%
20
%
8% 5% 5% 6% 8% 5%
8% 6% 2% 2% 1% 1%
5% 5% 1% 1%
8% 8% 1% 2%
Wyszukiwarka produktów
Preferencje Stan rzeczywisty
2% 2% 4% 2% 3% 3% 6% 6%
17
%
19
%
19
%
19%
17
%
13
%
4% 3%
19 20
8% 5% 5% 6% 8% 5%
5% 12% 14% 13% 8% 8% 11% 7%
17% 14% 10% 12% 9% 7% 7% 5%
5% 1% 1% 1% 3% 1%
19
%
20
%
8% 5% 5% 6% 8% 5%
8% 6% 2% 2% 1% 1%
5% 5% 1% 1%
8% 8% 1% 2%
5% 1% 1% 1% 3% 1%
2% 1% 1%
1% 1% 1% 1%
1% 1% 1%
Warunki sprzedaży
• Najbardziej
rozproszona
lokalizacja, lekkie
skupienie w lewej
dolnej ćwiartce
ekranu
3% 4% 8% 3% 4%
1% 5% 5% 5% 9% 3% 1%
2% 2% 2% 2% 2% 2%
2% 2% 1% 3% 3%
4% 4% 2% 3% 3%
ekranu
• W 1/4 przypadków
element poza
pierwszym ekranem
strony
• Brak ujednoliconej
terminologii
• Średnio 1,59 pola
– Warunki / zasady
sprzedaży
– Płatności i dostawa
– Warunki handlowe
– Prawo
9% 13% 6% 11% 8% 5% 5% 8%
Warunki sprzedaży
Preferencje Stan rzeczywisty
3% 4% 8% 3% 4%
1% 5% 5% 5% 9% 3% 1%
2% 2% 2% 2% 2% 2%
1% 3% 2% 3% 4% 2% 1%
2% 2% 4% 4% 4% 4% 3% 6%
3% 1% 3% 1% 1% 3% 8% 7% 2% 2% 2% 2% 2% 2%
2% 2% 1% 3% 3%
4% 4% 2% 3% 3%
9%
13
%
6% 11% 8% 5% 5% 8%
3% 1% 3% 1% 1% 3% 8% 7%
3% 1% 2% 2% 3% 6% 5% 6%
4% 2% 5% 7% 7% 4% 3% 5%
8% 7% 14% 15% 15% 6% 5% 5%
Inne produkty w tej kategorii
• Lokalizacja po lewej
stronie ekranu
• Często element
lewostronnego menu
1%
11
%
6% 5% 3% 2%
24
%
26
%
15
%
9% 9% 5% 2% 3%
45 40
4% 2% 1% 1% 1% 2%
lewostronnego menu
hierarchicznego
• Średnio 4,01 pola
% %
4% 2% 1% 1% 1% 2%
39
%
35
%
5% 4% 5% 4% 3% 3%
27
%
25
%
5% 9% 5% 4% 3% 4%
4. 2009-11-17
4
Inne produkty w tej kategorii
Preferencje Stan rzeczywisty
1%
11
%
6% 5% 3% 2%
24
%
26
%
15
%
9% 9% 5% 2% 3%
1% 1% 1% 2% 1% 1%
4% 3% 3% 2% 3% 1% 2% 1%
18% 6% 1% 1% 1% 1% 3% 6% % % %
45
%
40
%
4% 2% 1% 1% 1% 2%
39
%
35
%
5% 4% 5% 4% 3% 3%
27
%
25
%
5% 9% 5% 4% 3% 4%
26% 9% 2% 1% 2% 4% 10%
15% 6% 3% 4% 2% 1% 4% 10%
8% 7% 5% 5% 6% 4% 3% 5%
Koszyk z zakupami
• Przeważająca lokalizacja
w prawym górnym rogu
ekranu
• W pobliżu logowania do
1% 2% 5% 8% 8%
19
%
15
%
2% 3% 1% 2% 3%
18
%
19
%
18 17
p g
konta
• W 1/3 przypadków
element zdublowany na
stronie w dwóch różnych
lokalizacjach
• Średnio 1,94 pola
3% 2% 1% 2% 1% 5%
18
%
17
%
4% 3% 1% 9% 9%
1% 1% 1% 1%
2% 2% 1%
Koszyk z zakupami
Preferencje Stan rzeczywisty
1% 2% 5% 8% 8% 19% 15%
2% 3% 1% 2% 3% 18% 19%
3% 2% 1% 2% 1% 5% 18% 17%
1% 2% 1% 2% 2% 2% 7% 8%
3% 1% 2% 2% 10% 17%
2% 1% 1% 2% 7% 19%
3% 2% 1% 2% 1% 5% 18% 17%
4% 3% 1% 9% 9%
1% 1% 1% 1%
2% 2% 1%
2% 1% 1% 2% 6% 13%
2% 1% 1% 3% 6% 8%
2% 2% 2% 1% 1% 2% 6% 8%
Dodawanie produktu do koszyka
• Lokalizacja głównie w
środkowej części
ekranu, w pobliżu lub
pod fotografią produktu
1% 2% 2% 1%
3% 2% 6% 9%
12
%
5%
5%
10
%
14
%
10
%
8%
1% 3%
12
%
14
%
11% 5%
12
• Duże rozbieżności
terminologiczne
• W 2 przypadkach
zastąpiony rozmiarem
produktu
• Średnio 1,84 pola
– Dodaj do koszyka
– Kupuję
– Do koszyka
– Zamawiam
8% 5% 6% 11%
12
%
5%
Dodawanie produktu do
koszyka
Preferencje Stan rzeczywisty
1% 2% 2% 1%
3% 2% 6% 9%
12
%
5%
5%
10 14 10
8%
1% 1% 3% 3% 2%
1% 1% 2% 5% 3% 8%
5%
0
% %
0
%
8%
1% 3%
12
%
14
%
11% 5%
8% 5% 6% 11%
12
%
5%
1% 2% 1% 2% 2% 9% 10%
1% 1% 1% 1% 3% 5% 7%
2% 2% 4% 2% 3% 9% 6% 8%
1% 2% 1% 2% 6% 5% 5% 4%
Opis produktu
• Lokalizacja w centralnej
i dolnej części ekranu
• Element występujący w
pobliżu fotografii
1% 1% 1% 1% 1%
8%
10
%
11%
10
%
4% 1%
1% 4%
20
%
27
%
40
%
35
%
11% 5%
3% 6%
31 33 49 45 22 14p g
produktu, w większości
pod fotografią
• Największa
powierzchnia, średnio
8,59 pola
3% 6%
% % % % % %
5% 9%
46
%
47
%
48
%
43
%
20
%
14
%
6% 9%
47
%
47
%
49
%
44
%
17
%
10
%
5. 2009-11-17
5
Opis produktu
Preferencje Stan rzeczywisty
1% 1% 1% 1% 1%
8%
10
%
11%
10
%
4% 1%
1% 4%
20 27 40 35
11% 5%
1%
1% 3% 5% 7% 6% 3% 2% 1%
1% 4%
% % % %
11% 5%
3% 6%
31
%
33
%
49
%
45
%
22
%
14
%
5% 9%
46
%
47
%
48
%
43
%
20
%
14
%
6% 9%
47
%
47
%
49
%
44
%
17
%
10
%
3% 5% 16% 23% 26% 19% 2% 1%
1% 6% 25% 35% 35% 22% 2%
2% 6% 31% 39% 39% 20% 2% 1%
1% 3% 10% 14% 12% 7% 2% 1%
Fotografia produktu
• Lokalizacja w dolnej
centralnej części
ekranu
2% 5% 5% 4% 2% 2%
6% 9%
30
%
29% 11%
10
%
6% 3%
• Jeśli obiekt mały (do
2 pól) to zawsze
możliwość
powiększenia
• Średnio 4,76 pola
13
%
17
%
55
%
49%
20
%
13
%
12
%
4%
11%
13
%
34
%
33%
14
%
9%
10
%
6%
2% 4% 9% 4% 5% 5% 4% 2%
Fotografia produktu
Preferencje Stan rzeczywisty
2% 5% 5% 4% 2% 2%
6% 9% 30% 29% 11% 10% 6% 3%
1% 1% 2% 1% 2% 1%
4% 6% 18% 21% 18% 9%
4% 13% 45% 53% 43% 21% 3%
13% 17% 55% 49% 20% 13% 12% 4%
11% 13% 34% 33% 14% 9% 10% 6%
2% 4% 9% 4% 5% 5% 4% 2%
4% 13% 38% 46% 37% 18% 3% 1%
2% 4% 9% 12% 10% 7% 1%
2% 1% 3% 3% 4% 3% 1%
Poziomy standaryzacji wg Nielsena
• Standard
– Min. 80% stron www stosuje ten sam projekt
– Użytkownicy stron są pewni, że dane elementy
działają w określony sposób
• Konwencja
– 50-79% stron www stosuje ten sam projekt
– Internauci oczekują, że większość stałych elementów
strony www będzie działała w określony sposób
• Konfuzja
– nie dominuje jeden projekt strony www
– Internauci nie wiedzą, czego oczekiwać w serwisie
www
Stopień standaryzacji rozmieszczenia
elementów na stronie sklepu internetowego
Element
Preferencje Stan rzeczywisty
Stopień
standaryzacji
Odnośnik do strony
głównej
lewy górny róg lewy górny róg standard
Spis kategorii lewa strona góra standard
Logowanie do konta lewy / prawy górny róg prawy górny róg konwencja
Wyszukiwarka
lewa górna ćwiartka
lewy górny róg /
konwencja
produktów
lewa górna ćwiartka
góra centrum
konwencja
Warunki sprzedaży dolna część centralna lewy dolny róg konfuzja
Inne produkty w tej
kategorii
lewa strona lewa strona konwencja
Koszyk z zakupami prawa strona prawa górna część konwencja
Dodawanie produktu
do koszyka
preferencje rozproszone prawa strona / środek konfuzja
Opis produktu środek
środek / dolna część
centralna
konwencja
Fotografia produktu środek środek konwencja
Warunki sprzedaży
Preferencje Stan rzeczywisty
3% 4% 8% 3% 4%
1% 5% 5% 5% 9% 3% 1%
2% 2% 2% 2% 2% 2%
2% 2% 1% 3% 3%
4% 4% 2% 3% 3%
9%
13
%
6%
11
%
8% 5% 5% 8%
1% 3% 2% 3% 4% 2% 1%
2% 2% 4% 4% 4% 4% 3% 6%
3% 1% 3% 1% 1% 3% 8% 7%
3% 1% 2% 2% 3% 6% 5% 6%
4% 2% 5% 7% 7% 4% 3% 5%
8% 7%
14
%
15
%
15
%
6% 5% 5%
% % %
Dodawanie produktu do koszyka
1% 1% 3% 3% 2%
1% 1% 2% 5% 3% 8%
1% 2% 1% 2% 2% 9%
10
%
1% 1% 1% 1% 3% 5% 7%
2% 2% 4% 2% 3% 9% 6% 8%
1% 2% 1% 2% 6% 5% 5% 4%
1% 2% 2% 1%
3% 2% 6% 9%
12
%
5%
5%
10
%
14
%
10
%
8%
1% 3%
12
%
14
%
11
%
5%
8% 5% 6%
11
%
12
%
5%
6. 2009-11-17
6
Rozmieszczenie elementów sklepu
internetowego
Doświadczenie użytkowników a preferencje
rozmieszczenia
Laboratorium Ergonomii
Politechniki Wrocławskiej http://ergonomia.ioz.pwr.wroc.pl/
Uczestnicy badania
studenci Politechniki Wrocławskiej oraz ASP we Wrocławiu
546 osób (303 kobiety i 243 mężczyzn) w wieku 19–31 lat
zróżnicowane doświadczenie w zakupach online
36%
27%
30%
Marcin Kuliński, Katarzyna Jach, Politechnika Wrocławska
http://ergonomia.ioz.pwr.wroc.pl/
6%
1%
nigdy raz w roku lub
rzadziej
kilka razy w roku raz w miesiącu kilka razy w
miesiącu lub
częściej
Uczestnicy badania
studenci Politechniki Wrocławskiej oraz ASP we Wrocławiu
546 osób (303 kobiety i 243 mężczyzn) w wieku 19–31 lat
zróżnicowane doświadczenie w zakupach online
47,9%
39,9%
kobiety
mężczyźni
Marcin Kuliński, Katarzyna Jach, Politechnika Wrocławska
http://ergonomia.ioz.pwr.wroc.pl/
27,7%
21,8%
2,3%
0,3%
21,4%
26,3%
9,9%
2,5%
nigdy raz w roku lub
rzadziej
kilka razy w roku raz w miesiącu kilka razy w
miesiącu lub
częściej
Potwierdzone różnice wynikające z poziomu
doświadczenia
grupa pierwsza: raz w roku lub rzadziej (N = 345)
grupa druga: kilka razy w roku lub częściej (N = 201)
Marcin Kuliński, Katarzyna Jach, Politechnika Wrocławska
http://ergonomia.ioz.pwr.wroc.pl/
Wpływ doświadczenia: logowanie do konta
kilka razy w roku lub częściej (N = 201)raz w roku lub rzadziej (N = 345)
Marcin Kuliński, Katarzyna Jach, Politechnika Wrocławska
http://ergonomia.ioz.pwr.wroc.pl/
7. 2009-11-17
7
Wpływ doświadczenia: spis wszystkich kategorii
kilka razy w roku lub częściej (N = 201)raz w roku lub rzadziej (N = 345)
Marcin Kuliński, Katarzyna Jach, Politechnika Wrocławska
http://ergonomia.ioz.pwr.wroc.pl/
Wpływ doświadczenia: koszyk z zakupami
kilka razy w roku lub częściej (N = 201)raz w roku lub rzadziej (N = 345)
Marcin Kuliński, Katarzyna Jach, Politechnika Wrocławska
http://ergonomia.ioz.pwr.wroc.pl/
Potwierdzone różnice wynikające z płci
osób badanych
grupa pierwsza: kobiety o niezerowym doświadczeniu (N = 158)
grupa druga: mężczyźni o niezerowym doświadczeniu (N = 191)
Marcin Kuliński, Katarzyna Jach, Politechnika Wrocławska
http://ergonomia.ioz.pwr.wroc.pl/
Wpływ płci: fotografia produktu
mężczyźni o niezerowym doświadczeniu (N = 191)kobiety o niezerowym doświadczeniu (N = 158)
Marcin Kuliński, Katarzyna Jach, Politechnika Wrocławska
http://ergonomia.ioz.pwr.wroc.pl/
Wpływ płci: inne produkty w tej kategorii
mężczyźni o niezerowym doświadczeniu (N = 191)kobiety o niezerowym doświadczeniu (N = 158)
Marcin Kuliński, Katarzyna Jach, Politechnika Wrocławska
http://ergonomia.ioz.pwr.wroc.pl/
Dziękujemy za uwagę
Marcin Kuliński marcin.kulinski@pwr.wroc.pl
Katarzyna Jach katarzyna.jach@pwr.wroc.pl
Laboratorium Ergonomii
Politechniki Wrocławskiej http://ergonomia.ioz.pwr.wroc.pl/