Badanie użyteczności stron www portalu Instytutu Adama Mickiewicza by Zakład Badań Wizualnych i Interakcji

autor: Karolina Kluza prowadzący: prof. ASP dr hab. Wiesław Gdowicz dr Marta Więckowska Badania Użyteczności rok II wzornictwo 2017/2018 Zakład Badań Wizualnych i Interakcji Akademia Sztuk Pięknych w Katowicach

Spis treĹ&#x203A;ci 1. Przedstawienie strony 2. Cele strony 3. Budowa strony www 4. Cechy wizualne 5. Pierwsze wnioski 6.Analiza struktury strony

1 2 3 4-6 7 8

PRZEDSTAWIENIE STRONY Instytut Adama Mickiewicza jest narodowa instytucja kultury, ktorej celem jest rozpowszechnianie i popularyzacja polskiej kultury na arenie miedzynarodowej oraz wspolpraca z innymi panstwami. Instytut realizuje rozmaite projekty. Dodatkowo prowadzi portal culture.pl, ktory publikuje codziennie najnowsze informacje dotyczace polskiej kultury na calym Ĺ&#x203A;wiecie.

Cele strony

Funkcje strony

• Prezentacja polskiej kultury na swiecie • Wspolpraca kulturalna z innymi krajami • Komunikacja miedzynarodowa • Sprawienie aby polska kultura byla inspiracja dla zagranicznych tworcow • Prezentacja dorobku krajowego • Budowa szacunku dla polskiej jakosci i orginalnosci kultury, tworcow i instytucji • Wzmacnianie sily polskich marek • Wzajemny rozwoj kultury • Rozpowszechnianie wiedzy na temat polskiej kultury • Mozliwosc wspracia Instytutu • Mozliwosc bezposredniego przejscia na strone culture.pl • Szybki dostep do informacji ze swiata kultury • Umozliwienie dofinansowan do wyjazdow na wydarzenia kulturalne • Umozliwienie wspolpracy z Instytutem

• informacyja (gromadzenie, zdobywanie wiedzy) • promocja (wspieranie i promowanie kultury) • wspolpraca miedzynarodowa • inspiracja

Odbiorcy strony • Osoby interesujace sie polska kultura • Osoby chcace promowac polska kulture za granica • Osoby chcace dolaczyc do zespolu Intytutu Adama Mickiewicza • Osoby chcace uczestniczyc w wydarzeniach kulturowych

Informacje zawarte na stronie • informacje dotyczace kultury • informacje o dzialalnosci Instytutu • informacje o dzialalnosci • oferty wspolpracy • oferty dofinansowan • materialy do pobrania

budowa strony www Schemat strony głównej

Strona główna została podzielona na 6 segmantów o różnym przeznaczeniu:

logo, piktogramy odsyłające do innych stron oraz wyszukiwarki

menu duże fotografie z odnośnikami do artykułów

odsyłacze do innych portali, menu, aktualności z dużymi fotografiami, piktogramy odnoszczące do działalności Instytutu oraz stopkę. Menu oraz stopka są zawsze widoczne na stronie.

duże fotografie z odnośnikami do artykułów

piktogramy odnoszące się do działalności instytutu Legenda:

stopka

logo piktogramy (ilustracje) tekst interaktywny fotografie tekst tło segmenty

MENu Menu składa się 7 kategorii. Każda z nich rozwija się po najechaniu kursorem pokazując podkategorie. Menu znajduję się w górnej częsci strony i jest cały czas widoczne co pozwala na łatwą nawigację i szybkie przejchodzenie na inne podstrony z dowolnego

kategorie menu

przykładowe rozwinięcie menu

BUDOWA PODSTRON Na stronie znajduję się pięć rodzajów układów podstron. Można je podzielić ze względu na znajdujące sie tam elementy takie jak: zawsze widoczne menu oraz odnośnik do Culture.pl, teksty, przyciski przenoszące do innych działów z danej kategorii, różnego rodzaju pliki do ściągania oraz wyświetlania, piktogramy odnoszące do działalności Instytutu oraz aktualności. menu

teksty

Culture.pl

odnośniki do podstron

do pobrania pliki do wyĹ&#x203A;wietlenia do wypeĹ&#x201A;nienia

CECHY WIZUALNE LOGO

