Analiza strony internetowej
Autor: Monika Kaminiów rok II, semestr I, rok studiów 2015/2016 Prowadzący: prof. ASP, dr hab. W. Gdowicz, dr M. Więckowska Przedmiot: Badania użyteczności
Spis treści
• Przedstawienie strony • Dostępne funkcje • Wygląd strony na różnych nośnikach • Struktura strony • Wyróżnienie elementów strony głównej • Elementy stałe i zmienne na stronie • Cechy wizualne – strona logowania • Cechy wizualne – strona główna • Interakcje na stronie • Schemat użytkowania • Dodawanie prac • Wyniki Draftestu • Ocena strony – zalety • Ocena strony – wady • Pytania i cele badawcze • Scenariusz badania • Wyniki badania • Analiza wyników badania 2
Przedstawienie strony
Cele strony:
Grupa odbiorców
• • • • •
Obejmuje między innymi osoby interesujące się sztuką, DIY oraz przepisami kulinarnymi. Strona nie jest skierowana do jednej, określonej grupy wiekowej.
umożliwienie użytkownikom publikacji własnych prac dzielenie się pracami z innymi użytkownikami możliwość wyszukiwania i podglądu prac innych możliwość tworzenia przez użytkownika folderów z pracami dostępne linki do stron z których ściągnięto obrazy
3
Dostępne funkcje
Strona główna: • Przeglądanie prac innych użytkowników • Wyszukiwanie prac za pomocą “tagów” (słowo kluczowe przypisane do określonej grupy pinów) • Wyszukiwanie prac za pomocą listy tematów • Zapisywanie prac innych użytkowników na tablicy za pomocą funkcji “Pin it” • Obserwacja aktywności innych użytkowników Profil użytkownika: • Udostępnianie prac (pinów) • Tworzenie folderów z własnymi pracami (tablic) • Tworzenie tablic miejsc (umożliwia umieszczenie pinów na mapie świata) • Tworzenie ukrytych tablic ( nie są one widoczne dla innych użytkowników) • Edycja własnego profilu
4
Wygląd strony na różnych nośnikach
Strona internetowa
Strona główna
Lista tematów
Profil użytkownika
Aplikacja mobilna
Strona główna
Lista tematów
Profil użytkownika
5
Struktura strony
Wszystkie elementy struktury strony: 90 Lista tematów: 37 elementów Profil użytkownika: 23 elementy
6
Struktura strony
7
Struktura strony
8
Struktura strony
9
Wyróżnienie elementów strony głównej
przycisk strony głównej (logo Pinterest)
pasek wyszukiwania przycisk listy tematów przycisk profilu użytkownika przycisk powiadomień
zaproszenie znajomych na stronę
znajomi użytkownicy na stronie
pola z postami użytkowników 10
Elementy stałe i zmienne na stronie
Elementy stałe: przycisk strony głównej, pasek wyszukiwania, przycisk listy tematów, przycisk profilu użytkownika, przycisk powiadomień, zapraszanie znajomych, wyszukiwanie znajomych Elementy zmienne: proponowani użytkownicy, posty użytkowników 11
Cechy wizualne – Strona logowania
Kolorystyka
C=13 M=99 Y=98 K=8 C=0 M=0 Y=0 K=0 C=95 M=78 Y=0 K=0 C=12 M=98 Y=98 K=3 C=10 M=7 Y=7 K=0 C=61 M=53 Y=52 K=23
Ilość kolorów: 6 W tle umieszczono kolorowe obrazy zmieniające się losowo przy każdej próbie logowania.
12
Cechy wizualne – Strona logowania
Typografia Krój pisma jednoelementowy, bezszeryfowy Nagłówek – Helvetica Bold, 27px – Helvetica 500, 16px Przyciski
– Helvetica Bold, 13px (Zaloguj się) – Helvetica Bold, 15px (Zaloguj przez Facebooka, Zarejestruj się) – Helvetica Bold, 14px (Pola tekstowe) – Helvetica Bold/Regular, 11px (Podpisy na stronie) – Helvetica Bold, 35px (Liczby)
Odmiany: 3 Ilość różnych wysokości: 7
13
Cechy wizualne – Strona główna
Kolorystyka
C=13 M=99 Y=98 K=8 C=0 M=0 Y=0 K=0 C=11 M=8 Y=9 K=0 C=64 M=56 Y=55 K=31 C=35 M=28 Y=29 K=0 C=72 M=66 Y=65 K=72
Ilość kolorów: 6
Tagi na pasku wyszukiwania mają białą typografię oraz losowy kolor tła. Podpowiedzi wyszukiwania mają przypisaną kolorystykę, zależną od obrazu w tle.
14
Cechy wizualne – Strona główna
Typografia Elementy stałe
– Helvetica Bold, 16px – Helvetica Bold, 18px
Tytuły i opisy postów
– Helvetica Bold, 11px – Helvetica Regular, 14px
Odmiany: 2 Ilość różnych wysokości: 4
Posty na stronie mają stałą szerokość i zmienną długość (zależną od użytkownika dodającego pracę). Ilość pokazywanych kolumn pinów jest zależna od szerokości ekranu urządzenia na którym wyświetlana jest strona.
15
Interakcje na stronie
Naprowadzenie kursora • Na przycisk – zmiana tła przycisku (rozjaśnienie lub przyszarzenie • Na post– pojawienie się opcji Pin it / Wyślij / Polub / Link do strony autora
Kliknięcie • Na post – wyświetlenie powiększonego obrazu z informacjami i powiązanymi pinami • Na link w poście – przeniesienie na podstronę • Na ikonę Pinterest – powrót na stronę główną • Na ikonę listy– wyświetlenie listy tematów • Na ikonę użytkownika – przeniesienie na profil użytkownika
Pasek przewijania Przycisk scroll
16
Schemat użytkowania
Logowanie
Przez konto Pinterest
Przez konto Facebook
Strona główna
Wyszukiwanie za pomocą “tagów”
Wyszukiwanie tematami
“Przypinanie” pracy innego użytkownika
Strona z wynikami wyszukiwania
Przeglądanie treści strony nie jest możliwe bez zalogowania się. Posty użytkowników wyświetlane są na stronie głównej i można je kolekcjonować i grupować za pomocą tablic na stronie użytkownika.
Profil użytkownika
Dodawanie pracy
Tworzenie tablicy
Wybrana tablica
17
Dodawanie swoich prac
Strona z folderami Tworzenie folderów
Wybrany folder
Dodawanie pracy
Internet
Twoje urządzenie
Przypinaj ze strony
Prześlij pina
Wybierz obraz Dodaj opis Wybierz tablicę Utwórz tablicę Publikuj na Facebooku Pin it
18
Wyniki draftestu
Przedmiotem badania był zrzut ekranu strony głównej portalu Pinterest. Oceniano pierwsze wrażenie odnośnie cech wizualnych strony. Badanie przeprowadzono na 10 osobach, nie korzystających ze strony Pinterest.
Użyteczność Pierwsze wrażenie Prezentacja informacji Kolorystyka Innowacyjność Ekspozycja marki
1
2
3
4
5
1
2
3
4
5
1
2
3
4
5
1
2
3
4
5
1
2
3
4
5
1
2
3
4
5
Najlepiej oceniona została użyteczność strony, a najgorzej ekspozycja marki.
19
Ocena strony – Zalety
• Podział na kolejne kroki poprawia czytelność i ułatwia dodawanie prac • Zastosowanie paska wyszukiwania jako element stały na górze strony ułatwia szybkie wyszukiwanie pinów • Przez zastosowanie tagów możliwe jest bardziej szczegółowe wyszukiwanie pinów • Możliwość segregowania zapisanych lub utworzonych pinów za pomocą osobnych folderów – tablic • Możliwość zaplanowania wycieczki lub zbierania informacji o danym miejscu za pomocą tablicy – mapy • Możliwość reklamowania swojej działalności przez publikację prac z odnośnikami do np. strony sklepu
20
Ocena strony – Wady
• Brak możliwości przeglądania strony jako niezalogowany użytkownik • Zróżnicowana długość postów utrudnia odczyt informacji ze strony • Brak możliwości wyszukiwania na swojej tablicy wcześniej przypiętych pinów • Usunięcie własnej pracy z tablicy nie powoduje skasowania jej z folderów innych użytkowników
21
Pytania i cele badawcze
Pytania: • Jakie elementy strony ułatwiają użytkownikom wykonywanie zadań? • Które elementy strony są najczęściej używane przez użytkowników?
Cele: • Sprawdzenie w jakim czasie użytkownicy wykonują zadania. • Sprawdzenie które opcje na stronie są najczęściej wykorzystywane. • Sprawdzenie z jakimi przeszkodami stykają się użytkownicy w czasie wykonywania zadań.
22
Metody badawcze
Osoby badane: • Nowi użytkownicy, nie posiadający konta na Pinterest, mający doświadczenie z podobnymi stronami internetowymi •
5 osób
• Brak wyznaczonego przedziału wiekowego
Metody badawcze : •
Ankieta z wykorzystaniem testu różnicowania semantycznego – na początku badania (Mająca na celu określenie pierwszego wrażenia użytkowników odnośnie strony)
• Zapis komentarzy użytkowników podczas wykonywania zadań • Nagrywanie ekranu podczas wykonywania podanych zadań przez użytkownika • Ankieta II – opinia i uwagi użytkownika po wykonaniu podanych zadań
23
Scenariusz badania
1. Zalogowanie użytkownika na istniejące konto Pinterest (wspólne dla wszystkich osób badanych, utworzone na potrzeby badania). 2. Czas na zapoznanie się z opcjami na stronie: 2 minuty. 3. Wypełnienie ankiety nr 1 (dotyczącej pierwszego wrażenia odnośnie strony). 4. Wykonanie przez użytkownika 4 zadań. (Przechwytywanie obrazu z pulpitu komputera oraz zapisywanie komentarzy użytkownika) 5. Wypełnienie ankiety nr 2.
24
Wyniki ankiety nr 1
W badaniu uczestniczyło 5 osób doświadczonych w korzystaniu z portali o podobnej strukturze do Pinterest. Ankieta na początku badania miała pomóc określić pierwsze wrażenie użytkownika na temat strony. Ocena cech wizualnych strony Pinterest: tradycyjna
-5 -4 -3 -2 -1 0 1
2 3
4 5
nowoczesna
skomplikowana -5 -4 -3 -2 -1 0
1 2
3 4
5 prosta
nieprzyjazna
2 3
4 5
przyjazna
-5 -4 -3 -2 -1 0 1
chaotyczna -5 -4 -3 -2 -1 0
1 2
zniechęcająca -5 -4 -3 -2 -1 0
3
1 2
4 5 3
użytkownik 1 użytkownik 2 użytkownik 3
uporządkowana
4 5
użytkownik 4 użytkownik 5
zachęcająca
Odczucia użytkowników po zapoznaniu się ze stroną: Zdecydowanie podoba mi się
Czterech użytkowników oceniało stronę pozytywnie. Tylko jeden użytkownik udzielał skrajnych odpowiedzi i odbierał stronę w sposób negatywny, zarówno pod względem czytelności jak i uporządkowania informacji.
W miarę mi się podoba Neutralne Nie jestem do niej przekonany Zdecydowanie mi się nie podoba
0
1
2
3
4
ilość użytkowników
5 25
Analiza sposobu realizacji poleceń
Zadanie 1a Treść polecenia: Wyszukaj podany obraz pod hasłem: Półka na książki. Zadanie miało na celu sprawdzenie czy informacje na stronie są czytelne i czy ich nadmiar nie powoduje dezorientacji użytkownika na stronie.
A użytkownik 1 użytkownik 2 użytkownik 3 użytkownik 4 użytkownik 5
Etapy realizacji polecenia: B
C B
C
B
C B
B
C C
0:00 0:10 0:20 0:30 0:40 0:50 1:00 1:10 1:20 1:30 czas
A: Wpisanie hasła w wyszukiwarce B: Kliknięcie klawisza enter C: Odpowiedni pin Kliknięcie Scrollowanie Droga użytkownika Błąd: niedostrzeżenie obrazu
Najkrótszy czas wykonania zadania: 0:34 min Najdłuższy czas wykonania zadania: 1:30 min Użytkownik 2 scrollując stronę w dół przeoczył szukany obraz przez co czas wykonywania zadania wydłużył się. Inni użytkownicy wykonali zadanie bezbłędnie. Wyszukiwarka jest łatwo dostrzegalna dlatego wszyscy użytkownicy od razu z niej skorzystali. 26
Analiza sposobu realizacji poleceń
Zapis drogi użytkownika po stronie podczas wykonywania zadania 1a Ilość kroków: 2
Strona główna
1
1
Kliknięcie na wyszukiwarkę i wpisanie hasła
2
Kliknięcie na odpowiedni obraz Kliknięcie pokrywające się z właściwą drogą wykonywania zadania
2
Linia łącząca kolejne kliknięcia
Wszyscy użytkownicy wykonali zadanie stosując tą samą metodę.
27
Analiza sposobu realizacji poleceń
Zadanie 1b Treść polecenia: Wyszukaj podany obraz pod hasłem: Projekt kuchni. Porównanie czasów wykonywania zadań 1a i 1b miało zweryfikować, czy czas jest wydłużony jedynie przez brak doświadczenia użytkowników, czy nadmiar informacji na stronie.
A użytkownik 1 użytkownik 2
Etapy realizacji polecenia: B B
użytkownik 5
C
B
użytkownik 3 użytkownik 4
C C
B B
C C
0:00 0:10 0:20 0:30 0:40 0:50 1:00 1:10 1:20 czas
A: Wpisanie hasła w wyszukiwarce B: Kliknięcie klawisza enter C: Odpowiedni pin Kliknięcie Scrollowanie Droga użytkownika
Najkrótszy czas wykonania zadania: 0:38 min Najdłuższy czas wykonania zadania: 1:15 min Użytkownik 4 miał problem z odnalezieniem obrazu zestawionego z podobnymi do siebie. Inni użytkownicy nie mieli problemów z wykonaniem zadania. 28
Analiza sposobu realizacji poleceń
Zapis drogi użytkownika po stronie podczas wykonywania zadania 1b Ilość kroków: 2
Strona główna
1
1
Kliknięcie na wyszukiwarkę i wpisanie hasła
2
Kliknięcie na odpowiedni obraz Kliknięcie pokrywające się z właściwą drogą wykonywania zadania
2
Linia łącząca kolejne kliknięcia
Wszyscy użytkownicy wykonali zadanie stosując tą samą metodę.
29
Analiza sposobu realizacji poleceń
Zadanie 2 Treść polecenia: Utwórz tablicę o nazwie „Projekty” i dodaj obrazy z folderu (o tej samej nazwie) znajdujące się na pulpicie. Zadanie miało na celu sprawdzenie czy najważniejsza funkcja strony jest zaprojektowana w sposób intuicyjny dla użytkowników. Etapy realizacji polecenia:
A użytkownik 1 użytkownik 2 użytkownik 3 użytkownik 4 użytkownik 5
A: Przycisk profilu użytkownika B: Zatwierdzenie dodania tablicy C: Zatwierdzenie dodania obrazu
B B B B B
C
Kliknięcie
C
Droga użytkownika
C
0:00 0:30 1:00 1:30 2:00 2:30 3:00 3:30 4:00
czas
Błąd: błądzenie po stronie
Najkrótszy czas wykonania zadania: 0:45 min Najdłuższy czas wykonania zadania: 4:00 min Wszyscy użytkownicy dodali tablicę. Użytkownicy 1 i 2 nie ukończyli zadania, zrezygnowali przy dodawaniu obrazów. W razie problemów użytkownicy klikali na wszystkie możliwe przyciski i opcje, nawet te znane lub już wcześniej sprawdzone (strona główna/ustawienia profilu/ustawienia tablicy).
30
Analiza sposobu realizacji poleceń
Zapis drogi użytkownika po stronie podczas wykonywania zadania 2 Użytkownik 4, Ilość kroków: 6, błędy: 1
3
1
1
Przycisk powiadomień
2
Przycisk profilu użytkownika
3
Dodanie tablicy
4
Przejście na pulpit komputera
5
Wybranie obrazu
6
Zaakceptowanie wyboru
4
6
5
Kliknięcie nie pokrywające się z właściwą drogą wykonywania zadania. Kliknięcie pokrywające się z właściwą drogą wykonywania zadania. Linia łącząca kolejne kliknięcia Błędna droga wykonywania zadania Przeciągnięcie obrazu na stronę
Pulpit komputera
Profil użytkownika
Strona główna
2
31
Analiza sposobu realizacji poleceń
Zapis drogi użytkownika po stronie podczas wykonywania zadania 2 Użytkownicy 3 i 5 ; Ilość kroków: 5, błędy: 0
3
1
Przycisk profilu użytkownika
2
Dodanie tablicy
3
Przejście na pulpit komputera
4
Wybranie obrazu
5
Zaakceptowanie wyboru
Linia łącząca kolejne kliknięcia
4
6
Kliknięcie pokrywające się z właściwą drogą wykonywania zadania.
5
Przeciągnięcie obrazu na stronę
Pulpit komputera
Profil użytkownika
Strona główna
1
32
Analiza sposobu realizacji poleceń Zapis drogi użytkownika po stronie podczas wykonywania zadania 2 Użytkownik 2, Ilość kroków: 11, błędy: 8 10
9
Strona główna
1
Profil użytkownika
8
4
3
2
1
10
Przycisk profilu użytkownika
2
Dodanie tablicy
3
Ustawienia
4
Edytuj profil
5
Pobierz przycisk do przeglądarki
6
Przycisk centrum pomocy
7
Pobierz przycisk do przeglądarki
8
Przycisk strony głównej
9
Przycisk powiadomień
11
Edytuj tablicę Kliknięcie nie pokrywające się z właściwą drogą wykonywania zadania.
11
7
5 6
Kliknięcie pokrywające się z właściwą drogą wykonywania zadania. Linia łącząca kolejne kliknięcia Błędna droga wykonywania zadania 33
Analiza sposobu realizacji poleceń Zapis drogi użytkownika po stronie podczas wykonywania zadania 2 Użytkownik 1, Ilość kroków: 16, błędy: 11 1
1
13
13 Przycisk profilu użytkownika 2
Strona główna
3
5
Dodanie tablicy
9 14 Ustawienia 4 16 6
Edytuj tablicę
8
Tablica
7
Edytuj
10
Pobierz przycisk do przeglądarki
11 Przycisk powiadomień
Profil użytkownika
12
4 16
2
6
12 Przycisk strony głównej
11 3
5
9 14
15 Przycisk centrum pomocy Kliknięcie nie pokrywające się z właściwą drogą wykonywania zadania.
8
7 10 15
Kliknięcie pokrywające się z właściwą drogą wykonywania zadania. Linia łącząca kolejne kliknięcia Błędna droga wykonywania zadania 34
Analiza sposobu realizacji poleceń
Porównanie drogi wszystkich użytkowników podczas wykonywania zadania 2
2 7 10 15
2
Strona główna 8
4 3 2 11 5 6
7
4 6
5
Pulpit komputera
Profil użytkownika
3
2
3 5
4
Użytkownicy 3,4 i 5 domyślili się jak należy dodać zdjęcie na stronę, przez co ilość kroków w ich ścieżce wykonywania zadania jest minimalna.
1
Strona główna
Użytkownik 4
1
Pulpit komputera
11
Użytkownik 3,5
9
Strona główna 12
Profil użytkownika
Profil użytkownika
Strona główna
Użytkownik 2
Profil użytkownika
Użytkownik 1
W przypadku użytkowników którzy nie potrafili właściwie wykonać zadania pojawia się większa ilość wykonywanych kliknięć, ponieważ użytkownicy poszukiwali właściwej ścieżki poprzez sprawdzanie funkcji każdego przycisku znajdującego się na stronie.
35
Analiza sposobu realizacji poleceń
Zadanie 3 Treść polecenia: Edytuj kategorię tablicy: Design. Zadanie miało na celu sprawdzenie czy pozornie proste i łatwo dostępne funkcje na stronie są czytelne dla użytkowników.
A użytkownik 1 użytkownik 2 użytkownik 3 użytkownik 4 użytkownik 5
Etapy realizacji polecenia: B
C
B B
C C
A: Przycisk profilu użytkownika B: Edytuj tablicę C: Zapisz
B C B
C
Kliknięcie Droga użytkownika
0:00 0:05 0:10 0:15 0:20 czas
Najkrótszy czas wykonania zadania: 0:06 min Najdłuższy czas wykonania zadania: 0:20 min Wszyscy użytkownicy edytowali kategorię bez problemów. Czas różniło jedynie odnalezienie hasła „Design” na liście. 36
Analiza sposobu realizacji poleceń
Zapis drogi użytkownika po stronie podczas wykonywania zadania Ilość kroków: 3
Tablica
1
1
Edytuj tablicę
2
Lista kategorii
3
Zapisz Kliknięcie pokrywające się z właściwą drogą wykonywania zadania.
Edycja tablicy
Linia łącząca kolejne kliknięcia
2
3
Wszyscy użytkownicy wykonali zadanie stosując tą samą metodę. 37
Analiza sposobu realizacji poleceń
Zadanie 4 Treść zadania: Utwórz tablicę – mapę i zaznacz na niej Katowice. Zadanie miało na celu sprawdzenie czy funkcje rzadziej używane na stronie są nadal proste i intuicyjne w użyciu. A
B
użytkownik 1
B
użytkownik 2 użytkownik 3 użytkownik 4 użytkownik 5
A: Utwórz tablicę B: Zapisz C: Dodaj miejsce
C C C
B
Kliknięcie
C
B B
Droga użytkownika
C
0:00 0:20 0:40 1:00 1:20 1:40 2:00 2:20 2:40 2:20 2:40 3:00 3:20
czas
Błąd: błądzenie po stronie
Najkrótszy czas wykonania zadania: 1:10 min Najdłuższy czas wykonania zadania: 3:07 min Wszyscy użytkownicy dodali tablicę. Użytkownik 4 długo czekał na załadowanie się wyszukanego miasta więc wcisnął przycisk anuluj, co spowodowało usunięcie się opcji dodania miejsca i wydłużyło czas wykonywania zadania. 38
Analiza sposobu realizacji poleceń
Utwórz tablicę
Zapis drogi użytkownika po stronie podczas wykonywania zadania 4 Użytkownicy 1, 2, 3 i 5 ; ilość kroków: 6, błędy: 0
1
Tablica – mapa
2
1
Opcja: Tablica mapa
2
Zapisz
3
Dodaj miejsce
4
Wyszukanie: Katowice
5
Wybór zdjęcia
6
Zapisz Kliknięcie pokrywające się z właściwą drogą wykonywania zadania.
3
Linia łącząca kolejne kliknięcia 4 5 6
39
Analiza sposobu realizacji poleceń
Zapis drogi użytkownika po stronie podczas wykonywania zadania 4 Użytkownik 4, ilość kroków: 17, błędy: 5
Utwórz tablicę
Kliknięcie nie pokrywające się z właściwą drogą wykonywania zadania. Kliknięcie pokrywające się z właściwą drogą wykonywania zadania. 1
Linia łącząca kolejne kliknięcia
12
Błędna droga wykonywania zadania 13
Tablica – mapa
8 7
3 14 5 4 15 16
17
10
11 6
9
Profil użytkownika
2
1
12
Opcja: Tablica mapa
2
13
Zapisz
3
14
Dodaj miejsce
4
15
Wyszukanie: Katowice
5
Anuluj
6
Mapa świata
7
Opcje
8
Profil użytkownika
9
Tablica
10
Profil użytkownika
11
Dodaj tablicę
16
Wybór zdjęcia
17
Zapisz
40
Analiza sposobu realizacji poleceń
Porównanie drogi wszystkich użytkowników podczas wykonywania zadania 4
8
3 4 5 6
5 16
10
7 11
9
6
17
Profil użytkownika
2
Utwórz tablicę
1
Użytkownik 4
Tablica – mapa
Tablica – mapa
Utwórz tablicę
Użytkownicy 1,2,3,5
Użytkownicy 1,2,3 i 5 nie napotkali przeszkód w dodawaniu tablicy mapy i dodawaniu zdjęcia. Liczba kroków w ich ścieżce w trakcie wykonywania zadania jest minimalna. Użytkownik 4 wykonał zadanie w większej ilości kroków przez nieuzasadnione zniknięcie przycisku dodania miasta podczas wykonywania zadania.
41
Wyniki ankiety nr 2
Czy Twoje odczucia odnośnie strony zmieniły się? Tak
Odczucia użytkownika 4 pozostały negatywne • Odczucia użytkownika 1 zmieniły się na negatywne (przez problem z dodaniem zdjęcia na stronie) •
Nie
0
1
2
3
4
5
ilość użytkowników
Czy wykonywanie zadań było dla Ciebie problematyczne? Tak
•
Nie
0
1
2
3
4
Zadanie z dodaniem zdjęcia było problematyczne dla użytkownika 1 i 2
5
ilość użytkowników
42
Wyniki ankiety nr 2
Czy są na stronie funkcje Twoim zdaniem zbędne? Tak
Elementy zbędne zdaniem użytkowników:
Nie
•
0
1
2
3
4
Rozwijana lista tematów (2 osoby) – zbędne gdy występują tagi • Zamiana słów na bloki z tagami w wyszukiwarce (1 osoba) – dezorientuje i irytuje
5
ilość użytkowników
Podaj funkcje wymienionych ikon: Przycisk strony głównej nie został rozpoznany przez dwóch użytkowników mimo standardowego umiejscowienia go w lewym górnym rogu • Lista tematów najczęściej była mylona z ikonką menu • Jeden użytkownik rozpoznał przycisk powiadomień inni uważali, że jest to przycisk związany z przypiętymi pinami • Wszyscy użytkownicy rozpoznali przycisk „Pin it” •
Poprawna odpowiedź
0
1
2
3
4
ilość użytkowników
5
Niepoprawna odpowiedź 43
Uwagi użytkowników
Pozytywne Użytkownikom podoba się: • strona jako dobre źródło inspiracji odmienne od Google • że strona ma różne sposoby zarządzania dodawaniem prac (Polubienie / Pin it) • możliwość szukania inspiracji i dodawania własnych prac • tagi i podpowiedzi pod wyszukiwarką ułatwiające znalezienie prac • odniesienie do innych stron (źródła pod zdjęciem) • własna tablica do kolekcjonowania przypiętych pinów • opcja dodawania znajomych i wymieniania się pomysłami
Neutralne • • • •
Lista tematów nie jest potrzebna przy wyszukiwaniu. Lista tematów wygląda jak ikonka menu. Różne sposoby zarządzania dodawaniem prac (Polubienie / Pin it). Na stronie jest dużo elementów.
Negatywne Użytkownikom nie podoba się: • zamiana słów na kolorowe bloki w wyszukiwarce • nadmiar prac na stronie przy szukaniu konkretnego elementu na stronie • nie ma informacji jak dodawać pracę, co jest irytujące • na stronie jest za dużo prac, ciężko coś wyszukać
44
Wnioski i rekomendacje zmian na stronie
Pierwsze wrażenie: Strona jest uważana przez większość użytkowników za nowoczesną, prostą, przyjazną, uporządkowaną oraz zachęcającą. • Czynnikiem wpływającym na negatywny odbiór strony jest ilość postów wyświetlanych na stronie, która utrudnia odczyt informacji przez ich nadimiar.
•
Budowa strony i nawigacja: •
„Pin it” jest jedynym przyciskiem ze zrozumiałą funkcją.
•
Przycisk listy tematów przypomina swoją formą menu strony, natomiast pineski jako ikona powiadomień bardziej kojarzą się z dodawaniem pinów.
•
Lista tematów nie jest używana przez żadną osobę badaną co może wiązać się z występowaniem wyszukiwarki i tagów, które umożliwiają szybsze i bardziej precyzyjne wyszukiwanie. Umieszczenie wyszukiwarki na górze strony ułatwia jej lokalizację i nawigację po stronie. Dodawanie tablic i ich edycja jest intuicyjna. Dużym minusem jest brak informacji jak dodać pierwszą pracę z komputera na stronę. W przypadku tablicy mapy niezrozumiałe jest zniknięcie przycisku „dodaj miejsce” w razie wcześniejszego anulowania czynności. Na początku dodawania miejsca w zadaniu 4 powinna pojawić się opcja dodania własnej pracy, lub informacja co należy zrobić, ponieważ widok nieznanych zdjęć dezorientował użytkowników. Problem z wykonaniem zadań powodował zdenerwowanie użytkowników i chęć szybkiego znalezienia rozwiązania co objawiało się zwiększoną ilością kliknięć na funkcje które użytkownik wcześniej rozpoznawał i nie przypisałby ich do wykonania podanego zadania.
• • • • • •
45
Wnioski
Jakie elementy strony ułatwiają użytkownikom wykonywanie zadań? Umieszczony na górze strony pasek wyszukiwania oraz prosty układ okna edycji tablicy. Które elementy strony są najczęściej używane przez użytkowników? Wyszukiwarka na górze strony oraz przycisk ustawień. Najczęściej wykorzystywane opcje na stronie: Pasek wyszukiwania z tagami oraz przycisk opcji. Przeszkody z jakimi stykają się użytkownicy w czasie wykonywania zadań: Brak informacji jak wykonać poszczególne czynności jak dodanie obrazu czy miejsca w tablicy mapie. Duża ilość informacji utrudniająca odczyt strony. Zniknięcie opcji dodania miejsca przy wcześniejszym anulowaniu czynności.
46
Załączniki
Ankieta nr 1 Określ cechy wizualne strony Pinterest: tradycyjna
-5 -4 -3 -2 -1 0 1
skomplikowana -5 -4 -3 -2 -1 0 nieprzyjazna -5 -4 -3 -2 -1 0 1 chaotyczna -5 -4 -3 -2 -1 0
1
zniechęcająca -5 -4 -3 -2 -1 0
2 3
4
1 2
1 2
nowoczesna
3 4
2 3 2 3
5
5
4 5 4 5 3
prosta
przyjazna uporządkowana
4 5
zachęcająca
Jakie są Twoje odczucia odnośnie strony? Zdecydowanie podoba mi się W miarę mi się podoba Neutralne Nie jestem do niej przekonany Zdecydowanie mi się nie podoba
47
Załączniki
Zadania do wykonania w trakcie badania 1. Wyszukaj podany obraz pod hasłem:
a) Półka na książki
b) Projekt kuchni
2. Utwórz tablicę o nazwie „Projekty” i dodaj obrazy z folderu (o tej samej nazwie) znajdujące się na pulpicie. 3. Edytuj kategorię tablicy: Design. 4. Utwórz tablicę – mapę i zaznacz na niej Katowice.
48
Załączniki
Ankieta nr 2 Czy Twoje odczucia odnośnie strony zmieniły się?
Podaj funkcje wymienionych ikon:
Tak Nie Dlaczego? Jeśli tak, to jak (na lepsze/gorsze)?
....................................................
.............................................................................. Czy wykonywanie zadań było dla Ciebie problematyczne? Tak Nie
.................................................... ....................................................
Jeśli tak, to których? ..............................................................................
....................................................
Czy są na stronie funkcje Twoim zdaniem zbędne? Tak Nie Jeśli tak, to które? ..............................................................................
49