Analiza strony
Katarzyna Kalnik wzornictwo II rok 2015/2016
CEL STRONY I JEJ ODBIORCY: EasyJet to strona poświęcona rezerwacji lotów oraz noclegu w poszczególnych krajach. Cele strony: - wyszukiwanie dostępnych lotów z punktu A do punktu B w dogodnym terminie - planowanie podrózy uwzględniając nocleg oraz wynajem samochodu - wyselekcjonowanie przystępnych lotów dopasowanych do finansów klientów - informowanie o procedurach związanych z lotem: limit bagażu itp. Odbiorcami są osoby: - poszukujące usługi zapewniającą loty, hotele jak i transport - których praca zawodowo wymaga delegacji
DOSTĘPNE FUNKCJE: Dotyczące lotów: - panel szybkiego wyboru lotów -odprawa on-line - 5 wyszukiwarek lotów Zakupu biletów: - Widok miejsc i swobodny wybór Mapy: - Dostępne 3 interaktywne mapy
ANALIZA BUDOWY STRONY Stronę zbudowana jest na trzy segmentowym gidzie elementem stałym jest menu znajdujące się na samej górze. elementem powtarzalnym jest również stopka wraz z kontaktem.
menu
stopka
BUDOWA STRONY GŁÓWNEJ Układ strony głównej składa się z zakładek, szybkiego panelu wyszukiwania oraz licznych ofert. Najbardziej wyróżniającym się elementem ze względu na wielkość i treść jest segment interaktywny z aktualną ofertą lub promocjami. Element ten ma zachęcić do przeglądania i rezerwowania lotów. Na dole strony znajduje się pasek kontaktu, serwis dla klientów oraz linki przekierowujące do portalii społecznościowych.
ELEMENTY BUDUJĄCE STRONĘ Dominującym elementem, który buduje stronę jest panel interaktyny oraz panel szybkiego wyszukiwania.
zrzut ekranu: interaktywny panel
zrzut ekranu: panel szybkiego wyszukiwania
- drugi element pod względem wielkości - najbardziej kontrastujący element - prosty w obsłudze
- Jest największym segmentem strony - Pokazuje aktualną ofertę lub promocję co ma na celu zachęcenie klienta do kliknięcia. - Możliwość przewijania zdjęcia - po kliknięciu bezpośrednio odsyła do rezerwacji miejsce elementów budujących stronę
Celem tego panelu jest szybkie zainteresowanie do przeglądania ofeert, a w ostatecznośći do rezerwacji.
TYPIGRAFIA Na stronie występuje krój pisma: - jednoelementowy, bezszeryfowy. - w odmianach: regular i bold. Na stronie głównej znajdują się wersaliki.
Elementy interakcyjne:
Zakładki
Reklamy
- 15 pkt - 12 pkt - krój pisma Tahoma
- 27 pkt - 12 pkt - krój pisma Taho- - krój pisma Tahoma ma - odmiana light i bold
przed najechaniem kursora
Stopka
po najechaniu kursora
KOLORYSTYKA Na stronie występują 4 kolory: - biały-
podkreśla najistotniejsze elementy na stronie: panel szybkiego wyszukiwania, panel zakładek oraz najnowsze oferty.
- pomarańcze - wypełnia przestrzeń strony, występuje w interaktywnym panelu. - czarny -
występuje podczas najechania na zakładkę oraz w czasie rozwinięcia.
- szary -
występuje w stopce
R: 255 G: 255 B: 255 R: 231 G: 64 B: 30 R: 31 G: 25 B:31 R: 72 G: 72 B: 74
R: 253 G: 103 B: 0
INTERAKCJE rozwijanie po najeźdzaniu
klikanie
podkreślanie przy najechaniu
przewijanie
podświetlanie przy najechaniu
scrolowanie
NAWIGACJA/ INFORMACJA O LOTACH easyjet język pomoc moje rezerwacje informacje na temat lotu i podróży sprawdź status lotu flight tracker - przyloty i odloty informacje na temat lotu zarezerwuj lot przyloty i odloty informacje o podróży rozkład wyszukiwarka tanich biletów dokąd latamy Wskazówki dotyczące podróży limit bagażu wejście na pokład przydział miejsc usługi dodatkowe easyJet Plus ubezpieczenie eOffers
NAWIGACJA/ WYSZUKIWARKI LOTÓW easyjet język pomoc moje rezerwacje informacje na temat lotu i podróży sprawdź status lotu flight tracker - przyloty i odloty informacje na temat lotu zarezerwuj lot przyloty i odloty informacje o podróży rozkład wyszukiwarka tanich biletów dokąd latamy Wskazówki dotyczące podróży limit bagażu wejście na pokład przydział miejsc usługi dodatkowe easyJet Plus ubezpieczenie eOffers
NAWIGACJA/DROGA KUPNA BILETU
Droga kupna biletu
1
2 kalendarz wybór osób
3 wybór miejsc ilość bagażu
4 miasto przy lotnisku
wybór transportu miejsce zwrotu
logowanie
lista samochodów
rejestracja
wybór taryfy
mały sprzęt sportowy
inne miejsce
wybór ubez.
specjalna pomoc
duży sprzęt sportowy
wybór ceny
dodatkowy kierowca
wybór gwiazek
nawigacja
dodatkowe ubez. bagaż podręczny kupon rabatowy
typ obiektu apartamenty pensjonat hostele kwatery prywatne
możliwość ominięcia elementu
6
5
wybór siodełka dla dziecka opłata dla młodych kierowców informacje
ANALIZA PANELU/ KUPNO BILETÓW
logo - powrót status systemu
Status dodawanych opcji wyboru zmiana waluty
elementy wyboru
możliwość usuwania
rozwinięcie elementów
możliwość edycji Aktualna cena informacje o taryfie
zrzut ekranu: komunikat informujący nas o pominięciu jednych z opcji
Ważnymi elementami są: - status systemu - etap na którym jesteśmy - status dodawania opcji - które miejsce siedzące, bagaż rejestrowany, bagaż sportowy itp. -możliwość usuwania czy edytowania - możliwość cofania w statusie systemu - wyświetlające się komunikaty dotyczące o pominięciu lub możliwości dodania elementów
ANALIZA WYSZUKIWARKI/ TANIE LOTY Wyszukiwarka polega na pokazywaniu kosztu wybranego lotu do danego miasta na wykresach, pokazując średnią cenę w danym miesiącu/dniu/godzinie.
Zalety zakadki: - wybór lotu według interesującej nas ceny - widok średniej ceny w miesiącu/dniu
cena
Wady: - Brak widoku dokładnej ceny nawet na ostatnim etapie dodaj loty
miesiąc/dzien/godzina schemat wykresu pokazującego średnią ceny
zrzut ekranu: dodatkowe opcje w wyszukiwarce możliwość wyboru dokładnej pory dnia
ANALIZA WYSZUKIWARKI/ DOKĄD LATAMY Wyszukiwarka polega na pokazywaniu połączeń z danego lotniska. Korzystamy z interaktywnej mapy, istnieje możliwość szybciej rezerwacji loti.
automatyczne rozwinięcie miast na mapie
wybór miasta - przylot
znajdź loty
Zalety: - interaktywna mapa - widok wszystkich miast - opis miast: czym się charakteryzuje, najważniejsze atrakcje. Wady: - brak możliwośći planowania lotu z przesiadkami
zrzut ekranu: interaktywna mapa zakładki dokąd latamy
ANALIZA WYSZUKIWARKI/ ZAINSPIRUJ MNIE wybór miasta - wylot automatyczne rozwinięcie miast na mapie
kiedykolwiek kiedykolwiek zima
Wyszukiwarka pozwala nam wybrać konkretny lot do interesującego nas miasta, za cenę, którą wybierzemy z suwaka. Wyszukiwarka uzględnia również cel naszego pobytu.
zrzut ekranu: suwak wyboru ceny
wiosna lato jesień w jedną stronę wyjazdy weekendowe na 7 dni w dwie strony na 14 dni w dwie strony własne terminy
zrzut ekranu: interaktywna mapa wakacje rodzinne razem urlop rodzinnie narty kultura romantyczne wypady plaża nocne życie
Zalety: - kontrola nad ceną biletu - ciekawe opcje podróży - widok oferty w dwie strony - możliwość szybkiej rezerwacji Wady: - niemożliwy wybór miasta wylotu na mapie tylko z panelu wyboru
ANALIZA WYSZUKIWARKI/ROZKŁAD LOTÓW Wyszukiwarka pokazuje wszystkie mozliwe loty z danych miast. Obok listy znajduje się bezpośredni link do rezerwacji.
zrzut ekranu: rozkład lotów
Zalety: - Rozpisane miasta alfabetycznie - bezpośredni link do rezerwacji Wady: - wyszukiwanie danego lotu trwa długo
OCENA PORTALU Plusy: - szybkie wyszukiwanie interesujacych nas lotów wraz z hotelem i transportem - możliwość wyszukiwania według danego budżetu - wiele ofert - interaktywne zakładki - łatwość rezerwacji biletu - portal komunikuje o ewentualnych pominięciach w wyborze Minusy: - zakadki z informacjami przekierowują nas do angielskiej wersji strony. Bez rezewracji biletu nie jesteśmy w stanie dowiedzieć się o np. limitu bagażu. - trzeba być zarejestrowanym użytkownikiem, aby kupić bilet - wizualnie duży chaos na stronie - dużo podstron, które przekierowwują do tej samej strony - wprowadzenie w błąd - sugeruje lot, którego nie ma - za dużo wyboru wyszukiwania
BADANIE
PYTANIA i CELE BADAWCZE 1. Którą opcje wyszukiwania lotu wybierze badany? 2. Jaką drogę pokonuje użytkownik podczas wyszukiwania lotu i kupna biletu? 2. Jaki problemy następują w czasie użytkowania wyszukiwarek?
Cel badania Zweryfikowanie czy wszystkie wyszukiwarki lotów są proste w obsłudze.
PROJEKT BADANIA Badanie będzie polegać na obserwacji użytkowników Narzędzia wykorzystywane przy badaniu: - ankiety - wywiady - narzędzia do rejestrowania
Brane pod uwagę będą: - zachowanie badanego - komenatrze badanego - pytania dotyczące danego zadania - liczenie kroków podczas zamawiania biletu
Ilość osób badanych: 6 Osoby zostały podzielone na dwie grupy: - niedoświadczonych - doświadczonych
Etapy badania:
ANKIETA I
PRZEPROWADZENIE BADANIA
ANKIETA II
II ETAP BADANIA - ZADANIE Badania ma na celu pokazania drogi użytkownika podczas zamawiania biletu
Realizacja badania: Respondent będzie obserwowany przez badanego, który będzie zapisywał uwagi podczas badania.
Treść polecenia: Zaplanuj podróż dnia 30.04. 2016 wraz z rodziną (2+2) do Londynu uwzgędniając bilet powrotny dnia 5.05.2016r w trayfie FLEXI oraz bagaż rejestrowany 20kg, bagaż sportowy (rower). Zarezerwuj hotel przy lotnisku dla swojej rodziny posiadający WiFi Zamów samochód z klimatyzacją oraz 4 miejscami Wykorzystaj do tego serwis easyjet.pl. Masz nieograniczony czas na wykonanie zadania.
ZAPIS DROGI UŻYTKOWNIKA - SCHEMAT OGÓLNY
wybór lotu wybór biletu dodatkowe opcje lotu wybór hotelu wybór samochodu oś czasu
Zadanie składa się z 18 kroków, które badany musi wykonać, aby zarejestrować bilet, wraz ze wszystkimi opcjami lotu. Podzielony został na 5 etapów..
DROGI UŻYTKOWNIKÓW - OSOBY NIEDOŚWIADCZONE
ak ce p
tuj
Wybór lotu i biletu
Legenda: brak reakcji błądzenie po stronie ruch kursorem najeżdżanie
W czasie tego etapu badani mieli problem z wyszukaniem odpowiedniej taryfy. Najdłużej zajęło to użytkownikowi A, a najkrócej C. Zauważyli oni, że przycisk ten jest źle umiejscowiony, a dodatkowo reklama tej taryfy, która wygląda jak przycisk, sugeruje użytkownikowi na samym początku, że takową taryfę posiada. Respondeci również mieli kłopot ze znalezieniem przycisku akceptuj, który zanajduje się po prawej stronie w dolej części panelu statusu i górnej. Użytkownicy A i B dostrzegli ten pomarańczowy przycisk, ale nie byli pewni czy zostaną przekierowani na następną stronę.
DROGI UŻYTKOWNIKÓW - OSOBY NIEDOŚWIADCZONE
02:40
03:40
Legenda: brak reakcji błądzenie po stronie ruch kursorem najeżdżanie
tuj ak ce p
ba ga ż
row
ejs ce
tuj ak ce p
er row
ak ce p
ce ejs mi
04:40
tuj
inn op a cja inn op a cja ba ga ż
ejs ce
ba ga row ż e ak r ce ptu j po wr ót
mi
ejs
ce
użytkownik C
mi
mi
ejs ce
użytkownik B
mi
mi
ejs ce
użytkownik A
er
Dodatkowe opcje lotu
05:40
06:40
07:40
Osoby niedoświadczone podczas wybierania miejsc na pokładzie samolotu miały mały problem z zapisem dodanych miejsc. Ze względu na to, że okno z opcją zapisz, pojawia się wyłacznie po akceptacji wybranych siedzisk dla wszsytskich określonych przez siebie lotów, niektórzy badani nie dostrzegali zmiany okna. Użytkownik C, wybierając miejsce w samolocie do miejsca docelowego, nie zauważy zaminy okna i przeszedł do następnego kroku. Po kliknięciu przycisku akceptacji, pojawiło się powiadomienie o niewybraniu miejsc. Użytkownik powrócił na poprzednią stronę i dokończył ten etap.
DROGI UŻYTKOWNIKÓW - OSOBY NIEDOŚWIADCZONE
Wybór hotelu i transportu
04:50
05:50
inn op e cje au to ak ce ptu j
tuj ak ce p
au
to
po
inn op e cje
wr ó inn t e op cje ho tel ład ow akce an ptu ie j
ho te a l ow kcep an tuj ie ład
ob
wi
fi
sza
r
użytkownik C
ak ce ptu j po wr ót au t ak o ce ptu j
ob
sza r
ład
użytkownik B
ow akce an ptu ie
ho
tel
inn op e cje po wr ob ót sza r inn op e cje wi fi inn op e cje
j
użytkownik A
06:50
07:50
08:50
09:50
10:50
Legenda: brak reakcji błądzenie po stronie ruch kursorem najeżdżanie
W tym etapie użytkownicy mieli za zadanie wyszukać hotelu przy lotnisku, posiadający wifi.Badanym A i B zajęłoto najwięcej czasu, klikali inne dodatkowe opcje. Badany A w czasie tego procesu wszedł na osobą stronę hoteli, ale po krótkim czasie wrócił się. Wystąpiło to również u użytkownika B. Badany C nie miał z wyszukiwaniem taryfy kłopotu, ale z zarezerwowaniem samochodu. Użytkownik niezauważając przycisku dodaj samochód przeszedł do następnego kroku, po czym się cofnął.
DROGI UŻYTKOWNIÓW - OSOBY DOŚWIADCZONE
ład
ow an
ie
ak ce p
tuj
ład
ow an ie
Wybór lotu i biletu
Legenda: brak reakcji błądzenie po stronie ruch kursorem najeżdżanie
Użytkonik D, dodał bilet w złej taryfie po niedługim czasie znalazł miejsce zmiany taryfy i dodał opowiednie bilety. Użytkownik E miał problem z dodaniem liczby ilości osób, a etap ten trwał dłużej niż dodawanie biletów. U innych użytkowników można zauważyć odwrotność tej sytuacji, etap dodawania ilości osób jest najkrótszy, a błędy i błądzenie po stronie odbywają się w czasie dodania biletu. Wszyscy badania mieli problem z znalezieniem przycisku akceptuj.
DROGI UŻYTKOWNIKÓW - OSOBY DOŚWIADCZONE
02:00
Legenda: brak reakcji błądzenie po stronie ruch kursorem najeżdżanie
ak ce p
tuj
ba ga ż
inn op a cja
er row
ak ce p
ejs ce
ejs c ak e ce ptu j
mi
mi
03:00
inn op a cja ba ga ż
er row
mi ejs mi ce ejs ce
użytkownik F
inn op a cja inn op a cja
inn op a cja row er ba ga ż
ejs ce
użytkownik E
mi
mi
ejs ce
użytkownik D
tuj
Dodatkowe opcje lotu
04:00
05:00
06:00
Osoby doświadoczone na tym etapie nie miały dużych problemów. Tylko użytkownik D nie dodał miejsca w samolocie dla drugiego lotu mimo powiadomień strony. Badani zauwazyli, że na stronie jest zbyt wiele elementów które wprowadzają chaos, poprzez co źle wyszukuje się odpowiednie opcje.
DROGI UŻYTKOWNIKÓW - OSOBY DOŚWIADCZONE
Wybór hotelu i transportu
tuj pła tno
tuj pła
tno
ść
ak ce p
au
to
ść
ak ce p
au to
ład
ow ak an cep ie tuj
tel
ład
ho
au to ak c e tno ptu ść j pła
ob
sza wi r fi ho tel ład ow akce p an ie tuj
użytkownik F
ob
inn op e cje wi fi
sza r
użytkownik E
ow akce an ptu ie
ho
ob
tel
sza r
j
użytkownik D
04:00
05:00
06:00
07:00
08:00
9:00
Legenda: brak reakcji błądzenie po stronie ruch kursorem najeżdżanie
Osobom doświadczonym najdłużej na tym etapie rezerwacji zajęło jak i u osób niedoświadczonych - wyszukanie dodatkowych opcji hotelu. Użytkownik D nie znalazł wifi.
A ytk ow nik uż
ytk ow nik uż D ytk ow nik B
uż
ytk uż own ik ytk ow C nik E
uż
uż
ytk ow nik
F
POROWNIANIE OSÓB
wybór samochodu
wybór hotelu
Dodatkowe opcje
wybór biletu
wyszukanie lotu
00:00 Legenda
02:00 osoby niedoświdczone
04:00 osoby doświdczone
06:00
08:00 błędy
10:00 cofnięcie
12:00
OPINIE UŻYTKONIKÓW: Wybór osób doświadczonych przyjazna
Użytkownik A nie zgadzam się
nie zgadzam się
nie
Użytkownik B zdecydowanie się nie zgadzam
nie zgadzam się
zdecydowanie nie
-5 -4 -3 -2 -1 0 1 2 3 4 5 uporządkowana
Wybór osób niedoświadczonych przyjazna
Wrócę na tę stronę
-5 -4 -3 -2 -1 0 1 2 3 4 5 nieprzyjazna
skomplikowana -5 -4 -3 -2 -1 0 1 2 3 4 5 prosta chaotyczna
Dowiedziałem się wszystkich informacji dot. lotu
Kupno biletu jest proste
-5 -4 -3 -2 -1 0 1 2 3 4 5 nieprzyjazna
Użytkownik C
zgadzam się
nie mam zdania
tak
Użytkownik D
zgadzam się
nie zgadzam się
nie mam zdania
Użytkownik E
zdecydowanie się nie zgadzam
nie mam zdania
zdecydowanie nie
Użytkownik F
zgadzam się
zgadzam się
nie mam zdania
skomplikowana -5 -4 -3 -2 -1 0 1 2 3 4 5 prosta chaotyczna
-5 -4 -3 -2 -1 0 1 2 3 4 5 uporządkowana
Zzestawienie obu grup przyjazna
-5 -4 -3 -2 -1 0 1 2 3 4 5 nieprzyjazna
skomplikowana -5 -4 -3 -2 -1 0 1 2 3 4 5 prosta chaotyczna
-5 -4 -3 -2 -1 0 1 2 3 4 5 uporządkowana
Respondeci przed badaniem ocenili pozytywnie stronę internetową, tylko jedna osoba oceniła ją negatywnie. Po badaniu więkość osób odpowiedziało negatywnie na pytania zawarte w ankiecie. Tylko dwie soby doświadczone twierdzą, że kupno biletu jest proste, jedna osoba z tej grupy mimo, że szybko i bez problemów zrobiła zadanie, nie ma dobrego zdania o tej stronie.
WNIOSKI: Przycisk jest niezauważalny, mimo swoich rozmiarów Najwięcej czasu osoby badane poświeciły na poszukiwaniu przycisku „dalej”. Znajduje się on w panelu stałym pokazujący stan rezerwacji. Jest największym przyciskiem na stronie. Osoby badane uważały, że element ten jest osobym przyciskiem niedotyczącym rezerwacji. Za dużo elementów na stronie Respondenci dużo czasu poświęcili na wyszukiwanie poszczególnych opcji lotu. Na stronie występuje za dużo elementów w różnych rozmiarach, przez co wprowadzony został chaos na witrynie. Poprzez to badani mieli kłopot z odnalezieniem odpowiedniej taryfy. Panel statusu rezerwacji uważany jako reklama Wielu badanych nie zwracało uwagi na panel statusu rezerwacji - miejsca gdzie ukazują się wybrane przez podróżującego wszystkie elementy. Większość z nich myślała, że to reklama, najprawdopodobniej poprzez obrazek miasta docelowego widniejący na tym panelu. Ważne informacje pisane zbyt małą punktacją Podczas wyboru biletów badani wybierali zła datę lotu, sugerowali się najniższą ceną, która była największym elementem, a data znajdowała się nad ceną - była mało widoczna.
wybrór taryfy
status rezerwacji
ZAŁĄCZNIKI
ANKIETA POCZĄTKOWA Osoby badane po 3 minutowym zapoznaniu się ze strona internetową poproszone zostaną o wypełnienie ankiety oraz testu różnicowania semantycznego.
Pytanie owarte - Czego dotyczy strona internetowa? Test różnicowania semantycznego Czy strona według Ciebie jest - nieprzyjazna -5 -4 -3 -2 -1 0 1 2 3 4 5 przyjazna - skomplikowana -5 -4 -3 -2 -1 0 1 2 3 4 5 prosta - chaotyczna -5 -4 -3 -2 -1 0 1 2 3 4 5 uporządkowana Badany zaznacza wartość na skali -5 do 5 Jak łatwo korzysta się ze strony? - bardzo trudno/ raczej trudno/ trudno/ raczej łatwo/ łatwo/ bardzo łatwo W jakim stopniu podoba Ci się strona internetowa? - bardzo mi nie podoba/ nie podoba / nie mam znadania/ podoba się/ bardzo nie podoba
ANKIETA KOŃCOWA Cel: określenie niejasności strony podczas użytkowania. Po Przeprowadzonym badaniu respondent jest proszony o wypełnienie ankiety.
1 . Kupno biletu jest proste. zdecydowanie się nie zgadzam. nie zgadzam się nie mam zdania zgadzam się zdecydowanie się zgadzam 2. Dowiedziałem się o wszystkich informacjach dotyczące lotu? zdecydowanie się nie zgadzam. nie zgadzam się nie mam zdania zgadzam się zdecydowanie się zgadzam 3. Wrócę na tą stronę. zdecydowanie się nie zgadzam. nie zgadzam się nie mam zdania zgadzam się zdecydowanie się zgadzam