Logo Instytutu ma bardzo prost formę składająca się z czterech elementów pionowych i skośnych. Są to płaskie podłużne prostokąty. W całości zastosowano tylko jeden kolor- róż (przewodni kolor na całej stronie www). Logo dobrze współgra z całością i jest elementem, który przykuwa uwagę jako pierwszy po otworzeniu strony.

FOTOGRAFIE

Zajmują niewielką część głównej strony. Są duże i zachęcają do przeczytania artykułów których odnośniki znajdują się pod nimi. Po wejściu na strone zawsze po lewej stronie wyświetla się duża fotografia ukazująca najważniejsze ostatnie wydarzenie.

ILUSTRACJE ( piktogramy) Mocnym punktem budowy strony głównej Instytutu są ilustracje nawiązujące do działalności Instytutu. Przyciągaja uwagę odbiorców. Zastosowano kolorystykę ograniczoną do trzech barw szarości, bieli oraz różu- kolorów przeważajacych na całej stronie. Ilustracje odnoszą do poszczególnych podstron strony. Są formą nawigacji po menu. Ilustracje są uproszczone i zgeometryzowane. Plama (róż)+ linia ( szarość). Ilustracje dostosowane sa do różnych grup odbiorców- dorosłych, młodzież, dzieci.

PORTAL CULTURE.PL Instytut Adama Mickiewicza prowadzi równoczenie stronę Culture.pl na której codzinnie aktualizowane są najnowsze informacje dotyczące kultury polskiej na całym świecie. Można tam znaleźć informacje dotyczące artystów, recenzje, eseje, opisyi informacje o instytutach kultury.Strona dostępna jest w trzech językach. (polskim, angielskim i rosyjskim) Aby przejść do strony należy kliknąć na ikonkę culture.pl znajdującą się po prawej stronie strony przy pasku przewijania Ikonka ta jest widoczna zawsze w tym samym miejscu nawet przy przewijaniu strony. Odnośnik do strony znajduje się również w stopce strony.

...

CECHY WIZUALNE TYPOGRAFIA

KOLORYSTYKA

Na stronie zostały zastosowane kroje pisma takie jak:

Kolorystyka strony została ograniczona do czterech kolorów- bieli, dwóch odcieni szarości oraz mocno wyróżniającego się różu. Ten samo odcień różu zastosowano w logu Instytutu jak i w poszczególnych elementach strony takich jak typografia, piktogramy oraz znakach przy tekstach. Biel wypełnia cae tło strony i podstron. Ciemniejszy odcień szarości występuje w wszystkich tekstach na stronie, natomiast jaśniejszy użyto jako (kolor wyznaczający dane segmenty, czesci, menu, podkreslenia) Dzięki zastosowaniu wąskiej gamy barwnej strona jest przejrzysta i ułatwia nawi-

• FF Good Pro Book (Odmiana ta została użyta w większości tekstów na stronie. Występuje głównie w tekstach ciągłych oraz opcjach menu) • ff Good Pro Bold (Wersja Bold użyta została w logu Instytutu oraz z interaktywnych przyciskach menu. Znajduje się również na poszczególnych pod stronach, gdzie została użyta do podkreślenia tytułów ważnych treści) • More Web Pro (Font zastosowano w tytułach artykułów znajdujących się na głównej stronie oraz w opisach piktogramów) Wszystkie fonty zastosowane na stronie Instytutu Adama Mickiewicza zostały zaprojektowane przez polskiego projektanta Łukasza Dziedzica.

R: 255 G: 255 B: 255

R: 226 G: 227 B: 228

R: 109 G: 110 B: 113

R: 218 G: 0 B: 69

CECHY WIZUALNE INTERAKCJE Większość elementów na stronie jest interaktywna. Można je napotkać na każdym kroku. Interakcje na stronie: • scrollowanie- stronę główną można swobodnie przewijać. • najeżdżanie- po najechaniu na menu pojawiają się rozwinięcia działów. po najechaniu kursorem na piktorgamy odsyłające do innych portalów znak zmienia swój kolor z szarego na różowy. • klikanie- Aby dostać się na różne podstrony najechać kursorem na dany element interaktywny a następnie klinknąć w niego. Interaktywne elementy na stronie:

