Badanie użyteczności wortalu
Autor: Karolina Kruszewska Prowadzący: prof. ASP dr hab. Wiesław Gdowicz asyst. dr Marta Więckowska Zakład Badań Wizualnych i Interakcji Akademia Sztuk Pięknych w Katowicach Przedmiot: Badania Użyteczności rok II | wzornictwo 2017/2018
Podstawowe informacje o instytucie Logo: Najnowsze logo nawiązuje do przekroju poprzecznego formy przemysłowej wraz z kształtowanym przez nią przedmiotem.
Krótka historia: IWP to jedna z pierwszych instytucji zajmująca sie Polskim wzornictwem w Polsce po wojnie. Od momentu jej powstania w 1950 r. zajmuje się ona tworzeniem odpowiedzi na potrzeby ludzi oraz promowaniem Polskich projektantów. Instytut organizuje również różnego rodzaju szkolenia projekty i badania dotyczące również ergonomii i biomechaniki.
Historie Instytutu Wzornictwa Przemysłowego możemy znaleźć na wielu stronach min.: https://pl.wikipedia.org, www.wiw.pl, historykon.pl oraz na stronie IWP w zakładce „O nas”. Historia na stronie Instytutu jest okraszona zdjęciami, projektantów i ich dzieł.
„Piękno jest wartością gospodarczą” prof. Wanda Telakowska, założycielka Instytutu. źródło: http://culture.pl/pl/tworca/wanda-telakowska
Podstawowe informacje o instytucie
Cele wortalu :
Cele użytkowników : - czerpanie wiedzy na temat designu w Polsce; - zwiększenie efektywnosci sprzedaży i roz- powszechniania produktów przebadanych i zaopiniowanych przez Instytut Wzornic twa Przemysłowego; - podniesienie kwalifikacji zawodowych projektantów;
Rozpowszechnienie polskiego wzornictwa przemysłowego
Rozszerzanie wiedzy i trendów na temat polskiego wzornictwa
Zrzeszenie ludzi interesujących się wzornictwem
Promocja wydarzeń kulturanych i naukowych
Pomoce dydaktyczne dla wykładowców i nauczycieli
Doractwo w zakresie ergonomii, biomechaniki i wzornicwa
- podniesienie kwalifikacji zawodowych w zakresie nowych trendów, rozwiązań technologicznych kadry menadżersiej; - aktualne informacje na temat konkursów dotyczacych designu.
Użytkownicy: - osoby chcące podnieść swoją wiedze na temat wzornictwa, - osoby zainteresowane designem, - właściciele firm produkcyjnych - młodzi projektanci stawiający na swój rozwój i doskonalenie zawodowe.
Odnośniki do stron internetowych: • Biuletyn Informacji Publicznych; • Portale społecznościowe: - facebook, - goldenline; • Serwis internetowy Youtube.
Układ wortalu Strona główna w języku polskim
logo wortalu menu główne kalendarz wydarzeń
odnośniki do stron zmiana języka na Angielski wyszukiwarka
kanał RSS
Strona główna wortalu składa się z 2,5 ekranu. posiada dwie białe kolumny po obu stronach, które tworzą nam centralną kompozycję. Poruszanie się między stroną główną odbywa się za pomocą rozwijalnego menu głównego. Do strony głównej możemy zawsze powrócić albo dzięki menu albo dzięki logu IWP.
newsletter sonda dla użytkowników tło strony
Cała strona zawiera dużo treści w nieuporządkowanych ramkach z różnymi odmianami kroju pisma, punktorami i liniami Pod menu znajduje się nieaktywny kalendarz wydarzeń. Na stronie głównej znajdziemy odnośniki do innych stron internetowych i serwisów. Na całej stronie widnieje tło złożone z kół i kresek Na stronie głównej możemy znaleźć również sondę internetową znajduje się ona po prawej stronie pod newsletterem.
mapa serwisu studia kontakt
Układ wortalu Strona główna w języku angielskim
otwarta zakładka logo menu główne pod menu
opcja „Udostępnij” Po przełączeniu wortalu na język angielski, nie aktywna staje się strona główna IWP. Jesteśmy automatycznie przekierowywani na podstronę : „About IWP”. Gdzie znajduje się skrótowa informacja na temat działalności instytutu. Brak tu równie bezpośredniej zakłdaki „studia” jak w wersji polskiej. Strona w języku angielskim posiada inne menu niż strona w jezyku polskim. Brak jest niektórych działów np. historii loga, oferty wynajmu i pracy. „Centrum wiedzy” w języku angielskim to informacje na temat polskiego designu.
tło strony
dane kontaktowe
kontakt zmiana języka na Polski wyszukiwarka Opcja drukuj ikony do zmiany wielkości kroju pisma ilustracja kontakt
Układ wortalu Zakładka oferta
Elementy zakładki
W zakładce „Oferta” znajdziemy 4 działy, którymi instytut się zjamuje. Są to : edukacja, doradztwo, promocja designu i wynajem. Każdy z działów posiada nagłówek oraz skrótową informacje czym dany dział się zajmuje. Przy 3 z nich znajduje się dodatkowa grafika z nazwą typu designu. W każdej z zakładek znajdują się stałe elementy w postaci nagłówka i stopki stron, wyszukiwarka dane lokazlizacji podstrony menu i podmenu. Ważnym elementem który pojawia się w zakładkach jest mail dzięki któremu po jego kliknięciu możemy odrazu skontaktować się z osobą zajmującą się danym działem.
dane lokalizacji podstrony wyszukiwarka podmenu nagłówek zakładki kontakt hasło opisujące dany dział
kontakt
Układ wortalu Zakładka o instytucie
Elementy zakładki dane lokalizacji podstrony W tej zakładce opisano czym zajmuje się instytut. Jest to tekst ciągły, gdzie w wyróżnieniach zastosowano pogrubiony krój pisma, a hiperłącza podświetlają się na kolor czerwony. Na szczególną uwagę zasługuję zastosowanie możliwości powiększenia kroju pisma poprzez wybranie odpowiedniej ikony nad tekstem. Pod tytułem działu znajdują się opcje udostępnienia i drukowania strony.
wyszukiwarka pod menu nagłówek zakładki opcje wydrukuj i udostępnij ikony zmiany wielkości kroju pisma tekst ciągły
Układ wortalu Zakładka Projekty
Elementy zakładki
dane lokalizacji podstrony W zakładce „Projekty” znajaduje się pod menu (Dobry Wzór, Monitoring, Wzornictwo Biznes Zysk, Imagine Cup, Konkurs Young Design, wystawy, Expo 2015, Baza projektantów i przedsiębiorców Wizytownik, Słownik Projektantów Polskich, Zaprojektuj Swój Zysk), które jest powtórzone po lewej stronie tekstu. Automatycznie otwierają nam się krótkie informacje wraz z logiem ośmiu z pośród dziesięciu wyżej wymienionych działów. W zakładce tej brak jest możliwości udostępnienia i drukowania strony, a także powiększania kroju pisma. Ilość podstron jest tutaj bardzo rozbudowana, znajduje situtaj najwięcej z caej strony zdję i filmów.
wyszukiwarka pod menu nagłówek zakładki
loga projektów z ich krórtkim opisem, organizowane przez Instytut
Układ wortalu Zakładka Centrum wiedzy
Elementy zakładki
dane lokalizacji podstrony W zakładce „Centrum wiedzy” znajaduje się pod menu, które jest powtórzone po lewej stronie tekstu. Dział „Słownik Projektantów Polskich” jest powtórzony w zakładce „Projekty”. Po wybraniu zakładki „Centrum Wiedzy” automatycznie otwierają się odnośniki wraz z krótką informacją do działów menu. Każdy z nich prócz „Księgozbiór IWP” wyróżniony jest małym piktogramem. Tytuły działów to hiperłącza koloru czerwonego podkreślone linią kropkowaną i odmianą pogrubioną. Dopóki nie wejdziemy w tą zakładkę nie wiadomo jakie informacje moe posiadać.
wyszukiwarka pod menu nagłówek zakładki lista działów z krótkimi opisami i piktogramami
Budowa wortalu Kompozycja
Logo zostało umieszczone na górze wortalu przez co jest łatwo zauważalne przez oglądającego oraz mamy łatwą możliwość powrotu do strony głównejz innych zakłdek.
Dane kontaktowe oraz zmiana wortalu na język angielski, są w miejscu łatwym do znalezienia dla oglądającego.
Rozwijalne Menu główne mimo, że znajduje się w widocznym miejscu, zatraca się w informacjach umieszczonych na stronie
Wyszukiwarka znjaduje się w miejscu łatwym do znalezienia dla użytkownika jednak nie wysuwa się na pierwszy plan.
Tytuły zakładek i krótkie hasła umieszczone sa centralnie po środku przez co dominują uwage użytkownika. Są to hiperłącza przenoszące nas do odpowiedniej zakłdadki
Kompozycja wortalu jest mocno scentralizowana. Po obu stronach treści znajdują się duże kolumny bieli, które sprawiają, iż cała kompozycja jest zbita i chaotyczna. Marginesy są zawsze takie same zarówno na stronie glównej jak i w zakładkach. Menu główne, odnośniki do innnych stron, kontakt i stopka sa elementami stałymi i znajdują się zawsze w tym samym miejcu na całej stronie.
Odnośniki do stron pomimo małej wielkości są widoczne z powodu ich położenia w prawym górnym rogu i kontrastów kolorystycznych między nimi a tłem.
Aktualności, sonda i newsleter znajdują się w jednej linii po prawej stronie
Krótkie artykuły, poświęcone projektom, są umieszczone na dole strony, nie obciążając uwagi oglądającego
Budowa wortalu Cechy wizualne
Wykorzystane kolory na stronie są kontrastowe, ale nie krzykliwe. Nadają całej stronie nowoczesnego wyglądu. Czerwień ( R: 254 G: 0 B: 60) nawiązuje do koloru loga IWP. Tłem strony jest biel oraz grafika . Kolory użyte w wortalu w większości pokrywają się z kolorami użytymi w typografi, co nadaje harmonii. kolory typografii w artykułach to szarości oraz czerń do których użytkownik jest przyzwyczajany w tekstach ciągłych . Grafika użyta w wortalu jest bardzo uboga, nieprzyciągająca uwagi użytkownika, jest ona bardzo mała. Ponadto piktogramami i niektóre grafiki nie są elementami interaktywnymi przez co użytkownik nie zwraca na nie uwagi. Niektóre grafiki np. tnące nożyczki wykorzystano w niewiadomym celu. Na stronie głównej umieszczony został również kalendarz, który kolorem i budową nawiązuje do tła strony, jest on niestety nieaktywny.
kolory strony
kolory w typografii
R: 255 G: 255 B: 255
R: 255 G: 255 B: 255
R: 84 G: 84 B: 84
R: 237 G: 237 B: 237
R: 237 G: 237 B: 237
R: 0 G: 0 B: 0
R: 0 G: 0 B: 0
R: 254 G: 0 B: 60
R: 254 G: 0 B: 60 R: 239 G: 29 B: 81
grafiki
piktogramy
Budowa wortalu filmy i zdjęcia Zdjęcia na stronie
Filmy
Przykład jednego z rozmieszczenia zdjęć na stronie, oraz interakcji po kliknięciu kursorem na jedno z nich
Na stronie użyto zdjęć o prostokątnych kształtach zarówno w czerni i bieli jak i w kolorze. Brak jest odrębnej zakładki „galeria”. Zdjęcia na stronie znajdują się po prawej stronie lub na całej szerokości podstrony. Pojedyncze zdjęcia np na stronie głównej lub plakaty, grafiki i portrety znajdują się między tekstem ciągłym niestety w niektóre nie możemy wejść. Część po kliknięciu na zdjęcie otwiera się ono na całej szerokości strony, a pod nim znajduje się podpis zdjęcia.
Na stronie można znaleźć w niektórych podstronach filmy, które są mniejszymi okienkami. Po kliknięciu na nie powiększają się bezpośrednio. Są one odtwarzane z portalu multimedialnego „ You Tube”. Najczęściej pokazują one relacje z danych projektów, konkursów i imprez na temat designu i ergonomii. Zachęcają one użytkownika do przeczytania artykułów ,które znajdują się w tej samej zakładce.
Budowa wortalu typografia
Podstawowym krojem pisma strony jest Verdana w różnych rozmiarach i rodzajach (pogrubiona, kursywa itp.). Do napisów oraz ramek użyto kolory występujące ogólnie na wortalu, a do podkreślenia niektórych zagadnień użyto podkreśleń, pogrubienia lub kursywy w zależności od funkcji treści. Każdy tytuł zakładek i działów są odpowiednio podkreślone przez swoją wielkość i kolor, przez co użytkownik wie w którym momencie się znajduje. Cały tekst na wortalu jest niewyjustowany, lecz zadbano o odpowiednie światło między osobnymi wątkami. W tekstach ciągłych znajdują się często hiperłącza które podkreslone są tylko kolorem czerwonym.
rozmiar kolor kroju kroju pisma
Uwagi
15pt
Treść loga została napisana w odmianie bold
17pt
Naglówki zakładek napisane wersalikami, w szarych ramkach na górze wortalu
15pt
Tytuł zakładki, w której jestesmy jest w czerwonej ramce, sam
16pt
tytuły działów napisane są wersalikami i znajdują się w spisie działów i poddziałów.
16pt
Sonda oraz newsleter są również napisane wersalikami.
9pt
Tekst ciągły jest w odmianie regular a wazniejsze tresci są wyboldowane
9pt
Cytaty napisane są kursywą
9pt
Pod odnośnikami do innych zakładem pojawia zsię linia z kropek
8pt
Historia wyszukiwania zawsze znajduje się w szarej ramce
9pt
Tytuł otwartego działu w spisie działów podświetla się na kolor czerwony
8pt 9pt
Opcja druku i udostępnienia jest w kolorze niebieskim i zawsze znajduje się nad tekstem Niektóre z zakładek posiadają część frazy w wyrazie w odmianie bold
Budowa wortalu
Przykład opcji zmiany wielkosci kroju pisma
artykuły Verdana 11px
Przykład opcji „ drukuj”
Przykład opcji „poleć”
Verdana 12px W wiekszości zakładek znajdują się artykuły okraszone zdjęciami między tekstem lub po ich prawej stronie. Zawsze po prawej stronie nad artykułem jest opcja powiększania kroju pisma. Dzięki czemu swobodnie możemy wybrać wielkość kroju pod siebie. Najmniejsza możliwość zmiany kroju to 11px następnie 12px i 14px. Kolejną opcją nad artykułem jest drukowanie i polecenie artykułu. Jest to opcja szczególnie przeznaczona dla profesorów oraz osób zainteresowanych rozszerzaniem wiedzy o IWP i wzornictwie. Opcja „drukuj” otwiera się w nowym oknie a opcja „poleć” przechodzi do innej zakładki. Bardzo często tekst ciągły przewija sie przez kilkanaście ekranów, jest to uciążliwe dla czytającego aby potem odnaleść się w tekście. Bark tutaj osobnej wyszukiwarki do frazy w tekście.
Verdana 14px
Elementy interaktywne strona główna i kursor
Kursor
Strona gówna
Zmienianie ksztatu kursora po najechaniu
Zmiana po najechaniu kursorem
Zmienianie ksztatu kursora po kliknięciu
Menu główne
V
V
Menu znajduje się w górnej części strony przez co jest łatwy do znalezienia dla użytkowania. W menu po najechaniu kursorem otwierają się odnośniki do zakładek lub na stronę główną wortalu.
V
Głównym elementem nawigacji jest menu główne, które pojawia się zawsze w tym samym miejscu zarówno w wersji polskiej jak i angielskiej.
V
Logo
V
hiperłącza V
Użytkownik może przenieść sie na stronę główn trzema drogami: -przez logo IWP -zakładkę w menu „ Strona Główna” - pasek historii wyszukiwania
V
hiperłącza w tekstach
Wygląd kursora dopasowuje się do funkcji jakie ma pełnić. W przypadku opcji szukaj, zmienia się ona na kursor tekstowy dzięki czemu oglądający spontanicznie wie, że może tu wpisać poszukiwaną frazę.
Zmiana po kliknięciu kursorem
V
Zmiana wyglądu kursora lub podświetlenia informacji następuje poprzez najechanie lub kliknięcie kursorem.
Elementy interaktywne Zakładki
Zmiana po najechaniu kursorem
Zmiana po kliknięciu kursorem
V
zdjęcia
V
Menu główne
V
Dane lokalizacji podstrony
Elementy interaktywne głównie uaktywniają się po najechaniu na nie kursorem. Przez co są łatwo zauważalne przez oglądającego ale mogą tez przeszkadza przy oglądaniu . Dotyczą one:
Opcja udostępnij
Po otwarciu zdjęcia do ich przewijania moemy używać również klawiatury
V
W zakładkach jest dużo więcej elementów interaktywnych niż na stronie głównej.
V V
zmiana wielkości kroju pisma
V
hiperłącza
hiperłącza w tekstach V
W zakładkach cały czas widoczna jest stopka, menu i podmenu oraz logo, one również są elementami interaktywnymi.
ładowanie zdjęć
V
-typografii(polegają głównie na zmianie koloru kroju,tła, punktorach) - niektórych zdjęć (po kliknięciu w miniaturki zdjęcia pojawia się ikonka ładowania ,a następnie otwiera się ono na cąłej szerokości strony wraz z podpisem na dole) -odsyłaczy do portali i innych stron -przycisków i opcji np.poleć, drukuj.
ładowanie
Centrum Dobre Historia pl AktualnościRaporty i Słownik Projek- Księgozbiór ABC wiedzy praktyki wzornictwa z rynku IWP ekspertyzywzornictwo tantów polskich
Projekty
Strona główna i logo
monitoring wzornictwo biznes zysk
Dobry wzór
O instytucie O nas
Imagine Cup
wystawy konkurs Young design
słownik zaprojekexpo 2015 baza proj. i przedsiębioców projektantów tuj swój polskich zysk
Zapytania Referencje Aktualności ofertowe Kontakt
Historia IWP
Legenda Linki wewnętrzne między podstronami-stronami, z możliwością poruszania się w jedną stronę Linki wewnętrzne między podstronami-stronami, z możliwością poruszania się w obydwie strony podstrona podstrona z zawartością tekstu
Oferta
Edukacja studia podyplomowe
konferencje
Doradztwo szkolenia
Promocja designu
doradztwo Ergo Klienci Projekty wy- Orga- Program audyty doradaztwo wzornicze wzornicze ergonomiczne design stawiennicze nizacja „Dobry wydarzeń wzór”
podstrona z możliwością wysłania maila do IWP
Wynajem
podstrona ze zdjęciami,filmami lub mapą
Realizacje Kolekcja Wynajem wynajem wydaw- his.figu- sal wystapow... wowych nictw rek....
strona zewnętrzna
Wynajem sal wy
elementy rozwijalnego menu
Analiza architektury informacji
Punktem startowym w architekturze informacji jest strona początkowa oraz logo, które po kliknięciu kursorem przenosi nas na stronę główną instytutu. Manu główne posiada pięć zakładek przy czym piąta to przejście na stronę gówną, pozostałe 4 po najechaniu na nie kursorem rozwiną się zakłaki: Oferta, O instytucie, Projekty, Centrum wiedzy. Ze strony głównej możemy przejść bezpośrednio do 47 podstron za pomoc menu głównego. Z każdej podstrony mamy dostęp do rozwijalnego menu więc w każdym momencie możemy przejść do innej zakładki. Cofać się w podstronach nie musimy tylko poprzez menu ale również przez pasek danych lokalizacji podstrony, który pokazuje nam całą naszą drogę poruszania się w obrębie zakładki Do strony głównej możemy wrócić z każdej podstrony z wyjątkiem stron zewnętrznych. W architekturze oprócz linków wewnętrznych znajdują się również zewnętrzne przenoszące nas do innych stron ( np. biznes.edu ,projekt-wbz.com.pl) W wielu zakładkach znajduje się hiperłącza dzięki któremu mamy możliwość wysłać bezpośrednio maila do instytutu.
Podsumowanie Wady
-brak strony głównej w języku angielskim, oraz brak możliwości bezpośredniego przejścia do zakładki studia. -duże pasy bieli na całej stronie sprawiają stłoczenie informacji, grafik i tekstu. -zbyt duża różnorodność w kwestii wielkości i odmian w typografii -niezredagowane artykuły utrudniające czytanie -artykuły wymagające długiego scrolowania -małe i infantylne grafiki nie wzbudzające zainteresowania - bardzo duża ilość linków między podstronami -zbyt duża ilość podstron w zakładce projekty utrudnia poruszanie się w jej obrębie -dodatkowe menu po lewej stronie, które posiada zupełnie inny wygląd niż menu główne -zbyt wiele elementów interaktywnych, które nie pomagają a przeszkadzają na stronie -nie konsekwentność w menu głównym( główne zakładki i działy po za zakładką oferta gdzie są jeszcze wymienione poddziały) -brak możliwości powiększania niektórych zdjęć w tekście -brak możliwości powiększania otwartej grafiki.
Pierwsze wrażenie Zdjęcia wyświetlające się przy wyszukiwaniu IWP w wyszukiwarkach internetowych nie zachęcają oglądających do wejścia na wortal. Pierwsze słowa podczas oglądnia: - chaotyczność - zbitość - strona urzędu lub instytucji państwowych - nieczytelność
Wortal IWP można porównać do strony Politechniki śląskiej. Podobna budowa strony (dwa pasy bieli zostawione po prawej i lewej stronie dają wrażenie zbitości informacji) W obydwóch przypadkach jest tu natłok ramek, kolorów, różnych rodzajów wielkości kroju pisma i ilustracji.
Zalety
- W wortalu IWP znajdziemy olbrzymią ilość artykułów dotyczących polskiego wzornictwa -na stronie głównej znajduje się możliwość przejścia do strony IWP w języku angielskim -kolorystyka nawiązująca do nowego loga IWP -kolory na stronie powielają się z kolorami użytymi w typografii. -menu główne, które cały czas jest widoczne pozwala na swobodne poruszanie się w obrębie zakładek. - opcja drukuj i poleć pozwala wydrukować gotowe artykuły. - w każdej zakładce znajduj się elementy stałe, dzięki którym łatwo możemy poruszać się po stronie. - w wielu zakładkach możliwość wysłania bezpośrednio e-maila. -możliwość powiększania kroju pisma w tekstach.
Pierwsze wejście na stronę nie informuje nas o czym o na jest.Strona gówna powinna sprawić ,iż użytkownik zatrzyma się na tej stronie i będzie odrazu wiedział czym ona się zajmuje . Jak w przypadku strony sklepu „ Pan tu nie stał”, gdzie odrazu po otwarciu otwierają się ogromne zdjęcia z odzieżą i witryną sklepu
a
Opis badania Badanie jest stacjonarne pod obserwacją zachowań badanego przez jednego moderatora. Dzięki badaniu możemy określić spontaniczne reakcje użytkownika poruszającego się po wortalu. Zadania odzwierciedlają czynności typowe dla użytkownika poruszającego sie po stronie. Założeniami są dwa badania po 4 osoby. Pierwsza grupa może zapoznać się ze stroną przed przystąpieniem do badania przez 2 minuty. Druga grupa od razu przechodzi do zadań.
Warunki badania -jednorazowa sesja z osobami badanymi -nieograniczony czas na podanie odpowiedzi - jednakowe czynności -zaaranżowane miejsce, komfortowe dla osób badanych Badanie jest nagrywane za pomocą programu „Camtasia studio 9”
Cele badania Sprawdzenie czy użytkownik trafia do informacji najszybszą drogą Sprawdzenie czy użytkownik intuicyjnie korzysta z opcji zawartych przy artykułach na stronie
Pytania badawcze
Badanie czy menu oraz podmenu na stronie są funkcjonalne
Czy przy ilości dostępnych ścieżek użytkownik trafia do informacji i zakładek najszybszą drogą? Czy użytkownik jest w stanie odnaleźć opcje dostępne w zakładkach? Czy użytkownik korzysta z menu, kiedy chce sie dostać do wybranej podstrony?
Badanie czy użytkownik gubi się na stronie w poszukiwaniu informacji. Sprawdzenie czy łatwo można porusza się w obrębie artykułów Zbadanie, które elementy serwisu przykuwają jego uwagę Określenie czy elementy interfejsu są zrozumiałe ?
Badani
W badaniu wzięło udział 8 osób, przed badaniem żadne z nich nie korzystało ze strony IWP. Badany w każdym momencie zadania może luźno komentować stronę. Badani byli w wieku od 20 do 40 lat, korzystających na codzień z wielu stron internetowych
Sprawdzenie czy dłuższe przebywanie na stronie przyspieszy i ułatwi wykonywanie zadań ?
Przebieg badania Ankieta badawcza PYTANIE WSTĘPNE
Badania
1. Mając dowolny czas odpowiedz czym zajmuje się IWP (podaj 3przykłady)? .........................................................................................................................................................................................
........................................................................................................................................................................................ ........................................................................................................................................................................................
BADANIE Zadanie 1 Znajdź informacje na temat szkoleń dedykowanych ,a następnie użyj opcji zmiany wielkości kroju w tekście.
pytanie wstępne
Zadanie 2 Znajdź kontakt ,następnie dojdź do opcji wydruku znalezionych danych kontaktowych. Zadanie 3 Znajdź informacje na temat projektu „Dobry Wzór 2017” ,a następnie w artykule wyszukaj informacje na temat „Opakowanie czekolady Endorfina” Zadanie Znajdź informacje na temat ABC wzornictwa, a następnie wróć na „Stronę główną IWP”
użytkownik ogląda stronę przez dwie minuty
użytkownik przechodzi do zadań
Uwagi dotyczące strony IWP
......................................................................................................................................................................................... ........................................................................................................................................................................................
........................................................................................................................................................................................
Badany zostaje wprowadzony w przebieg badania.
użytkownik przechodzi do zadań uwagi użytkownika do strony
Na początku badania użytkownik dostaje formularz na którym znajduje się pytanie wstępne dotyczace strony , oraz zadania do wykonania. Użytkownik jest poinformowany iż może głośno komentowac stronę. Osoby które mają możliwoś poogldania strony przez dwie minuty mogą wchodzić w dowolne miejsca na stronie. Pod koniec użytkownik proszony jest o wpisanie uwag dotyczących strony, może również na stronie pokazać wady i zaltety wortalu.
pytanie wstępne Mając dowolny czas odpowiedz czym zajmuje się IWP (podaj 3przykłady)?
Odpowiedzi: Doradztwem
Propagowanie wiedzy o Designie
- „uświadamianie przedsiębiorców na temat designu”
- „tworzy bazę projektów”
- „ zarządzaniem ludźmi związanych ze wzornictwem przemysowym”
Organizowanie wydarzeń i projektów - „organizuje wydarzenia związane ze wzornictwem”
- „pokazuje przykłady wzornictwa” - „ nauczania o wzornictwie np studia podyplomowe” -” wystawiennictwem” - „prowadzenie badań nad wzornictwem przemysłowym”
-” wystawiennictwem” - „organizacją konkursów”
Wszyscy użytkownicy wskazali poprawnie czym zajmuje się instytut. Najwięcej osób skojarzyło instytut z przekazywaniem wiedzy oraz z konkursami i projektami. Użytkownicy zakładali iż strona będzie wykorzystywać dużą ilość grafik, piktogramów związanych z designem, oraz ze strona będzie zachęcać do zostania na niej po wejściu. Pytanie to pozwoliło sprawdzić czy oczekiwania wobec strony przed jej oglądaniem sprawdzą się z wrażeniami po skorzystaniu z niej.
Promocja wzornictwa - „promuje projekty designerów Polskich
Zadanie I Badani nieoglądający wcześniej strony IWP
Badani ogąldajcy wcześniej stronę IWP
Osoba 1
Osoba 5
Osoba 2
Osoba 6
Osoba 3
Osoba 7
Osoba 4
Osoba 8
0:00
1:00
2:00
3:00
średni czas dla grupy badanych: ilość kliknięć osób badanych: łączny czas scrolowania strony:
4:00
5:00
2:91
6:00
0:00
1:00
2:00
3:00
średni czas dla grupy badanych:
24
ilość kliknięć osób badanych:
3:25
łączny czas scrolowania strony:
4:00
5:00
6:00
1:00 16 1:30
Komentarze użytkowników: „tu się otworzyły jakieś nowe dziwne rzeczy”
komentarz użytkownika o nowo otwartym podmenu w zakładcce
kliknięcie kursorem na element interaktywny
„jakie to jest fajne”
badany uśmiecha się używając opcji zmiany kroju pisma
scrolowanie strony
punkt początkowy i końcowy
1:00
czas wykonywania zadania podany w minutach
Zadanie I
Badani nieoglądający wcześniej strony IWP ilość ilość kliknięć najczęściej klikalny najechań element
11 4 2
5 1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
8 3 2
7 4 1 3
pierwszy kliknięty element
Menu główne Menu boczne Opcja zmiany wielkości kroju pisma Hiperłącza w tekście pierwszy kliknięty element
3 2 1 2
ilość ilość kliknięć najczęściej klikalny najechań element
1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
Menu główne Menu boczne Opcja zmiany wielkości kroju pisma Hiperłącza w tekście
1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
17 12 1 10
pierwszy kliknięty element
Badani ogąldajcy wcześniej stronę IWP
Menu główne Menu boczne Opcja zmiany wielkości kroju pisma Hiperłącza w tekście pierwszy kliknięty element
6 3 2 3
4 2 1
ilość ilość kliknięć najczęściej klikalny najechań element
5 4 1 2
7 2 1 2
pierwszy kliknięty element
Menu główne Menu boczne Opcja zmiany wielkości kroju pisma Hiperłącza w tekście pierwszy kliknięty element
1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
Menu główne Menu boczne Opcja zmiany wielkości kroju pisma Hiperłącza w tekście
Menu główne Menu boczne Opcja zmiany wielkości kroju pisma Hiperłącza w tekście
2 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
8 2 1
pierwszy kliknięty element
1 1
Menu główne Menu boczne Opcja zmiany wielkości kroju pisma Hiperłącza w tekście pierwszy kliknięty element
Menu główne Menu boczne Opcja zmiany wielkości kroju pisma Hiperłącza w tekście
Zadanie I Przykłady dwóch osób na liniach czasu: przeoczenie menu bocznego
scrolowanie strony, szukanie opcji zmiany wielkości kroju
O4 przeoczenie menu bocznego
O5 Użytkownicy z początku nie zauważają podmenu w otwieranej zakładce i szukaj odnośników w tekście
większości użytkownikom podobała się opcja zmiany wielkości kroju
Zadanie to ma na celu sprawdzenie szybkość dotarcia do zakładki, poruszanie si po menu głównym oraz korzystania z opcji nad artykułem. Główna wadą okazało sie dotarcie do zmiany wielkości kroju, gdzie użytkownicy scrolowali całą stronę i szukali jej na dole.
niektóre osoby pomimo iż szukały w tekście nie zauważyły hiperłączy do zakładki „szkolenia dedykowane” tylko 2 osoby przez nie weszły
scrolowanie strony, szukanie opcji zmiany wielkości kroju
Podsumowanie zadanie I Centrum Dobre Historia pl AktualnościRaporty i Słownik Projek- Księgozbiór ABC wiedzy praktyki wzornictwa z rynku IWP ekspertyzywzornictwo tantów polskich
Dobry wzór monitoring wzornictwo biznes zysk
Projekty
Strona główna i logo
Imagine Cup
wystawy konkurs Young design
słownik zaprojekexpo 2015 baza proj. i przedsiębioców projektantów tuj swój polskich zysk
O instytucie
Edukacja
Oferta
studia podyplomowe
Wnioski wynikajcie z zadania i dotyczące poruszania si po stronie to : -większość badanych od-razu przechodzi do menu głównego -Osoby szukające” Szkoleń dedykowanych” często mylą i wchodzą w zakładki centrum wiedzy lub projekty. -Ciężko dopasować badanym nazw „ szkolenia dedykowane do odpowiedniej zakładki w menu głównym -poruszając się po menu głównym użytkownicy szybko przejeżdżają od jednej zakładki do drugiej rozwijając ją
konferencje
Doradztwo szkolenia
Promocja designu
doradztwo Ergo Klienci Projekty wy- Orga- Program audyty doradaztwo wzornicze wzornicze ergonomiczne design stawiennicze nizacja „Dobry wydarzeń wzór”
Wynajem Realizacje Kolekcja Wynajem wynajem wydaw- his.figu- sal wystapow... wowych nictw rek....
Wyróżnione elementy to obszar z którego korzystali badani.
Zadanie II Badani nieoglądający wcześniej strony IWP
Badani ogąldajcy wcześniej stronę IWP
Osoba 1
Osoba 5
Osoba 2
Osoba 6
Osoba 3
Osoba 7
Osoba 4
Osoba 8
0:00
1:00
2:00
średni czas dla grupy badanych:
3:00
4:00
0:56
5:00
6:00
0:00
1:00
2:00
3:00
średni czas dla grupy badanych: 0:54
4:00
5:00
0:54
ilość kliknięć osób badanych:
11
ilość kliknięć osób badanych:
10
łączny czas scrolowania strony:
0:40
łączny czas scrolowania strony:
0:30
Komentarze użytkowników: „kontakt to pewnie będzie gdzieś na dole” „ co mi się tu otwiera ”
komentarz użytkownika
kliknięcie kursorem na element interaktywny
komentarz dotyczący elementu interaktywnego „share” który wysuwa się po najmniejszym najechaniu i utrudnia widoczność
scrolowanie strony
punkt początkowy i końcowy
1:00
czas wykonywania zadania podany w minutach
6:00
Zadanie II
Badani nieoglądający wcześniej strony IWP ilość ilość kliknięć najczęściej klikalny najechań element
1
1
1 2
1 1
ilość ilość kliknięć najczęściej klikalny najechań element
4 3 2
4 3 1
pierwszy kliknięty element
Menu główne Menu boczne Opcja drukuj Opcja kontakt na górze strony pierwszy kliknięty element
Menu główne Menu boczne Opcja drukuj Opcja kontakt na górze strony
1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
Menu główne Menu boczne Opcja drukuj Opcja kontakt na górze strony
1 1
ilość ilość kliknięć najczęściej klikalny najechań element
5 8 1
pierwszy kliknięty element
Badani ogąldajcy wcześniej stronę IWP
pierwszy kliknięty element
6 3 2 3
4 2 1
ilość ilość kliknięć najczęściej klikalny najechań element
3 2 1
3 2 2
pierwszy kliknięty element
Menu główne Menu boczne Opcja drukuj Opcja kontakt na górze strony pierwszy kliknięty element
1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
Menu główne Menu boczne Opcja drukuj Opcja kontakt na górze strony
Menu główne Menu boczne Opcja drukuj Opcja kontakt na górze strony
1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
2 8 4
pierwszy kliknięty element
1 1
Menu główne Menu boczne Opcja drukuj Opcja kontakt na górze strony pierwszy kliknięty element
Menu główne Menu boczne Opcja drukuj Opcja kontakt na górze strony
Podsumowanie zadanie II Przykłady dwóch osób na liniach czasu: scrolowanie strony i przeoczenie zakładki kontakt na dole strony
O3
badany wszedł w kontakt w prawym górnym rogu na górze strony
Intuicyjne klikniecie w „drukuj stronę”
O6
Na stronie znajdują się trzy możliwości przejścia do zakładki kontakt. - 4 osoby weszły przez zakładkę znajdującą się na górze strony - 3 osoby weszły przez zakładkę kontakt „ o instytucie” Żadna z osób badanych nie użyła zakładki kontakt znajdującej się na dole strony w stopce 2 osoby zescrolowały stronę do stopki lecz nie zauważyły zakładki kontakt. W efekcie wchodząc w zakładkę na górze strony. Kontakt na stronie IWP jest bardzo ważnym elementem, a dotarcie do niego jest intuicyjne, tylko 2 osoby zawahały się i nie użyły od razu zakładki kontakt na górze strony. II etapem zadania było dotarcie do opcji „drukuj”. Badani korzystali z niej instynktownie.
V
badany wszedł w kontakt przez zakładkę o instytucie
Zadanie III Badani nieoglądający wcześniej strony IWP
Badani ogąldajcy wcześniej stronę IWP
Osoba 1
Osoba 5
Osoba 2
Osoba 6
Osoba 3
Osoba 7
Osoba 4
Osoba 8
0:00
1:00
2:00
3:00
średni czas dla grupy badanych:
4:00
1:26
5:00
6:00
0:00
1:00
2:00
3:00
średni czas dla grupy badanych:
4:00
5:00
2:05
ilość kliknięć osób badanych:
12
ilość kliknięć osób badanych:
29
łączny czas scrolowania strony:
2:50
łączny czas scrolowania strony:
3:40
Komentarze użytkowników: „ojej chyba żartu- komentarz użytkownijecie sobie” ka na widok wyników wyszukiwarki „ chyba już prze- komentarz dotyczący scrolowania jechałem ” strony zapytanie o osobną wyszukiwarkę „Jest jakieś okienko żeby dotyczącą treści w tekście wpisać?’
kliknięcie kursorem na element interaktywny punkt początkowy i końcowy scrolowanie strony 1:00
czas wykonywania zadania podany w minutach
6:00
Zadanie III
Badani nieoglądający wcześniej strony IWP ilość ilość kliknięć najczęściej klikalny najechań element
3 7 2
1 1
ilość ilość kliknięć najczęściej klikalny najechań element
5 7 4 3
1 4 3
pierwszy kliknięty element
Menu główne Menu boczne zdjęcie wyszukiwarka pierwszy kliknięty element
1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
Menu główne Menu boczne zdjęcie wyszukiwarka
2 1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
4 6 4
pierwszy kliknięty element
Badani oglądajcy wcześniej stronę IWP
Menu główne Menu boczne zdjęcie wyszukiwarka pierwszy kliknięty element
9 14 4 8
5 4 2 5
ilość ilość kliknięć najczęściej klikalny najechań element
1 2 4
4 7 2
pierwszy kliknięty element
Menu główne Menu boczne zdjęcie wyszukiwarka pierwszy kliknięty element
1 1
Menu główne Menu boczne zdjęcie wyszukiwarka
1
ilość ilość kliknięć najczęściej klikalny najechań element
Menu główne Menu boczne zdjęcie wyszukiwarka
Menu główne Menu boczne zdjęcie wyszukiwarka
1 1 1
ilość ilość kliknięć najczęściej klikalny najechań element
1 10 3 2
pierwszy kliknięty element
1 1
pierwszy kliknięty element
Menu główne Menu boczne zdjęcie wyszukiwarka
Podsumowanie zadanie III Przykłady dwóch osób na liniach czasu: Użytkownik korzysta z wyszukiwarki tekstu w przeglądarce
O7 Użytkownik szuka zakadki „Dobry wzór 2017” w ofercie
O5
Dużym problemem dla użytkowników było scrolowanie strony w poszukiwaniu informacji oraz powrót z dołu strony na górę, gdzie nie mamy żadnej opcji powrotu bez scrolowania całej strony. 3 użytkowników (dwóch oglądających stronę wcześniej przez dwie minuty) skorzystali z wyszukiwarki wpisując „ Opakowanie czekolady Endorfina”Niestety nie znaleźli tam oczekiwanych wyników więc przeszukiwali stronę ręcznie. Jeden użytkownik (również oglądający wcześniej wortal) po zobaczeniu wyników wyszukiwania na stronie sfrustrowany użył opcji wyszukiwania w przeglądarce.
3 użytkowników odruchowo kliknęli w podmenu z zakładkę w której się znajdowali. Nie zorientowali się że klikając na zakładkę „dobry wzór” zostali automatycznie przekierowani do „ Dobry wzór 2017”
14 ekranów
10 ekranów
Użytkownicy chcieli otworzyć nieaktywne zdjęcie w artykule.
Podsumowanie zadanie III Centrum Dobre Historia pl AktualnościRaporty i Słownik Projek- Księgozbiór ABC wiedzy praktyki wzornictwa z rynku IWP ekspertyzywzornictwo tantów polskich
Najszybsza droga 4 osoby wybrały tą drogę
Strona główna i logo
Projekty
monitoring wzornictwo biznes zysk
Dobry wzór
Imagine Cup
wystawy konkurs Young design
słownik zaprojekexpo 2015 baza proj. i przedsiębioców projektantów tuj swój polskich zysk
Dobry wzór 2017
Oferta
Edukacja
studia podyplomowe
Najdłuższa droga : 2 osoby wybrały tą drogę z czego jedna wycofała się z niej i weszła przez zakładkowe projekty
Zapytania Historia IWP Referencje Aktualności ofertowe Kontakt
O instytucie O nas
konferencje
Doradztwo szkolenia
2 osoby wybrały tą drogę
Promocja designu
doradztwo Ergo Klienci Projekty wy- Orga- Program audyty doradaztwo wzornicze wzornicze ergonomiczne design stawiennicze nizacja „Dobry wydarzeń wzór”
Wynajem Realizacje Kolekcja Wynajem wynajem wydaw- his.figu- sal wystapow... wowych nictw rek....
Tylko połowa badanych wybrała najkrótszą drogę . Wszyscy badani skorzystali z menu głównego, gdzie na stronie głównej znajduje się bezpośredni link do zakładki. Osoby, które wybrały drogę przez zakładkę oferta przechodziły do „dobrego wzoru przez hieprłacza w tekście.
Zadanie IV Badani nieoglądający wcześniej strony IWP
Badani ogąldajcy wcześniej stronę IWP
Osoba 1
Osoba 5
Osoba 2
Osoba 6
Osoba 3
Osoba 7
Osoba 4
Osoba 8
0:00
1:00
2:00
średni czas dla grupy badanych:
3:00
4:00
0:50
ilość kliknięć osób badanych:
10
łączny czas scrolowania strony:
0:20
5:00
6:00
0:00
3:00
4:00
5:00
0:58
ilość kliknięć osób badanych:
9
łączny czas scrolowania strony:
0:15
kliknięcie kursorem na element interaktywny
komentarz użytkownika
użytkownik irytuje się i „ ta wyszukiwarka nie dzia- wyszukuje „ABC wzorła spróbuje w nictwa” w przeglądarce google ” google.
2:00
średni czas dla grupy badanych:
Komentarze użytkowników: „nie wiem co to znaczy ABC wzornictwa”
1:00
punkt początkowy i końcowy scrolowanie strony 1:00
czas wykonywania zadania podany w minutach Przerwanie zadania
6:00
Zadanie IV
Badani nieoglądający wcześniej strony IWP ilość ilość kliknięć najczęściej klikalny najechań element
1
1
2 6
1
ilość ilość kliknięć najczęściej klikalny najechań element
1 2 4
1 4 4
pierwszy kliknięty element
Menu główne Menu boczne Share wyszukiwarka pierwszy kliknięty element
1
ilość ilość kliknięć najczęściej klikalny najechań element
1 1
ilość ilość kliknięć najczęściej klikalny najechań element
Menu główne Menu boczne Share wyszukiwarka
1
ilość ilość kliknięć najczęściej klikalny najechań element
1 3 2 2
pierwszy kliknięty element
Badani oglądajcy wcześniej stronę IWP
Menu główne Menu boczne Share wyszukiwarka pierwszy kliknięty element
2 4 2 3
1
2 5 3 1
Menu główne Menu boczne Share wyszukiwarka pierwszy kliknięty element
1
Menu główne Menu boczne Share wyszukiwarka
1
ilość ilość kliknięć najczęściej klikalny najechań element
Menu główne Menu boczne Share wyszukiwarka
pierwszy kliknięty element
1
ilość ilość kliknięć najczęściej klikalny najechań element
4 3 3 5
Menu główne Menu boczne Share wyszukiwarka
1
ilość ilość kliknięć najczęściej klikalny najechań element
1 2 3
pierwszy kliknięty element
1
pierwszy kliknięty element
Menu główne Menu boczne Share wyszukiwarka
Podsumowanie zadanie IV Przykłady osób na liniach czasu:
Możliwości powrotu z zakładek:
Mimowolne rozwinięcie się elementu „share”
O6 wyszukiwanie zakładki „abc wzornictwo”
O1 poirytowany użytkownik wyszukuje zakładkę w przeglądarce gogle
Użytkownicy wracając z zakładek klikali na logo lub na „stronę główną” w menu lub przez ikonę cofania w przeglądarce. Nikt nie skorzystał z paska historii wyszukiwania na górze strony. Użytkownicy nie zauważyli go, wracali na stronę główną i wykonywali zadanie od początku. Niektórzy użytkownicy mieli problem z odnalezieniem zakładki „ ABC wzornictwo” ponieważ nie rozumieli znaczenia ani tej zakładaczki ani „Centrum wiedzy” gdzie ta zakładka się znajduję. Dużą wadą bało mimowolne otwieranie si elementu ‚share” przez co oglądający musiał poczekac aż zniknie i wtedy kontynuowali zadanie
V
O7
Porównanie wyników użytkowników Użytkownicy oglądający wcześniej stronę w pierwszym zadaniu mieli dużo lepszy czas od drugiej grupy. Z łatwością poruszali się po stronie, lecz im zadań było więcej tym wykonywali je dłużej. Użytkownicy byli poirytowani dlatego część z nich nie wykonała zadania do końca.
Badani którzy nie oglądali wcześniej strony w pierwszym zadaniu wykonywali więcej kliknięć oraz potrzebowali więcej czasu na jego wykonanie. Wynika to z tego iż musieli zapoznać się ze stroną. W innych zadaniach wyniki są bardzo zbliżone oprócz zadania 3 które sprawiało najwięcej problemów badanym oglądającym wcześniej stronę. Użytkownicy znając większość funkcji strony chieli skorzystać z wyszukiwarki która prowadziła dłuższa drogą niż droga przez menu główne.
W zadaniu 3 możemy zobaczyć jak użytkownik jest zmuszany do wyszukania czegoś w artykule oraz powrót z powrotem na stronę główną. Musi przez bardzo długi czas scrolować stronę a przeszukiwaniu artykułów a także w przeszukiwaniu wyników wyszukiwarki która nieraz posiada kilkaset wyników wyszukiwania. Użytkownicy w 2 i 4 zadaniu nie musieli tak długo scrolować strony często intuicyjnie wchodzili przez menu główne lecz szukali przez dłuzszy czas menu bocznego i hiperłączy w tekście
Badani nieoglądający wcześniej strony IWP Badani oglądający wcześniej strony IWP
Uwagi użytkowników Kompozycja
Typografia i artykuły
Wyszukiwarka
Menu i zakładki
- za mała opcja zmiany wielkości kroju w artykułach - za dużo niepotrzebnych rzeczy - informacje na stronie są zbite
- za małe litery - artykuł trzeba scrolować wiele razy by dojść do fragmentu którego szukamy - dobry pomysł z opcjami na artykułem
- w wynikach wyszukiwania trudno znaleźć informacje poprzez dwa linki takie same. - funkcja wyszukiwarki jest bezużyteczna
- brak całkowicie rozwijalnego menu,-powinno być widać przynajmniej więcej zakładek -brak w menu osobnego działu „ Kontakt” - zakładka” strona główna” w menu na stronie jest bezużyteczna -wiele opcji powtarza się wielokrotnie np kontakt powtórzony wiele razy a jest mało widoczny -czasem nie wiem co kryje się pod danymi zakładkami - zmiana menu w pod menu powoduje zamieszanie -dużo niezrozumiałych nazw
Użytkownicy mieli wiele uwag co do strony, głównie negatywnych. Najwięcej uwag przypadło menu oraz ogólnemu poruszaniu się na stronie, gdzie dużym kłopotem było pojawienie się bocznego menu. Badani skarżyli się również na niezrozumiałe nazwy zakładek, oraz powtórzenie niektórych z nich w niewiadomym celu. Osoby oglądające stron przez dwie minuty skarżyli się głównie na jest zbitości chaotyczność. Podczas oglądania zwracali uwagę na takie elementy jak: grafiki na stronie głównej, kalendarz i menu główne, które skrupulatnie oglądali
Wnioski do badań z użytkownikami i analizie własnej Wnioski przed badaniem z użytkownikami -duże pasy bieli na całej stronie sprawiają stłoczenie informacji, grafik i tekstu.
Wnioski po badaniach z użytkownikami - użytkownicy narzekają na zbyt małą wielkość kroju. Mimo opcji powiększania artykułów
-zbyt duża różnorodność w kwestii wielkości i odmian w typografii
- długie artykuły wymagające scrolowania - brak wyszukiwarki w tekście
-niezredagowane artykuły utrudniające czytanie -artykuły wymagające długiego scrolowania -małe i infantylne grafiki nie wzbudzające zainteresowania - bardzo duża ilość linków między podstronami -zbyt duża ilość podstron w zakładce projekty utrudnia poruszanie się w jej obrębie -dodatkowe menu po lewej stronie, które posiada zupełnie inny wygląd niż menu główne -zbyt wiele elementów interaktywnych, które nie pomagają a przeszkadzają na stronie -nie konsekwentność w menu głównym( główne zakładki i działy po za zakładką oferta gdzie są jeszcze wymienione poddziały) -brak możliwości powiększania niektórych zdjęć w tekście
-brak zainteresowania grafikami - brak możliwości powiększania niektórych zdjęć w tekście - użytkownicy nie zauważali menu po lewej stronie - przypadkowe otwieranie okien na stronie -złe nazewnictwo zakłądek na stronie -opcja powiększanie kroju pisma nie widoczna dla użutkowników - wyszukiwarka która nie pomaga użytkownikowi poruszać się na stronie -osoby dłużej przebywajce na stronie były bardziej sfrustrowane przez co niektóre zadania wykonywali dłużej - żaden z użytkowników nie skorzystał z opcji historii lokalizacji podstrony
6 4
4
2
Porównanie wyników dwóch grup osób badanych 2
0
1
2
3
4
0
45
40
42
40
35 30
35
Zadanie I
Menu główne
30
Użytkownicy korzystali w pierwszych kolejnościach z 25 menu głównego. Osoby nie oglądające wcześniej strony 20 więcej razy klikały i najeżdżały na menu. Użytkownicy i więcej 15 razy klikali na menu główne niż boczne. Grupa oglądająca wcześniej stronę korzystała z menu i nie używała10hiperłączy w tekstach.
Opcja zmiany wielkości kroju
15 10 5
0
0
11
10 5
7 4
Ilość kliknięć 16
16
14
14
12
Zadanie II
Menu główne było nadal najczęściej używanym elemen8 tem. Wszyscy użytkownicy jednak dużo razy najeżdżali na6 menu boczne, mimo iż użytkownicy oglądający wcześniej 4 stronę potrafili już się na niej poruszać więcej razy najeżdżali na niektóre elementy, upewniając się czy robią 2 zadanie poprawnie 0
1
2
3
35 30 25
5
6
4
Ilość kliknięć
5
Ilość najechań
Hiperłącza w tekście
Ilość najechań
12
Menu główne
10
Menu boczne
8
Opcja drukuj
6
opcja kontakt
4 2
4
0
Ilość kliknięć 40
Menu boczne
20
5
10
25
23
25
45
Ilość kliknięć
Ilość najechań
Ilość najechań
42
40
Badani nieoglądający wcześniej strony IWP
35
Badani oglądający wcześniej strony IWP
30 25
23
25
4
2 0
2
Porównanie wyników dwóch grup osób badanych 1
2
3
4
45
40
40
35
35
30
Zadanie III
25
Badani oglądający wcześniej stronę wciąż chętniej używali menu głównego, choć równie często sięgali po wyszukiwarkę, przez co gubili się na stronie.
0
20 15
30
Menu główne
25
Menu boczne
20
Zdjęcie
15
10
10
5
5
0
0
Ilość kliknięć
Ilość kliknięć
Ilość najechań
14
Menu główne
12
12
Menu boczne
10
10
Wyszukiwarka
8
8
6
6
4
4
2 0
40 35 30
7 4
16
14
Użytkownicy wciąż bardzo często najeżdżali i szukali na menu boczne. Mieli bardzo duży problem z wyszukiwaniem informacji na nim. Często rezygnowali i szukali informacji w wyszukiwarce, lecz żadna osoba nie doszła do końca zadania za pomocą wyszukiwarki.
5
Ilość najechań
16
Zadanie IV
Wyszukiwarka 10
2 1 Ilość kliknięć
2
Ilość kliknięć
3
Ilość najechań
4 Ilość najechań
0
Badani nieoglądający 45 wcześniej strony IWP 40
Badani oglądający wcześniej strony IWP 35 30
5
4
Wnioski Badani nie oglądający wcześniej stronę IWP
Po badaniu użytkownicy stwierdzili iż oczekiwania wobec strony nie pokrywają się z rzeczywistym wortalem. Strona wydała się im bardzo skomplikowana i nie pokazująca czym zajmuje się instytut. Badani którzy zapoznali sie przez dwie minuty ze stroną mieli podobne wyniki do osób które nie miały wcześniej możliwości poruszania się na wortalu. W zadaniu trzecim i czwartym mieli oni dłuższy czas, a niektórzy użytkownicy poirytowani przerywali zadanie.
średni czas do zadania I
Badani oglądający wcześniej stronę IWP
2:90
1:00
0:56
0:54
średni czas do zadania III
1:26
2:05
średni czas do zadania IV
0:50
0:55
średni czas do zadania II
Menu na stronie Użytkownicy mieli największy problem z menu głównym, gdzie nie potrafili zrozumieć nazw zakładek. Dużą wadą jest to że wszystkie zakładki menu głównego nie rozwijają się. Menu boczne posiada inny wygląd oraz jest w innym miejscu niż menu główne przez co badani korzystali z hiperłączy w tekście lub zauważali menu po pewnym czasie . Poruszanie sie po stronie Artykuły Badani zwrócili uwagę na bardzo długie scrolowanie strony, przez co gubi się czytając artykuł, a także omijali opcje zmiany wielkości kroju. W artykułach badni mieli problem ze znalezieniem zmiany wielkoś kroju pisma. Szukali jej w tekście lub na dole strony.
Użytkownicy często nie wybierali najszybszej możliwej drogi, oraz gubili się w wielu zakładkach w menu. Przez co mieli wrażenie iż strona jest chaotyczna i skomplikowana. Żadna osoba z osób badanych nie skorzystali z paska historii lokalizacji nad artykułem. Bardzo przeszkadzała badanym w oglądaniu strony duża ilość element interaktywnych Np „share”.