ANALIZA UŻYTECZNOŚCI STRONY WWW autor: Gabriela Tworek-Ryszawy przedmiot: Badania użyteczności prowadzący: dr hab. W. Gdowicz dr M. Więckowska rok II | sem III | rok akademicki 2017/2018
PIERWSZE WRAŻENIE
• Przy pierwszym kontakcie ze stroną, odniosłam wrażenie porządku i konsekwencji w przekazywaniu informacji • Kolory i kontrasty są miłe dla oka. • Przywitanie „Dzień dobry sąsiędzie” świadczy o tym że strona poświęcona jest czemuś lokalnemu, „po sąsiedzku”
PODSTAWOWE ZAŁOŻENIA STRONY WWW
nazwa: miastomovie.pl właściciel: MIASTOekipa - Wrocławska Fundacja Filmowa charakter strony www: informacyjny, rozrywkowy, reklamowy główne cele strony: promowanie miasta Wrocław zachęcenie do wzięcia udziału w wydarzeniu/festiwalu integracja mieszkańców miasta zainteresowanie ludzi sztuką, filmem, spotkaniami, warsztatami dostarczenie rozrywki popularyzacja wydarzeń kulturalnych dostarczenie szczegółowych informacji o elementach wydarzenia osiągnięcie dochodu finansowego funkcje strony: informowanie o festiwalu filmowym we Wrocławiu dostarczenie szczegółowych informacji o elementach wydarzenia odsyłanie do profilów MIASTOmovie takich jak Facebook, Instagram, Twitter i Vimeo przyznawanie akredytacji mediom promowanie partnerów i MIASTOekipy sposób docierania do odbiorcy: poprzez portale takie jak Facebook, Instagram, Twitter, Vimeo dzięki mediom odsyłanie odbiorcy do poprzednich edycji festiwalu poprzez stronę organizatora Wrocławska Fundacja Filmowa współorganizatora Kino Nowe Horyzonty oraz klub festiwalowy PARISH zachęcanie do udziału w wydarzeniach partnerskich
UŻYTKOWNIK STRONY
charakterystyka odbiorcy: zainteresowanie filmem, sztuką, dyskusją, warsztatami, architekturą, książką otwartość na nowe wydarzenia i nowe znajomości mieszkańcy miasta Wrocław media promujące wydarzenia kulturalne cele odbiorcy: chęć pogłębienia wiedzy oraz poznania nowych ludzi zamiłowanie do uczestniczenia w życiu miasta zapoznanie się z kulturalnym życiem miasta przebywanie w grupie ludzi o podobnych zainteresowaniach pozyskanie wiedzy na temat ceny, miejsca i czasu poszczególnych wydarzeń oczekiwania odbiorcy: łatwy i nieskomplikowany dostęp do informacji czytelność komunikatów dobra zabawa
BUDOWA STRONY GŁÓWNEJ
1
widok pierwszy
2
1 2
WIDOKI STRONY Strona główna dostępna jest w 2 widokach zajmujących na stronie obszar w wielkości 1625,28px na 964,08px. W czasie przewijania strony opis nachodzi na grafikę.
PODZIAŁ GRUP ELEMENTÓW 1 nagłówek
widok drugi
2 część prezentacyjna 3 stopka 3
linia podziału strony
podział grup elementów
BUDOWA GRUP ELEMENTÓW
1. NAGŁÓWEK A. Logo - przekierowanie użytkownika zawsze na stronę główną. Znajduje się w lewym górnym rogu strony. Wymiary 24px x 24px. Użyto krój pisma Open Sans Normal wielkość 22px.
A
B
B. Menu - stały element każdej podstrony. Wymiary 48px x 909px. Zastosowano krój pisma Oswald Nnormal 14px.
2. CZĘŚĆ PREZENTACYJNA C. Data - data i miejsce festiwalu. Wymiary 965px x 690px. Zastosowano krój pisma Open Sans. D. Tytuł - temat przewodni festiwalu. Zastosowano krój pisma Open Sans Normal. E. Opis - ogólna charakterystyka festiwalu. Zastosowano krój pisma Open Sans Normal.
C
E
D
3. STOPKA F. Stopka dolna - stały element każdej podstrony. Wymiary 46px x 909px.Użyto krój pisma Open Sans Normal.
F
ELEMENTY NAWIGACJI STRONY GŁÓWNEJ
widok pierwszy
Strona główna składa się z elementów nawigacji oraz elementów informujących o wydarzeniu
A
B
B. Menu - stały element każdej podstrony. Zakładka PROGRAM jest rozwijalna na podzakładki.
A widok drugi
A. Logo - przekierowanie użytkownika zawsze na stronę główną. Znajduje się zawsze w lewym górnym rogu strony.
B
Zakładka ARCHIWUM jest rozwijalna i przekierowuje na zewnętrzne strony poprzednich edycji festiwalu.
C
C. O festiwalu - przekierowanie do zakładki FESTIWAL
linia podziału strony
A
elementy klikalne
ARCHITEKTURA STRONY MIASTOmovie strona główna /grafika i opis/ festiwal suplement
informator dla mediów partnerzy archiwum MIASTOekipa
program
zobacz program filmy spotkania sztuka klub festiwalowy
poziom 1
MIASTOmovie:wro #1 MIASTOmovie:wro #2 MIASTOmovie:wro #3 MIASTOmovie:wro #4
koncert wydarzenia partnerskie
/opis i samoprzewijająca się galeria zdjęć/ poziom 2 2
bazarch story działkowe jane walka o miasto sąsiedzki poranek we wro
2 2 2 /grafika i opis/
/grafik wydarzeń/
/grafika/ /grafika/ /grafika i opis/ /grafika i opis/ /grafika i opis/ /opis/
2
1
2
1
4
3
1
7
6
5
2
3
4
8
7
6
/opis/
9
8
9
10
11
9
10
11
12
2 2 2 2
2 2
2 2
2 2
5
4
3
/grafika/
/grafika i opis/
/grafika i opis/
5
7
6
9
8
poziom 3
2
1
3
4
5
6
7
8
12
|legenda| odsyłacz do programu 2
przekierowanie na jedną stronę zewnętrzną z dwóch miejsc przekierowanie na stronę zewnętrzną interaktywne miniaturki wydarzeń stona wydarzenia, opis i zdjecie
dodatkowo z zakładek /opis/ oraz /grafik wydarzeń/ są przejścia do każdego elementu „
1„
miejsce z którego trzeba się cofnąć lub skorzystać z głównego menu menu rozwijalne przejście do innego miejsca na stronie przejście do innego miejsca na stronie na tym samym poziomie przejście na stronę zewnętrzną
CECHY WIZUALNE TYPOGRAFIA • Na stronie miastomovie.pl zastosowano krój pisma Open Sans w różnych punktacjach 14px, 20px, 22px w wersji Normal oraz krój Oswald w punktacji 16px normal w pasku menu. • Open Sans jest to bezszeryfowy krój pisma. Został on zastosowany w pasku menu w formie wersalików oraz w tekstach ciągłych - minuskuły. • Oswald beszeryfowy krój pisma został zastosowany w pasku menu w punktacji 14px. • Kolorystyka typografii na stronie głównej pojawia się w trzech kolorach na trzech kolorach tła.
A A A A
KOLORYSTYKA Kolorystyka strony głównej opiera się na odcieniach szarości z dodatkiem kontrastującego żółtego. W otoczeniu takich kolorów dobrze prezentują się filmy i zdjęcia.
RGB 250,230,0
Odcień koloru żółtego został zaczerpnięty z herbu miasta Wrocław.
tło i tekst RGB 37,37,37 tło
RGB 0,0,0 tekst
RGB 136,136,136 logo RGB 119, 119,119
RGB 255,255,255
stopka
tło
herb Wrocławia
OBRAZY ORAZ ICH ELEMENTY INTERAKCJI Wszystkie obrazy zamieszczone na stronie mają formę prostokąta.
z elementem interakcji - zakładki FESTIWAL, FILMY W zakładce FESTIWAL znajduje się 27 zdjęć z minionych wydarzeń. Przewijają się w postaci pokazu slajdu, ale są możliwe do przeklikania za pomocą żółtych strzałek:
element interakcji zmieniający zdjęcie zmienia kolor na szary po najechaniu kursorem
W zakładce PROGRAM-FILMY po najechaniu kursorem na zdjęcie, pojawia się żółty prostokąt z tytułem filmu
bez elementu interakcji - zakładki SUPLEMENT, PROGRAM, PARTNERZY zakładka SUPLEMENT Obrazy stanowią ilustrację do tekstu na temat wydarzenia.
zakładka PARTNERZY Obrazy to logotypy partnerów festiwalu oraz sponsorów
zakładka PROGRAM Obrazy to najczęściej kadry z filmów, których dotyczy tekst. Część z nich jest nieklikalna.
MULTIMEDIA MAPA
FORMULARZ
pokazująca wszystkie punkty, w których odbywać się będzie festiwal.
formularz kontaktowy w zakładce DLA MEDIÓW oraz w zakładce FILMY zwiastuny filmów. .
Po najechaniu myszką na czerwony znacznik miejsca, wyswietla się jego nazwa.
Formularz jest przewijany w wewnętrznym oknie na stronie.
ELEMENTY NAWIGACJI - podzakładka FILMY
Po najechaniu na interaktywną miniaturkę filmu kursor zmienia wygląd, a na okno zachodzi żółty prostokąt. Element przekierowuje użytkownika na podstronę dotyczącą konkretnego filmu.
Po najechaniu na tytuł filmu kursor zmienia wygląd, a tekst zmienia kolor z niebieskiego na czerwony. Element przekierowuje użytkownika na stronę zewnętrzną https://vimeo.com/, gdzie znajduje się ten sam zwiastun filmu.
WNIOSKI PLUSY • Strona sprawia wrażenie uporządkowanej. • Kolory i kontrasty zastosowane przy projektowaniu strony budzą dobre skojarzenia. • Znalezienie konkretenej informacji przy pierwszym zetknięciu nie sprawia trudności, ponieważ menu jest skonstruowane czytelnie. Na przykład dojście do informacji o cenie biletów wymaga zaledwie jednego kroku - wejście w zakładkę INFORMATOR. • Schemat rozmieszczenia informacji na stronie jest intuicyjny i łatwy do zapamiętania, co ułatwia ponowne korzystanie ze strony. • Opisy podstron w menu są adekwatne do zawartych na nich informacji, co eliminuje możliwość popełnienia błędu • Architektura strony skupiona jest na tym by wyeksponować i ułatwić drogę dostępu do najważniejszych elementów strony - filmów, spotkań, koncertów, wydarzeń partnerskich - czyli celu istnienia Festiwalu filmowego. • Do każdego z najważniejszych elementów strony prowadzą trzy, cztery lub pięć różnych dróg, którymi może posłużyć się użytkownik.
MINUSY • Na stronie głównej grafika gołębia nachodzi na napisy PARTNERZY, ARCHIWUM i MIASTOekipa w menu co powoduje nieczytelność. • W zakładce INFORMATOR mapa nie ładuje się lub ładuje się bardzo długo. Podobna sytuacja jest z formularzem w zakładce DLA MEDIÓW. • Wadą jest to, że mimo informacji przy każdym wydarzeniu o miejscu jego występowania, nie można bezpośrednio przejśc do mapy by zobaczyć w którym miejscu miasta się to znajduje. Taka sama droga jest, aby zobaczyć koszty biletów. Należy te informacje znaleźć dopiero przez przejśćie przez menu główne, zakładkę INFORMATOR.
BADANIA Z UŻYTKOWNIKAMI
CEL BADANIA
PRZEDMIOT BADANIA
1. Określenie w jaki sposób, doświadczony użytkownik, który bez problemu posługuje sie komputerem i internetem, znajduje potrzebne informacje o konkretnym wydarzeniu, miejscu wydarzenia czy koszcie biletu. 2. Określenie jaką drogą i za pomocą jakich funkcji doświadczony użytkownik dochodzi do danego wydarzenia czy informacji. 3. Określenie jakie problemy napotyka użytkownik podczas korzystania z portalu oraz podczas znajdowania informacji.
Przedmiotem badania jest droga użytkownika dochodzenia do danej informacji oraz jego zachowania podczas tej drogi. Również rozumienie elementów interfejsu strony oraz zadowolenie z korzystania ze strony.
PYTANIA BADAWCZE
WARUNKI BADANIA
1. W jakim czasie użytkownik znajduje informacje o filmie oraz o cenie biletu wielokrotnego i miejscu jego nabycia? 2. Jaką drogą użytkownik dochodzi do wyzej wymienionych informacji zawartych na stronie? 3. Czy elementy interfejsu ( przyciski, ikony) są zrozumiałe.
Podczas badania wszyscy ochotnicy korzystali z jednego zaaranżowanego miejsca, prz takim samym oświetleniu. Każda z osób miała do dyspozycji jedną możliwość wykonania wszystkich poleceń. Czas dla każdego badanego nie ograniczony.
HIPOTEZA Uzytkownik w krótkim czasie znajduje informację o filmie „Czas pokaże” oraz informację o cenie biletu wielokrotnego i miejscu jego nabycia. Użytkownik znajduje informację w sposób intuicyjny odnajdując najkrótszą drogę.
SCENARIUSZ BADANIA OSOBY BADANE 5 użytkowników w wieku pomiędzy 20 a 30 rokiem życia, doświadczonych w korzystaniu z internetu. Wszyscy badani dostają identyczne polecenia i nie korzystali ze strony miastomovie.pl i nie byli na festiwalu.
Ankieta
SCENARIUSZ BADANIA
2. Opisz stronę trzema przymiotnikami ________________________________________________
Badany zostaje poinstruowany o przebiegu badania. Dostaje około minutę na swobodne zapoznanie sie ze stroną. W tym czasie moze dzielić się swoimi spostrzeżeniami, pierwszym wrażeniem i komentarzem. Następnie badany ma za zadanie wykonać dwa polecenia. Ruchy kursora przesuwającego się na ekranie, wykonywane przez użytkownika, są rejestrowane video i audio za pomocą programu Camtasia. Treść zadań: 1 - Znajdż na stronie opis filmu pod tytułem „Czas pokaże”. 2 - Znajdź cenę za „bilet wielokrotny” i gdzie można go nabyć. Po wykonaniu poleceń, każdy badany jest poproszony o podanie odpowiedzi na pytanie: Czy sprawiło Ci dużą trudność znalezienie informacji z zadań? Zaznacz jedną odpowiedź przy każdym zadaniu. - 1 zadanie - tak - nie - 2 zadanie - tak -nie Oraz o udzielenie odpowiedzi na pytania dodatkowe zawarte w ankiecie.
1. Jakie są Twoje odczucia co do strony? - pozytywne - negatywne
3. Czy według Ciebie strona jest intuicyjna? - tak - nie 4. Czy informacje zawarte na stronie zainteresowały Cię? - tak - nie 5. czy pojechałbyś na festiwal filmowy we Wrocławiu? - tak - nie
ANALIZA WYNIKÓW BADAŃ Analiza badań obejmuje przedstanienie za pomocą wykresu, czynności wykonywane przez każdego użytkownika, ich kolejność oraz czas w którym miało to miejsce. Poszczególnym elementom przypisane sa symbole dla ułatwienia czytelności odczytu. W wykresie znajduje się pozioma oś czasu oraz uwzględnia poziomy strony internetowej na których porusza się użytkownik. Uwzględnione są dwa zadania, które wykonywał użytkownik - ich rozpoczęcie i wykonany poprawnie cel zadania. Dla uszczegółowienia drogi badanego, obok jest pokazana ta sama jego droga na architekturze informacji. Na wykresach znajdują się komentarze badanego oraz legenda do symboli zawartych w wykresie. Na koniec drogi wykonania zadań wszystkich użytkowników zostały porównane na jednym wykresie.
Najkrótsze drogi wykoniania zadań MIASTOmovie strona główna /grafika i opis/ festiwal suplement
1
2
poziom 1
zobacz program filmy spotkania sztuka klub festiwalowy
zadanie 1
informator dla mediów partnerzy archiwum MIASTOekipa
program
zadanie 2
1
1
MIASTOmovie:wro #1 MIASTOmovie:wro #2 MIASTOmovie:wro #3 MIASTOmovie:wro #4
cel zadania 1 cel zadania 2
koncert wydarzenia partnerskie 2 2 2 /grafika i opis/
/opis i samoprzewijająca się galeria zdjęć/
poziom 2
bazarch story działkowe jane walka o miasto sąsiedzki poranek we wro
/grafik wydarzeń/
2
/grafika/ /grafika/ /grafika i opis/ /grafika i opis/ /grafika i opis/ /opis/
2
1
3
4
8
7
6
/opis/
29
8
9
10
11
9
10
11
12
2 2 2 2
2 2
2
1
7
6
5
4
3
2 2
2 2
poziom 3
2
1
5
4
3
/grafika/
/grafika i opis/
/grafika i opis/
5
7
6
39
8
fragment strony związany z poleceniem 1
2
3
4
5
6
7
8
12
|legenda|
Arkusz1 potrzebna ilość kroków do wykonania zadań zadanie 1 zadanie 2 LOGO FESTIWAL PROGRAM zobacz program filmy x desert coffee wieża przedszkole modernistyczne szklane domy barbicania bunt lokatorów „mieszkanie w berlinie” kto tam czas pokaże x spotkania sztuka klub festiwalowy koncert wydarzenia partnerskie spotkanie z reżyserem previus project back to all projects next project INFORMATOR x DLA MEDIÓW PARTNERZY ARCHIWUM miastomovie:wro#1 miastomovie:wro#2 miastomovie:wro#3 miastomovie:wro#4 MIASTOEKIPA FACEBOOK INSTAGRAM TWITTER VIMEO
ANALIZA WYNIKÓW BADAŃ - UŻYTKOWNIK NR 1 „nie zauważyłam w ogóle, że się tu wysuwają te rzeczy”(o rozwijalnym menu zakładki PROGRAM)
POZNAWANIE STRONY 1 min 50s. MIASTOmovie strona główna /grafika i opis/ festiwal suplement
1 poziom 1
1
zobacz program filmy spotkania sztuka klub festiwalowy
informator dla mediów partnerzy archiwum MIASTOekipa
program
2
2
menu miniaturki filmów
MIASTOmovie:wro #1 MIASTOmovie:wro #2 MIASTOmovie:wro #3 MIASTOmovie:wro #4
2 2 2 /grafika i opis/
poziom 2
bazarch story działkowe jane walka o miasto sąsiedzki poranek we wro
/grafik wydarzeń/
3
/grafika/ /grafika/ /grafika i opis/ /grafika i opis/ /grafika i opis/ /opis/
2
1
3
4
8
7
6
39
8
9
5
7
6
8
10s
15s
20s
3
25s
30s
4
34s
/opis/
10
11
„tutaj tak, ale wcześniej tego nie było” (o niewidocznym znaku logo) „84 zł, w sprzedaży wyłacznie w kasach kina”
12
menu
2 2 2 2
2 2
2
1
7
6
5
4
3
2 2
2 2
poziom 3
2
1
5
4
3
/grafika/
/grafika i opis/
/grafika i opis/
CZAS POKAŻE
PROGRAM/FILMY
FESTIWAL
opis filmu czas 5s
koncert wydarzenia partnerskie
pis i samowijająca się a zdjęć/
2
1
opis zakładki INFORMATOR
49
1
12
LOGO INFORMATOR
3
fragment strony związany z poleceniem 1
2
3
4
5
6
7
8
9
Użytkownik poprawnie wykonał oba polecenia. Świadomie szuka odpowiednich przycisków na interfejsie by znaleźć żądane informacje. 1„ atkowo z zakładek /opis/ oraz /grafik wydarzeń/ są przejścia do każdego elementu „ Czas wykonania pierwszego zadania to 34s, ilość kliknięć 3. Czas wykonania drugiego zadania to 14s, ilość kliknięć 2.
10
11
12
czas 5s
|legenda|
10s 14s15s
20s
25s
30s
odsyłacz do programu 2
przekierowanie na jedną stronę zewnętrzną z dwóch miejsc przekierowanie na stronę zewnętrzną
LEGENDA
interaktywne miniaturki wydarzeń stona wydarzenia, opis i zdjecie
błędne kliknięcie
miejsce z którego trzeba się cofnąć lub skorzystać z głównego menu
1 2 przejście do innego miejsca na stronie na menu rozwijalne
komentarz przejście do innego miejsca na stronie
tym samym poziomie przejście na stronę zewnętrzną
kliknięcie w element interaktywny cel zadania nr 1
droga do zadania 1
cel zadania nr 2
droga do zadania 2
ANALIZA WYNIKÓW BADAŃ - UŻYTKOWNIK NR 2
POZNAWANIE STRONY 1 min 37s. MIASTOmovie strona główna /grafika i opis/ festiwal suplement
1 poziom 1
zobacz program filmy spotkania sztuka klub festiwalowy
informator dla mediów partnerzy archiwum MIASTOekipa
program
1
2
menu miniaturki filmów
MIASTOmovie:wro #1 MIASTOmovie:wro #2 MIASTOmovie:wro #3 MIASTOmovie:wro #4
2 2 2 /grafika i opis/
poziom 2
bazarch story działkowe jane walka o miasto sąsiedzki poranek we wro
/grafik wydarzeń/
2
/grafika/ /grafika/ /grafika i opis/ /grafika i opis/ /grafika i opis/ /opis/
2
1
3
4
8
7
6
39
8
5
7
6
15s
20s
3
25s
4
30s
34s
„bilet wielokrotny 84zł, są dostepne w sprzedaży wyłącznie w kasach kina” 9
10
11
12
menu
1
1
INFORMATOR
opis zakładki INFORMATOR
49
8
10s
CZAS POKAŻE
/opis/
2 2 2 2
2 2
2
1
7
6
5
4
3
2 2
2 2
poziom 3
2
1
5
4
3
/grafika/
/grafika i opis/
/grafika i opis/
PROGRAM/FILMY
INFORMATOR
opis filmu czas 5s
koncert wydarzenia partnerskie
pis i samowijająca się a zdjęć/
2
1
2
fragment strony związany z poleceniem 1
2
3
4
5
6
7
8
9
Użytkownik poprawnie wykonał oba polecenia. Świadomie szuka odpowiednich przycisków na interfejsie by znaleźć żądane informacje. atkowo z zakładek /opis/ oraz /grafik wydarzeń/ są przejścia do każdego elementu „ Czas wykonania pierwszego zadania1 „to 30s, ilość kliknięć 3. Czas wykonania drugiego zadania to 31s, ilość kliknięć 2.
10
11
12
czas 5s
|legenda|
10s
15s
20s
2
25s
30s 31s
odsyłacz do programu przekierowanie na jedną stronę zewnętrzną z dwóch miejsc przekierowanie na stronę zewnętrzną
LEGENDA
interaktywne miniaturki wydarzeń
błędne kliknięcie
stona wydarzenia, opis i zdjecie miejsce z którego trzeba się cofnąć lub skorzystać z głównego menu
1 2 przejście do innego miejsca na stronie
komentarz menu rozwijalne
przejście do innego miejsca na stronie na tym samym poziomie przejście na stronę zewnętrzną
kliknięcie w element interaktywny cel zadania nr 1
droga do zadania 1
cel zadania nr 2
droga do zadania 2
ANALIZA WYNIKÓW BADAŃ - UŻYTKOWNIK NR 3
POZNAWANIE STRONY 1 min 33s.
TOmovie główna opis/ festiwal suplement zobacz program filmy spotkania sztuka klub festiwalowy
menu
informator dla mediów partnerzy archiwum MIASTOekipa
program
1
1
miniaturki filmów
MIASTOmovie:wro #1 MIASTOmovie:wro #2 MIASTOmovie:wro #3 MIASTOmovie:wro #4
poziom 1
/grafik wydarzeń/
2
10s
15s
20s
25s
3
29s
35s
/opis/
2
poziom 2
we asto we wro
/grafika/
/grafika i opis/
/grafika i opis/
1 CZAS POKAŻE
opis filmu czas 5s
koncert wydarzenia partnerskie 2 2 2 /grafika i opis/
PROGRAM/FILMY
/grafika/ /grafika/ /grafika i opis/ /grafika i opis/ /grafika i opis/ /opis/
2
1
2
1
7
6
5
4
3
8
7
6
29
8
9
10
11
„tu jest mapa i tutaj były ceny, w kasach kina, 84zł”
12
menu
2 2 2 2
2 2
2 2
2 2
5
4
3
poziom 3 2
1
3
4
5
7
6
fragment strony związany z poleceniem 1
2
3
4
5
6
7
8
INFORMATOR
opis zakładki INFORMATOR
39
8
9
10
11
12
czas 5s
|legenda|
1
1
10s
2 15s
20s
25s
30s
35s
41s
odsyłacz do programu
Użytkownik poprawnie wykonał oba polecenia. Świadomie szuka odpowiednich przycisków na interfejsie by znaleźć żądane informacje. pierwszego 1 „ zadania to 29s, ilość oraz /grafikCzas wydarzeń/wykonania są przejścia do każdego elementu „ kliknięć 2. Czas wykonania drugiego zadania to 41s, ilość kliknięć 2.
2
przekierowanie na jedną stronę zewnętrzną z dwóch miejsc przekierowanie na stronę zewnętrzną
LEGENDA
interaktywne miniaturki wydarzeń
kliknięcie w element interaktywny
stona wydarzenia, opis i zdjecie
błędne kliknięcie
miejsce z którego trzeba się cofnąć lub skorzystać z głównego menu menu rozwijalne
komentarz
przejście do innego miejsca na stronie przejście do innego miejsca na stronie na tym samym poziomie przejście na stronę zewnętrzną
1 2
cel zadania nr 1
droga do zadania 1
cel zadania nr 2
droga do zadania 2
ANALIZA WYNIKÓW BADAŃ - UŻYTKOWNIK NR 4
POZNAWANIE STRONY 1 min 44s.
al suplement
informator dla mediów partnerzy archiwum MIASTOekipa
program
zobacz program filmy spotkania sztuka ub festiwalowy
menu
1
1
/grafik wydarzeń/
/grafika/
/grafika i opis/
/grafika i opis/
2
opis filmu czas 5s
koncert darzenia nerskie
2 2 2 /grafika i opis/
1
miniaturki filmów
MIASTOmovie:wro #1 MIASTOmovie:wro #2 MIASTOmovie:wro #3 MIASTOmovie:wro #4
poziom 1
PROGRAM/FILMY
CZAS POKAŻE 10s
15s
3
21s
25s
35s
30s
/opis/
2
poziom 2
/grafika/ /grafika/ /grafika i opis/ /grafika i opis/ /grafika i opis/ /opis/
2
1
2
1
2 2
5
4
3
5
4
3
7
6
8
„jak stąd wyjść?”(czarne menu na czarnym tle) kliknięcie funkcji „cofnij” w przeglądarce 9
10
11
2
3
4
5
7
6
fragment strony związany z poleceniem 1
2
3
4
5
6
7
8
9
10
Użytkownik poprawnie wykonał oba polecenia. Świadomie szuka odpowiednich przycisków na interfejsie by znaleźć żądane informacje. ydarzeń/ są przejścia do każdego elementu „ Czas wykonania1 „pierwszego zadania to 21s, ilość kliknięć 2. Czas wykonania drugiego zadania to 64s, ilość kliknięć 2.
INFORMATOR
opis zakładki INFORMATOR
39
8
„wielokrotny 84zł” menu
poziom 3 1
12
2 2 2 2
2 2
2 2
7
6
29
8
11
12
1 2
|legenda|
czas 5s
10s
15s
20s
25s
30s
35s
40s
45s
50s
odsyłacz do programu 2
przekierowanie na jedną stronę zewnętrzną z dwóch miejsc przekierowanie na stronę zewnętrzną
LEGENDA
interaktywne miniaturki wydarzeń
kliknięcie w element interaktywny
stona wydarzenia, opis i zdjecie
błędne kliknięcie
miejsce z którego trzeba się cofnąć lub skorzystać z głównego menu menu rozwijalne
komentarz
przejście do innego miejsca na stronie przejście do innego miejsca na stronie na tym samym poziomie przejście na stronę zewnętrzną
1 2
cel zadania nr 1
droga do zadania 1
cel zadania nr 2
droga do zadania 2
55s
60s
64s
ANALIZA WYNIKÓW BADAŃ - UŻYTKOWNIK NR 5 POZNAWANIE STRONY 1 min 44s.
MIASTOmovie strona główna /grafika i opis/ festiwal suplement
1
poziom 1
informator dla mediów partnerzy archiwum MIASTOekipa
program
zobacz program filmy spotkania sztuka klub festiwalowy
2
2
3
1
MIASTOmovie:wro #1 MIASTOmovie:wro #2 MIASTOmovie:wro #3 MIASTOmovie:wro #4
menu
2 2 2 /grafika i opis/
poziom 2
bazarch story działkowe ne walka o miasto dzki poranek we wro
/grafik wydarzeń/
/grafika/ /grafika/ /grafika i opis/ /grafika i opis/ /grafika i opis/ /opis/
2
1
4
5
4
7
6
5
4
3
8
7
6
2
1
3
CZAS POKAŻE
opis filmu czas 5s
/opis/
10s
8
9
10
11
2
1
3
2
4
3
5
4
7
6
5
Użytkownik poprawnie wykonał oba 1„ zakładek /opis/ oraz /grafik wydarzeń/ są przejścia do każdego elementu „ polecenia. Świadomie szuka odpowiednich przycisków na interfejsie by znaleźć żądane informacje. Czas wykonania pierwszego zadania to 19s, ilość kliknięć 3. Czas wykonania drugiego zadania to 64s, ilość kliknięć 3.
6
49
8
7
4
19s
25s
35s
30s
„przeszkadza mi to, że teraz jest to na czarnym i nie widzę tego, więc muszę wejść w coś innego” (o głównym menu) „jest bilet wielokrotny 84zł, w kasach kina”
12
poziom 3 1
15s
39
2 2 2 2
2 2
2 2
/grafika/
/grafika i opis/
/grafika i opis/
3
2
1
2 2
fragment strony związany z poleceniem
PROGRAM/FILMY
miniaturki filmów
koncert wydarzenia partnerskie
się
PROGRAM
8
9
INFORMATOR
PROGRAM/SPOTKANIA
menu 10 11 12
1
|legenda| odsyłacz do programu
opis zakładki INFORMATOR
2
3
2
FESTIWAL
przekierowanie na jedną stronę zewnętrzną z dwóch miejsc przekierowanie na stronę zewnętrzną
4
interaktywne miniaturki wydarzeń stona wydarzenia, opis i zdjecie
czas 5s
10s
15s
20s
miejsce z którego trzeba się cofnąć lub skorzystać z głównego menu
25s
30s
35s
40s
45s
50s
menu rozwijalne
LEGENDA
przejście do innego miejsca na stronie przejście do innego miejsca na stronie na tym samym poziomie przejście na stronę zewnętrzną
błędne kliknięcie komentarz
kliknięcie w element interaktywny
1 2
cel zadania nr 1
droga do zadania 1
cel zadania nr 2
droga do zadania 2
55s
60s
64s
ANALIZA WYNIKÓW BADAŃ - PORÓWNANIE WYNIKÓW
Czas rozwiązania poleceń jest porównywalny dla wszystkich uczestników badania. Wszyscy badani wykonali zadania poprawnie dochodząc do celu najkrótszą drogą. Najkrótszy czas dla pierwszego zadania to 19s a najdłuższy to 34s. Najkrótszy czas dla drugiego zadania to 14s a najdłuższy to 64s.
menu
2
1111
2
miniaturki filmów
3
opis filmu czas 5s
10s
15s
1
43
3
23
2 19s 21s
25s
34
30s
4
35s 34s
29s 30s
menu
1
12
opis zakładki INFORMATOR
11 1
1
2
3 czas 5s
10s 14s15s
20s
25s
3
2
30s
2 35s
41s 40s
2 4 45s
50s
55s
60s
31s
LEGENDA
badany 1 badany 2 badany 3 badany 4 badany 5
błędne kliknięcie komentarz
kliknięcie w element interaktywny
1 2
cel zadania nr 1
droga do zadania 1
cel zadania nr 2
droga do zadania 2
64s
ANALIZA WYNIKÓW BADAŃ - PORÓWNANIE WYNIKÓW zadanie 1 Arkusz1 potrzebna ilość kroków do wykonania zadań zadanie 1 zadanie 2 LOGO FESTIWAL PROGRAM zobacz program filmy x desert coffee wieża przedszkole modernistyczne szklane domy barbicania bunt lokatorów „mieszkanie w berlinie” kto tam czas pokaże x spotkania sztuka klub festiwalowy koncert wydarzenia partnerskie spotkanie z reżyserem previus project back to all projects next project INFORMATOR x DLA MEDIÓW PARTNERZY ARCHIWUM miastomovie:wro#1 miastomovie:wro#2 miastomovie:wro#3 miastomovie:wro#4 MIASTOEKIPA FACEBOOK INSTAGRAM TWITTER VIMEO
czas
LEGENDA
5s 10s 15s 20s 25s 30s 35s 40s 45s 50s 55s 60s 65s
badany 1 badany 2 badany 3 badany 4 badany 5
błędne kliknięcie kliknięcie w element interaktywny cel zadania nr 1
droga do zadania 1
cel zadania nr 2
droga do zadania 2
ANALIZA WYNIKÓW BADAŃ - PORÓWNANIE WYNIKÓW zadanie 2 Arkusz1 potrzebna ilość kroków do wykonania zadań zadanie 1 zadanie 2 LOGO FESTIWAL PROGRAM zobacz program filmy x desert coffee wieża przedszkole modernistyczne szklane domy barbicania bunt lokatorów „mieszkanie w berlinie” kto tam czas pokaże x spotkania sztuka klub festiwalowy koncert wydarzenia partnerskie spotkanie z reżyserem previus project back to all projects next project INFORMATOR x DLA MEDIÓW PARTNERZY ARCHIWUM miastomovie:wro#1 miastomovie:wro#2 miastomovie:wro#3 miastomovie:wro#4 MIASTOEKIPA FACEBOOK INSTAGRAM TWITTER VIMEO
czas
LEGENDA
5s 10s 15s 20s 25s 30s 35s 40s 45s 50s 55s 60s 65s
badany 1 badany 2 badany 3 badany 4 badany 5
błędne kliknięcie kliknięcie w element interaktywny cel zadania nr 1
droga do zadania 1
cel zadania nr 2
droga do zadania 2
ANALIZA WYNIKÓW BADAŃ - PORÓWNANIE WYNIKÓW
Porównanie czasu wykonania zadania 2
70
70
60
60
50
50
40
40
30
34
30
20
sekundy
sekundy
Porównanie czasu wykonania zadania 1
29 21
10 0
badany 2
badany 3
badany 4
19
10
badany 5
4
4
2
3 2
2
1 0
ilość kliknięć
ilość kliknięć
5
3
badany 5
14 badany 1
badany 2
badany 3
Porównanie ilości kliknięć w zadaniu 2
5
3
badany 4
31
20
Porównanie ilości kliknięć w zadaniu 1
3
64
41
30
0
badany 1
64
3 2
3 2
2
2
2
badany 1
badany 2
badany 3
badany 4
1
badany 1
badany 2
badany 3
badany 4
badany 5
0
badany 5
ANALIZA WYNIKÓW BADAŃ - WNIOSKI Pierwsze zadanie - Znajdż na stronie opis filmu pod tytułem „Czas pokaże”. Wszyscy badani wykonali zadanie poprawnie w krótkim czasie. Wszystkie osoby dotarły do informacji najkrótszą drogą. Dwie osoby znalazły drogę bezpośrednio, natomiast u trzech osób, pierwszym krokiem było otworzenie jeszcze jednej zakładki z menu głównego a następnie wybranie własciwej drogi. Drugie zadanie - Znajdź cenę za „bilet wielokrotny” i gdzie można go nabyć. Wszystkie osoby wykonały zadanie. Trzy osoby badane znalazły informacje w krótkim czasie. Dwie osoby długo szukały informacji w opisie zakładki informator. Trzy osoby znalazły drogę od razu. Dwie osoby na poczatku szukały w innych zakładkach menu głównego.
Większość osób badanych odebrało stronę pozytywnie oraz że jest intuicyjna. Badani nie mieli większych trudnośći ze znalezieniem informacji. Trzy osoby zainteresowały treści zawarte na stronie i chętnie pojechałyby na Festiwal we Wrocławiu. Pozytywne określenia strony używane przez badanych to: - prosta 2x - intuicyjna2x - ciekawa 2x - fajna - pomysłowa - nowoczesna - ładna Negatywne określenia strony używane przez badanych to: - męcząca dla oczu - niedpracowana - żółta 5x Wszyscy uzytkownicy odebrali kontrastowy kolor żółty jako męczący. Dodatkowym minusem jest to, iż w niektórych zakładkach gdy tło i menu są w kolorze czarnym - w ogóle nie widać menu.
PORÓWNANIE WNIOSKÓW - Z BADAŃ WŁASNYCH I Z BADAŃ Z UŻYTKOWINIKAMI
Tak jak we wnioskach badań własnych zostało ujęte, iż strona jest intuicyjna i czytelna, tak samo potwierdziło się to we wnioskach z badań z użytkownikami. Kolorystyka strony została odebrana przeze mnie przyjemnie tak samo osoby badane to potwierdziły pomijając kolor zółty, który został odebrany jako rażący i męczacy dla oka. Do każdego ze zdarzeń można dojść kilkoma drogami. Po badaniach wynikło, iż wszyscy badani wykonali zadania dochodząc do nich jednakowymi, najkrótszymi drogami. Potwierdził się również jeden z minusów z wniosków z badań własnych. Na niektórych podstronach tło zlewa się z menu głównym i nie widać zakładek. Utrudniało to odnalezienie odpowiednich przycisków w menu co skutkowało klikaniem na oślep w menu.