PIERWSZE WNIOSKI Pierwsza reakcja po włączeniu strony była bardzo pozytywna. Strona główna jest uporządkowana i przejrzysta co ułatwia nawigację. Moją uwagę przykuły przede wszystkim piktogramy odsyłające do podstron. Zostały zaprojektowane bardzo prosto z wykorzystaniem przewodniego koloru strony. Zachęcają do dalszego przeglądania strony. Osobiście do nawigacji uzywałam tylko ich gdyz przyspieszały pracę.

Dużą zaletą storny jest łatwa nawigacja, wchodząc na podstrony łatwo wrócić do strony głównej, ponieważ menu oraz przycisk odnąszcy do strony głównej są zawsze widoczne. Strona zawiera dużo przycisków przenoszących na inne podstrony. Może to wprowadzić zamieszanie i dezoorientacje.

W niektórych miejscach brakuje informacji, jednak prowadzą do nich zakładki. Wprowadza to komplikacje i problem w znalezieniu informacji.

strona główna

działalność

> >

programy

> >

Culture.pl >

działalność

> >

STOPKA

> >

o nas

> >

> > >

Instytut Adama Mickiewicza

wizyty studyjne

> >

Polityka prywatności

ścieżki dziedzinowe

Regulamin

> >

Culture.pl >

Culture.pl

social media wyszukiwarka kontakt wiadomosci aktualnosci

dokumenty

Biuletyn Informacje publicznej

Kultura Polska na świecie

> > >

dofinansowania kultury

Inne programy

> >

dla mediów

> >

Culture.pl >

kreatywna-europa.eu

LEGENDA >

strona główna

oferty współpracy

> >

podstrony zawierające tekst

pliki pdf

> >

zamówienia publiczne

> > > > > >

kontakt

> >

formularze linia zaznaczająca podstrony z bezpośrednią możliwością powrotu do strony głównej

rozwijalne menu

relacje

OPIS BADANIA Cel badania 1. Celem badania jest określenie w jaki sposób przebiega proces wyszukiwania informacji i to czy nowy użytkowanik korzysta z uproszczeń zaproponowanych przez stronę www.iam.pl.

Badanie - 5 osób w wieku od 20 do 28 roku życia - osoby nie korzystały wcześniej ze strony www.iam.pl

Pytania badawcze 1. Jakie elementy strony przyspieszają znajdywanie informacji? 2. Czy użytkownicy korzystają z ułatwiń znjadująych się na stronie głównej w postaci ikon szybkiego dostepu? 3. Czy ikony ułatwiające wyszukiwanie informacji są zrozumiałe i zachęcają do korzystania?

Warunki - różne, zaaranżowane miejsca (dom, uczelnia) - jednorazowa sesja z pojedyńczym badanym - sesja nieograniczona czasowo

Osoby badane Osobami badanymi są osoby interesujące się kulturą Polską. Są to osoby różnej płóci w przedziale wiekowym 20-28

Przedmiot badania - proces rejestracji - zrozumienie elementów strony - korzystanie z ułatwień

Przebieg badania 1. Badany zostaje wprowadzony w przedmiot badania 2. Badany dostaje polecenia do wykonania i jest proszony o mówenie na głos wrażeń dotyczących korzystania ze strony. 3. Wszyscy badani otrzymują te same polecenia 4. Rejestracja jest obrazem ekranu i wypowiedzi badanego 5. Wprowadzenie do badania: Weżmiesz udział w badaniu użyteczności strony iam.pl. Masz nieograniczoną ilość czasu. Na początku dostaniesz 2 minuty na wstępny ogląd strony, następnie odpowiesz na pierwsze pytanie z karty poleceń. Następnie rozpoczniemy właściwe badanie. Podczas badania będziesz musiał odnaleźć kilka informacji. Rejestrowany będzie ekran komputera oraz głos. Możesz komentować na głos co Ci się podoba a co nie. Zarejestrowany materiał będzie analizowany i porównywany z innymi nagraniami.

