Badanie użyteczności strony internetowej www.empik.com
Autor: Mateusz Mioduszewski II rok WZ, ASP w Katowicach Prowadzący: prof. ASP dr hab. Wiesław Gdowicz dr Marta Więckowska
Spis treści Analiza strony przedstawienie strony układ strony strona główna kategorie i podkategorie produkt koszyk cechy wizualne intereakcja układ strony architektura informacji schemat strony droga zakupu pierwsza ocena wizualna strony podsumowanie pierwszej części badanie użyteczności opis badania scenariusz badania załączniki analiza wyników ankieta przed badaniem analiza wyników – realizacji poleceń zadanie I – analiza zachowań użytkowników zadanie I – analiza poruszania się po stronie zadanie II – analiza zachowań użytkowników zadanie II – analiza poruszania się po stronie zadanie III – analiza zachowań użytkowników zadanie III – analiza poruszania się po stronie zadanie III – zestwanienie kroków podsumowanie sposobów wyszukiwania ankieta po badaniu załączniki – ankiety
Przedstawienie strony empik.com empik.com jest to jeden z największych w Polsce sklepów internetowych związany z kulturą i rozrywką. Jego asortyment obejmuje kilka kategorii: książki, muzyka, filmy, multimedia, wydania obcojęzyczne, art.&pap, perfumy oraz elektronikę. Wirtualny salon oferuje komfortowe oraz szybkie zakupy z dostawą do domu czy też odbiór w salonie Empik przy zerowych kosztach dostawy. empik.com nie jest jedynie platformą e-commerce, ale również salonem kulturalnym. W serwisie zamieszczane są recenzje książek, płyt, filmów. Dodatkowo działa sekcja Empikultura, gdzie zamieszczane są zapowiedzi spotkań, relacje foto oraz wideo, z gośćmi którzy odwiedzili salony Empik, rekomendacje uznanych recenzentów, jak również aktualności kulturalne z kraju i ze świata. empik.com funkcjonuje jako witryna www ale również jako aplikacja mobilna na smartfony
Cel strony
Użytkownicy strony
Dostępne funkcje
– sprzedaż produktów – książki/ebook – muzyka/filmy/multimedia – elektronika – produkty do domu/dla dzieci – odzież sportowa/perfumy – promocja wydarzeń kulturalnych – pozyskanie nowych klientów – promocja marki – promocja innych stron – empikfoto.pl – empiktravel.pl – smyk.pl – kepme.pl – teksty.org
– klienci indywidualni – osoby zainteresowane zakupami online – osoby zainteresowane informacjami kulturalnymi
– konto osobiste – kupno – e-biblioteka – schowek – recenzje – koszyk – wyszukiwarka – menu – info/pomoc
Elementy strony
strona główna 1.
2. 3.
Strona główna wita nas wielką reklamą czy ofertą produktów, które można kupić w empiku. Banery zajmują praktycznie całą powierzchnie pierwszego ekranu. Cała witryna jest bardzo długa, przewija się ją 6 razy żeby dojść do samego dołu gdzie znajduje się stopka. Znajduje się tu wiele produktów.
4. 6. 5.
7.
Pomocną opcją jest pasek wyszukiwarki znajdujący się zawsze na górze ekranu. Pomaga w szukaniu produktów i grupy produktów. W całej witrynie (oprócz podstrony koszyk) znajdują się stałe elementy takie jak przekierowanie na inne strony (nr 1) pomoc (nr 2) konto osobiste (nr 3) logo (nr 4) wyszukiwarka (nr 5) koszyk (nr 6) menu (nr 7) produkt (nr 9) stopka (nr 8) Na stronie głównej można znaleźć: filtr „bestsellery” (nr 8) newsletter (nr 10) empikulura (nr 11)
11.
8. 9.
10.
12. banery promocyjne/promocje linnia oddzielająca ekrany widoczne na monitorze
13. 14.
Elementy strony
kategorie i podkategorie
W stronie kategorii również pojawiają się banery promocyjne oraz sugerowane produkty. Dalszy wybór można sprecyzować poprzez filtry które są umieszczone na pasku w lewym górnym boku, pod kategoriami. (nr 1) dostępne filtry: kategorie cena autor dostępność bestsellery/nowości/zapowiedzi/promocje Dodatkowo w niektórych kategoriach pojawiają się także: rodzaj/oprawa (książka) serie (książka) format (e-book) polecani artyści (muzyka/mp3) albumy/utwory (muzyka/mp3) gry cyfrowe/PC/playstation 3/ xbox 360(multimedia) typu: aparaty/telefony/energia itp (elektronika) wiek/płeć (zabawki) bohater (zabawka) popularne marki (zabawki/dom i wnętrze/sport) kuchnia/salon/łazienka/przedpokój/pokój dziecięcy/(dom i wnętrze) dekoracje (dom i wnętrze) pielęgnacja/makijaż/akcesoria/włosy (perfumeria) mężczyzna (perfumeria) odzież/obuwie/akcesoria/bagaż/sprzęt sportowy (sport)
banery promocyjne/promocje linnia oddzielająca ekrany widoczne na monitorze filtry
1.
Elementy strony
produkt
Na stronie z produktem zawsze znajduję się zdjęcie produktu (nr 1) tytuł (nr 2) pole kupna zakupu (nr 3) opis dane szczegółowe recenzje reklamy innych produktów elementy stałe strony (stopka/logo/menu) Dodatkowo – książki wybór okładki/medium darmowy fragment(parę stron które są fatalnie złożone) – e-booki wybór formatu możliwość pobrania fragmentu – muzyka/mp3 możliwość wysłuchana każdego z utworów (30 sek. próbki ze środka utworu) – perfumy/ubrania wybór pojemności/rozmiaru
banery promocyjne/promocje linnia oddzielająca ekrany widoczne na monitorze
1.
3. 2.
Elementy strony
koszyk 1.
Koszyk jest inaczej zbudowany niż reszta strony. Kolorystycznie i typograficznie odpowiada reszcie witryny. Strona jest bardziej przejrzysta i uporządkowana. Posiada ona pomocne w wypełnieniu formularza informacje. Umieszczono je przy polach w których znajdują się miejsca do wpisu. (zaznaczone na niebiesko)
koszyk
2.
Proces zakupu jest podzielony na 4 etapy, wizualnie przedstawione na pasku, który znajduję się zawsze w tym samym miejscu (nr 1) etapy: I koszyk lista produktów którą można modyfikować, zwiększać ilość produktów II dostawa i płatność sposób dostawy (przesyłka/odbiór w salonie) dane do faktury/dane gdzie na kogo mają być wysłane produkty sposób płatności (płatność online/płatność przy odbiorze) 3. możliwość dania uwagi dla kuriera III finalizacja możliwość zmiany poprzednich informacji przewidywany termin dostarczenia (nr 3) IV potwierdzenie powtórzenie informacji z poprzedniego kroku ostateczny rachunek (nr 5) możliwość udostępnienia zakupu na facebooku
dostawa i płatność
4. finalizacja
W pierwszych trzech etapach po prawej stronie jest pole podsumowujące kwotę łącznego zakupu oraz mocno zaznaczony guzik „przejdź dalej który świeci się na pomarańczowo w momencie dobrze wypełnionych formularzy (nr 2)
5.
potwierdzenie
6.
Cechy wizualne
typografia i kolorystyka
Kolorystyka Strona posiada białe neutralne tło. Głównym kolorem jest czarny zastosowany w typografii zamiennie z niebieskim pojawiającym się przy najeździe kursora. Najbardziej wyróżniającym się kolorem jest pomarańczowy zastosowany w przyciskach związanych z zakupem. Mimo skromnej kolorystyki stałych elementów strona wydaje się chaotyczna kolorystycznie. Jest to spowodowane dużą ilością banerów informacyjnych i mnogością produktów.
– typografia (zmiana przy najeździe)
R 0; G 0; B 0 R 82; G 113; B 184
– typografia w stopce
R 113; G 117; B 127
– tło stopki – guziki związane z kupnem – cena
R 247; G 247; B 247 R 225; G 119; B 0 R 210; G 350; B 42
Typografia Na stronie pojawia się jeden krój pisma Tahoma w dwóch odmianach: regular i bold. Jest to krój jednoelementowy. Zastosowano pięć wielkości pisma: 11 px – typografia w stopce 12 px – filtry, poddziały, cena, nazwa produktu, informacje w koszyku 14 px – działy w menu, wybór kategorii, cena pod produktem 16 px – guzik „szukaj” 18 px – tytuły działów
Interakcja
wyróżnienie rodzajów interakcji
Na stronie znajdują się elementy, które są uaktywniane poprzez różne sposoby akcji. Takimi sposobami są: kliknięcie, najazd oraz wpisanie tekstu.
kliknięcie:
powrót na stronę startową (zastosowane w logu empik.com) przejście do następnej strony (zastosowana w większości przycisków) przewijanie poziome (sposób prezentacji produktów) przewinięcie na początek strony (jeden przycisk znajdujący się po lewej stronie witryny)
najazd: zmiana koloru (zastosowana głównie w nagłówkach/menu/ważniejszych podpisach do produktów/stopce) rozjaśnienie (zastosowana przy najeździe na „do koszyka”) rozwinięcie (przy najeździe na koszyk, menu)
wpisanie: pomoc w szukaniu fraz (zastosowana w wyszukiwarce)
przed zmianą w trakcie interakcji
Układ strony – elementy stałe: – wyszukiwarka/menu – pomoc – kupno (produkt) – etapy kupna (koszyk) – podsumowanie zakupu (koszyk) – stopka
strona startowa
– produkty/informacje o produktach – filtry
kategorie/podkategorie
produkt
koszyk
Architektura informacji
menu główne
kategorie/podkategorie
podkategorie/filtry
elementy przekierowujące na inną stronę
Schemat strony Celem strony jest sprzedaż więc cała droga użytkownika powinna skończyć się w „koszyku”. Użytkownik mijając kolejne etapy zakupu mija wiele produktów. Może precyzować czego szuka poprzez wybór kategorii, podkategorii czy różnego rodzaju filtrów. Z główniej strony możemy przedostać się do koszyku poprzez wybranie produktu, kategorii, baneru promocyjnego, czy po wpisaniu w wyszukiwarce.
info pomoc empikultura konto osobiste inne strony empik
banery promocyjne
empik.com
wyszukiwarka
kategorie
filtry
pod– kategorie
produkt koszyk strony z produktem
filtr
inne strony
Kupno
możliwe drogi dojścia do kupna produktu
Schemat przedstawia drogę którą trzeba przebyć by dokonać zakupu. Podzieliłem go na II etapy – sposób wyboru produktu – proces zakupu.
I etap A
wybieram produkt
klikam „do koszyka”
B
wybieram produkt
klikam jego nazwę
jestem na stronie produkt
II etap klikam na piktogram koszyk
jestem na stronie koszyk
klikam dalej
I etap: możemy podzielić na II kategorie: A dodanie produktu do listy zakupów (poprzez kliknięcie pod jego polem przycisku „do koszyka”) i kontynuowanie dalej zakupu B przejście ze strony produktu bezpośrednio na stronę koszyk (poprzez kliknięcie przycisku „kup teraz”) II etap Następnym etapem jest strona koszyk. możemy z niej kożystać równiez bez posiadania konta. klikam „kup teraz”
zakupy bez rejestracji
(wpisuje mail/wyrażam zgodę/akceptuję warunki kożystania ze strony)
rejestruję się
(wpisuje imę i nazwiko, mail, hasło/wyrażam zgodę/akceptuję warunki kożystania ze strony)
wpisuję login i hasło
wpisuję dane do rachunku
wybieram sposób dostawy
wybieram formę płatności
klikam dalej
klikam zaloguj
potwierdzenie
klikam dalej
krok pierwszy
finalizacja
dalsze kroki
Test
Pierwsza wizualna ocena strony internetowej
Test został wykonany za pomocą portalu DRAFTEST. W teście brało udział 10 ankietowanych. Osoby ankietowane oceniały na bazie printscreenu pierwsze wrażenie, kolorystykę, ekspozycje marki, innowacykność, prezentacje informacji oraz użyteczność. Skalą oceny był przedział od 1 do 5 gdzie 1 był najsłabszą oceną a 5 najlepszą. Osoby ankietowane oceniły stronę na średnim poziomie. Najniższą ocenę dostała innowacyjność, a najwyższą ekspozycja marki.
dobrze
źle pierwsze wrażenie
2,8
kolorystyka
2,8 3,5
ekspozycja marki innowacyjność prezentacja informacji użyteczność
1,9 2,8 3,0
Podsumowanie
plusy i minusy strony
plusy – wygodna wyszukiwarka (dopowiada frazy przy wyszukiwaniu, można wyszukać jeden produkt jak również całą grupę tego rodzaju produktów) – możliwość kupna bez zakładania konta (trzeba podać maila, lecz i tak jest to wygodniejsza opcja niż zakładanie konta) – zastosowanie filtrów – łatwy powrót do strony głównej – uporządkowany koszyk – pomocne informacje przy wypełnianiu formularza – ograniczona gama kolorystyczna – informacja o dacie przyjścia przesyłki
minusy – bardzo długa strona (przewija się ją 6 razy, z czego na pierwszym ekranie znajdują się głównie banery promocyjne) – duży i intensywny przycisk zakupu (jest irytujący przy dłuższym przeglądaniu produktów) – brak możliwości wyboru daty wysyłki – brak możliwości anulowania przesyłki w ostatnim etapie zakupu – duże banery promocyjne – rozpraszająca reklama użyta przy rozwijaniu menu – jednojęzyczna
Badanie użyteczności Pytania badawcze – jaki jest czas wyszukiwania produktu – czy doświadczenie związane z wcześniejszym korzystaniem z witryny wpłynie na czas wyszukiwania produktów – w jaki sposób użytkownik wyszukuje produkty – czy użytkownik używa filtrów – czy użytkownik korzysta z banerów informacyjnych – czy użytkownik napotka jakieś trudności w trakcie wykonywania poleceń
Cel badania – zbadanie procesu szukania produktu – zbadanie użyteczności zastosowanych opcji wyszukiwania
Przedmiot badania Obserwacja zachowania użytkowników w trakcie obsługi strony internetowej, weryfikacja opini respondentów oraz zapis zrozumienia sposobu działania strony.
Osoby badane Podział na 2 grupy badawcze, ze względu na częstotliwośc robienia zakupów w internecie
Badanie użyteczności
opis badania
Ankieta informacje doty zące: – profilu użytkownika – opini użytkownika dotyczącej strony – ocena użyteczności –czy pojawiły sie problemy w
Co będzie badane – czas wykonywania zadania i przejścia pomiędzy krokami – droga użytkownika do kupna produktów – rodzaje akcji, – kroki, – błędy, – efektywność, – przysfajalność, – wykonanie zadania.
Sposób pomiaru zachowań użytkownika – obserwacja procesu zakupu – dokumentacja filmowa procesu zakupu – zapis komentarzy użytkownika, – pomiar czasu wykonywania polecenia – ankiety przed i po badaniu badaniu personalizujące użytkownika oraz sprawdzające stopień zrozumienia informacji
Badanie użyteczności
scenariusz badania
I etap – ankieta przed badaniem Aniekta przed badaniem określa grupę badawczą oraz dostarcza informacji o doświadczeniu respondenta związanym z zakupami internetowymi. Ankieta nr 1 znajduję się na stronie z zakładkami (str 36)
II etap – badanie użyteczności (czas wykonania poleceń jest nieograniczony. Badani w trakcie wykonywania poleceń mogą wypowiadać swoje uwagi i komentować przebieg.) Każde z poleceń będzie podawane oddzielnie Respondenci wykonują polecenia: 1. Zapoznaj się ze stroną (2 min) 2. Zamów odbitki zdjęć 3. (zostanie wybrany z jednego z banerów promocyjnych) 4. Zamów produkty widniejące na liście – książka „Pan Tadeusz” A. Mickiewicz – książka „Harry Potter” J. K. Rowling – płyta „blackstar” D. Bowie – telefon Iphone 6 – prezent koledze ktory lubi słuchać audiobooki o tematyce kryminalnej – prezent koleżance która lubi grać w gry sportowe na playstation 4
III etap – ankieta po badaniu Respondent otrzymuje aniekte, w której określa użyteczności strony oraz stopień trudności wykonywanych poleceń. Zaznacza z których ementów wyszukiwania korzystał oraz w jaki sposób były dla niego użyteczne. Ankieta nr 2 znajduję się na stronie z zakładkami (str 36)
Analiza wyników
ankieta przed badaniem
W badaniu brało udział 6 osób. Z ankiety wynikło, że każdy z badanych był w przedziale wiekowych 18–25. Każda z osób korzytała wcześniej z zakupów internetowych. Połowa badancyh korzytała wcześniej z witryny empik.com Badani w dalszej cześci analizy zostaną podzieleni na osoby doświadczone w korzystaniu ze strony empik.com oraz niedoświadczone.
Czestotliwość kożystania z zakupów internetowych: kilka razy w roku kilka razy w miesiącu jednostkowo Dziedziny w których badani dokonywali zkupów internetoych: bilety ksiąki moda uroda i zdorwie elektronika muzyka kultura gry dom i ogród Platformy sprzedażowe z których badani korzystali: allegro 5, empik 4, zara 2, ebilety, zalando 2, pojedynczo: sarenza, evenfim, biletomat, światksiążki, deezee, magicbox, matras, vinted, , ebay, asos, merlin
osoby, które nigdy nie korzystały z empik.com osoby, które korzystały z empik.com oznaczenie jedej osoby
Analiza wyników – realizacji poleceń
zadanie I – analiza zachowań użytkowników Zadnie pierwsze polegało na zamówieniu odbitek. Na stronie głównej znajdowały się dwa przyciski prowadzące do strony, gdzie tą czynność można było wykonać. Jedno z nich w menu głównym a drugie w sporym banerze reklamowym znajdującym się przy końcu strony, trzeba było ją przewinąć w dół 6 razy. Pierwsze 2 minuty które badani poświęcili na przejrzenie strony miało zweryfikować czy dotrą do końca długiej strony początkowej i znajdą baner. Polecenie: Zamów standardowe odbitki zdjęć o formacie 10 na 15 (cm) Etapy realizacji polecenia: A menu (foto)
D „odbitki 10/15” E „prześlij zdjcia” F „zarejestruj sie”
B kat. odbitki C „linnia standard” os. 1 A
Każdy badany rozpoczął od zakładki menu „foto”. Oprócz osoby 1 wszyscy następnie kliknęli wysuwającą się propozycje „linia standard”. Osoba pierwsza zrobiła o jeden krok więcej klikając wysuwającą się kategorie „odbitki”. Widoczne jest to, że osoby doświadczone pamiętały sposób działania strony. Nie klikały one na na menu wiedząc że rozwija si ono po najeździe. Osoba pierwsza początkowo chciała zakończyć zadanie tak jak wszyscy czyli klikając pomarańczowy przycisk „prześlij zdjęcia” lecz zauważyła poniżej instrukcje postępowania, która zalecała najpierw zalogowanie się a później dodanie odbitek. Reszta badanych po wciśnięciu przycisku „prześlij zdjęcia” została przekierowana na stronę logowania.
B C D
os. 2 A
E
C
F
52 sek.
D os. 3 A
E 32 sek.
C D
os. 4 A
5 E 29 sek.
C E 36 sek.
F os. 5
poruszanie kursorem w obrbie jednego ekranu scrollowanie pisanie bezruch klikniecie najazd przejście na inną strone cofniecie
D C
A
D os. 6 A
E 30 sek. C D E
(sek.) 0
2
10
20
30
40
40 sek. 50
A
osoby, które nigdy z witryny osoby, które korzystały z witryny oznaczenie kroku
zadanie I – analiza poruszania się po stronie Schemat pokazuje interfejs witryny empik.com. Zaznaczone pola oznaczają miejsca w których poruszają się badani. Litery przypisane obszarom mówią nam o etapach realizacji poleceń. W pierwszym etapie był to górny obszar interfejsu (menu jest szybko zauważane) następnie obszar przesunął się delikatnie w dół tu badani wybierali rodzaj odbitek. Osoba pierwsza dodatkowo wybrała opcje zalogowania która znajduje się po prawej stronie. Żadna z osób nie dotarła do końca witryny gdzie znajdował się baner dotyczący fotografii. Osoby komentowały negatywnie jej długość. Większość była zdziwiona tak szerokim asortymentem znajdującym się w witrynie.
logo
wyszukiwarka
A–C filtry
koszyk
menu produkty
D F produkty
Koniec witryny w którym znajduje się baner dotyczący fotografii
Miejsce w którym znajdduje się baner dotyczący fotografii stopka
A liczba i kolor etapu obszar klikania i poruszania kursorem
zadanie II – analiza zachowań użytkowników Zadnie drugie polegało na znalezieniu produktu, który jest promowany przez stronę empik.com. Produkt był na banerach reklamowych znajdujących się na stronie głównej i podstronach. Celowo została podana tylko nazwa produktu by zbadać czy badani zwracali uwagę na zawartość banerów reklamowych.
Najkrócej wykonały te zadanie 2 osoby doświadczone. Najdłużej osoba niedoświadczona, jest to spowodowane błędnym wpisaniem nazwy produktu. Jeden Badany początkowo chciał normalnie się zarejestrować lecz po 6 sekundach cofnął swój ruch i wybrał metodę którą wszyscy wybrali czyli „zakupy bez rejestracji”
Polecenie: Kup produkt „the division” Etapy realizacji polecenia:
A pole wyszukiwarki C szukaj D nazwa produktu
E dodaj do koszyka F piktogram koszyk G przejdź do koszyka
„the ...
os. 1 A
... vision”
H przejdź dalej I zakupy bezrejestracji J rejestracja
C F`
E
G H
„the visipon”
os. 2 A
C A
os. 4 A
81 sek.
H
I 41 sek.
C
„the vision”
E
F
G
F
E
G H
„the vision” os. 5 A
poruszanie kursorem w obrbie jednego ekranu scrollowanie pisanie
I 35 sek.
C D
I
C E
F G H
2
G
I
FG
H
(sek.) 0
F
H
D
os. 6 A
C
C E
„the vision”
I E
„the vision”
os. 3 A
„the vision”
J
10
20
30
klikniecie najazd przejście na inną strone cofniecie
61 sek.
I 38 sek. 40
50
60 A
osoby, które nigdy z witryny osoby, które korzystały z witryny oznaczenie kroku
zadanie II – analiza poruszania się po stronie W pierwszym etapie badani skorzystali z wyszukiwarki znajdującej w środkowym górnym obszarze witryny, później wybierali produkty znajdujące się poniżej menu na środku witryny. Następnie aby przedostać się do koszyka klikali jego piktogram który znajdował się obok wyszukiwarki (Piktogram „koszyk” jest dobrze oznaczony i został szybko odnaleziony przez badanych) Na stronie koszyk badani poruszali się w górnym środku witryny. Dobrą opcją zastosowaną przy zakupie jest możliwość kupna bez rejestracji.
logo
A–C
wyszukiwarka
koszyk
menu filtry
F–G
baner reklamowy
H–J
produkty
D–E
A liczba i kolor etapu obszar klikania i poruszania kursorem
zadanie III – analiza zachowań użytkowników Zadnie trzecie polegało na zrobieniu listy zakupów, skłądające się z 6 produktów. Analizę tego zadania podzieliłem na 4 części, ze względu na sposoby wyszukiwania. Dla pierwszych trzech produktów badani mieli podany tytuł, dane autora oraz rodzaj produktu.
Badani wykonali te zadanie w podobnym czasie. Jedna osoba która pierwszy raz dokonywała zakupu wykonała te zadanie dłużej (Respondent w późniejszych zadaniach ma dłuższy czas od pozostałych badanych). Wszyscy badani użyli wyszukiwarki do wyszukania produktów. W pierwszym i drugim zadaniu wszyscy badani szukali poprzez wpisanie tytułu dzieła. W trzecim zadaniu 4 osoby wpisały nazwę artysty a dwie nazwę dzieła.
I typ poleceń: Zamów produkty widniejące na liście – książka „Pan Tadeusz” A. Mickiewicz – książka „Harry Potter” J. K. Rowling – płyta „blackstar” D. Bowie
os. 1
os. 2
„pan tadeusz” B C B
„pan ta”
„harry potter” F E F
D
„harry potter” F D E
C
D
„harry potter” F E
D os. 6
B
„pan ta”
E
„pan tade”
„harry”
E
J
F J
„david bowie”
20
M
40
F 30
klikniecie najazd przejście na inną strone cofniecie
K
„harry poter”
E
poruszanie kursorem w obrbie jednego ekranu scrollowanie pisanie
M H
C
10
K
K
H J 2
„david bowie”
„blackstar”
H
D (sek.) 0
K
M
F
C
K M
„david bo”
„harry po”
D os. 5 B
J
H C
„blackstar”
J
M
„pan tadeusz”
B
J
H
„pan tadeu” os. 3 B C
os. 4
H
Etapy realizacji polecenia: A menu (książki) B pole wyszukiwarki C podopwiedź w wyszukiwarce D dodaj do koszyka E pole wyszukiwarki F podopwiedź w wyszukiwarce G filtruj po (wybór okładki na twardą) H dodaj do koszyka J pole wyszukiwarki K podopwiedź w wyszukiwarce L sortuj po (tytuł od A do Z) M dodaj do koszyka
„david bo”
K 40
M
50
60
A
osoby, które nigdy z witryny osoby, które korzystały z witryny oznaczenie kroku
zadanie III – analiza poruszania się po stronie Badani rozpoczynali szukanie szukanie produktów od wyszukiwarki która zanjduje się na środku u góry interfejsu. Po wpisywaniu fraz pojawiały się podpowiedzi. (Opcja ta została szybko zauważona przez badanych i wykorzystana do późniejszego szukania.) Następnie badani wybierali produkty które znajdowały się na środku witryny. Jedna osoba precyzowała swoje wyszukiwanie poprzez filtry znajdujące się po lewej stronie witryny.
miejsce w którym znajduje się wyszukiwarka
A–C,E–F,J–K logo
koszyk
wyszukiwarka menu
filtry produkty
L
produkty
D,H,M
A liczba i kolor etapu obszar klikania i poruszania kursorem
zadanie III – analiza zachowań użytkowników Kolejne zadanie polegało na wyszukaniu telefonu. Są trzy sposoby wyszukania telefonu: – Rozpoczęcie od wpisania frazy w wyszukiwarce, – wybranie w menu głównego kategorię elektronika – znalezienie telefonu w produktach znajdujących się na stronie głównej.
Czas wykonania zadania jest najkrótszy u dwóch osób które zaczęły sposób wyszukiwanie poprzez menu główne. Jest to naszybsza droga dojścia to tego produktu. Przy wpisywaniu frazy „iphone 6” przeglądarka pokazywała głównie dodatki telefoniczne a nie sam telefon. Badani musieli szukać przewijając stronę lub precyzować swój wybór poprzez filtry. Dwóch badanych kilkukrotnie wpisywało frazę. Spowodowało to iż ich czas się wydłużył.
polecenie: Zamów produkty widniejące na liście – „telefon Iphone 6”
os. 1
os. 2
os. 3
os. 4
A
B
D
A
A
os. 5
D
A
E
E
J
„iphon 6” A
J
F B „iphone 6” B
C B
„iphone 6”
(sek.) 0 2
D
G
„iphone 6”
A
os. 6
Etapy realizacji polecenia: A pole wyszukiwarki B szukaj C zmiana kategorii w wyszukiwarce D menu (elektronika) E kategoria telefony F filtruj po (producent - apple) G baner smartfony I filtruj po (cena - od 300) J dodaj do koszyka
„iphone 6”
C
J
B
I
„iphone 6”
B
poruszanie kursorem w obrbie jednego ekranu scrollowanie pisanie
J
„apple iphone 6” B C
klikniecie najazd przejście na inną strone cofniecie
J
E
J
F 10
20
30
40
50
A
osoby, które nigdy z witryny osoby, które korzystały z witryny oznaczenie kroku
zadanie III – analiza poruszania się po stronie Dwóch badanych zaczęło swoje szukanie poprzez menu główne znajdujące się u góry interfejsu tuż pod wyszukiwarką. Następnie precyzowali swój wybór poprzez filtry znajdujące się po prawej stronie (używanie filtrów jest bardzo intuicyjne i usprawnia wyszukiwanie). Jedna osoba znalazła produkt od razu po kliknięciu w menu głównym elektronika–telefony. telefon pokazał się w banerze reklamowym. Ostatnim etapem było znalezienie wśród produktów znajdujących się pod menu głównym odpowiedniego telefonu. Pozostali badani zaczęli swoje wyszukiwanie od wyszukiwarki która znajduję się u góry na środku interfejsu. (przy wyszukiwarce znajduję się pole w którym jest podana kategoria produktów. jak się okazało nie zmienia się przy wyszukiwaniu następnego przedmiotu. Trzech badach musiało zmienić tą informacje żeby wyszukać produkt. Dwie osoby na początku nie mogły zaleźć powodu złego wyszukiwania.) Jedna osoba zrezygnowała z takiego sposobu wyszukiwania i zmieniła ją na menu główne. po przejściu do następnej strony badani szukali telefonu wśród innych produktów znajdujących się w pasie zajmującym na szerokość prawie całą witrynę.
D–E
logo
A–C wyszukiwarka
koszyk
menu
filtry produkty
G
F,J produkty
J
A liczba i kolor etapu obszar klikania i poruszania kursorem
zadanie III – analiza zachowań użytkowników Ostatnie produkty celowo nie miały podanych nazw. Polegały na kupieniu prezentu dla znajomych. Pierwsze zadanie dotyczy audiobooka.
Polecenie było wykonywane najdłużej. Osoby, które wcześniej korzystały z witryny wykonały je szybciej od pozostałych. Jeden badany doświadczony wykonał je zdecydowanie szybciej od pozostałych. Odnalazł najszybciej kategorię w której były audiobooki. Badani szukali tej kategorii w menu główny mając duże problemy.
polecenie: Zamów produkty widniejące na liście – „prezent koledze który lubi słuchać audiobooki o tematyce kryminalnej”
Etapy realizacji polecenia: A menu (ebooki) B kategoria ebooki C filtruj po biznes i ekonomia D menu (książki) E kategoria audiobooki CD
os. 1 A
F menu (muzyka) G pole wyszukiwarki H sortuj po (tytuł od A do Z) I dalej J filtr (pokaż tylko ebooki)
K filtr audiobooki L filtr nauki ścisłe M filtr poradniki N filtr biznesowe O dodaj do koszyka
B C
os. 2 G
J
F
„biznes i ekonomia”
D
„audiobooki” G I
F
F
I
I
I D E
os. 3 A
E
B
L os. 4 D
K
M
N
80
90
100
120
O
os. 6 G
A
N
O
E C 10
20
30
O 40
50
M
N
O
60
70
poruszanie kursorem w obrbie jednego ekranu scrollowanie pisanie bezruch
130
klikniecie najazd przejście na inną strone cofniecie
E M
(sek.)
J K
O
O
E C
os. 5 D
I C
A
osoby, które nigdy z witryny osoby, które korzystały z witryny oznaczenie kroku
zadanie III – analiza poruszania się po stronie Badani głównie zaczęli swoje wyszukiwanie od menu głównego. (oprócz jednej osoby niedoświadczonej) Menu główne nie zawiera takiej kategorii jak audiobooki. Szukali w takich kategoriach jak e-booki, książki, muzyka. Znalezienie docelowej kategorii okazało się dużym utrudnieniem. Dwóch badanych skorzystało z wyszukiwarki lecz ponownie wrócili do sposobu wyszukiwania rozpoczynając od menu głównego. Po znalezieniu kategorii badani precyzowali swoje wyszukiwanie przez filtry. Ostatnim etapem było znalezienie e-booka wśród produktów.
logo
A–B,D–F
G wyszukiwarka
koszyk
menu
filtry produkty
C,H–N produkty
O
A liczba i kolor etapu obszar klikania i poruszania kursorem
zadanie III – analiza zachowań użytkowników Ostatnie zadanie również polegało na kupieniu prezentu znajomemu. Tym razem była to gra na konsolę. polecenie: Zamów produkty widniejące na liście – „prezent koleżance która lubi grać w gry sportowe na playstation 4”
D dodaj do koszyka E przejdź do koszyka F przejdź dalej G logowanie bez rejestracjii
Etapy realizacji polecenia:
A menu (gry i konsole) B kat. Playstation 4 C filtr sportowe os. 1
A
A
A
A
A A
E
menu filtry
produkty i banery reklamowe
F E
D
F
B E
D
F
B E
D
F
B C
(sek.)
koszyk
E
D
C os. 5
F
wyszukiwarka
B
C os. 6
logo
B
C
os. 4
E
D
C os. 3
A–B
B C
os. 2
Polecenie zostało wykonane tak samo przez wszystkich badanych. Czas również jest bardzo podobny. Widoczne jest to, że bardzo sprawnie dotarli do szukanego produktu. Badani zaczęli szukanie od menu głównego później precyzując kategorię poprzez filtry. Widoczne jest tutaj, że respondenci nauczyli się układu menu,oraz sposobu wyszukiwania. Kolejny raz widać że badani wybrali sposób zakupu bez rejestracji.
D
E F A
poruszanie kursorem w obrbie jednego ekranu scrollowanie pisanie bezruch klikniecie najazd przejście na inną strone cofniecie osoby, które nigdy z witryny osoby, które korzystały z witryny oznaczenie kroku
D,F–G C
A liczba i kolor etapu obszar klikania i poruszania kursorem
produkt 3
produkt 2
produkt 1
zadanie III zestwaienie kroków menu (książki)
1
wyszukiwarka
2 3
1
1
1
1
1
dodaj do koszyka
4
2
2
2
2
2
wyszukiwarka „Harry Potter” (w kat. książki)
1
1
1
1
1
1
filtruj po (wybór okładki na twardą)
2
dodaj do koszyka
3
2
2
2
2
2
menu (muzyka)
1
wnioski
wyszukiwarka „David Bowie” (w kat. muzyka)
2
Pierwsze trzy produkty zostały wyszukiwane identycznie przez wszystkich oprócz jednego badanego (niedoświadczonego w użytkowaniu strony). Ten użytkownik wykonał najwięcej kroków które różnią się od innych badanych . Największą różnice w krokach widać w zadaniu w którym trzeba było zamówić telefon. Tu badani używali różnych sposobów wyszukiwania w trakcie je zmieniając.
„Pan Tadeusz” (w kat. książki)
wyszukiwarka „Blackstar” (w kat. muzyka) sortuj po (tytuł od A do Z)
3
dodaj do koszyka
4
wyszukiwarka „iphone 6”
1
1
1
1
1
1
2
2
2
2
2
1 2
1 2 4 3
1 2
1 2
zmiana kategorii w wyszukiwarce menu (elektronika)
2
kat. telefony
3
1
Zadanie trzecie zostało podzielone na poszczególne produkty.
6 7
filtruj po (producent - apple)
3
baner smartfony
2
8 3
filtruj po (cena - od 300) do koszyka
3
5
wyszukiwarka „iphone 6 telefon” produkt 4
Schemat przedstawia zestawienie wszystkich wykonanych kroków. Kropka oznacza że dany krok został wykonany prez jedną osobe a liczba w nim zawarta wskazuje który to był krok.
4
4
3
9
4
4
1
osoby, które nigdy nie korzystały z empik.com osoby, które korzystały z empik.com oznaczenie jedego kroku numer kroku
menu (ebooki)
1
kat. ebooki
2
filtruj po biznes i ekonomia
3
2
menu (książki)
4
3 4
produkt 5
kat. audiobooki CD menu (muzyka)
5
wpisanie frazy „audiobooki”
6
sortuj po (tytuł od A do Z)
7
szukanie na nastpnych podstronach
8
filtr (pokaż tylko ebooki)
9
filtr audiobooki
1
produkt 6
1
1 4 2
1 2
2
2
3
W produkcie 5 oprócz jednej osoby wszyscy badani zaczęli wyszukiwanie od menu e-booki. W tym poleceniu zostało wykonanych dużo kroków. Dwie osoby niedoświadczone wielokrotnie używało filtrów. Pięciu badanych użyło filtru „biznesowe” W ostatnim zadaniu badani mieli identyczne kroki oprócz dwóch doświadczonych badanych. Respondenci od razu po przejściu z menu głównego znaleźli szukaną grę.
4
10
3
filtr nauki ścisłe
koszyk
1
wnioski
5
3
filtr poradniki
11
filtr biznesowe
12
5
6
3
4
dodaj do koszyka
13
6
7
4
5
5
menu (gry i konsole)
1
1
1
1
1
1
kat. Playstation 4
2
2
2
2
2
2
filtr sportowe
3
3
3
dodaj do koszyka
4
4
4
3
4
3
przejdź do koszyka
1
1
1
1
1
1
przejdź dalej
2
2
2
2
2
2
zaloguj sie
3
3
3
3
3
3
3
1
osoby, które nigdy nie korzystały z empik.com osoby, które korzystały z empik.com oznaczenie jedego kroku numer kroku
podsumowanie – sposoby wyszukiwania W zadaniach w których była podana informacja na temat tytułu czy autora dzieła badani wybierali opcje wyszukiwarki w której wpisywali daną frazę. W poleceniu w którym trzeba było zamówić telefon jedna osoba doświadczona w użytkowaniu strony w trakcie zmieniła sposób wyszukiwania poprzez menu. Również tym sposobem zadanie wykonały 2 osoby niedoświadczone w korzystaniu ze strony.
Badani nie zwracali uwagi na banery informacyjne. Produkt który mieli kupić pojawiał się kilkukrotnie na ich ekranach. Filtry które znajdował si po lewej stronie witryny były widoczne i użyteczne badanym, Używali ich w zadaniach których produkt był sprecyzowany np poprzez dział w którym mógłby się znajdować.
W innych zadaniach w których nie było podanej dokładnej informacji na temat produktu badani szukali głównie poprzez menu. zadanie 1
zadanie 2 zadadanie 3 produkt 2 produkt 1
produkt 3
produkt 4
produkt 5
produkt 6
wyszukiwarka
menu
filtry
banery reklamowe
osoby, które nigdy nie korzystały z empik.com osoby, które korzystały z empik.com oznaczenie jedej osoby
Analiza wyników
ankieta po badaniu
Ankieta końcowa dotyczy odczuć badanych związachych z korzystaniem ze strony. Zadane pytania mają również weryfikować pomocne elementy zastosowane na stronie.
Łatwość korzystania ze strony
Badani określili stronę jako łatwą w korzystaniu czy w szukaniu produktów. Jeden niedoświadczony użytkownik określił ją jako neutralną. Badani wyszukiwali głównie poprzez wyszukiwarkę oraz menu główne. Pomocne były również filtry za pomocą których precyzowano szukanie produktu.
Łatwość poszukiwania produktów
Po prawej zestawienie poszczególnych odpowiedzi z ankiety,
łatwe
łatwe
1 2 3 4 5
1 2 3 4 5
trudne
trudne
Które ze sposobów wyszukiwania okazały sie pomocne: wyszukiwarka menu główne filtry Korzytsanie ze strony było: przyjemne intuicyjne wygodne
– osoby, które nigdy nie korzystały z empik.com – osoby, które korzystały z empik.com – oznaczenie jedej osoby
wnioski końcowe Doświadczenie związane z wcześniejszym korzystaniem z witryny nie wpłynęło na szybkość wyszukiwania. Jedna osoba niedoświadczona wykonywała wszystkie zadania dłużej od pozostałych osób. Badani szybko odnajdowali elementy służące do wyszukiwania. Sprawnie korzystali z menu głównego wyszukiwarki i filtrów. Banery reklamowe zostały użyte jednostkowo. Badani nie zwracali uwagi na produkty znajdujące się w banerach reklamowych. Strona główna została negatywnie skomentowana ze względu na duże ilości banerów reklamowych oraz produktów. Stronę startową trzeba było przewijać kilkukrotnie (6 razy) przez co żaden badany nie dotarł do końca witryny. Na samym dole witryne znajduje się stopka która posiada przydatne informacje. Długość tej strony została negatywnie oceniona. Wiele kategorii powtarza się w menu głównym i w elementach strony głównej. Strona posiada ograniczoną paletę barw lecz mnogość produktów bardzo rozprasza w korzystaniu ze strony. Guziki zakupu oznaczone kolorem pomarańczowym są bardzo widoczne. Z jednej strony kupujący może je szybko odnaleźć lecz zastosowanie tak intensywnych przycisków przy każdym produkcie wprowadza chaos i dyskomfort w użytkowaniu strony. W menu głównym brakuje jednej istotnej grupy produktów. Kategoria audiobooki powinna być lepiej wyeksponowana. Doskonałą opcją jest podpowiedź frazy i kategorii w wyszukiwarce. Opcja choć przydatna nie działa przy wszystkich produktach. Przy szukaniu telefonu w wyszukiwarce powinno pojawiać się fraza dopowiadająca kategorię „telefon”.
Oprócz dopowiadania frazy w wyszukiwarce są jeszcze kategorie które można rozwinąć. Funkcja ta może być przydatna choć żaden z badanych z niej nie skorzystał. Kategorie zapisują się przy wyszukiwaniu z podpowiadaniem frazy. W jednym z zadań okazało się to utrudnieniem. Po wpisaniu nazwy produktu strona nie wyszukiwała oczekiwanego produktu. Badani potrzebowali chwili aby odnaleźć błąd i zmienić kategorie w wyszukiwarce. Plusem strony na pewno jest inny układ strony zastosowany w interfejsie koszyka. Jest ona bardziej przejrzysta i uporządkowana. Posiada pomocne informacje zastosowane na bokach strony, które informują kupujących gdzie i jakie elementy trzeba wypełnić by dokonać zakupu. Koszyk jest podzielony na kilka etapów. By się do niego dostać mamy kilka opcji logowania. Docenioną przez badanych opcją jest możliwość zalogowania bez rejestracji. W tej opcji chociaż musimy podać swój mail weryfikujący to i tak skraca nasz czas na wypełnianiu kolejnych informacji. Strona nie posiada innych wersji językowych. Użycie tylko języka polskiego bardzo utrudnia osobom obcojęzycznym korzystanie ze strony.
Załączniki
ankiety
Ankieta dotycząca badania strony internetowej
Ankieta dotycząca badania strony internetowej
Drogi Uczestniku, Ankieta jest anonimowa, a jej celem jest uzupełnienie informacji pozwalających na poprawne przeprowadzenie badania.
Drogi Uczestniku, Ankieta jest anonimowa, a jej celem jest uzupełnienie informacji pozwalających na poprawne przeprowadzenie badania.
Ankieta zawiera 6 pytań, 5 zamkniętych i 1 otwarte. Poprawne odpowiedzi zaznacz X, gdy się pomylisz skreśl i zaznacz właściwą odpowiedź. W pytaniach wielokrotnej odpowiedzi możesz zaznaczać więcej niż jedną odpowiedź. W pytaniach otwartych odpowiedź wpisz w wykropkowane miejsce.
Ankieta zawiera 6 pytań, 4 zamkniętych i 2 otwarte. Poprawne odpowiedzi zaznacz „X”, gdy się pomylisz skreśl i zaznacz właściwą odpowiedź. W pytaniach wielokrotnej odpowiedzi możesz zaznaczać więcej niż jedną odpowiedź. W pytaniach otwartych odpowiedź wpisz w wykropkowane miejsce.
1.Proszę wybrać przedział wiekowy 18-5 26-35
1. Określ (zaznacz na skali) łatwość korzystania ze strony internetowej.
36+
łatwe 1 2 3 4 5 trudne
2. Czy korzysta Pani/ Pan z zakupów przez internet: Tak Nie
2. Określ (zaznacz na skali) łatwość poszukiwania produktu w skali? łatwe 1 2 3 4 5 trudne
Jeśli została wybrana odpowiedź „Tak” 2A. Proszę podać częstotliwość korzystania ze sklepów internetowych: kilka razy w tygodniu kilka razy w miesiącu kilka razy w roku jednostkowo
3. Które elementy strony ułatwiały wykonanie poleceń ................................................................................................................................................. .................................................................................................................................................
2B. W jakich dziedzinach dokonuje Pani? Pan zakupów: artykuły spożywcze filmy moda muzyka elektronika bilety uroda i zdorwie gry motoryzacja sport i rekreacja kultura: dom i ogród ksiąki artykuły dziecięce inne:........................................................................................................................................ ................................................................................................................................................. 2C. Z jakich platform sprzedażowych korzystał/a Pan/i : ................................................................................................................................................. ................................................................................................................................................. 3. Czy kiedykolwiek korzystał/a Pan/i ze strony www.empik.com w celu zakupu produktu? Tak Nie
Ankienta nr 1
4. Które elementy strony utrudniały wykonanie poleceń ................................................................................................................................................. ................................................................................................................................................. 5. Który/e ze sposobów wyszukiwania był dla Pana/i wygodne wyszukiwarka menu główne filtry banery reklamowe 6. Korzystanie ze strony było: przyjemne nieprzyjemne intuicyjne nieintuicyjne wygodne niewygodne
Ankienta nr 2