Badanie użyteczności strony internetowej
Magdalena Nedyńska, Patrycja Paprotny, Agnieszka Uchyła, Klaudia Żmuda Pracownia badań użyteczności Prowadzący: prof. ASP dr hab. Wiesław Gdowicz, dr Marta Więckowska Zakład Badań Wizualnych i Interakcji Akademia Sztuk Pięknych w Katowicach 2015
Analiza interfejsu strony
Cele strony Charakter graficzny portalu Nawigacja Dostępne funkcjonalności Interakcje na stronie Podsumowanie
Założenia projektu strony Cele strony: 1. Przedstawienie wizerunku teatru, jako instytucji łączącej wysoką jakość artystyczną z tradycją, nowoczesnością i edukacją. 2. Zachęcenie widza do wizyty w teatrze poprzez promowanie działalności teatru i ułatwienie procesu zakupu biletów, dzięki wprowadzeniu kasy internetowej. Treść serwisu: 1. Informacje na temat bieżących i cyklicznych wydarzeń teatralnych. 2. Informacje o repertuarze, spektaklach i artystach. Użytkownicy: 1. Osoby zainteresowane kulturą i sztuką, które biorą czynny udział w życiu teatru. 2. Osoby, które odwiedzają teatr bardzo rzadko - uczniowie (cele edukacyjne) - osoby, które mają zamiar iść do Teatru Polskiego po raz pierwszy
Dostępne funkcjonalności Możliwość wyszukiwania: Wyszukiwanie wpisanej frazy i segregowanie wyników według trafności, daty i tytułu. Zakup biletów on-line: Możliwość wyboru miejsca na widowni (mapa miejsc). Mapa dojazdu: Open street map Współrzędne GPS, możliwość zaplanowania trasy (open street map). Newsletter: Po podaniu adresu e-mail otrzymujemy powiadomienia o nowościach. Możliwość oceny spektakli: W zakładce „Primus Inter Pares”.
Strona główna Teatru Polskiego w Bielsku Architektura strony
Strona główna Teatru Polskiego Architektura strony Spektakle
Artyści
Repertuar
Primus Inter Pares
Historia
lista spektakli
aktorzy, realizatorzy, aktorzy współpracujący
wyszukiwarka, kalendarium
gościnne spektakle, możliwość oceny spektaklu
oś czasu od 1791 do 2005
opis wybranego spektaklu
notka biograficzna
opis spektaklu
opis spektaklu
wydarzenia związane z daną datą
Bilety on-line
lista spektakli
proces zakupu biletu
Kasa
informacje o aplikacji, biletach, regulaminie zakupu
rozwinięcie powyższych zagadnień
Kontakt
informacje kontaktowe, mapa dojazdu
Analiza budowy strony Strona główna
logo
Zakładka składa się z czterech banerów, listy aktualności oraz listy najbliższych spektakli.
menu baner
kafelki
Animacje na stronie Elementem ruchomym jest główny baner na stronie.
baner baner najbliższe spektalke
baner bilety on line
elementy stałe
linki wewnętrzne
elementy zmienne
linki zewnętrzne
Analiza budowy strony Zakładka repertuar Repertuar
wyszukiwarka, kalendarium
Zakładka zbudowana z kafelek zawierających kalendarium nadchodzących wydarzeń. Na samej górze widnieje pole z możliwością wyszukiwania w repertuarze.
logo
menu wyszukiwanie w repertuarze kafelki
Animacje na stronie W zakładce wszystkie elementy są statyczne, nie ma elementów ruchomych.
opis spektaklu
elementy stałe
linki wewnętrzne
elementy zmienne
linki zewnętrzne
Analiza budowy strony Zakładka spektakle Spektakle
Zakładka zbudowana z kafelek zawierających zdjęcia spektakli, wraz z ich opisem. Animacje na stronie:
lista spektakli
logo
menu kafelki
W zakładce wszystkie elementy są statyczne, nie ma elementów ruchomych.
opis wybranego spektaklu
elementy stałe
linki wewnętrzne
elementy zmienne
linki zewnętrzne
Analiza budowy strony Zakładka artyści Artyści
aktorzy, realizatorzy, aktorzy współpracujący
logo
Zakładka zbudowana z kafelków zawierających fotografie twarzy aktorów bielskiego teatru. Po kliknięciu kursorem na kafel pojawia się więcej zdjęć ze spektakli z udziałem interesujących nas aktorów.
menu
kafelki
Animacje na stronie: W zakładce wszystkie elementy są statyczne, nie ma elementów ruchomych.
notka biograficzna
elementy stałe
linki wewnętrzne
elementy zmienne
linki zewnętrzne
Analiza budowy strony Zakładka primus inter pares Primus Inter Pares
gościnne spektakle, możliwość oceny spektaklu
opis spektaklu
Zakładka zbudowana z poziomych pasów zawierających informacje dotyczące gościnnych spektakli. Prawą stronę zajmuje kolumna w obszarze której istnieje możliwość oceny wystawianych sztuk.
logo menu twoim zdaniem
Primus Inter Pares
Animacje na stronie: W zakładce wszystkie elementy są statyczne, nie ma elementów ruchomych.
elementy stałe
linki wewnętrzne
elementy zmienne
linki zewnętrzne
Analiza budowy strony Zakładka kasa Kasa
informacje o aplikacji, biletach, regulaminie zakupu
logo
Zakładka zbudowana z dwóch kolumn: prawa zawiera informacje dotyczące wszystkich kwestii związanych z procesem zakupu biletu online, lewa kolumna zawiera informacje, dotyczące aplikacji, instrukcji i regulaminów.
menu kolumna informacyjna
Animacje na stronie W zakładce wszystkie elementy są statyczne, nie ma elementów ruchomych.
ikona zakupu biletu
rozwinięcie powyższych zagadnień
elementy stałe
linki wewnętrzne
elementy zmienne
linki zewnętrzne
Analiza budowy strony Zakładka kontakt Kontakt
informacje kontaktowe, mapa dojazdu
logo
Układ strony analogiczny do zakładki kasa–dwie kolumny. Prawa zawiera interaktywną mapę dojazdu do teatru, lewa wypełniona jest telefonami i kontaktami osób związanych z teatrem.
menu kolumna informacyjna
interaktywna mapa
Animacje na stronie: W zakładce wszystkie elementy są statyczne, nie ma elementów ruchomych.
elementy stałe
linki wewnętrzne
elementy zmienne
linki zewnętrzne
Analiza budowy strony Zakładka historia Historia
oś czasu od 1791 do 2005
wydarzenia związane z daną datą
Zakładka zbudowana jest z osi czasu, na której zaznaczone są poszczególne okresy działalności teatru, poniżej umieszczone jest zdjęcie ilustrujące każdy z tych okresów wraz z krótką notką i odnośnikiem „czytaj więcej”. Animacje na stronie: Oś czasu jest elementem interaktywnym. Klikając moża przenosić się pomiędzy poszczególnymi etapami działalności teatru. Każde wydarzenie jest opatrzone inną, ruchomą ilustracją.
elementy stałe
linki wewnętrzne
elementy zmienne
linki zewnętrzne
Analiza budowy strony Zakładka bilety on-line Bilety on-line
lista spektakli
proces zakupu biletu
Zakładka zbudowana jest z listy wydarzeń z następującymi informacjami: data i godzina spektaklu, wolne miejsca, cena biletu. Po kliknięciu kursorem na wybrany z listy spektakl zostajemy przeniesieni na osobną stronę stanowiącą procedurę zakupu biletów, składającą się z czterech kroków.
1.
Krok 1 WYBÓR MIEJSCA: Podgląd sali i możliwość wybrania miejsca oraz rodzaju biletu (normalny, ulgowy)
2.
Krok 2 POTWIERDZENIE: Akceptacja lub ewentualny powrót
3.
Krok 3 DANE OSOBOWE: Akceptacja lub ewentualny powrót
4.
Krok 4 ZAKOŃCZENIE
Charakter graficzny strony Grafika strony oparta jest na trzech układach strony wykorzystujących następując elementy: 1. Poziome pasy, 2. Kafelki–prostokąty ułożone jeden obok drugiego, 3. Podział na dwie kolumny Wszystkie podstrony wykorzystują powyższe układy oprócz podstron: Historia i Bilety on-line.
1. Poziome pasy
2. Kafelki
3. Kolumny
Sposób prezentacji informacji na stronie Układ graficzny CEL
SPOSÓB
REALIZACJA
Ułatwienie poruszania się po serwisie.
Uporządkowanie informacji i hierarchizacja treści.
Budowa kafelkowa, wyraźna kategoryzacja treści–każda kafelka to informacja na jeden temat, hierarchia ważności jest budowana za pomocą poziomych pasków oraz fotografii różnej wielkości.
repertuar
Sposób prezentacji informacji na stronie Elementy graficzne CEL
SPOSÓB
REALIZACJA
Zaciekawienie i przyciągnięcie uwagi widza.
Działanie obrazem– skupienie uwagi widza na atrakcyjnych grafikach.
Duża ilość interesujących, profesjonalnych fotografii.
strona główna menu pas aktualności
pas z kafelkami
pas nadchodzące spektakle
kalendarz pas bilety
4 z 7 pasów opierają się na fotografiach. Ten zabieg pokazuje, jak dużą rolę na stronie odgrywa prezentacja teatru, jego oferty przy pomocy fotografii.
Kolorystyka Projekt kolorystyki głównie ogranicza się do czerni, bieli, szarości oraz błękitu i czerwieni . Błękit i czerwień zawsze znajdują się na szarym lub białym tle.
Kolory podstawowe: R: 254 G: 0 B: 0 R: 0 G: 150 B: 217
Akcenty kolorystyczne: Niebieski pojawia się w elementach interakcyjnych oraz występuje jako akcent kolorystyczny dla każdej kafelki. Inne odcienie niebieskiego znajdują się jedynie w zakładce „twoim zdaniem”.
R: 240 G: 242 B: 241 R: 0 G: 0 B: 0 R: 251 G: 215 B: 179
Funkcjonuje kilka odcieni czerwieni, inne dla znaku „Kup bilety on-line”, aktualności i wyszukiwarki. Dodatkowo pojawiają się elementy żółte i pomarańczowe w zakładce „Twoim zdaniem”.
Kontrasty kolorystyczne:
R: 85 G: 85 B: 85
Kolory dodatkowe: R: 251 G: 215 B: 179
R: 222 G: 79 B: 59
R: 197 G: 18 B: 48
R: 255 G: 204 B: 0
R: 255 G: 153 B: 0
R: 102 G: 204 B: 153
R: 51 G: 204 B: 204
R: 255 G: 153 B: 0
R: 0 G: 153 B: 204
R: 0 G: 107 B: 157
Typografia Krój pisma: Na stronie występuje jeden krój pisma w odmianie regular i bold. Użyty krój jest jednoelemnetowy i bezszeryfowy.
Kolorystyka elementów typograficznych: R: 0 G: 0 B: 0 R: 255 G: 255 B: 255
Elementy interakcyjne przed najechaniem kursora: Elementy interakcyjne
po najechaniu kursora:
R: 251 G: 215 B: 179 R: 0 G: 150 B: 217 R: 0 G: 107 B: 157 R: 255 G: 153 B: 0
Nagłówki i teksty ciągłe Na stronie znajduje się 20 rodzajów nagłówków, do któych użyto:
Na stronie znajdują się 4 rodzaje tekstów ciągłych, do których użyto:
- 5 odmian kolorów, - 7 odmian kolorów tła, - 9 stopni pisma, w odmianie pogrubionej i regularnej, pisanych wielką i małą literą
- 3 szerokości interlinii, - 2 tła, - różną szerokość i liczbę kolumn
Hiperłącza, portale społecznościowe
Hiperłącza, portale społecznościowe profil teatru na Twitterze
Newsletter
profil teatru na Facebooku
Bilety on-line
Profil teatru na Google +
Profil teatru na YouTube
Interaktywne elementy na stronie CEL
SPOSÓB
REALIZACJA
Zachęcenie do zagłębiania się w treść strony.
Działanie obrazem– skupienie uwagi widza na atrakcyjnych grafikach.
Wykorzystanie elementów interaktywnych (osie czasu, przewijanie zdjęć na stronie głównej), rezerwacja biletów.
strona główna
Element interaktywny- możliwość przewijania zdjęć prezentujących aktualności
• To najbardziej absorbujący element strony głównej ze względu na ruch i wielkość grafiki. • Zachęca do przeglądania informacji powiązanych z grafiką.
Rodzaje interakcji
Oś czasu z aktualnymi wydarzeniami teatralnymi. Ikony i strzałki pozwalają w szybki sposób poruszać się pomiędzy kolejnymi spektaklami.
Wyszukiwarka w repertuarze 10 kategorii wyszukiwania ma ułatwiać znalezienie danego spektaklu.
Oś czasu prezentująca historię teatru. Poruszanie sie po osi odbywa sie za pomocą strzałek. Interaktywne jest także zdjęcie, które odsyła do artykułu na temat danego okresu.
Interaktywny napis po najechaniu kursorem, napis zmienia kolor.
Interakcje dostępne w zakładce historia 1. 1. Wybór zakładki „historia” z paska menu
3.
2. 2. Przewijanie osi czasu (strzałki lewo prawo) celem wyszukania interesującej nas daty.
4.
3. Kliknięcie w datę Następuje prezentacja obrazka i krótkiego opisu.
1. 3.
2.
4. 4.
4. Opcja „czytaj więcej” lub wybór obrazka. Po kliknięciu następuje przekierowanie do artykułu.
Możliwe drogi zakupu biletu 1. Wybór zakładki Bilety on-line z menu
2. Wybór ikony Bilety on-line
wybór ikony ze strony głównej
wybór ikony z zakładek: repertuar lub kasa
3. Wyszukanie tytułu za pomocą wyszukiwarki
wybór ikony z paska hiperłączy u góry każdej strony
Przejście na stronę zakupu biletów
Projekt badania
Cele badania Scenariusz badania
Pytania i cele badawcze Cele: 1.Które elementy strony www i w jaki sposób odnoszą się do cech charakteryzujących Teatr Polski w Bielsku-Białej. 2. Jaką drogę wykonuje użytkownik przy wyszukiwaniu i kupowaniu biletu na dany spektakl. Pytania badawcze: 1. Czy grafika strony tworzy klimat charakterystyczny dla teatru? 2. Którą z dróg zakupu biletu wybierze badany? 3. Jakie problemy występują na drodze zakupu biletu?
Scenariusz badania Badanie 1 grupa 1
Badanie2 grupa 2
1 badany- 18-20 lat 2 badany- 20-25 lat 3 badany- 25-30 lat 4 badany- 30-40 lat
1 badany- 18-20 lat 2 badany- 20-25 lat 3 badany- 25-30 lat 4 badany- 30-40 lat
Ankieta 1: stworznie profilu badanego Co sprawdzamy: Jaka jest droga nowego użytkownika przy kupowaniu biletu? Jak użytkownik poradzi sobie z wyszukiwaniem określonego typu spektaklu, bez jasno sprecyzowanej nazwy? W jaki sposób: Wydanie polecenia zaraz po wejściu na stronę: Kup bilet na musical na styczeń 2015r.
Co sprawdzamy: Jakie są wrażenia użytkownika, który po raz pierwszy widzi stronę Teatru? Jak swobodne korzystanie ze strony przez 2 minuty, wpłynie na drogę zakupu biletu? W jaki sposób: Wydanie polecenia po 2 minutach swobodnego korzystania ze strony: Kup bilet na spektakl “Zorba” na dzień 23.01.2015r.
Ankieta 2: opinia użytkownika na temat serwisu
Scenariusz badania Obserwacja użytkownika podczas wykonywania czynności w interfejsie teatru. Rejestracja wszelkich zachowań, komentarzy, reakcji badanego.
Badaniu poddane zostaną: - zarejestrowany obraz interfejsu - czas wykonania polecenia - czas pomiędzy kolejnymi krokami, gdzie badany zatrzymał się na dłużej - droga użytkownika - rodzaje akcji (klikanie, przewijanie, wpisywanie) - ilość wykonanych kroków do momentu osiągnięcia celu - ilość popełnionych błędów - czy zadanie zostało wykonane poprawnie Podczas wykonywania polecenia będą rejestrowane reakcje użytkownika (wyraz twarzy, komentarze). Użytkownik będzie również zachęcany do komentowania niejasności wynikających z korzystania ze strony www.
Ankieta–profil badanego 1. Wiek: ..........................................................
2. Jak długo już korzystasz z Internetu? ..........................................................
3. Ile godzin przeciętnie korzystasz z internetu w ciągu dnia? ..........................................................
4. Jak oceniasz swoje umiejętności w posługiwaniu się komputerem? bardzo słabo słabo średnio dobrze bardzo dobrze
5. Do czego zwykle używasz Internetu? (zaznacz na liście wszystkie elementy, z których korzystasz): przeglądanie stron poczta elektroniczna / e-mail słowniki czaty fora internetowe listy dyskusyjne
szukanie pracy serwisy randkowe komunikatory (np.: Skype) rezerwowanie biletów aukcje (np. Allegro) zakupy on-line gry on-line blogi serwisy społecznościowe (np.: Facebook itp.)
6. Jak często dokonujesz zakupów przez Internet? bardzo rzadko rzadko czasem często bardzo często
7. Co najczęściej kupujesz przez Internet? odzież i obuwie kosmetyki sprzęt elektroniczny sprzęt sportowy bilety inne
Ankieta–opinia o serwisie 1. Jak oceniasz wizualną postać (wygląd) strony www? Czy twoim zdaniem wygląd strony dobrze nawiązuje (oddaje charakter, jest spójny) do treści/zawartości strony www? Zdecydowanie tak Raczej tak Ani tak/ani nie Raczej nie Zdecydowanie nie
2. Określ cechy wizualne strony na skali: tradycyjna -5 -4 -3 -2 -1 0 1 2 3 4 5 nowoczesna nieprzyjazna -5 -4 -3 -2 -1 0 1 2 3 4 5 przyjazna poważna -5 -4 -3 -2 -1 0 1 2 3 4 5 zabawna nieprzejrzysta -5 -4 -3 -2 -1 0 1 2 3 4 5 przejrzysta denerwująca/drażniąca -5 -4 -3 -2 -1 0 1 2 3 4 5 przyjemna zniechęcająca -5 -4 -3 -2 -1 0 1 2 3 4 5 zachęcająca 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
3. W jakim stopniu podoba ci się strona internetowa? nie podoba mi się raczej nie podoba mi się ani mi się nie podoba, ani mi się podoba raczej mi się podoba podoba mi się
4. Na podstawie wyglądu strony internetowej wybierz te cechy, które według Ciebie pasują do wizerunku Teatru Polskiego w Bielsku Białej. nowoczesny klasyczny tradycyjny młodzieżowy snobistyczny elitarny przyjazny przystępny chłodny otwarty minimalistyczny pełen przepychu artystyczny oryginalny nowatorski przestarzały
zacofany komercyjny poważny ekskluzywny elegancki niedostępny trywialny romantyczny zachęcający odstraszający inne
Badania uşyteczności
Wyniki badania Podsumowanie Rekomendacje
Zapis drogi użytkownika–schemat ogólny Poziom 3
Poziom 2
+
Poziom 1
Poziom 2
–
Poziom 3
LEGENDA:
Kroki wykonane przez badanego
Początek
Początek–Strona główna Koniec–Akceptacja prawidłowe wybory błędny wybory Poziom 1–zakładki Strony głównej Poziom 2–podstrony zakładek strony głównej Poziom 3–kolejne poziomy podzakładek podstrony zakładek strony głównej, które dają mozliwośc wykonania zadania (zakupu biletu) repertuar
Koniec
18 możliwości wyboru spektakle
21 możliwości wyboru bilety on-line
65 możliwości wyboru
Badanie 1*–zestawienie drogi użytkowników *Wydanie polecenia zaraz po wejściu na stronę
–
+
+
STRONA GŁÓWNA WYSZUKIWARKA NA STRONIE GŁÓWNEJ
–
STRONA GŁÓWNA
+
– STRONA GŁÓWNA
SPEKTAKLE
BILETY ON–LINE
KROK 2
KROK 1
AKCEPTACJA
KROK 2 AKCEPTACJA
ZORBA BILETY ON–LINE
STRONA GŁÓWNA REPERTUAR
REPERTUAR ZORBA
KROK 1 KROK 2
KROK 1
AKCEPTACJA
KROK 2
STRONA GŁÓWNA
SPEKTAKLE
BILETY ON–LINE
ZORBA
–
REPERTUAR
IFIGENIA
REPERTUAR
BILETY ON–LINE
+
BILETY ON–LINE
SZALONE NOŻYCZKI
SINGIELKA
KROK 1
STRONA GŁÓWNA
REPERTUAR
REPERTUAR
ZORBA
–
+
KROK 1 KROK 2 AKCEPTACJA
AKCEPTACJA
badany 18-20
badany 21-25
LEGENDA:
badany 25-30
badany 31-40
Kroki wykonane przez badanego
Początek–Strona główna Koniec–Akceptacja
Poziom 1–zakładki Strony głównej
prawidłowe wybory
Poziom 2–podstrony zakładek strony głównej
błędny wybory
Poziom 3–kolejne poziomy podzakładek
badany 40-50
Badanie 2*–zestawienie drogi użytkowników *Wydanie polecenia po 2 minutach swobodnego korzystania ze strony
–
+
+
STRONA GŁÓWNA REPERTUAR
– STRONA GŁÓWNA
–
+
STRONA GŁÓWNA
BILETY ON–LINE
ZORBA
–
+
STRONA GŁÓWNA
STRONA GŁÓWNA
REPERTUAR
BILETY ON–LINE ZORBA
ZORBA
–
+
BILETY ON–LINE
BILETY ON–LINE
ZORBA
BILETY ON–LINE KROK 1
KROK 1
KROK 2
KROK 2 AKCEPTACJA
KROK 1 KROK 2
AKCEPTACJA
AKCEPTACJA
ZORBA
KROK 1 KROK 2
KROK 1 KROK 2 AKCEPTACJA
AKCEPTACJA
badany 18-20
LEGENDA:
badany 21-25
badany 25-30
badany 31-40
Kroki wykonane przez badanego
Początek–Strona główna Koniec–Akceptacja
Poziom 1–zakładki Strony głównej
prawidłowe wybory
Poziom 2–podstrony zakładek strony głównej
błędny wybory
Poziom 3–kolejne poziomy podzakładek
badany 40-50
Droga użytkownika–częste błędy Poziom 3
Poziom 2
+
Poziom 1
Poziom 2
Strona główna
–
Bilety On–line
Poziom 3
1
1
Spektakl A
2 2
Repertuar
Krok 1
3
Krok 2
4
3
Akceptacja 4
BILETY ON–LINE Wyszukiwanie właściwego spektaklu sprawiało problem badanym. Ma na to wpływ forma prezentacji spektakli do wyboru–zostały one zaprezentowane w postaci długiej listy, w której zastosowano małą interlinie. PODZAKŁADKA ZE SPEKTAKLEM Brak opisu typu spektaklu (np. dramat), obok tytułu zmusza użytkownika do kliknięcia w tytuł spektaklu i odnalezienia informacji w opisie. Ikona kup bilet umieszczona na samym dole strony. Jest nie widoczna, badani nie przewijają strony w dół, przez co jej nie dostrzegają i cofają się ponownie do repertuaru. ZAKUP BILETU KROK 1 Problem z wyborem miejsca na mapie widowni. Badani intuicyjnie klikają w czarne miejsce, traktując szare pole jako wygasłe. KROK 2 Badani nie potrafią odnaleźć przycisku dalej, umieszczonego na samym dole strony.
Jaką drogę wykonuje użytkownik przy zakupie biletu?
Najcześciej wybieraną drogą zakupu biletu była zakładka REPERTUAR, następnie BILETY ON–LINE, tylko jedna osoba skorzystała z IKONKI KUP BILET. Najkrótsza droga zakupu biletu wymaga wykonania 6 kroków.
Badanie 1*–Analiza wyników badania *Wydanie polecenia zaraz po wejściu na stronę wykresy przedstawiają zależność między krokami użtkownika a czasem wykonywania zadania kroki badanego 1 2 3 4
5 6
kroki badanego 7
8
1 2 3 4
9 10
5 6
kroki badanego 7
8
9 10
1 2 3 4
5 6
kroki badanego 7
8
9 10
1 2 3 4
5 6
kroki badanego 7
8
9 10
1 2 3 4
10
10
10
10
10
20
20
20
20
20
30
30
30
30
30
40
40
40
40
40
50
50
50
50
50
60
60
60
60
60
70
70
70
70
70
80
80
80
80
80
90
90
90
90
90
100
100
100
100
100
120
120
120
120
120
130
130
130
130
130
140
140
140
140
140
150
150
150
150
150
160
160
160
160
160
170
170
170
170
170
180
180
180
180
180
190
190
190
190
190
czas [s]
czas [s]
czas [s]
czas [s]
czas [s]
badany 18-20
badany 21-25
badany 25-30
badany 31-40
5 6
7
badany 40-50
8
9 10
Badanie 2*–Analiza wyników badania *Wydanie polecenia po 2 minutach swobodnego korzystania ze strony wykresy przedstawiają zależność między krokami użytkownika a czasem wykonywania zadania kroki badanego 1 2 3 4
5 6
kroki badanego 7
8
9 10
1 2 3 4
5 6
kroki badanego 7
8
9 10
1 2 3 4
5 6
kroki badanego 7
8
9 10
1 2 3 4
5 6
kroki badanego 7
8
9 10
1 2 3 4
10
10
10
10
10
20
20
20
20
20
30
30
30
30
30
40
40
40
40
40
50
50
50
50
50
60
60
60
60
60
70
70
70
70
70
80
80
80
80
80
90
90
90
90
90
100
100
100
100
100
120
120
120
120
120
130
130
130
130
130
140
140
140
140
140
150
150
150
150
150
160
160
160
160
160
170
170
170
170
170
180
180
180
180
180
190
190
190
190
190
czas [s]
czas [s]
czas [s]
czas [s]
czas [s]
badany 18-20
wykres dla badania 1 wykres dla badania 2
badany 21-25
badany 25-30
badany 31-40
5 6
7
badany 40-50
8
9 10
Podsumowanie ankiety Badanie 1
Badanie 2
(badany wcześniej nie zapoznaje się ze stroną, otrzymuje polecenie zakupu biletu na musical)
(badany wcześniej ma czas na zapoznanie się ze stroną, otrzymuje konkretny tytuł, datę i godzinę spektaklu)
Które elementy strony internetowej teatru i w jaki sposób odnoszą się do cech charakteryzujących Teatr Polski w Bielsku- Białej? Duża ilość powtarzających się na stronie internetowej ikonek zakupu biletu sprawiła, że badani określili instytucję teatru, do którego należy strona jako komercyjny. Poprzez ograniczoną kolorystykę i oszczędną grafikę strony, Teatr w Bielsku uważany jest za Teatr nowatorski i młodzieżowy. Brak jednoznacznego charakteru graficznego sprawia że strona opisywana jest jako nijaka i nie zapada w pamięć. Strona teatru określona została jako nowoczesna, lecz sama instytucja teatru nie kojarzy się z nowoczesnością.
Podsumowanie badania Wykonanie (ukończenie) zadania: Sprawdzenie jaka jest efektywność ukończenia przez użytkownika przygotowanych dla niego zadań.
Zadanie wykonało poprawnie 9/10 osób Błędy występowały u wszystkich badanych w tych samych krokach.
Czas wykonania zadania: Pomiar czasu niezbędnego do realizacji danego zadania
Badanie 1 czas najdłuższy: 3 min 16 s czas najkrótszy: 1 min czas średni: 2 min 6 s
Efektywność: ile kroków wykonał użytkownik aby osiągnąć cel
Badanie 1 najmniejsza ilośc kroków: 6 największa ikość kroków: 10 średnia ilość kroków: 8
Badanie 2 czas najdłuższy 2 min czas najkrótszy: 30 s czas średni: 1 min 24 s
Badanie 2 najmniejsza ilośc kroków: 4 największa ikość kroków: 5 średnia ilość kroków: 4
Rekomendacje–usprawnienie procesu zakupu Bark opisu typu spektaklu zmusza użytkownika do zagłębiania się w strukturę strony i szukania informacji w opisie sztuki. Umieszczenie obok tytułu spektaklu jego typu, znacznie przyśpieszyłoby odnalezienie właściwego spektaklu.
Bark ikony kup bilet w centralnej części strony zmusza użytkownika do cofania sie lub przechodzenia do zakładki bilety on–line. Gdyby ikona znajdowała się w widocznym miejscu uzytkownik mógłby od razu przejść do procesu zakupu biletu
Długa lista spektakli i mała interlinia utrudnia wyszukiwanie spektaklu. Zwiększenie odstępów i segregacja tytułów pomogłaby szybciej znaleźć dany spektakl.