KWESTIONARIUSZ ANKIETOWY Pytanie 1 (przed rozpoczęciem badania) Jaka jest tematyka strony iam.pl? .............................................................................................................................. Zadanie 1 Znajdź informacje dotyczące Programu Polska Design. (nie używając wyszukiwarki) Zadanie 2 Znajdź materiał do pobrania o nazwie Logotypy IAM/Culture.pl (nie używając wyszukiwarki) Zadanie 3 Przejdź na strone Culture.pl nie używając paska wyszukiwania w przeglądarce. Pytanie 2 (po zakończeniu badania) Co sądzisz o umieszczeniu na stronie głównej odsyłaczy (ikon przedstawiających dziedziny) do podstron ułatwiających wyszukiwanie informacji? .............................................................................................................................. .............................................................................................................................. Pytanie 3 W skali od 0-10 jak uceniasz poruszanie się po stronie? (zaznacz odpowiedź) 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10

ZADANIE 1 kli kn ię ć ć ilo ś

na je ch ań ć ilo ś

ć ilo ś

Osoba 1

zje ch ań

Znajdź informacje dotyczące Programu Polska Design.

0:03

kontakt 1 1

MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw)

0:14

POZIOM 1 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej aktualności 22 odnośniki do działalności przycisk plików do pobrania POZIOM 2 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej przycisk plików do pobrania pliki pdf 0:00

0:30

01:00

01:30

02:00

02:30

ZADANIE 1

kli kn ię ć ć ilo ś

na je ch ań ć ilo ś

ć ilo ś

Osoba 2

zje ch ań

Znajdź informacje dotyczące Programu Polska Design.

0:02

kontakt 1 1

MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw)

0:17

0:30

01:00

01:30

02:00

02:30

ZADANIE 1

kli kn ię ć ć ilo ś

na je ch ań ć ilo ś

ć ilo ś

Osoba 3

zje ch ań

Znajdź informacje dotyczące Programu Polska Design.

016

kontakt MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw) POZIOM 1 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej aktualności 22 odnośniki do działalności przycisk plików do pobrania POZIOM 2 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej przycisk plików do pobrania pliki pdf 0:00

0:30

01:00

01:30

02:00

02:30

ZADANIE 1

kli kn ię ć ć ilo ś

ć ilo ś

ilo ś

zje ch ań

Osoba 4

na je ch ań

Znajdź informacje dotyczące Programu Polska Design.

1:05

0:30

01:00

01:30

02:00

02:30

ZADANIE 1 kli kn ię ć ć ilo ś

na je ch ań ć ilo ś

ć ilo ś

Osoba 5

zje ch ań

Znajdź informacje dotyczące Programu Polska Design.

0:02

kontakt 1 1

MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw)

0:08

0:30

01:00

01:30

02:00

02:30

ZADANIE 1 Znajdź informacje dotyczące Programu Polska Design.

1 1

kli kn ię ć ilo ść

ilo ść

zje ch ań

na je ch ań

Porównanie dróg

1 1 1

MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw) 0:00

0:30

01:00

wykres nr 1 osoba badania nr 1

osoba badania nr 2

osoba badania nr 3

osoba badania nr 4

osoba badania nr 5

ZADANIE 2 kli kn ię ć ć ilo ś

ć ilo ś

nie ukończono zadania

zje ch ań

Osoba 1

na je ch ań

Znajdź materiał do pobrania o nazwie Logotyp IAM/Culture.pl

kontakt MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw)

2 1 2

0:35

1:06 2:03

POZIOM 1 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej aktualności 22 odnośniki do działalności

0:37

przycisk plików do pobrania

1:15

POZIOM 2 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej przycisk plików do pobrania pliki pdf 0:00

0:30

01:00

01:30

02:00

02:30

ZADANIE 2

kli kn ię ć ć

ilo ś

zje ch ań

Osoba 2

na je ch ań

Znajdź materiał do pobrania o nazwie Logotyp IAM/Culture.pl

0:35

1:10

kontakt 1

MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw)

1:39

POZIOM 1 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej aktualności 22 odnośniki do działalności przycisk plików do pobrania

1:39

POZIOM 2 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej przycisk plików do pobrania pliki pdf 0:00

0:30

01:00

01:30

02:00

02:30

ZADANIE 2

osoba początkowo skrolowala

strone głoówna 4 razy a nastepnie przegadała menu

1 1

kli kn ię ć ć ilo ś

ć ilo ś

nie ukończono zadania

zje ch ań

Osoba 3

na je ch ań

Znajdź materiał do pobrania o nazwie Logotyp IAM/Culture.pl

0:52

0:50 1:00

0:30

01:00

01:30

02:00

02:30

ZADANIE 2

