Badanie użyteczności strony www Teatru Polskiego w Bielsku-Białej

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.