Analiza strony www.cojestgrane.pl
Klaudia Kadłubiec
Spis treści 1. Cel i użytkownicy 2. Wizuany schemat struktury strony 3. Analiza strony głównej -budowa i cechy ogólne -typografia i kolorystyka
4. Charakter graficzny strony -stały pasek menu -wybór układu graficznego
5. Analiza podstrony
-informacje o wydarzeniu -logowanie i rejestracja -profil użytkownika
6. Analiza funkcjonalności
-funkcje i rozmieszczenie ich na stronie -sposób wyszukiwania -przykładowe drogi wyszukiwania -wyszukiwanie według kategorii
-dodatkowe funkcje po zalogowaniu -proces rejestracji i logowania - dodawanie nowego wydarzenia -oddawanie głosu
8. Interakcje 9. Ocena pierwszego wrażenia 10. Plusy i minusy
Cel badanej strony i użytkownicy Cele: 1. Dostarczenie użytkownikowi informacji na temat wydarzeń związanych ze sztuką, kulturą i samorozwojem. 2. Promowanie i rozpowszechnianie wydarzeń kulturalnych. 3. Zachęcanie ludzi do brania udziału w życiu społecznym
Użytkownicy: 1. Użytkownik zalogowany ( osoba przeglądająca stronę oraz osoba, która dodaje wydarzenia ) 2. Użytkownik niezalogowany (osoba tylko przeglądająca stronę)
Wizualny schemat struktury strony
strona głowna
Moje cojestgrane
propozycja wydarzeń
Województwo
Co jest grane
Co było grane
Kategoria
kalendarz
wyszukiwarka
stopka
rejestracja logowanie
wybór miasta
kino dodaj wydarzenie
Mój profil
samorozwój
strona profi-
społeczności
ustawienia zmień stronę zmień hasło profilową
informacje
formularz
Dodane
miejsca
Reklama
wydarzenia
zamów reklamę
licencja
reklama
literatura muzyka propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
sztuka
propozycja wydarzeń
propozycja wydarzeń
teatr
propozycja wydarzeń
strona głowna
propozycja wydarzeń
Województwo
Co jest grane
Co było grane
wybór miasta
Rodzaj
kalendarz
wyszukiwarka
kino samorozwój literatura muzyka
propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
sztuka teatr
Ta część struktury przedstawia możliwości szukania wydarzeń na stronie.
propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
dodaj wydarzenie
wydanie elektro-
regulamin
polityka prywatności
kontakt
Wizualny schemat struktury strony
strona głowna
propozycja wydarzeń
Województwo
Co jest grane
Co było grane
wybór miasta
Kategoria
kalendarz
wyszukiwarka
Moje cojestgrane
kino
samorozwój
stopka
literatura
rejestracja
muzyka propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
sztuka
propozycja wydarzeń
propozycja wydarzeń
licencja
logowanie
teatr
reklama
dodaj wydarzenie
wydanie elektro-
propozycja wydarzeń
dodaj wydarzenie
Mój profil
strona profi-
społeczności ustawienia zmień stronę zmień hasło informacje profilową
formularz
Dodane
miejsca
Reklama
wydarzenia
zamów reklamę
Moje cojestgrane rejestracja logowanie
dodaj wydarzenie
Mój profil
strona profilowa
społeczności
ustawienia
Przedstawione zostały tutaj zakładki odnoszące się do funkcji użytkowników zalogowanych
zmień stronę profilową
zmień hasło
informacje
formularz
Reklama
Dodane
miejsca
wydarzenia
zamów reklamę
regulamin
polityka prywatności
kontakt
Wizualny schemat struktury strony
strona głowna
propozycja wydarzeń
Województwo
Co jest grane
Co było grane
wybór miasta
Kategoria
kalendarz
stopka
Moje cojestgrane
wyszukiwarka
kino
rejestracja
samorozwój
logowanie
literatura muzyka propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
sztuka
propozycja wydarzeń
propozycja wydarzeń
dodaj wydarzenie
Mój profil
teatr
propozycja wydarzeń
strona profi-
społeczności ustawienia zmień stronę zmień hasło informacje profilową
formularz
Dodane
miejsca
Reklama
wydarzenia
zamów reklamę
licencja
reklama
dodaj wydarzenie
wydanie elektroniczne
regulamin
stopka
licencja
reklama
Ta część struktury przedstawia stopkę i jej zakładki
dodaj wydarzenie
wydanie elektroniczne
regulamin
polityka prywatności
kontakt
polityka prywatności
kontakt
Analiza strony głównej Budowa strony- cechy ogólne 1. Na stronie znajdują się elementy stałe i zmieniające się 2. Długość strony na 2 ekrany 3. Budowa strony oparta na siatce (4 kolumny) 4. Wymiary kolumny: 594 x 838 px = 15,6 x 22 cm
Projekt strony jest czytelny i klarowny. Treści na stronie są zrozumiałe, a układ graficzny dostosowany do funkcji, które ma spełniać.
elementy stałe elementy zmienne
Analiza strony głównej Kategorie wyszukiwania (miejsce, rodzaj wydarzenia, liczba wydarzeń, kalendarz)
wyszukiwarka
(91 x 28 px = 2,4 x 0,7 cm)
menu użytkownika zalogowanego
logo
(54 x 16,5 px = 1,5 x 0,4 cm)
Gazetka online
wyszukiwanie według kategorii (miejsce, czas, rodzaj wydarzenia)
594 x 838 px = 15,6 x 22 cm
1045 x 88 px = 28 x 2,3 cm)
nawigacja do stron wydarzeń widok wydarzeń (lista, tabela, album)
(335 x 50 px = 8,9 x 1,3 cm)
pasek reklamowy
Wydarzenia (miniatury wyda(295 x 204 px = 8 x rzeń) 5,4 cm)
594 x 838 px = 15,6 x 22 cm
stopka
(1333 x 24 px = 35 x 0,6 cm)
odnośniki
(75 x 25 px = 35 x 0,6
Kolorystyka i typografia
tło
typografia
0 0 0
255 255 255
kolorystyka Projekt kolorystyki opiera się na pięciu kolorach: - czarnym (tło strony) - białym (teksty ciągłe, nagłówki) - złotym (logo strony) - pomarańczowym (elementy i akcje, informuje użytkownika w jakim miejscu się znajduje) - szarym (elementy i akcje- podkreślenia i podświetlenia)
R G B
55 158 176 255 255 249 20 89 104 167 229 239 8 18 20 13 79 79
R G B
elementy i akcje (kolor stanu przycisku)
255 165 0
205 210 208
Kolorystyka i typografia Typografia - font: Titillium Light Regular - krój jednoelementowy, bezszeryfowy - 6 punktacji tekstu (12, 13, 16, 20, 25, 34 pkt) - występują wersaliki
12 pkt 13 pkt 16 pkt
Biała typografia na czarnym tle występuje w większośći na całej stronie. Użyta jest do tekstów ciągłych oraz nagłówków i numeracji strony.
20 pkt 25 pkt
34 pkt
1. Wybór czarnego tła i białej typografii powoduje trudności w czytaniu tekstu. Jest to mocny kontrast kolorystyczny, który nie zachęca do czytania 2. Zastosowanie sześciu wysokości kroju pisma tworzy chaos 3. Podkreślenia i podświetlenia kolorami powodują, że użytkownik czuje się pewniej w poruszaniu na stronie, gdyż ma świadomość gdzie obecnie się znajduje.
Charakter graficzny stronystały pasek menu Cel --> szybki dostęp do najważniejszych zakładek i ułatwienie użytkownikowi poruszania się po stronie Każda podstrona zawiera stały pasek menu, który jest nierozerwalnym elementem graficznym strony. Po scrollowaniu czy przejściu na inna podstronę element zawsze znajduje się w górnej części ekranu. W pasku znajduje się: logo, możliwość wyszukania wydarzenia po przez miejsce, kategorię i datę, informacja o liczbie wydarzeń, szybka wyszukiwarka oraz menu użytkownika zalogowanego.
Cel
stały pasek
Użyte środki
szybki powrót do strony głównej
logo
możliwość wyszukiwania wydarzenia oraz informacja w jakim miejscu znajduje się użytkownik
wyszukiwarka według kategorii oraz szybka wyszukiwarka
szybki dostęp do zalogowania lub założenia konta
menu COJESTGRANE
Charakter graficzny stronywybór układu graficznego Cel --> zwiększenie czytelności podanych informacji Na stronie jest dostępna funkcja wyboru układu graficznego prezentacji listy wydarzeń
Wszystkie podstrony wykorzystują powyższe układy prócz podstrony „informacje o wydarzeniach”, „profil użytkownika”, „logowanie i rejestracja”
Użytkownik ma 3 możliwości: 1. lista
2. tabela
3.album
stały pasek elementy stałe wydarzenia
Analiza podstronyinformacje o wydarzeniu Klikając na konkretne wydarzenie strona odsyła użytkownika do podstrony o innej budowie. Układ zawiera 3 kolumny.
Kolumna z paskiem reklamowym
Z tej podstrony mogą korzystać użytkownicy niezalogowani i zalogowani. Długość tej podstrony zależy od długości informacji umieszczonych odnośnie danego wydarzenia. Odnośniki do proponowanych wydarzeń synchronizują się z kategoriami, które użytkownik wybrał wcześniej.
Kolumna z odnośnikami do proponowanych wydarzeń
Kolumna z informacjami dotyczącymi wydarzenia
Analiza podstronylogowanie i rejestracja
Kolumna przeznaczona do założenia konta na stronie
Z tej podstrony mogą korzystać użytkownicy niezalogowani i zalogowani. Obie kolumny zawierają odnośniki do stron społecznościowych.
Kolumna przeznaczona do zalogowania na konto użytkownika
Flickr Youtube Yahoo Twitter Google
Analiza podstronyprofil użytkownika
menu profilu użytkownika: • Strona profilowa • Wydarzenia • Miejsca • Społeczności • Reklamy • Info i Statystyki
Z tej podstrony mogą korzystać tylko użytkownicy zalogowani.
ramka z dostępnymi informacjami odnośnie wybranej podstrony menu profilu użytkownika np. dodane już wydarzenia po wybraniu podstrony „wydarzenia”
Lista dostępnych funkcji i rozmieszczenie ich na stronie powrót do strony głównej
Gazetka online
wyszukiwanie według kategorii (miejsce, kategoria, ilość wydarzeń, kalendarz)
szybka wyszukiwar-
własny profil
możliwość oddania głosu
reklama
wyszukiwanie według kategorii (miejsce, czas, kategoria)
stopka
Twitter, Google, Facebook
widok wydarzeń (lista, tabela,
nawigacja do stron wydarzeń
Analiza funkcjonalnościsposób wyszukiwania
Podział wyszukiwania jest czytelny i zrozumiały, dzięki czemu w prosty sposób można wyszukać interesujące użytkownika informacje.
strona głowna
propozycja wydarzeń
Województwo
Co jest grane
Co było grane
wybór miasta
Rodzaj
kalendarz
wyszukiwarka
kino samorozwój literatura muzyka
propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
sztuka teatr
wyszukiwanie według kategorii szybka wyszukiwarka
propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
Analiza funkcjonalnościsposób wyszukiwania Na stronie dostępne są dwa sposoby wyszukania informacji na temat danego wydarzenia. • Szybka wyszukiwarka wyszukiwania Podstawowa wyszukiwarka znajduje się zawsze w lewym, górnym rogu. Po wpisaniupodmiotu jaki nas interesuje otrzymujemy wyniki wyszukiwania. • Funkcja wyszukiwania według kategorii Za pomocą paska informacji znajdując go się na stronie użytkownik może wybrać interesującą go kategorię (województwo, rodzaj wydarzenia, data, miasto)
wyszukiwanie wydarzeń aktualny wynik wyszukiwania szybka wyszukiwarka
wyszukiwanie według kategorii czas Co jest/ było grane kalendarz miejsce województwo miasto rodzaj kino teatr
Warto zauważyć, że za każdym kliknięciem w danej kategorii pojawiają się wydarzenia, które użytkownik może wybrać, ale nie musi, jeśli chce kontynuować wyszukiwanie innych wydarzeń.
sztuka muzyka literatura samorozwój
Przykładowe drogi wyszukiwania wydarzeń Droga 1 szybka wyszukiwarka
Na schemacie przedstawione zostało wyszukiwanie za pomocą szybkiej wyszukiwarki. Droga rozpoczyna się od strony głównej. krok 1: wpisanie hasła do szybkiej wyszukiwarki lub wybór wcześniej zaproponowanych wydarzeń krok 2: wybór zaproponowanych wydarzeń
strona głowna
propozycja wydarzeń
Województwo
Co jest grane
Co było grane
wybór miasta
Rodzaj
kalendarz
wyszukiwarka
kino samorozwój
literatura muzyka propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
sztuka teatr
propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
Przykładowe drogi wyszukiwania wydarzeń Droga 2 wyszukiwanie 2 kategoriami
Schemat przedstawia wyszukiwanie za pomoća 2 kategorii: rodzaj wydarzenia i czas.Droga rozpoczyna się od strony głównej.
strona głowna
krok 1: wybór rodzaju wydarzenia lub wcześniej zaproponowanych wydarzeń krok 2: wybór daty (kalendarz) lub zaproponowanych wydarzeń
propozycja wydarzeń
Województwo
Co jest grane
Co było grane
wybór miasta
Rodzaj
kalendarz
wyszukiwarka
kino samorozwój
krok 3: wybór zaproponowanych wydarzeń
literatura muzyka propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
sztuka teatr
propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
Przykładowe drogi wyszukiwania wydarzeń Droga 3 wyszukiwanie według kategorii
Na schemacie przedstawione zostało wyszukiwanie według 4 kategorii: województwo, miasto, rodzaj i kategoria Co jest grane. Droga rozpoczyna się od strony głównej. krok 1: wybór województwa lub wcześniej zaproponowanych wydarzeń krok 2: wybór miasta lub zaproponowanych wydarzeń
strona głowna
propozycja wydarzeń
Województwo
Co jest grane
Co było grane
wybór miasta
Rodzaj
kalendarz
wyszukiwarka
kino
krok 3: wybór rodzaju wydarzenia lub zaproponowanych wydarzeń
samorozwój
literatura muzyka
krok 4: wybór kategorii co jest grane lub zaproponowanych wydarzeń krok 5: wybór zaproponowanych wydarzeń
propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
sztuka teatr
propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
Wyszukiwanie wydarzeń według kategorii Użytkownik podczas wyszukiwania wydarzeń według kategorii musi trzymać się pewnej kolejności wyboru tej kategorii. W pierwszej kolejności musi to być miejsce/ rodzaj, a dopiero na końcu wybór daty. Gdy kolejność
zostanie zamieniona i wyznaczenie daty pojawi się na początku, to po wybraniu miejsca/rodzaju wcześniej wybrana data nie będzie zapamiętana. Co prowadzi do wyszukania niepożądanej daty.
Krok 2
Krok 1 strona głowna
propozycja wydarzeń
Co jest grane
Województwo
Co było grane
wyszukiwarka
Rodzaj
kalendarz kino
wybór miasta
samorozwój
literatura muzyka
Niejasności podczas wyszukiwania według kategoriisprawiają, że użytkownik zmieniając tę kolejnośćmoże nie zauważyć automatycznej zmiany daty, co prawdopodobnie wprowadza go w błąd.
propozycja wydarzeń
propozycja wydarzeń
propozycja wydarzeń
sztuka teatr
propozycja wydarzeń
propozycja wydarzeń propozycja wydarzeń
Analiza funkcjonalnościdodatkowe funkcje po zalogowaniu Użytkownik ma możliwość korzystania ze strony jako osoba niezalogowana oraz zalogowana. Oba rodzaje użytkownika mogą poruszać się po stronie w taki sam sposób. Mają dostępne kategorie wyszukiwania wydarzeń (czas, miejsce, rodzaj wydarzenia). Jednak użytkownik zalogowany ma dostęp do dodatkowych funkcji. Ma własny profil, dzięki któremu może dodawać wydarzenia,
miejsca, łączyć się z profilami na innych stronach, zamawiać reklamy oraz mieć ciągły dostęp do ustawień i informacji o swoim profilu.
Moje cojestgrane rejestracja logowanie
Mój profil
strona profilowa
społeczności
ustawienia
zmień stronę profilową
zmień hasło
informacje i statystyki
dodaj wydarzenie
Dodane
formularz
miejsca
Reklama
wydarzenia
zamów reklamę
Analiza funkcjonalnościProces rejestracji i logowania Umożliwienie użytkownikowi dwóch dróg logowania/ rejestracji jest dobrym i wygodnym rozwiązaniem dla osób posiadających konto na danym portalu internetowym.
Na stronę użytkownik może zarejestrować się i zalogować na dwa sposoby: przez tradycyjną rejestracje/ logowanie lub dzięki portalom społecznościowym.
Możliwe drogi rejestracji/ logowania
Moje cojestgrane
Moje cojestgrane zarejestruj się przez społecznośći
rejestracja logowanie
logowanie Flickr
logowanie Yahoo
Youtube
Analiza funkcjonalnościdodawanie nowego wydarzenia Nowe wydarzenie może dodać jedynie osoba zalogowana. Dodać wydarzenie można w dwóch miejscach na stronie: - w zakładce Moje COJESTGRANE - w stopce
Możliwe drogi dodawania wydarzenia
Moje cojestgrane
Moje cojestgrane
dodaj wydarzenie
logowanie
logowanie
dodaj wydarzenie (stopka)
formularz
formularz
Analiza funkcjonalnościoddawanie głosu Użytkownik ma możliwość zagłosowania na dane wydarzenie. Ma do wyboru 3 opinie: 1. Słabo 2. Może być 3. Świetne
Możliwe drogi oddania głosu
Funkcja ta znajduje się w 2 miejscach na stronie. Na stronie głównej przy miniaturkach wydarzeń oraz przy szczegółowych informacjach o wydarzeniu .
Strona główna
Ocena
Wydarzenie
Ocena
Rodzaje interakcji 1. Klikanie
3. Scrollowanie
• Umożliwia wybór opcji i jej zaznaczenie • Umożliwia sprawne poruszanie się po całej stronie
• Pozwala na odczytanie dalszych informacji na stronie
2. Wyróżnienie kolorystyczne elementu po najechaniu na jego pole kursorem
4. Przesuwanie suwakiem
• Po najechaniu na pole kursorem, zostaje on wyróżniony po przez zmianę koloru • Taka interakcja informuje użytkownika o tym, że dany obiekt jest aktywny i można w niego kliknąć • To wyróżnienie występuje na całej stronie
• Podobnie jak scrollowanie poamaga uzysać informacje znajdujące się na stronie
Ocena pierwszego wrażenia strony Dla zapoznania się ze wstępną oceną osób niekorzystających z tej strony zostało wykonane badanie. Wzięło w nim udział 10 osób. Badanie polegało na przyznaniu oceny strony głównej, przedstawionej za pomocą printscreena, od 0 do 5, w każdej z sześciu kategorii.
Z badania wynika, że najmniej punktów otrzymała innowacyjność strony (3,2), a najwięcej jej użyteczność (4,3).
ocena strony innowacyjność
kategoria
kolorystyka ekspozycja marki pierwsze wrażenie prezentacja informacji użyteczność 0
0,5
1
1,5 ocena
2
2,5
3
3,5
4
4,5
5
Plusy i minusy strony Plusy
Minusy
1. Informowanie użytkownika, za pomocą środków graficznych, takich jak podświetlenia i podkreślenia typografii, w jakim miejscu na stronie się znajduje 2. Użytkownik ma możliwość intuicyjnego i łatwego powrotu do strony głównej 3. Użytkownik ma możliwość wyboru układu graficznego prezentowanych wydarzeń, dzięki czemu wybiera te najbardziej mu pasujące 4. Dzięki podziale na elementy stałe i elementy zmienne, została zachowana spójność na stronie, a użytkownik łatwiej uczy się nawigowania po stronie 5. Możliwość wyszukania informacji na 2 sposoby: wyszukiwanie według kategorii i funkcja wyszukiwarki
1. Kontrast czarnego tła i białej typografii tworzy dyskomfort podczas czytania 2. Zastosowanie kilku punktacji pisma świadczy o niekonsekwencji i tworzy chaos 3. Kolejność kroków podczas wyszukiwania według kategorii tj. nie można zmienić kolejności wyszukiwania. Najpierw miejsce/ rodzaj wydarzenia a na końcu czas
Badanie
Badanie Pytania badawcze:
Przedmiot badania
1. Jaką drogę wyszukiwania wybiorą użytkownicy (których elementów strony użyje)? 2. Jaki jest czas wyszukiwania dla grupy użytkowników zapoznanych wcześniej ze stroną i niezapoznanych? 3. Ile i jakie problemy napotka użytkownik w drodze wyszukiwania? 5. Jaka jest opinia użytkownika na temat użytkowania strony?
Zachowanie- sposób korzystania ze strony Opinia- stopień zadowolenia korzystania ze strony
Cele badawcze: 1. Zdefiniowanie dróg wyszukiwania wydarzeń 2. Zbadanie czasu wyszukiwania dla danej grupy użytkowników 3. Zdefiniowanie problemów w użytkowaniu strony 4. Uzyskanie opinii na temat korzystania ze strony 5. Wskazanie podobieństw i różnic między grupami użytkowników zapoznanych wcześniej ze stroną i niezapoznanych
Scenariusz badania Użytkownicy zostali podzieleni na dwie grupy. Jedna z nich zapoznaje się ze stroną, przez minutę, przed wykonaniem zadania, druga grupa wykonuje polecenie bez czasu na zapoznanie się. Każda z grup uzupełnia ankietę przed zadaniem, która ma na celu stworzenie profilu osoby badanej oraz ankietę po wykonaniu polecenia, będąca opinią badanego na temat serwisu.
Użytkownicy
grupa 1
ankieta 1 stworzenie profilu badanego grupa 2
korzystanie ze strony przez minutę
polecenie 1 „Wyszukaj wszystkie wydarzenia, związane z teatrem, w dniu 22.03, w Krakowie”
ankieta 2 opinia użytkownika na temat serwisu
Scenariusz badania Badanie użyteczności
Użytkownicy:
Badanie polegać będzie na obserwacji użytkowników podczas wykonywania przez nich zadania. Zarejestrowane będą wszelkie zachowania, komentarze i reakcje badanych
Osobami badanymi są ludzie nie znający badanego portalu. Badani (10 osób) zostaną podzieleni na dwie grupy, po 5 osób. Jedna z nich przed rozpoczęciem wykonywania zadania będzie zapoznawać się ze stroną, przez 1 minutę.
Metody badawcze 1. Nagrywanie, obserwacja użytkownika, jego ruchów i czasu wykonania zadania, za pomocą programu Free Screen to Video 2. Ankieta przed i po zadaniu
Analizie poddane zostaną: - zarejestrowany obraz interfejsu - czas wykonania polecenia - czas pomiędzy poszczególnymi krokami - droga użytkownika - rodzaje użytych interakcji - ilość wykonanych kroków - ilość popełnionych błędów
Czas badania Użytkownik nie jest ograniczony ramami czasowymi
Droga użytkownika po interfejsie – Grupa niezapoznana wcześniej ze stroną osoba 1
powrót do strony głównej stały pasek
osoba 2 5
1
3
2
kalendarz
4
szybka wyszukiwarka
1
2-4
menu główne
wydarzenia
następna strona z wydarzeniami ponowne rozpoczęcie zadania
Najszybszy czas 1:30 1
osoba 4
osoba 3 4-6
7
2
1
3
8-11
numer kolejnego kliknięcia
osoba 5 9 7
6
7 2-3
4-5
5 1
1-4
6
Najdłuższy czas 6:30
Droga użytkownika po interfejsie – Grupa zapoznana wcześniej ze stroną
powrót do strony głównej
osoba 1
szybka wyszukiwarka
stały pasek kalendarz
osoba 2 5
1 2-4
2
7
1
3
menu główne 6
wydarzenia
następna strona z wydarzeniami ponowne rozpoczęcie zadania 4-5
1
numer kolejnego kliknięcia
Najszybszy czas 1:00
osoba 4
osoba 3 2-3
12 1
4
11
9 6
osoba 5 13 3 10-12 7-8
1-2 4
5
19
20 5
15
10
6
9
18
5
1-4 7-9
6-8 10
11-14 16-17
Najdłuższy czas 5:55
Zapis drogi użytkownika- wzorzec Wykres przedstawia wzorzec najszybszej drogi, jaką mogła wykonać osoba badana, w celu realizacji polecenia. Elementy strony
strona główna wyszukiwanie
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
kolejna strona z wydarzeniami wydarzenie kalendarz 0
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas (s)
legenda wyszukiwanie - elementy strony służące do wyszukiwania wydarzeń błądzenie - elementy strony które nie służą do wyszukiwania, a tym samym ich użycie świadczy o błądzeniu badanego
moment zakończenia zadania- kalendarz jest elementem, który powinien być ostatnią czynnością kończącą wykonanie zadania
kliknięcie odstęp czasowy do następnego kliknięcia
dodatkowy czas zaznajomienia się ze stroną szybka wyszukiwarka po kategorii (menu główne) po kategorii (stały pasek menu)
brak wyników wyszukiwania szybką wyszukiwarką użycie innych elementów strony błąd- wybór złego województwa (we szystkich przypadkach spowodowany brakiem wiedzy osoby badanej) błąd- użycie kalendarza w niewłaściwej kolejności
Zapis drogi użytkownika – Grupa niezapoznana wcześniej ze stroną Wykresy przedstawiają drogę wykonywania zadania w czasie. Osoba 4
Osoba 1 Elementy strony
strona główna wyszukiwanie
strona główna wyszukiwanie
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
Osoba 2
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
kolejna strona z wydarzeniami wydarzenie
kolejna strona z wydarzeniami wydarzenie
kalendarz 0
kalendarz 60
40
20
0
180 200 220 240 260 280 300 320 340 360
80 100 120 140 160
wyszukiwanie
80 100 120 140
160
180 200 220 240 260 280 300 320 340 360
czas (s)
Ponowne rozpoczęcie
strona główna
szybka wyszukiwarka województwo miasto kategoria wydarzenia
wyszukiwanie
kolejna strona z wydarzeniami wydarzenie
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
20
40
60
80 100 120 140
160
180 200 220 240 260 280 300 320 340 360
kolejna strona z wydarzeniami wydarzenie kalendarz
czas (s)
0
20
40
60
80 100 120 140
160
180 200
220 240 260 280 300 320 340 360
czas (s)
Ponowne rozpoczęcie
Elementy strony
legenda
strona główna
błądzenie
60
Ponowne rozpoczęcie
Elementy strony
0
wyszukiwanie
40
Osoba 5
Elementy strony
kalendarz
Osoba 3
20
czas (s)
strona główna
błądzenie
Ponowne rozpoczęcie
Elementy strony
szybka wyszukiwarka województwo miasto kategoria wydarzenia
kliknięcie odstęp czasowy do następnego kliknięcia
dodatkowy czas zaznajomienia się ze stroną szybka wyszukiwarka po kategorii (menu główne)
kolejna strona z wydarzeniami wydarzenie
po kategorii (stały pasek menu)
kalendarz 0
20
40
60
80 100 120 140
160
180 200 220 240 260 280 300 320 340 360
czas (s)
brak wyników wyszukiwania szybką wyszukiwarką użycie innych elementów strony błąd- wybór złego województwa (we szystkich przypadkach spowodowany brakiem wiedzy osoby badanej) błąd- użycie kalendarza w niewłaściwej kolejności
Szczegółowy zapis drogi użytkownika Zapis drogi osoby 3 prezentuje najczęściej popełniane błędy w grupie osob nie zapoznanych wcześniej ze stroną. Ponowne rozpoczęcie
Elementy strony
strona główna wyszukiwanie
błądzenie
szybka wyszukiwarka województwo miasto kategoria wydarzenia kolejna strona z wydarzeniami wydarzenie kalendarz 0
Krok 1 Badany wybrał szybką wyszukiwarkę jako pierwszy sposób wyszukiwania. Po wpisaniu hasła wyszukiwania: „Kraków” wyskoczyły mu wydarzenia w Krakowie, o różnym czasie i o różnych kategoriach.
20
40
60
80 100 120 140
160
180 200 220 240 260 280 300 320 340 360
czas (s)
Szczegółowy zapis drogi użytkownika Zapis drogi osoby 3 prezentuje najczęściej popełniane błędy w grupie osob nie zapoznanych wcześniej ze stroną. Ponowne rozpoczęcie
Elementy strony
strona główna wyszukiwanie
błądzenie
szybka wyszukiwarka województwo miasto kategoria wydarzenia kolejna strona z wydarzeniami wydarzenie kalendarz 0
Krok 2 Badany użył kalendarza, po to by sprecyzować datę wyszukanych wydarzeń w Krakowie. Zauważył jednak, że po jego użyciu wcześniej zaznaczone dane odznaczyły się, dlatego ponownie rozpoczął zadanie.
20
40
60
80 100 120 140
160
180 200 220 240 260 280 300 320 340 360
czas (s)
Szczegółowy zapis drogi użytkownika Zapis drogi osoby 3 prezentuje najczęściej popełniane błędy w grupie osob nie zapoznanych wcześniej ze stroną. Ponowne rozpoczęcie
Elementy strony
strona główna wyszukiwanie
błądzenie
szybka wyszukiwarka województwo miasto kategoria wydarzenia kolejna strona z wydarzeniami wydarzenie kalendarz 0
Krok 3 Badany ponownie wpisał do szybkiej wyszukiwarki hasło: „Kraków 22.03.2016”, jednak nie było wyników. Z tego powodu badany zmienił sposób wyszukiwania na szukanie w stałym pasku menu.
20
40
60
80 100 120 140
160
180 200 220 240 260 280 300 320 340 360
czas (s)
Szczegółowy zapis drogi użytkownika Zapis drogi osoby 3 prezentuje najczęściej popełniane błędy w grupie osob nie zapoznanych wcześniej ze stroną. Ponowne rozpoczęcie
Elementy strony
strona główna wyszukiwanie
błądzenie
szybka wyszukiwarka województwo miasto kategoria wydarzenia kolejna strona z wydarzeniami wydarzenie kalendarz 0
Krok 4 Wyszukiwanie w stałym pasku menu okazało się proste, użytkownik pomylił jedynie województwa, ponieważ nie wiedział gdzie leży Kraków.
20
40
60
80 100 120 140
160
180 200 220 240 260 280 300 320 340 360
czas (s)
Szczegółowy zapis drogi użytkownika Zapis drogi osoby 3 prezentuje najczęściej popełniane błędy w grupie osob nie zapoznanych wcześniej ze stroną. Ponowne rozpoczęcie
Elementy strony
strona główna wyszukiwanie
błądzenie
szybka wyszukiwarka województwo miasto kategoria wydarzenia kolejna strona z wydarzeniami wydarzenie kalendarz 0
Krok 5 Badany w poprawnej kolejności użył kalendarza.
20
40
60
80 100 120 140
160
180 200 220 240 260 280 300 320 340 360
czas (s)
Zapis drogi użytkownika – Grupa zapoznana wcześniej ze stroną Wykresy przedstawiają drogę wykonywania zadania w czasie. Osoba 1
Osoba 4
Elementy strony
strona główna wyszukiwanie
strona główna wyszukiwanie
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
Ponowne Ponowne Ponowne rozpoczęcie rozpoczęcie rozpoczęcie
Elementy strony
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
kolejna strona z wydarzeniami wydarzenie
kolejna strona z wydarzeniami wydarzenie
kalendarz
kalendarz 0
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas (s)
0
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
0
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas (s)
Osoba 2 Elementy strony
Elementy strony
strona główna wyszukiwanie
strona główna
szybka wyszukiwarka województwo miasto
wyszukiwanie
kategoria wydarzenia błądzenie
szybka wyszukiwarka województwo miasto kategoria wydarzenia
kolejna strona z wydarzeniami
błądzenie
wydarzenie
kolejna strona z wydarzeniami wydarzenie
kalendarz 0
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas (s)
kalendarz czas (s)
Osoba 3 Elementy strony
Ponowne rozpoczęcie
strona główna wyszukiwanie
legenda
szybka wyszukiwarka województwo miasto
kliknięcie odstęp czasowy do następnego kliknięcia
kategoria wydarzenia błądzenie
kolejna strona z wydarzeniami
dodatkowy czas zaznajomienia się ze stroną
brak wyników wyszukiwania szybką wyszukiwarką
szybka wyszukiwarka
użycie innych elementów strony
po kategorii (menu główne) po kategorii (stały pasek menu)
wydarzenie kalendarz 0
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas (s)
błąd- wybór złego województwa (we szystkich przypadkach spowodowany brakiem wiedzy osoby badanej) błąd- użycie kalendarza w niewłaściwej kolejności
Szczegółowy zapis drogi użytkownika Zapis drogi osoby 4 prezentuje najczęściej popełniane błędy w grupie zapoznanej wcześniej ze stroną. Ponowne Ponowne Ponowne rozpoczęcie rozpoczęcie rozpoczęcie
Elementy strony
strona główna wyszukiwanie
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
kolejna strona z wydarzeniami wydarzenie kalendarz 0
Krok 1 Badany wybrał szybką wyszukiwarkę jako pierwszy sposób wyszukiwania. Po wpisaniu hasła wyszukiwania: „TEATR” wyskoczyły mu wydarzenia związane z teatrem, w całej Polsce.
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas (s)
Szczegółowy zapis drogi użytkownika Zapis drogi osoby 4 prezentuje najczęściej popełniane błędy w grupie zapoznanej wcześniej ze stroną. Ponowne Ponowne Ponowne rozpoczęcie rozpoczęcie rozpoczęcie
Elementy strony
strona główna wyszukiwanie
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
kolejna strona z wydarzeniami wydarzenie kalendarz 0
Krok 2 Osoba badana ponownie skorzystała z szybkiej wyszukiwarki. Jednak, aby sprecyzować wyszukiwanie użytkownik wpisał hasło: TEATR 22 MARZEC KRAKÓW”. Niestety strona nie znalazła żadnych wyników.
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas (s)
Szczegółowy zapis drogi użytkownika Zapis drogi osoby 4 prezentuje najczęściej popełniane błędy w grupie zapoznanej wcześniej ze stroną. Ponowne Ponowne Ponowne rozpoczęcie rozpoczęcie rozpoczęcie
Elementy strony
strona główna wyszukiwanie
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
kolejna strona z wydarzeniami wydarzenie kalendarz 0
Krok 3 Osoba badana skorzystała z kalendarza, jednak po wynikach, które otrzymała, nie wiedziała jak ma dalej szukać. Dlatego rozpoczęła wyszukiwanie od początku.
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas (s)
Szczegółowy zapis drogi użytkownika Zapis drogi osoby 4 prezentuje najczęściej popełniane błędy w grupie zapoznanej wcześniej ze stroną. Ponowne Ponowne Ponowne rozpoczęcie rozpoczęcie rozpoczęcie
Elementy strony
strona główna wyszukiwanie
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
kolejna strona z wydarzeniami wydarzenie kalendarz 0
Krok 4 Użytkownik skorzystał z wyszukiwania w menu głównym, użył kategorii wydarzenia, wybierając teatr, a następnie w szybką wyszukiwarkę wpisał hasło: „Kraków”. Niestety nie pojawiły się pożądane wyniki. Nie wiedział co ma zrobić dalej, dlatego rozpoczął wyszukiwanie od początku.
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas (s)
Szczegółowy zapis drogi użytkownika Zapis drogi osoby 4 prezentuje najczęściej popełniane błędy w grupie zapoznanej wcześniej ze stroną. Ponowne Ponowne Ponowne rozpoczęcie rozpoczęcie rozpoczęcie
Elementy strony
strona główna wyszukiwanie
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
kolejna strona z wydarzeniami wydarzenie kalendarz 0
Krok 5 Po ponownym rozpoczęciu osoba badana, również skorzystała z wyszukiwania za pomocą menu głównego. Wyszukała kategorię wydarzenia (teatr) oraz błędne województwo (Śląsk), dlatego po raz 3 rozpoczęła wyszukiwanie od początku.
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas (s)
Szczegółowy zapis drogi użytkownika Zapis drogi osoby 4 prezentuje najczęściej popełniane błędy w grupie zapoznanej wcześniej ze stroną. Ponowne Ponowne Ponowne rozpoczęcie rozpoczęcie rozpoczęcie
Elementy strony
strona główna wyszukiwanie
szybka wyszukiwarka województwo miasto kategoria wydarzenia
błądzenie
kolejna strona z wydarzeniami wydarzenie kalendarz 0
Krok 6 Osoba badana ponownie skorzystała z menu głównego. Wyszukała kategorię wydarzenia (teatr) oraz województwo (Małopolskie) i miasto (Kraków). A następnie, we właściwej kolejności (na końcu) wybrała datę w kalendarzu.
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas (s)
Podsumowanie – porównanie czasu wykonania zadania Wykres przedstawia porównanie czasu wykonania zadania między grupą I i II.
osoba 5
4
3
2
1 0
20
40
60
80 100
120 140
160
180
200
220 240 260
280 300 320 340 360
czas wykonania zadania (s)
Wniosek:
Legenda
grupa niezaznajomiona wcześniej ze stroną grupa zaznajomiona wcześniej ze stroną
Zapozanie się ze stroną użytkowników przed wykonaniem zadania nie wpływa na szybkość jego wykonania.
Podsumowanie – tabela z wnioskami Tabela podsumowauje wyniki przeprowadzonego badania tj. najczęstrzy sposób wyszukiwania, ilość osób, które pomyliły kolejność wyszukiwania oraz opinia o stronie. Pytanie 1: Określ stopień trudności zadania Pytanie 2: W jakim stopniu podoba Ci się strona?
grupa zaznajomiona ze stroną
grupa niezaznajomiona ze stroną
osoba
sposób wyszukiwania doprowadząjący do wykonania zadania
1
menu główne
2
stały pasek menu
3
stały pasek menu
4
stały pasek menu
5
menu główne
1
menu główne
2
menu główne
3
menu główne
4
menu główne
5
menu główne
wybór kalendarza w złej kolejności
1. Najczęstrzym sposobem wyszukiwania okazało się wyszukiwanie po kategorii w głównym menu
-5
-4
-3
trudne/ nie podoba
2. Nie zachowanie prawidłowej kolejności wyszukiwania (rodzaj/ miejsce, na końcu czas) dezorientowało osoby badane
-2
-1
0
1
2
3
4
5
łatwe/ podoba
3. Opinia użytkowników była podzielona, jednak większość osób wypowiadało się pozytywnie
Podsumowanie – dodatkowe spostrzeżenia Osoba 4
Ponowne Ponowne Ponowne rozpoczęcie rozpoczęcie rozpoczęcie
Elementy strony
strona główna wyszukiwanie
2-3
12 1
szybka wyszukiwarka województwo miasto
4
11
kategoria wydarzenia błądzenie
kolejna strona z wydarzeniami
9
wydarzenie kalendarz 0
szybka wyszukiwarka
20
40
60
80 100
120 140
160
po kategorii (menu główne)
180
200
220 240 260
280 300 320 340 360
brak wyników wyszukiwania szybką wyszukiwarką
1. Osoby korzystające z szybkiej wyszukiwarki musiały znaleźć inny sposób wyszukiwania, gdyż ten nie dawał pożądanych rezultatów
3. Niektóre osoby popełniły błąd związany z wyszukaniem innego województwa, z powodu swojej niewiedzy
czas (s)
5
6-8 10
2. Kilka osób używało do wyszukiwania elementów strony nie związanych z tą funkcją tj. klikanie w informacje o wydarzeniu oraz przejście na kolejny numer strony z wydarzeniami. Było to spowodowane tym, że osoby te myślały, że wydarzenia na stronie ułożone są chronologicznie.
Załączniki
Ankieta 1 1. Proszę podać swój przedział wiekowy a) 15-25 b) 26- 35 c) 36- 45 d) 46- 60 2. Jak często korzysta Pan/i z internetu? a) kilka razy w tygodniu b) codziennie c) kilka razy dziennie 5. Czy używa Pan/i serwisu internetowego www. cojestgrane.pl? a) tak b) nie
Ankieta 2 1. Określ stopień trudności zadania 1 łatwe
-5
-4
-3
-2
-1
0
1
2
3
4
5
trudne
1
2
3
4
5
6. W jakim stopniu podoba Ci się strona? podoba mi się -5
-4
-3
-2
-1
0
nie podoba mi się
7. Określ cechy wizualne strony na skali tradycyjna -5 -4 -3 -2 -1 0 1 nieprzyjazna -5 -4 -3 -2 -1 0 1 poważna -5 -4 -3 -2 -1 0 1 nieprzejrzysta -5 -4 -3 -2 -1 0 1 denerwująca -5 -4 -3 -2 -1 0 1 zniechęcająca -5 -4 -3 -2 -1 0 1 skomplikowana -5 -4 -3 -2 -1 0 1 chaotyczna -5 -4 -3 -2 -1 0 1
2 3 4 5 nowoczesna 2 3 4 5 przyjazna 2 3 4 5 zabawna 2 3 4 5 przejrzysta 2 3 4 5 przyjemna 2 3 4 5 zachęcająca 2 3 4 5 prosta 2 3 4 5 uporządkowana
Profil osób badanych Wszystkie osoby badane nie korzystają z badanego portalu. grupa I
grupa II Wiek osób badanych
5
5
4
4
3
15-25 26-35
2
15-25 26-35 46-60
3
ilość osób
ilość osób
Wiek osób badanych
2
1
1
0
0
wiek
wiek
Częstotliwość korzystania z internetu
5
5
4
4
3
3
ilość osób
ilość osób
Częstotliwość korzystania z internetu
2 1
2 1
0
0
kilka razy w tygodniu
codziennie częstotliwość
kilka razy dziennie
kilka razy w tygodniu
codziennie częstotliwość
kilka razy dziennie
Wyniki ankiety po wykonaniu zadania Określ cechy wizualne strony Grupa I
osoby badane
tradycyjna
nowoczesna przyjazna
nieprzyjazna
zabawa
poważna nieprzejrzysta
przejrzysta
denerwująca
przyjemna
osoba 1 1:30
osoba 2 2:00
osoba 3 3:00
osoba 4 3:50
osoba 5 6:30
Z oceny badanych wynika, że strona jest przejrzysta i uporządkowana. Osoba, która najdłużej wykonywała zadanie najgorzej oceniła stronę
zachęcająca
zniechęcająca
prosta
skomplikowana chaotyczna
uporządkowana -5
-4
-3
-2
-1
0
1
2
3
4
5
Grupa II
osoby badane
tradycyjna
nowoczesna przyjazna
nieprzyjazna
zabawa
poważna nieprzejrzysta
przejrzysta
denerwująca
przyjemna zachęcająca
zniechęcająca
prosta
skomplikowana chaotyczna
osoba 1 1:00
osoba 2 2:17
osoba 3 3:00
osoba 4 4:30
osoba 5 5:55
Ocena badanych osób jest podzielona, jednak, większość osób zaznaczyło pozytywne opinie. Trzy osoby stwierdziły, że strona jest skomplikowana. A dwie z nich ( z najszybszym czasem i najduższym czasem) twierdzą, że strona jest nieprzejrzysta, denerwująca i chaotyczna
uporządkowana -5
-4
-3
-2
-1
0
1
2
3
4
5
Wniosek: - opinie są podzielone, jednak więcej jest pozytywnych - Grupa I lepiej oceniła stronę - Czas wykonania zadania nie wpływa na ocenę strony