kli kn ię ć ć ilo ś

na je ch ań ć ilo ś

ć ilo ś

Osoba 4

zje ch ań

Znajdź materiał do pobrania o nazwie Logotyp IAM/Culture.pl

0:02

kontakt 1

MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw)

POZIOM 1 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej aktualności 22 odnośniki do działalności

przycisk plików do pobrania

0:15

0:40

0:50

POZIOM 2 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej przycisk plików do pobrania pliki pdf 0:00

0:30

01:00

01:30

02:00

02:30

ZADANIE 2

kli kn ię ć ć ilo ś

na je ch ań ć ilo ś

ć ilo ś

Osoba 5

zje ch ań

Znajdź materiał do pobrania o nazwie Logotyp IAM/Culture.pl

3 1

0:03

0:02

1:16

0:25

0:05

kontakt 2

MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw)

POZIOM 1 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej aktualności 22 odnośniki do działalności

przycisk plików do pobrania

POZIOM 2 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej przycisk plików do pobrania pliki pdf

1:17

0:36

0:50

1:18

1:03

0:00

0:30

01:00

01:30

02:00

02:30

ZADANIE 2

Znajdź materiał do pobrania o nazwie Logotyp IAM/Culture.pl

Porównanie dróg

ś ilo

2 1 4

ń ha c je ćz

ś ilo

3 1

ń ha c e aj ćn 5

ś ilo

ć nię k i kl STRONA GŁÓWNA social media wyszukiwarka wiadomosci przycisk Culture.pl aktualnosci 22 odnośniki do działalności o nas działalność dofinansowanie kultury dla mediów oferta pracy zamówienia publiczne kontakt

3 1 1 2

MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw)

3 1 1 2

POZIOM 1 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej aktualności 22 odnośniki do działalności przycisk plików do pobrania

wykres nr 2 osoba badania nr 1 osoba badania nr 2 osoba badania nr 3 osoba badania nr 4 osoba badania nr 5

POZIOM 2 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej przycisk plików do pobrania pliki pdf 0:00

0:30

01:00

01:30

02:00

02:30

ZADANIE 3 kli kn ię ć ć ilo ś

na je ch ań ć ilo ś

ć ilo ś

Osoba 1

zje ch ań

Przejdź na stronę Culture.pl nie używając paska wyszukiwania w przeglądarce.

0:03

0:30

01:00

01:30

02:00

02:30

ZADANIE 3 kli kn ię ć ć

na je ch ań ć

ilo ś

ć ilo ś

Osoba 2

zje ch ań

Przejdź na stronę Culture.pl nie używając paska wyszukiwania w przeglądarce.

0:07

0:30

01:00

01:30

02:00

02:30

ZADANIE 3 kli kn ię ć ć

ilo ś

zje ch ań

Osoba 3

na je ch ań

Przejdź na stronę Culture.pl nie używając paska wyszukiwania w przeglądarce.

0:42 0:07

kontakt MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw)

POZIOM 1 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej aktualności 22 odnośniki do działalności

0:15

przycisk plików do pobrania POZIOM 2 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej przycisk plików do pobrania pliki pdf 0:00

0:30

01:00

01:30

02:00

02:30

ZADANIE 3 kli kn ię ć ć ilo ś

na je ch ań ć ilo ś

ć ilo ś

Osoba 4

zje ch ań

Przejdź na stronę Culture.pl nie używając paska wyszukiwania w przeglądarce.

0:05

0:30

01:00

01:30

02:00

02:30

ZADANIE 3 kli kn ię ć ć ilo ś

na je ch ań ć ilo ś

ć ilo ś

Osoba 4

zje ch ań

Przejdź na stronę Culture.pl nie używając paska wyszukiwania w przeglądarce.

0:04

0:30

01:00

01:30

02:00

02:30

ZADANIE 3

ilo ś

kli kn ię ć

na je ch ań ć ilo ś

ć ilo ś

Osoba 4 Porównanie dróg

zje ch ań

Przejdź na stronę Culture.pl nie używając paska wyszukiwania w przeglądarce.

1 1 2 1 1

