Analiza portalu deviantart.com
Pracownia Badań Użyteczności Akademia Sztuk Pięknych w Katowicach 2015/2016
Autor: Magda Pawlik II Wzornictwo Prowadzący: prof. ASP dr hab. W. Gdowicz, dr M. Więckowska
1. Cele i użytkownicy 2. Funkcje 3. Funkcje dostępne dla użytkownika zalogowanego i niezalogowanego 4. Budowa — strona główna 5. Budowa — strona profilu użytkownika 6. Budowa — strona dodawania prac 7. Budowa — strona pracy 8. Kolorystyka 9. Typografia 10. Rodzaje interakcji 11. Draft test 12. Opcje wyszukiwania 13. Droga użytkownika — od założenia konta do dodania pracy 14. Ocena strony 15. Pytania i cele badawcze 16. Opis badania i użytkownicy 17. Część I — analiza wyników ankiety I na temat pierwszego wrażenia 18. Część II — analiza polecenia pierwszego — logowanie 19. Część II — analiza polecenia drugiego — wyszukiwanie 20. Część II — analiza polecenia trzeciego — dodawanie pracy 21. Analiza wyników wykonywanych zadań 22. Część III — analiza wyników ankiety II na temat wykonywanych zadań 23. Podsumowanie 24. Rekomendacje 25. Załączniki
2
Spis treści
Cele i użytkownicy Cele:
Odbiorcy:
1. Udostępnienie artystom miejsca na prezentowanie i dyskusję na temat prac 2. Tworzenie społeczności
1. Artyści: profesjonaliści i amatorzy 2. Osoby szukające treści związanych ze sztuką
1. Wyszukiwanie prac z możliwością segregowania wyników według kategorii i podkategorii oraz popularności. 2. Przeglądanie prac z 20 różnych kategorii oraz ponad 1550 podkategorii z możliwością uwzględnienia ich popularność.
Po zalogowaniu
3. Udostępnianie swoich prac 4. Tworzenie prac (dAMuro) 5. Sprzedaż prac 6. Tworzenie katalogu ulubionych prac innych użytkowników 7. Komentowanie prac 8. Korespondencja z innymi użytkownikami 9. Prowadzenie dziennika 10. Stworzenie portfolio 11. Dołączanie do grup 12. Dyskusja na forach 13. Rozmowa na czacie
3
Funkcje
Funkcje dostępne dla użytkownika zalogowanego i niezalogowanego Użytkownik niezalogowany
Krok 1
Rejestracja lub logowanie (jeśli użytkownik posiada już konto).
Krok 1
Przyglądanie strony bez zalogowania.
Krok 2
Przeglądanie prac z możliwością segregowania ich ze względu na kategorie, podkategorie, czy popularność. Użytkownik może komentować prace oraz dodać do galerii prac ulubionych.
Krok 2
Przeglądanie prac z możliwością segregowania ich ze względu na kategorie, podkategorie, czy popularność. Użytkownik nie może komentować prac.
Krok 3
Udostępnianie swoich prac oraz prowadzenie dziennika.
4
Użytkownik zalogowany
Tworzenie prac (dAMuro) oraz portfolio. Korespondencja z innymi użytkownikami oraz rozmowa na czacie. Sprzedaż prac. Dołączanie do grup. Dyskusja na forach.
Budowa — strona główna
Część 1:
— W lewym górnym rogu znajduje się logotyp oraz jedna z dwóch wyszukiwarek — Kolejno zakładki dodatkowe (sklep, wersja mobilna, konto premium i inne) oraz zakładki dotyczące profilu — Jedyny na stronie głównej przycisk dający możliwość dodania pracy — Poniżej pasek z trybami wyświetlania prac
Część 2:
— Druga wyszukiwarka oraz pasek z kategoriami. Kategorie i podkategorie nie są, prócz nazwy, w żadnej sposób opisany. Może to spowodować, że użytkownik nie będzie wiedział, czego konkretnie dotyczy dana kategoria czy podkategoria. Nie są one również posortowane alfabetycznie czy tematycznie. — W środkowej części, która zajmuje najwięcej miejsca, znajdują się prace użytkowników
1. Logotyp Tryb wyświetlania prac Wyszukiwarka Sortowanie
2.
Kategorie
Prace użytkowników (element zmienny) Tryb wyświetlania prac
Część 3:
— Stopka z informacjami o stronie, pomoc, często zadawane pytania, kontakt
Wyszukiwarka
Zakładki dodatkowe Dodaj pracę
5
Układ strony jest prosty. Długość strony głównej dzieli się na dwa ekrany z możliwością pokazania więcej treści, co zwiększa ilość ekranów.
Profil Wiadomości Znajomi Ulubione
Pokaż więcej Stopka
3.
Budowa — strona profilu użytkownika
Część 1:
— Taki sam pasek jak na stronie głównej
Część 2:
— Pasek z informacjami o użytkowniku
Część 3:
3.
1.
Logotyp Informacje o użytkowniku
2. 4.
Przejście do: galerii, Zakładki dodatkowe wydruków, ulubionych, Dodaj pracę dziennika Wyszukiwarka
Profil Wiadomości Znajomi Ulubione Edytuj stronę Dziennik
Najnowsze prace Przejście do pełnej galerii Dodaj pracę
Poszerzone informacje o użytkowniku
Galeria ulubionych prac
6
Wygląd tej strony zależy od wybranych przez użytkownika widżetów oraz od ilość treści umieszczonych przez użytkownika.
— Zakładki nawigacyjne
Część 4:
— Wybrane widżety, w tym przypadku w prawej kolumnie najnowsze prace własne, galeria prac ulubionych; w lewej kolumnie dziennik, rozszerzone informacje o użytkowniku oraz komentarze. Użytkownik może sam wybierać jakie widżety chce umieścić na swoim profilu
Komentarze
Stopka
Część 5:
— Stopka z informacjami o stronie, pomoc, często zadawane pytania, kontakt
5.
Budowa — strona dodawania prac Strona, na której mamy możliwość umieszczenia naszej pracy. Strona ma długość dwóch ekranów.
Logotyp Zakładka z pracą
Układ kolumn jest innym niż na stronie głównej. Tylko na tej stronie występuje inny kolor tła. Układ strony jest prosty, ale inny niż na pozostałych stronach.
Obszar dodawania pracy
Proces dodawania pracy opiera się tylko na tej stronie.
Tagi
1.
Wyszukiwarka
Zakładki dodatkowe Dodaj pracę
3.
2.
Tytuł i podpis do pracy
4.
7
— Część, w której wybieramy pracę, którą chcemy dodać oraz informacje o pracy, które należy uzupełnić
— Dodatkowe opcje
Sprzedaj wydruki
Kategorie
Część 2:
Część 4:
Dodaj teraz Zarabianie na dodatkowych treściach (premium)
— Taki sam pasek jak na stronie głównej
— Przycisk kończący proces dodawania pracy, umieszczony na górze i na dole strony
Zapisz i wyjdź Ściąganie pracy
Część 1:
Część 3:
Profil Wiadomości Znajomi Ulubione
Opcje Zgoda na regulamin Zapisz i wyjdź Dodaj teraz
3.
Budowa — strona pracy Strona, na której wyświetlana jest pojedyncza praca. Ilość ekranów zależy od wielkości danej pracy. Logotyp
2.
Część 1:
— Praca oraz informacje o pracy, poniżej część z komentarzami
Część 3:
— Kolumna z dodatkowymi opcjami, takimi jak dzielenie się pracą przez portale społecznościowe czy też edycja pracy. Pokazane są również losowe prace użytkowników.
Część 4:
— Stopka z informacjami o stronie, pomoc, często zadawane pytania, kontakt
3.
Podziel się (profile społecznościowe) Edycja, skasuj Przenieś do dA Muro
— Taki sam pasek jak na stronie głównej z wyjątkiem zmienienia wyszukiwarki na przyciski pracy następnej, poprzedniej i podglądu wszystkich prac
Część 2:
Zakładki dodatkowe Dodaj pracę
Pobierz Prace innych użytkowników Tytuł, autor, kategoria, tagi Dodaj do grupy Komentarze
Informacje o zdjęciu
Statystyki Stopka
4.
8
Układ strony jest podobny do układu strony dodawania pracy.
1.
Poprzednia, wszystkie, kolejna praca
Profil Wiadomości Znajomi Ulubione
Kolorystyka Kolory występujące na stronie
R: 70 G: 92 B: 77
R: 72 G: 154 B: 172
R: 225 G: 141 B: 57
R: 95 G: 172 B: 116
Dominującymi kolorami na stronie są odcienie koloru zielonego. Tło — Zastosowano jasny odcień zieleni. Paski nawigacyjne — Użyto ciemnej zieleni. Powoduje to, że paski są dobrze widoczne, a co za tym idzie, ułatwione zostaje poruszanie się po stronie.
R: 211 G: 233 B: 207
R: 70 G: 92 B: 77
R: 72 G: 154 B: 172
R: 225 G: 141 B: 57
R: 0 G: 0 B: 0
R: 225 G: 225 B: 225
W typografii zastosowano aż sześć różnych kolorów. W celu wyróżnienia informacji stosowane są zarówno jasne jak i ciemne kolory. Nie występują reguły jakim kolorem wyróżniane są istotne treści na całej stronie.
Kontrasty kolorystyczne
Guziki — Niebieski, pomarańczowy i zielony są kolorami dodatkowymi. Stosowane są w celu wyróżnienia mniejszych elementów spośród innych. Zastosowanych kolorów jest na tyle dużo, że ciężko określić ich hierarchię ważności na stronie. Na stronie występuje 11 różnych kontrastów kolorystycznych
9
R: 211 G: 233 B: 207
Kolory w typografii
Typografia Na stronie pojawiają się kroje pisma bezszeryfowe, jednoelementowe w różnych odmianach: — Arial — Arial Bold — Trebuchet MS Bold — Verdana — Verdana Bold
Typografia występuje w sześciu różnych kolorach na pięciu różnych kolorach tła. Zastosowanie różnych punktacji ma na celu zachowanie odpowiedniej hierchii informacji. Nagłówki, które ułatwiają poruszanie się po stronie napisane są wersalikami, odmianami bold. Natomiast zastosowanie wielu krojów pism, pozornie podobnych do siebie, jest zabiegiem zbędnym.
10
W punktacjach: 14px, 15px, 17,5px, 23px, 24px, 25px, 33px
Rodzaje interakcji Klikanie
Najczęściej występującą interakcja. Umożliwia wybieranie poszczególnych funkcji.
Scrollowanie
Umożliwia szybkie przeglądanie całej strony.
Wyświetlenie opcji po najechaniu kursorem
Po najechaniu na zakładkę pojawiają się dodatkowe kategorie. Po najechaniu na przycisk wybranej kategorii tekst zostaje podświetlony.
Zmiana koloru po najechaniu kursorem
Po najechaniu na przycisk wybranej kategorii kolor tła przycisku zmienia się na niebieski. Wybrany przycisk kategorii staje się bardziej widoczny.
Zmiana koloru po kliknięciu
Po kliknięciu na przycisk wybranej kategorii kolor tła przycisku zmienia się na pomarańczowy. Ułatwia to nawigację po stronie, informuje użytkownika, w którym miejscu na stronie się znajduje.
Pojawienie się tekstu po najechaniu kursorem na pracę
Po najechaniu na pracę wyświetla się tekst z informacjami o nazwie, autorze, dacie dodania oraz kategorii, do której praca została przypisana.
11
Podświetlenie tekstu po najechaniu kursorem
Draft test W celu poznania pierwszego wrażenia użytkowników na temat strony przeprowadzony został draf test.
Najlepiej została oceniona użyteczność strony (średnia wynosi 3,8), natomiast najgorzej innowacyjność (średnia wynosi 2,5). Równie nisko została oceniona kolorystyka (średnia wynosi 2,6). Na podstawie tych wyników można stwierdzić, że strona wygląda na użyteczną. Nisko oceniona kolorystyka i pierwsze wrażenie wskazują natomiast na fakt, że strona nie prezentuje się dobrze.
użyteczność
3,8
prezentacja informacji
3,6
innowacyjność
2,5
ekspozycja marki
3,1
kolorystyka
12
W teście wzięło udział 10 osób. Na podstawie screenu strony głównej użytkownicy przyznawali oceny od 1 do 5 w różnych kategoriach dotyczących wyglądu i funkcjonowania strony.
Średnia ocen draftestu
2,6
pierwsze wrażenie
3,6 0
0,5
1
1,5
2
2,5
3
3,5
4
4,5
5
Opcje wyszukiwania treści 1.
W zależności od potrzeb użytkownika wyróżnić można kilka kroków wyszukiwania treści. Każdy z nich pozwala na odnalezienie pracy przy różnych założeniach.
Krok 1: Wpisanie treści
Wpisanie wyszukiwanej treści w jeden z dwóch pasków wyszukiwania (1. lub 2.)
2. 3.
Krok 2: Wyszukiwanie
Krok 3: Sortowanie
Sortowanie treści pod względem ich popularności. Kategorie do wyboru (3.): popularne w ciągu 8 godzin, 24 godzin, 3 dni, 1 tygodnia, 1 miesiąca, popularne cały czas, najnowsze.
Krok 4: Kategorie
Wybór kategorii oraz podkategorii, z której chcemy przeglądać prace (4.). Nie są one jednak uzupełnione o żaden opis. Może to spowodować, że użytkownik nie będzie wiedział, czego konkretnie dotyczy dana kategoria czy podkategoria. Co więcej, ich kolejność nie jest w żadnej sposób posortowana - tematycznie czy alfabetycznie.
4.
13
W przypadku wpisania treści w pasek wyszukiwarki 1. — kliknięcie na symbol lupy lub wciśnięcie klawisza enter W przypadku wpisania treści w pasek wyszukiwarki 2. — wciśnięcie klawisza enter
Droga użytkownika — od założenia konta do dodania pracy 1.
Utworzenie konta
2.
Weryfikacja adresu mailowego
3.
Zalogowanie się
4.
Uzupełnienie profilu
Możliwość uzupełnienia konta o takie treści jak: nasze zainteresowania, dodanie zdjęcia, personalizacja wyglądu naszego profilu.
5.
Wybranie opcji dodania pracy
Na dwa sposoby: 1. wybranie opcji z górnego paska 2. wybranie opcji z naszego profilu — guzik znajdujący się przy galerii Cały proces dodawania pracy ma miejsce tylko na jednej stronie. Poszczególne kroki wykonywane są tylko na stronie dodawania pracy.
6.
Wybór pracy
Proces nie jest skomplikowany, jest to standardowa procedura. Otrzymanie potwierdzenia na adres mailowy.
14
Wpisanie loginu i hasła.
Wybór pracy z komputera lub ze schowka.
7. Dodanie dodatkowych informacji
Dodanie tytułu i komentarza.
8.
Dodanie tagów
Słowa klucze ułatwiające wyszukiwanie pracy.
9.
Wybranie kategorii pracy
10.
Kliknięcie przycisku dodania pracy
Przydzielenie pracy do jednej z 20 kategorii oraz podkategorii. Po wybraniu pojawia się krótki opis dotyczący podkategorii znajdującej się na końcu rozgałęzienia danej kategorii. Opisy te można znaleźć tylko w tym miejscu, nie pojawią się nigdzie indziej na stronie. Po kliknięciu praca od razu pojawia się w naszej galerii.
Ocena strony Minusy
— Brak polskiej wersji językowej — Mało zachęcająca szata graficzna — Brak opisu kategorii i podkategorii prac, brak logicznej kolejności
Plusy
Pytania i cele badawcze Pytania badawcze
— Ile czasu zajmie użytkownikom wykonanie zadania? — Jakie czynniki ułatwią, a które utrudnią użytkownikom wykonywanie poleceń?
Cele badawcze
— Zbadanie procesu logowania, wyszukiwania oraz dodawania pracy — Określenie szybkości dotarcia do pożądanej informacji
15
— Bardzo duża ilość kategorii i podkategorii prac — Zakładki na górze strony ułatwiające poruszanie się po stronie
Opis badania Przeprowadzenie ankiety dotyczącej oceny strony, pierwszego wrażenia. Użytkownik na skali semantycznej ocenia różne aspekty strony. Celem ankiety jest poznanie opinii użytkownika na temat strony.
Część II
Wykonywanie przez użytkownika zadań: — Logowanie się na stronie — Wyszukanie odpowiedniej frazy uwzględniają popularność, katerogie, podkaterogie — Dodanie pracy Podczas tych zadań istotnymi aspektami będzie to, czy użytkownik odnajduje się na stronie, czy napotyka problemy podczas wykonywania zadań, czy gubi się na poszczególnych krokach. W trakcie badania liczony będzie czas wykonywania poleceń, droga jaką wybrał użytkownik, rodzaje interakcji, ilość
Użytkownicy W badaniu wzięło udział 5 osób. Każda nich nigdy nie korzystała ze strony deviantart, jest to ich pierwszy kontakt z portalem. Użytkownicy korzystają z internetu codziennie.
wykonanych kroków, ilość błędów i cofnięć. Nagrywany również będzie zrzut ekranu.
Część III
Przeprowadzenie drugiej ankiety dotyczącej oceny wykonanych zadań. Ankieta ta ma na celu sprawdzić, co sprawiło użytkownikowi trudności, czy strona jest łatwa w obsłudze, a poruszanie się po niej jest intuicyjne. Ankieta zawiera pytanie otwarte i zamknięte. Część I
Zapoznanie się przez użytkownika ze stroną przez 2 minuty Ankieta I dotycząca pierwszego wrażenia na temat strony
Część II
Zadanie 1: Logowanie się na stronie Zadanie 2: Wyszukiwanie Zadanie 3: Dodawanie pracy
Część III
Ankieta I dotycząca oceny wykonywanych zadań
16
Część I
Część I — analiza wyników ankiety I na temat pierwszego wrażenia Badani mieli za zadanie po krótkim zapoznaniu się ze stroną ocenienie jej na skali zróżnicowania semantycznego.
Z ankiety I dowiadujemy się również, że wszyscy badani korzystali z podobnych stron do deviantart.com. Użytkownicy korzystają z internetu codziennie.
nieprzejrzysta
-5 -4 -3 -2 -1 0 1 2 3 4 5
przejrzysta
skomplikowana
-5 -4 -3 -2 -1 0 1 2 3 4 5
prosta
nieuporządkowana -5 -4 -3 -2 -1 0 1 2 3 4 5
uporządkowana
zniechęcająca
zachęcająca
-5 -4 -3 -2 -1 0 1 2 3 4 5
Strona została oceniona jako zachęcająca, ale równocześnie jako skomplikowana. Użytkownicy w większości ocenili stronę pozytywnie. Nie była to jednak ocena jednoznaczna ze względu na niskie ocenienie poziomu skomplikowania strony. Podczas przeglądania strony przez dwie minuty badani zwracali uwagę i komentowali fakt, że strona wygląda na uporządkowaną, ale ilość treści sprawia, że strona jest odbierana przez nich jako skomplikowana.
17
1. Jak oceniasz stronę deviantart.com pod względem podanych aspektów?
Część II — analiza polecenia pierwszego — logowanie
Najkrótszy czas w jakim udało się wykonać to polecenie to niecała 1 minuta, najdłuższy czas to 2,45 minut. Polecenie nie sprawiło użytkownikom żadnych problemów, badani nie mieli uwag na tym etapie badania. Różnice w czasie wykonywania tego polecenia były zależne od tempa wpisywania poszczególnych danych przez użytkowników. Żaden z badanych nie zgubił się na stronie i nie błądził po niej.
Czas (min)
3 2,5 2
2,3
2,45
2,31
1,5
1,47
1 0,5
0,58
0 1
2
Ilość osób badanych
3
4
5
18
Zadanie polegało na utworzeniu przez badanego własnego konta. Proces logowania nie był trudny dla badanych, wszystkim udało się ukończyć to zadanie poprawnie.
Część II — analiza polecenia drugiego — wyszukiwanie Zadanie polegało na wyszukaniu przez badanego frazy „apple” z kategorii prac popularnych w ciągu 1 miesiąca, z kategorii fotografia i podkategorii martwej natury, jedzenie i picie.
Analizowany będzie sposób realizacji polecenia poprzez zapis wykonywanych czynności przez użytkownika na osi czasu i na schemacie układu strony.
Badani poruszali się podczas tego polecenia tylko na jednej stronie — stronie głównej.
1. Wpisanie wyszukiwanego słowa 2. Wybór zakładki „Więcej” z panelu sortowania prac 3. Wybór zakładki „Popularne w ciągu 1 miesiąca” 4. Wybór kategorii „Fotografia” z panelu kategorii 5. Wybór podkategorii „Martwa natura” z panelu kategorii 6. Wybór podkategorii „Jedzenie i picie” z panelu kategorii
Oś czasu do oznaczeń 0
0:30
1:00
1:30
2:00
2:30
3:00
Schematyczne układy stron Strona główna Legenda oznaczeń Kliknięcie Błądzenie kursorem po danym obszarze Pomyłka
19
Etapy realizacji polecenia — najkrótsza możliwa ścieżka
Oś czasu z oznaczeniem działań badanego Badany I — czas: 2,06 min
Schemat przedstawiający ruchy kursora 1
0
0:30
1:00
1:30
2 3
2:00
Kroki badanego 1. Wpisanie wyszukiwanego słowa 2. Wybór zakładki „Więcej” 3. Wybór zakładki „Popularne w ciągu 1 miesiąca” 4. Wybór kategorii „Fotografia” 5. Wybór podkategorii „Martwa natura” 6. Wybór podkategorii „Jedzenie i picie”
4 5 6
Oś czasu z oznaczeniem działań badanego Badany II — czas: 2,46 min
Schemat przedstawiający ruchy kursora 1
0
4
0:30
1:00
1:30
2:00
Kroki badanego 1. Wpisanie wyszukiwanego słowa 2. Wybór zakładki „Najnowsze” 3. Podgląd większej ilości prac 4. Wybór zakładki „Więcej” 5. Wybór zakładki „Popularne w ciągu 1 miesiąca” 6. Wybór kategorii „Fotografia” 7. Wybór podkategorii „Martwa natura” 8. Wybór podkategorii „Jedzenie i picie”
2:30
5
2
6 7 8 3
Wnioski — Badany ukończył zadanie w całości. Najwięcej błądził w środkowej części strony (tam pojawiają się prace użytkowników) po wpisaniu wyszukiwanego słowa oraz po wyborze pierwszej kategorii. Często poruszał się także po panelu kategorii. Użytkownik wykonał polecenie najkrótszą możliwą ścieżką. Wnioski — Badany ukończył zadanie w całości. Najdłużej poruszał się po panelu kategorii. Popełnił dwa błędy. W kroku drugim wybrał złą kategorię (przez przypadek kliknął na inną kategorię), później wybrał pogląd większej ilości prac, co w tym zadaniu było zbędne.
Legenda oznaczeń Kliknięcie
Błądzenie kursorem po danym obszarze
Pomyłka
20
Część II — analiza polecenia drugiego — wyszukiwanie
Część II — analiza polecenia drugiego — wyszukiwanie Oś czasu z oznaczeniem działań badanego Badany III — czas: 0,50 min
Schemat przedstawiający ruchy kursora 1
0
0:30
2 3
1:00
4 5 6
21
Kroki badanego 1. Wpisanie wyszukiwanego słowa 2. Wybór zakładki „Więcej” 3. Wybór zakładki „Popularne w ciągu 1 miesiąca” 4. Wybór kategorii „Fotografia” 5. Wybór podkategorii „Martwa natura” 6. Wybór podkategorii „Jedzenie i picie”
Wnioski — Badany ukończył zadanie w całości. Najwięcej błądził w środkowej części strony (tam pojawiają się prace użytkowników) po wpisaniu wyszukiwanego słowa. Użytkownik sprawnie poruszał się po panelu kategorii. Użytkownik wykonał polecenie najkrótszą możliwą ścieżką.
Oś czasu z oznaczeniem działań badanego Badany IV — czas: 1,22 min
Schemat przedstawiający ruchy kursora
6
0
0:30
1:00
1:30
Kroki badanego 1. Wybór zakładki „Więcej” 2. Wybór zakładki „Popularne w ciągu 1 miesiąca” 3. Wybór kategorii „Fotografia” 4. Wybór podkategorii „Martwa natura” 5. Wybór podkategorii „Jedzenie i picie” 6. Wpisanie wyszukiwanego słowa
1 2 3 4 5
Legenda oznaczeń Kliknięcie
Wnioski — Badany ukończył zadanie w całości. Jako jedyny wykonał polecenia w odwrotnej kolejności, czyli najpierw wybrał kategorie i podkategorie, a dopiero potem wpisał wyszukiwane słowo. Nie miało to jednak wpływu na ukończenie polecenia, strona umożliwia taką kolejność wyszukiwania. Użytkownik wykonał polecenie najkrótszą możliwą ścieżką.
Błądzenie kursorem po danym obszarze
Pomyłka
Część II — analiza polecenia drugiego — wyszukiwanie Oś czasu z oznaczeniem działań badanego Badany V — czas: 1,54 min
Schemat przedstawiający ruchy kursora 1
0:30
1:00
1:30
2:00
Kroki badanego 1. Wpisanie wyszukiwanego słowa 2. Wybór zakładki „Więcej” 3. Wybór zakładki „Popularne w ciągu 1 miesiąca” 4. Wybór kategorii „Fotografia” 5. Wybór podkategorii „Martwa natura” 6. Wybór podkategorii „Jedzenie i picie”
2 3 4 5 6
22
0
Wnioski — Badany ukończył zadanie w całości. Najwięcej błądził w środkowej części strony (tam pojawiają się prace użytkowników) po wpisaniu wyszukiwanego słowa. Błądził również po panelu kategorii. Użytkownik wykonał polecenie najkrótszą możliwą ścieżką.
Legenda oznaczeń Kliknięcie
Błądzenie kursorem po danym obszarze
Pomyłka
Część II — analiza polecenia drugiego — wyszukiwanie Badany I
Badany II
1
0
0:30
1:00
1:30
2:00
1
2 3
4
4
6
5
5
7
6
8
2
3
2:30
Wnioski: Czas — 4 badanych na 5 wykonało zadanie całkowicie poprawnie, jedna osoba zgubiła się, ale jej również udało się ukończyć zadanie poprawnie. — Najkrótszy czas wykonania zadania to niecała minuta, a najdłuższy to 2,46 minut. Błędy — Badani mieli trudność z odnalezienie odpowiedniej kategorii i podkategorii, najwięcej czasu zajmowało im przeglądanie panelu kategorii. Było to spowodowane zbyt dużą ilością kategorii, spis jest długi, a także nieuporządkowany np. w kolejności alfabetycznej. Uwagi — Wszyscy badani zwrócili uwagę, że panel kategorii jest mało czytelny ze względu na zbyt dużą ilość informacji lub zbyt małą różnicę pomiędzy kategoriami i podkategoriami. Poruszanie się po stronie — Miejscem, gdzie badani błądzili najdłużej i najczęściej był pasek kategorii. Równie często badani szukali w obszarze prac, ale miejsce to nie prowadziło do kolejnych kroków, błądzenie w tym miejscu było całkowicie zbędne.
Badany III
Badany IV
1 6 2 3
1
4
3
5
4
2
6
5
Badany V 1 2 3 4 5 6
23
Badany III Badany IV Badany V Badany I Badany II
Część II — analiza polecenia trzeciego — dodawanie pracy
Badani poruszali się podczas tego polecenia na kilku różnych stronach. Analizowany będzie sposób realizacji polecenia poprzez zapis wykonywanych czynności przez użytkownika na osi czasu i na schemacie układu strony.
Etapy realizacji polecenia — najkrótsza możliwa ścieżka 1. Wybór przycisku „Dodaj” z górnego paska 2. Wybór pracy z komputera/przeciągnięcie pracy w obszar dodawania
Oś czasu do oznaczeń
0
0:30
1:00
1:30
2:00
2:30
3:00
Schematyczne układy stron Strona główna
Strona dodawania pracy (dwuekranowa)
Strona profilu użytkownika
3. Dodanie tytułu 4. Dodanie tagów 5. Wybór kategorii „Fotografia” z panelu kategorii 6. Wybór podkategorii „Architektura” z panelu kategorii 7. Wybór podkategorii „Inne” z panelu kategorii 8. Wybór przycisku „Dodaj” na dole lub po prawej stronie
3:30
24
Zadanie polegało na dodaniu przez badanego pracy z komputera do swojej galerii oraz uzupełnieniu pola dotyczące informacji na temat pracy — tytuł, tagów oraz dodaniu pracy do kategorii zdjęcia i podkategorii architektura, inne
Schowek
Legenda oznaczeń Kliknięcie Błądzenie kursorem po danym obszarze Pomyłka
>
Przejście do innej strony
Część II — analiza polecenia trzeciego — dodawanie pracy Oś czasu z oznaczeniem działań badanego Badany I — czas: 2,17 min
Schemat przedstawiający ruchy kursora B Strona dodawania pracy (dwuekranowa)
A Strona główna
>
> 0
0:30
1:00
1:30
>
1
2
3 4
2:00
Kroki badanego 1. Wybór przycisku „Dodaj” z górnego paska 2. Przeciągnięcie pracy w obszar dodawania 3. Dodanie tytułu 4. Dodanie tagów 5. Wybór kategorii „Fotografia” 6. Wybór podkategorii „Architektura” 7. Wybór podkategorii „Inne” 8. Dodanie pracy do schowka; wybór przycisku „Zapisz” 9. Edycja pracy 10. Wybór przycisku „Dodaj” po prawej stronie
5
6
8 7
25
D C B A
D Strona dodawania pracy (dwuekranowa)
C Schowek 9
Wnioski — Badany ukończył zadanie w całości. Najwięcej błądził po panelu kategorii. Sprawnie poruszał się po wszystkich stronach. Popełnił błąd dodając pracę do schowka zamiast do galerii (punkt 8). Przyciski te są umieszczone obok siebie, są oznaczone tym samym kolorem, są tej samej wielkości.
10
Legenda oznaczeń Błądzenie kursorem po danym obszarze
Kliknięcie Pomyłka
>
Przejście do innej strony
Część II — analiza polecenia trzeciego — dodawanie pracy Oś czasu z oznaczeniem działań badanego Badany II — czas: 4,36 min
> 0
>
> 0:30
1:00
1:30
2:00
Kroki badanego 1. Przejście do profilu 2. Wybór przycisku „Dodaj” z okna galerii 3. Wybór pracy z komputera 4. Dodanie tytułu w miejscu opisu pracy 5. Wybór kategorii „Fotografia”
2:30
4:00
3:30
3:00
>
6. Wybór podkategorii „Architektura” 7. Wybór podkategorii „Inne” 8. Dodanie tagów 9. Dodanie pracy do schowka; wybór przycisku „Zapisz” 10. Edycja pracy 11. Wybór przycisku „Dodaj” na dole strony
Schemat przedstawiający ruchy kursora A Strona główna B Strona profilu użytk.
C Strona dodawania pracy (dwuekranowa) D Schowek
E Strona dodawania pracy (dwuekranowa)
10
1 2
3
4 8
5
6
9 7
Legenda oznaczeń Kliknięcie
4:30
26
E D C B A
Wnioski — Badany ukończył zadanie w całości. Jako jedyny przeszedł do galerii przez stronę profilu użytkownika. Najwięcej błądził po panelu kategorii szukają odpowiednich kategorii. Popełnił błąd dodając tytuł pracy w miejsce opisu oraz dodał pracę do schowka zamiast do galerii.
11
Błądzenie kursorem po danym obszarze
Pomyłka
>
Przejście do innej strony
Część II — analiza polecenia trzeciego — dodawanie pracy Oś czasu z oznaczeniem działań badanego Badany III — czas: 1,30 min
Schemat przedstawiający ruchy kursora B Strona dodawania pracy (dwuekranowa)
A Strona główna
B A
> 0
1
0:30
1:00
1:30
2
3 4
Kroki badanego 1. Wybór przycisku „Dodaj” z górnego paska 2. Wybór pracy z komputera 3. Dodanie tytułu w miejscu opisu pracy 4. Dodanie tagów 5. Wybór kategorii „Fotografia” 6. Wybór podkategorii „Architektura” 7. Wybór podkategorii „Inne” 8. Wybór przycisku „Dodaj” na dole strony
6 7
27
5
8
Wnioski — Badany ukończył zadanie w całości. Sprawnie poruszał się po panelu kategorii. Popełnił błąd dodając tytuł pracy w miejsce opisu. Zatrzymał się także na chwilę w obszarze okna z opcjami.
Legenda oznaczeń Błądzenie kursorem po danym obszarze
Kliknięcie Pomyłka
>
Przejście do innej strony
Część II — analiza polecenia trzeciego — dodawanie pracy Oś czasu z oznaczeniem działań badanego Badany IV — czas: 2,10 min
Schemat przedstawiający ruchy kursora B Strona dodawania pracy (dwuekranowa)
A Strona główna
B A
> 0
1
0:30
1:00
1:30
2
3 4
2:00
Kroki badanego 1. Wybór przycisku „Dodaj” z górnego paska 2. Wybór pracy z komputera 3. Dodanie tytułu w miejscu opisu pracy 4. Dodanie tagów 5. Wybór kategorii „Fotografia” 6. Wybór podkategorii „Architektura” 7. Wybór podkategorii „Inne” 8. Wybór przycisku „Dodaj” na dole strony
6 7
28
5
8
Wnioski — Badany ukończył zadanie w całości. Najwięcej błądził w panelu kategorii. Popełnił błąd dodając tytuł pracy w miejsce opisu. Zatrzymał się także na chwilę w obszarze okna z opcjami.
Legenda oznaczeń Błądzenie kursorem po danym obszarze
Kliknięcie Pomyłka
>
Przejście do innej strony
Część II — analiza polecenia trzeciego — dodawanie pracy Oś czasu z oznaczeniem działań badanego Badany V — czas: 2,12 min
Schemat przedstawiający ruchy kursora B Strona dodawania pracy (dwuekranowa)
A Strona główna
B A
> 0
1
0:30
1:00
1:30
2
3 4
2:00 5
Kroki badanego 1. Wybór przycisku „Dodaj” z górnego paska 2. Wybór pracy z komputera 3. Dodanie tytułu w miejscu opisu pracy 4. Dodanie tagów 5. Wybór kategorii „Fotografia” 6. Wybór podkategorii „Architektura” 7. Wybór podkategorii „Inne” 8. Wybór przycisku „Dodaj” po prawej stronie
8
6
29
7
Wnioski — Badany ukończył zadanie w całości. Najwięcej błądził w panelu kategorii. Popełnił błąd dodając tytuł pracy w miejsce opisu. Jako jedyny próbował wybrać odpowiednią kategorię wpisując ją w wyszukiwarkę nad panelem kategorii. Legenda oznaczeń Błądzenie kursorem po danym obszarze
Kliknięcie Pomyłka
>
Przejście do innej strony
Część II — analiza polecenia trzeciego — dodawanie pracy >
Bad. IV
>
Bad. V
>
Bad. I
>
>
Bad. II 0
>
> >
> 0:30
1:00
1:30
2:00
2:30
1
9
1
4:00
4:30
10 3
4 8
5
3:30
Badany II
Badany I
5
2
3 4
3:00
>
6
9 7
2
6
10
8 7
11
Badany III
Badany IV
1
1
2
3 4
5
Badany V 1
2
3 4
2
3 4 5
6
5
7
8
8
6
6
7
7
8
Czas — Wszyscy badani ukończyli zadanie, jednakże każdy popełnił pomyłkę. — Najkrótszy czas wykonania zadania to półtorej min, a najdłuższy to 4,36 min. Błędy — Dwie osoby pomyliły przycisk „Dodaj” z „Zapisz”, przez co ich praca trafiała do schowka, a nie do galerii. Udało mi się jednak edytować pracę i już prawidłowo dodać ją do galerii. — Trzy osoby błędnie wpisały tytuł pracy w miejsce opisu. Uwagi — Badani nie byli pewni czy po wybraniu kategorii i podkategorii praca została dodana do ich galerii. Poruszanie się po stronie — Miejscem, gdzie badani błądzili najdłużej było okno kategorii. Badani mieli trudności w odnalezieniu odpowiednich kategorii. Układ tej strony jest inny niż układ strony głównej, a co za tym idzie panel kategorii jest inny niż ten prezentowany na stronie głównej. Także kolejność kategorii nie jest taka sama.
30
Wnioski:
Bad. III
Analiza wyników wykonywanych zadań Badani 1
2,3
2
2,06
2,45
Zadanie 1 — Logowanie
2,17
2,46
Zadanie 2 — Wyszukiwanie
4,36
Zadanie 3 — Dodawanie pracy
0,58 0,5
4
5
1,3
2,31 1,47
0 0,5 Czas (min)
1,22
2,1
1,54 1
1,5
2
2,5
2,12 3
Zadanie 2. uwagi badanych:
3,5
4
31
3
4,5
5
5,5
— Podpisy do prac na stronie głównej są mało czytelne, krój pisma się zlewa. — Nie rozumiem kategorii, za mała różnica pomiędzy kategoriami i podkategoriami. — Ciężko szuka się kategorii, jest ich dużo i nie są posegregowane.
Zadanie 3. uwagi badanych:
— Nie widać okienka na tagi — Nie wiem czy praca się dodała
6
6,5
7
7,5
8
Wnioski:
8,5
9
9,5
10
— Wszyscy badani ukończyli wszystkie zadania, pojawiły się jednak pomyłki. — Najkrócej wykonywanie było zadanie II czyli wyszukiwanie (łączny czas 8,58 minut), a najdłużej zadanie III czyli dodawanie pracy (łączny czas 12,58 minut). — Badani często wskazywali na zbyt dużą ilość informacji na stronie. Utrudniało im to wykonywanie poleceń.
Część III — analiza wyników ankiety II na temat wykonywanych zadań Czy korzystanie ze strony w trakcie wykonywania poleceń
Czy korzystanie ze strony w trakcie wykonywania poleceń było dla łatwe? było łatwe?
Jakie były Twoje odczucia w trakcie korzystania ze strony Jakie były Twoje odczucia w trakcie korzystania ze strony deviantart.com? deviantart.com? (pytanie wielokrotnego wyboru)
Zdecydowanie nie
Korzystanie ze strony było irytujące
Raczej nie
Strona była zbyt skomplikowana Korzystanie ze strony było nieprzyjemne
Nie mam zdania
Rozpraszała mnie zbyt duża ilość informacji
Raczej tak
Nie potrafiłem się skupić 0
1
2
3
4
5
Neutralne Korzystanie ze strony było przyjemne
32
Zdecydowanie tak
Byłem zaciekawiony, zainteresowany 0
1
2
3
4
Badani mieli zróżnicowane opinie na temat korzystania ze strony. Ich odpowiedzi zależały od czasu, ile zajęło im wykonanie poleceń.
Opinie badanych, na temat, które elementy ułatwiły i utrudniły im korzystanie ze strony:
Trzech badanych uznało (osoby które wykonywały polecenia dłużej — badany I i II), że strona jest zbyt skomplikowana, aż cztery osoby stwierdziły, że na stronie jest zbyt wiele informacji.
— Możliwość przeciągnięcia pracy — Pasek z przyciskiem „Dodaj” na górze strony — przycisk ten umożliwia szybkie przejście ze strony głównej do strony dodawania pracy
Elementy ułatwiające:
Elementy utrudniające:
— Zbyt duże skomplikowanie strony — Nieposegregowane kategorie — Duża ilość niezrozumiałych przycisków
5
Podsumowanie — Strona została oceniona pozytywnie w ankiecie na temat pierwszego wrażenia, jednakże badani zwrócili uwagę na zbyt duże skomplikowanie strony. Przycisk „Zapisz” i „Dodaj” umieszczony po prawej stronie
— Największy problem sprawiło badanym zadanie III, czyli dodanie pracy. Miało na to wpływ mylenie na stronie dodawania pracy przycisków „Dodaj” z „Zapisz” przez co ich praca trafiała do schowka, a nie do galerii. Przyciski są do siebie bardzo podobne. — Spory problem pojawił się przy wyborze kategorii i podkategorii na stronie dodawania pracy. Dwóch użytkowników miało wątpliwości, czy ich praca trafiła do galerii.
33
Przycisk „Zapisz” i „Dodaj” umieszczony na dole strony
— Brak posegregowana kategorii i zbyt mała różnica pomiędzy kategoriami i podkategoriami utrudniały użytkownikom wykonanie zadań. — Użytkownicy często zwracali uwagę na zbyt dużą liczbę elementów, strona była według nich zbyt skomplikowana.
Panel kategorii
Rekomendacje — Strona powinna zostać uproszczona: powinna zostać ustalona hierarchia ważności informacji poprzez zróżnicowanie w wielkości punktacji pisma i przypisanie kolorom konkretnych funkcji. — Przyciski „Dodaj” i „Zapisz” na stronie dodawania pracy powinny zostać zróżnicowane: obecnie wyglądają tak samo, a powinny się różnić przykładowo kolorem, wielkością czy odmianą kroju pisma.
34
— Kategorie i podkategorie powinny być posegregowane i uporządkowane np. alfabetycznie lub tematycznie.
Załączniki
Badanie rozpoczyna się wprowadzenia respondenta w charakter badania: Badanie będzie dotyczyć oceny strony internetowej deviantart.com. Badanie będzie składać się z trzech części. W trakcie badania otrzymasz ankiety oraz zestaw poleceń do wykonania. W trakcie wykonywania poleceń możesz komentować co robisz, co ułatwia ci wykonanie polecenia, a co utrudnia. W celu zebrania pełnych informacji w trakcie badania będzie nagrywany zrzut ekranu.
Część I
1. Polecenie: Proszę o zapoznanie się ze stroną przez 2 minuty. 2. Po upływie czasu wręczenie osobie badanej ankiety I. Osoba badana ma dowolną ilość czasu na uzupełnienie ankiety.
Część II
1. Polecenie: w tej części badania zostaniesz poproszony o wykonanie kilku poleceń. 2. Przeczytanie zadania osobie badanej. Po przeczytaniu kolejnych zadań badany ma czas na wykonanie ich.
Zadanie 1: Proszę, abyś utworzył/-a własne konto oraz potwierdził weryfikację mailową Zadanie 2: Proszę, abyś odnalazł/-a frazę „apple” z kategorii prac popularnych w ciągu 1 miesiąca, z kategorii fotografia i podkategorii martwej natury, jedzenie i picie Zadanie 3: Proszę, abyś dodał/-a pracę z komputera do swojej galerii. Uzupełnij pola dotyczące informacji na temat pracy — tytuł, tagi oraz dodaj pracę do kategorii zdjęcia i podkategorii architektura, inne
Część III
1. Po wykonaniu wszystkich zadań wręczenie osobie badanej ankiety II. Osoba badana ma dowolną ilość czasu na uzupełnienie ankiety.
35
Przebieg badania
Załączniki Ankieta I 1. Jak oceniasz stronę deviantart.com pod względem podanych aspektów? 1 1 1 0
2 2 2 1
3 3 3 2
4 4 4 3
5 przejrzysta 5 prosta 5 uporządkowana 4 5 zachęcająca
2. Czy kiedykolwiek korzystałeś/-łaś z podobnej strony? TAK NIE Jeśli została zaznaczona odpowiedź TAK 5. Z jakiej/jakich? ....................................................................................................................................................
36
nieprzejrzysta -5 -4 -3 -2 -1 0 skomplikowana -5 -4 -3 -2 -1 0 nieuporządkowana -5 -4 -3 -2 -1 0 -5 -4 -3 -2 -1 zniechęcająca
Załączniki Ankieta II 1. Czy korzystanie ze strony w trakcie wykonywania poleceń było dla łatwe?
2. Które polecenie było najtrudniejsze do wykonania? ................................................................................................................................................................. 3. Które elementy strony ułatwiały wykonanie poleceń? ................................................................................................................................................................. 4. Które elementy strony utrudniały wykonanie poleceń? ................................................................................................................................................................. 5. Jakie były Twoje odczucia w trakcie korzystania ze strony deviantart.com? /pytanie wielokrotnego wyboru/: a) byłem zaciekawiony, zainteresowany b) korzystanie ze strony było przyjemne c) neutralne d) nie potrafiłem się skupić e) rozpraszała mnie zbyt duża ilość informacji f) korzystanie ze strony było nieprzyjemne g) strona była zbyt skomplikowana h) korzystanie ze strony było irytujące
37
zdecydowanie tak raczej tak nie mam zdania raczej nie zdecydowanie nie