STRONA GŁÓWNA social media wyszukiwarka wiadomosci przycisk Culture.pl aktualnosci 22 odnośniki do działalności o nas działalność dofinansowanie kultury dla mediów oferta pracy zamówienia publiczne kontakt MENU o nas ( 4 elementy) działalność (20 elementów) dofinansowanie kultury (8 elementó) dla mediów oferty pracy ( 5 elementów) zamówienia publiczne ( 6 elementw)

POZIOM 1 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej aktualności 22 odnośniki do działalności przycisk plików do pobrania

wykres nr 3 osoba badania nr 1 osoba badania nr 2 osoba badania nr 3 osoba badania nr 4 osoba badania nr 5

POZIOM 2 Przycisk Culture.pl social media wyszukiwarka wiadomosci przycisk Culture.pl przycisk powrotu do strony głównej przycisk plików do pobrania pliki pdf 0:00

0:30

01:00

01:30

02:00

02:30

WNIOSKI - Porównanie osób badanych Zadanie 1 Znajdź informacje dotyczące Programu Polska Design. Calem pierwszego zadania było sprawdzenie czy badani skorzystają z ułatwień proponowanych przez stronę. Zadanie to nie sprawiło żadnych problemów, żadnemu z badanych. Dwie osoby wykonały zadanie klikając tylko raz na odnośniki znajdujce się na stronie głównej. Trzy osoby wykanały zadanie w porównywalny czasie (ok. 15-20 sekund). Skorzystały przy tym z rozwijalnego menu, w którym odnalazły zakładkę potrzebną do wykonania zadania. Każda z tych osób wykonała dwa kliknięcia. Patrz wykres nr 1.

Zadanie 2 Znajdź materiał do pobrania o nazwie Logotyp IAM/Culture.pl Zadanie to wymagało od osób badanych dłóższej drogi poszukiwań. Osoby ukończyły zadanie w różnych przedziałach czasowych. Osoba 1 wykonała 8 kliknięć. Szukajc potrzebnej informacji posługiwala się tylko rozwijalnym menu, jednak nie ukończyła zadania z powodu flustracji i zbyt długiego czasu poszukiwania informacji ( 02:03) Osoba 2 wykonała 4 kliknięcia, korzystając z odnośników na stronie głównej oraz menu. Jednak używając odnośników ze strony głównej osoba bądziła, po wejściu w zakładkę menu szybko odnalazła potrzebną informację. Osoba 3 nie wykonała zadania szukając informacji tylko na stronie głównej. Osoba 4 wykonała 4 kliknięcia zarówno na stronie głównej, w menu oraz na niższych poziomach strony osiągając cel. Osoba 5 wykonała 10 kliknięć korzystając z odnośników oraz menu. Pomimo większej ilości kliknięć niż inni odnalazła potrzebne informacje w 01:18 będąc drugą najszybszą osobą. Osoby te przechodziły na różne podstrony, wracały na stronę główną i powtarzały te czynności wielokrotnie. Poprawnie wykonane zadanie wymagało trzech ruchów na stronie. Patrz wykres 2

Zadanie 3 Przejdź na stronę Culture.pl nie używając paska wyszukiwania w przeglądarce. Aby przejść na stronę Culture.pl wystarczy kliknąć na zawsze widoczn ikone po prawej stronie strony. 4/5 osób prawidłowo wykonało zadanie w ok. 5 sekund od razu zauważając pomocną ikonkę. Jednej osobie zajęło to więcej czasu (0:42) szukając przejścia na podstronach. W końcu i tak osoba odnalazła ikone we właściwy sposób. Wykonała jednak przy tym trzy kliknięcia na wybrane elementy. Patrz wykres 3

WNIOSKI Pytania badawcze i odpowiedzi

1. Jakie elementy strony przyspieszają znajdywanie informacji? Jedyną rzeczą przyspieszającą znajdywanie informacji jest ikona przenosząca do portalu Culture.pl. 2. Czy użytkownicy korzystają z ułatwiń znjadująych się na stronie głównej w postaci ikon szybkiego dostepu? Większość użytkowników nie skorzystało z ułatwień zaproponowanych przez stronę. Użytkownicy nie zwracali na nie uwagi, szukając informacji w rozwijalnym menu.

3. Czy ikony ułatwiające wyszukiwanie informacji są zrozumiałe i zachęcają do korzystania? Ikony nie ułatwiają wyszukiwania informacji. Są nieczytelne, a poprzez ich natłok nie przyciągają wystarczająco dużo uwagi. Pomimo tego że większość osób badanych nie skorzystała z ułatwień dostępnych na stronie to zadania zostały wykonane szybko. Wyjątkiem były dwie osoby które nie wykonały po jednym z zadań. Osoby które użyły ułatwiń odszukały tak samo szybko informacje jak te które ich nie użyły.

WNIOSKI WYNIKI ANKIET

WNIOSKI

Przed badaniem: Wszystkie przebadane osoby prawidłowo okresliły tematykę strony ( „działalność kulturalna”, „kultura”, „sztuka”, „wydarzenia kulturalne”)

Zawarte na stronie ułatwienia dostępu

Na pytanie: ”Co sądzisz o umieszczeniu na stronie głównej odsyłaczy (ikon przedstawiających dziedziny) do podstron ułatwiających wyszukiwanie informacji?” 4/5 osób odpowiedziało, że z nich nie korzystało oraz że są niepotrzebne.

(2/5) są pomijane lub w ogóle nie za-

Oceniając stronę w skali od 0-10 pod względem poruszania się po niej 4/5 osób oceniło ją powyżej 7. Jedna osoba oceniła poruszanie się na 5.

takie jak: ikony odnoszące do działalności Instytutu przez większość osób uważane. Pomimo tego osoby badane szybko odnajdują potrzebne informacje. Użyte na stronie głównej ikonki wprowadzają zamieszanie przez ich ilość, zastosowany ten sam kolor ( róż) oraz

WYNIKI BADAŃ

podobieństwo.

Zadanie 1 Wszystkie osoby wykonały zadanie bez problemu w krótkim czasie ( najdłuższy czas 01:03). Trzy z nich odnalazły inforamcje przez użycie menu, dwie użyły do tego ikon na stronie głównej. Czas wykonania zadania był zbliżony w obu przypadkach, co pokazuje że ikony nie przyspieszają dostępu do informacji. Zadanie 2 Dwie z pięciu osób nie wykonały zadania. Przyczyną była flustracja w szukaniu wyznaczonej informacji. Dwie osoby długo błądziły po stronie scrollując stronę główną i przeglądając menu wielokrotnie. Tylko jedna osoba wykonała zadanie bez problemu wyszukując informacje w menu. Zadanie 3 Wszystkie osoby wykonały zadanie. Trzy osoby wykorzystały do tego poprawnie przycisk ułatwiający dostęp widoczny cały czas na stronie, natomiast dwie po przescrollowaniu strony główne użyły do tego stopki.

Widoczny przez cały czas na stronie przycisk odsyłający na stronę Culture.pl jest zauważany przez większośc użytkowników (3/5). Przycisk ten mógłby być bardziej czytelny, ponieważ pomimo zastosowania na nim napisu nie jest od odczytywany. Jego kolor również wtapia się w całość przez zastosowanie różu ( przewodniego koloru na stronie).

porównanie wyników badań własnych z badaniami z użytkownikami

Wnioski własne

Wnioski z badań z uzytkownikami

1. Ikony zawarte na stronie głównej ( ułatwiające do-

1. Osoby badane w większość pomijają ikony ze strony

stęp do podstron z menu) pomagają w nawigacji po

głównej od razu przechodząc do rozwijalnego menu.

stronie. Przy dłuższym czasie korzystania ze strony

Osoby które skorzystały z ikon miały problem ze zna-

stają się coraz bardziej uzyteczne i częsciej z nich ko-

lezieniem odpowiedniej przez ich ilość i duże kontrasty

rzystałam.

barwne.

2. Ikonka Culture.pl ułatwia odnalezienie portalu bez

2. Ikonka znajduję się w odpowiednim widocznym

żadnego problemu. Nie rzuca się jako pierwsze zaraz

miejscu dzięki czemu łatwo można ją odnaleźć.

po wejściu na stronę jednak po krótkim czasie użytkowania nie da się go nie zauważyć. 3. Podczas poruszania sie po stronie nie napotkałam trudności w odnajdywaniu różnych informacji. Stro-

3. Osoby badane nie miały większych porblemów

na jest przejrzysta, nie zawiera nadmiaru informacji.

z nawigacją po stronie. Osoby oceniły nawigacje na

Utrzymana jest w ograniczonej kolorystyce przez co

stronie na bardzo dobrą.

jest przejrzysta.