Ocena użyteczności strony internetowej https://www.zazzle.co.uk
Autor: Hanna Harkawy Rok II, semestr I, 2018/2019 Prowadzący: prof. ASP dr hab. Wiesław Gdowicz, dr Marta Więckowska Przedmiot: Badania użyteczności Akademia Sztuk Pięknych w Katowicach Zakład Badań Wizualnych i Interakcji
Analiza portalu www.zazzle.co.uk
| Prezentacja strony Obiektem poddanym analizie jest portal www.zazzle.uk. Strona służy do kupowania, sprzedawania i zlecania produkcji przedmiotów z szerokiego zakresu kategorii. Dzięki aktywnej społeczności portalu do której każdy może się przyłączyć, zyskujemy możliwość dzielenia się doświadczeniami i inspiracjami. Szeroka oferta wykonanych ręcznie i niepowtarzalnych akcesoriów, ubrań oraz elementów dekoracyjnych, przyciąga wielu internautów poszukujących unikatowych rzeczy. Strona www.zazzle.uk zrzesza indywidualnych klientów, firmy, osoby kreatywne chcące wykonać coś dla siebie, projektantów oraz producentów, którzy mają możliwość zaistnienia na rynku. Strona umożliwia kupowanie wystawionych produktów jedynie zarejestrowanym użytkownikom. Portal jest responsywny (posiada wersję komputerową i mobilną). widok wersji mobilnej:
widok wersji wyświetlanej na komputerze:
| Cele i grupa odbiorców Funkcje portalu
Użytkownicy portalu
• promowanie, • inspirowanie, • zrzeszanie, • kupowanie i sprzedawanie.
• klienci detaliczni w każdym wieku,
Cele portalu
• umożliwienie sprzedaży, kupna lub
produkcji wystawianych na portalu produktów, • obracanie unikatowym, często robionym ręcznie asortymentem, • rozwijanie kreatywności, • pozyskiwanie stałych klientów dzięki możliwości założenia konta, • zrzeszanie społeczności portalu w celu dzielenia się inspiracjami, • umożliwienie stworzenia własnej rzeczy z nadrukiem jednej ze znanych marek współpracujących ze stroną (m.in. Dreamworks i Warner Bros).
posiadający kartę kredytową, • firmy, • projektanci, • producenci, • osoby szukające inspiracji. Cele wizyty na portalu
• zakupienie unikatowej, ręcznie wyko-
nanej rzeczy, • zainspirowanie się innymi projektami, • zrealizowanie własnego, spersonalizowanego przedmiotu, • umieszczanie projektów w celu sprzedaży • realizacja projektów w celu zarobkowym.
| Cechy wizualne Typografia Na stronie www.zazzle.uk zastosowano różne wysokości pisma bezszeryfowego Roboto. Elementy takie jak nazwy kategorii, teksty ciągłe, opisy produktów napisane są fontem Roboto light w punktacji 14. Nagłówki oraz nazwy produktów są znacznie większe (32 pkt). Na portalu znaleźć można także kilka elementów tekstowych napisanych wersalikami, odmianą regular w punktacji 12 oraz bold (14 pkt). Elementy mające zwrócić uwagę użytkownika takie jak „wyprzedaż”, „ostatnie sztuki” napisane są wersalikami lub wyróżnione kolorem czerwonym. Elementy typograficzne, które są interaktywne zaznaczono na stronie kolorem niebieskim.
Typografia na portalu występuje w siedmiu kontrastach kolorystycznych.
Nazwa kategorii (Roboto light, 14 pkt)
Fragment tekstu ciągłego (Roboto light, 32 pkt)
Nagłówki (Roboto light, 32 pkt)
Parametry produktu (Roboto bold, 14 pkt)
| Cechy wizualne Kolorystyka Kolorem przewodnim portalu www.zazzle. uk jest kolor niebieski, który stanowi również element logotypu firmy. Kolorem tym oznaczane są elementy interaktywne oraz informacyjne (ilość produktów w koszyku). Po najechaniu na niebieski, interaktywny element zmienia on swój kolor na pomarańczowy. Kolory przewodnie portalu:
#46c3e0
#fda039
Logotyp Logotyp portalu występuje w kilku wariantach kolorystycznych. Firma do identyfikacji używa zamiennie samej litery „Z” oraz całego napisu „Zazzle”.
| Dostępne funkcje Funkcje dostępne dla wszystkich:
• dodawanie przedmiotów do koszyka, • zmiana języka strony, • możliwość przeglądania zakładki z inspiracjami, • możliwość personalizacji produktów
Funkcje dostępne dla zalogowanych:
• możliwość personalizacji produktów • możliwość założenia własnego sklepu, • zapisywanie ulubionych przedmiotów, • możliwość tematycznego grupowania produktów, • tworzenie listy zakupów.
| Dostępne funkcje Koszyk Wirtualny koszyk informuje klienta o ilości przedmiotów znajdujących się w środku oraz o ich całkowitym koszcie. Jeśli użytkownik się rozmyśli, ma możliwość zapisania produkt na liście życzeń. Zakupu mogą dokonać jedynie osoby zarejestrowane, posiadające adres do wysyłki w Wielkiej Brytanii. Wybór języka Z pozycji strony głównej użytkownik ma możliwość zmiany języka. Przycisk wyboru języków znajduje się nad paskiem menu i oznaczony jest flagą symbolizującą aktywny język. Wyszukiwanie produktu Obok logotypu portalu, nad paskiem menu znajduje się pole oznaczone lupą. Użytkownik może szybko odnaleźć produkt wpisując w nie odpowiednią frazę - nazwę przedmiotu, jego elementu lub kategorii do której należy.
| Dostępne funkcje Konto osobiste Rejestrując się na portalu mamy możliwość zapisywania znalezionych inspiracji i zdjęć oraz grupowania ulubionych produktów. Użytkownik, który posiada konto osobiste zyskuje możliwość kupowania i sprzedawania produktów, obserwowania innych sprzedawców oraz uczestnictwa w aktywnym życiu społeczności portalu. Po zalogowaniu się użytkownik otrzymuje wgląd w historię zamówień, możliwość zapisania danych do płatności oraz adresu. Menu Na stronie głównej znajduje się pasek menu. Użytkownik ma możliwość wyboru jednej z dziewięciu grup produktów. Poprzez menu można również przejść do panelu „create”, gdzie można zrealizować własny projekt. Przycisk „black” umożliwia nam wykupienie rocznego pakietu nieograniczonych wysyłek.
| Dostępne funkcje Sprzedawanie własnych produktów Każdy zarejestrowany na portalu użytkownik otrzymuje możliwość założenia własnego sklepu, gdzie może umieszczać i sprzedawać swoje projekty. Aktualne zlecenia, koszty i zarobki obserwować można z panelu konta osobistego w zakładce „earnings”.
Personalizacja produktów Po naciśnięciu na wybrany produkt z funkcją personalizacji, użytkownik przechodzi do strony, która umożliwia zmianę parametrów artykułu np. napisu, wielkości, koloru.
| Elementy portalu Portal www.zazzle.co.uk zbudowany jest z wielu rodzajów elementów. Wśród nich można wyróżnić: fotografie, teksty ciągłe, nagłówki, hiperłącza, menu wyboru, przyciski, filtry oraz ikony. Każda z podstron składa się z innych elementów. Elemety dzielą się na stałe, interaktywne oraz zmienne. Fotografie Są elementem przeważającym na stronach portalu. Każdy z modułów znajdujących się na stronie początkowej zawiera kolorową i atrakcyjną fotografię przyciągającą uwagę użytkownika. Zarówno strona kategorii produktu jak i wybranego przez użytkownika artykułu zbudowane są w oparciu o zdjęcia. Ikony Są to elementy graficzne znajdujące się na stronie głównej oraz na niektórych podstronach. Na stronie głównej ikoną oznaczono koszyk oraz elementy tekstu ciągłego, które informują użytkownika, że odnajdzie tu wskazówkę jak spersonalizować produkt lub jak sprzedać swój projekt.
Fotografie znajdujące się na stronie głównej.
Fotografie produktów znajdujące się na stronie kategorii.
| Elementy portalu Przyciski Elementy te znajdują się na każdej stronie portalu. Są interaktywne i po naciśnięciu na nie przenoszą użytkownika w inny obszar portalu. Aby użytkownik z łatwością odnalazł przyciski, po najechaniu na nie kursorem podświetlają się na inny kolor, zmieniają natężenie swojej barwy lub pojawia się pod nimi cień. Niektóre fotografie na portalu również pełnią funkcje przycisków. Wówczas po najechaniu na nie kursorem fotografia powiększa się. Teksty ciągłe Na stronach portalu występuje bardzo niewiele tekstów ciągłych. Portal bazuje na kolorowych zdjęciach i obrazkach a elementy tekstowe ograniczone są do minimum i występują wyłącznie na podstronach informacyjnych oraz w opisach produktów, usług oraz funkcji.
| Elementy portalu Nagłówki Na stronie głównej występują jako elementy informujące użytkownika co znajduje się w danym module - panelu zawierającym np. listę produktów. Nagłówki można znaleźć również na podstronach z produktami - przypominają użytkownikowi o tym jaką kategorię produktów aktualnie przegląda. Hiperłącza Są najliczniejszą grupą elementów z których zbudowany jest portal. Na stronie głównej występują głównie w górnym pasku menu, ale także w banerach reklamowych, gdzie po najechaniu kursorem na zdjęcie wyświetla się hiperlink.
| Elementy portalu Filtry Jest to element występujący jedynie na stronach kategorii produktów. Wybór odpowiednich haseł z listy umożliwia użytkownikowi zawężanie wyświetlanych produktów. Pasek z filtrami posiada również możliwość personalizacji dzięki czemu użytkownik z łatwością może powracać do wybranych przez siebie ustawień.
Pasek z filtrami dostępny na stronie katorii produktów.
Menu wyboru Menu wyboru pełni bardzo ważną funkcję na stronie głównej portalu. Zawiera odniesienia do wszystkich podstron portalu oraz listę kategorii i podkategorii produktów. Korzystając z menu głównego, użytkownik może również przenieść się do panelu tworzenia własnych spersonalizowanych przedmiotów.
Pasek menu głównego znajdującego się na wszystkich stronach portalu.
Budowa portalu Układ stron
| Budowa strony głównej Strona główna składa się z 4 grup elementów.
Elementy stałe czyli te które nie ulegają zmianom to stopka, menu główne oraz moduł zawierający odnośniki do tworzenia własnego produktu, sprzedawania projektu oraz celów portalu. Interaktywne reklamy Na stronie znajduje się również 6 modułów interaktywnych reklam. (Przyciskając w odpowiednim miejscu na zdjęciu przenosimy się w inny obszar strony). Rozwijane listy Kolejną grupą są moduły z listami produktów, dostępnych marek oraz zdjęć (inspiracji). Na stronie znajdują się 4 takie moduły a każdy z nich może zawierać maksymalnie 6 elementów. Podkategorie Czwarta grupa to wybrane podkategorie. Na stronie głównej znajdują się 2 moduły zawierające po 2 zdjęcia z odnośnikami do podkategorii menu głównego.
| Budowa strony głównej Na stronie głównej znajdują się 3 moduły zawierające stałe, niezmienne elementy: menu główne, stopka oraz menu pomocnicze. Pierwszy z nich umieszczony jest na samej górze strony a kolejne dwa u jej dołu. Moduły z banerami reklamowymi to zdjęcia produktów, które można zakupić na portalu. Na schemacie oznaczone są najciemniejszym odcieniem i jest ich 6. Pierwszy znajduje się tuż pod menu głównym, reszta rozmieszczona jest na środku strony. Na stronie głównej znajdują się także 4 moduły zawierające listy produktów. Składają się z elementów takich jak nagłówki oraz zdjęcia (maksymalnie 6 zdjęć w jednym module). Rozmieszczone są na początku strony, po środku i na jej końcu. W górnej części strony znajdują się 2 moduły zawierające w sumie 4 okna. Każde z nich stanowi odrębną, wybraną podkaterię menu głównego z hiperlinkami.
| Budowa menu głównego Menu główne znajduje się na wszystkich stronach portalu. Dzięki temu użytkownik w każdej chwili może przenieść się do dowolnego obszaru portalu bez konieczności powracania na stronę główną. Menu główne zawiera odnośniki do wszystkich podstron. Użytkownik za jego pośrednictwem ma możliwość dotarcia zarówno do regulaminu jak i do panelu personalizacji produktów, koszyka, czy kategorii produktów.
widok menu głównego po rozwinięciu:
wybór języka pole wyszukiwania
informacje o portalu
logowanie
koszyk logotyp portalu
kategorie produktów
| Budowa strony kategorii Na stronie kategorii znajdują się elementy stałe takie jak górny pasek menu głównego oraz stopka znajdująca się na dole strony. Budowa strony kategorii produktów opiera się na układzie kolumnowym. U góry strony, pod paskiem menu znajduje się lista 4 proponowanych podkategorii a pod nimi filtry, które można personalizować. W dolnej części strony, nad stopką znajdują się 3 moduły zawierające elementy takie jak przycisk „pomoc”, opis kategorii (tekst ciągły), listę produktów ostatnio oglądanych oraz listę produktów powiązanych, które znajdują się w innej kategorii niż kategoria oglądana przez użytkownika.
| Budowa strony produktu Po dokonaniu wyboru na stronie kategorii, użytkownik przenosi się do strony produktu.Na górze strony znajduje się stały element - pasek menu głównego. Pod nim umieszczono okruszki, czyli ciąg odwiedzanych przez użytkownika stron, dzięki czemu z łatwością można śledzić swoje położenie na stronie. Pod listą okruszków znajduje się zdjęcie produktu oraz (po prawej stronie) panel modyfikacji, gdzie użytkownik dokonuje wyboru rozmiaru, wariantu kolorystycznego oraz ilości zamawianych sztuk. Poniżej znajduje się lista propozycji, czyli sugerowanych produktów spełniających podobne kryteria co produkt wybrany przez użytkownika. Pod listą znajdują się dwa ułożone liniowo elementy: informacja dotycząca projektu oraz informacja dotycząca projektanta. Elementy te nie są interaktywne, ale zalogowany użytkownik może dodać projektanta do listy obserwowanych lub przenieść się do panelu tworzenia spersonalizowanego produktu. Na samym dole strony znajduje się stopka.
| Budowa strony koszyka Po dodaniu produktu do koszyka użytkownik może przenieść się na stronę podglądu koszyka, gdzie może dokończyć zakupy i dokonać płatności. U góry strony znajduje się menu główne a poniżej, po lewej stronie nagłówek informujący użytkownika, że znajduje sie na stronie podglądu koszyka. Obok nagłówka znajduje się przycisk przenoszący do płatności oraz hiperlink do strony PayPal. Jeśli użytkonik nie jest zalogowany może przenieśc się do panelu logowania. Po środku strony znajdują się moduły z produktami wybranymi przez użytkownika. Po lewej stronie znajduje się zdjęcie produktu a po prawej ilość i kwota. Pod produktami znajdują się dwa przyciski: przycisk płatności oraz hiperlink do strony PayPal za której pośrednictwem użytkownik może dokonać płatności. Na dole strony znajduje się lista ostatnio oglądanych produktów oraz stopka.
| Budowa strony informacyjnej Na portalu znajduje się kilka stron informacyjnych. Są to między innymi strony zawierające informacje dotyczące zasad kupna i sprzedaży artykułów zamieszczonych na portalu oraz strony opisujące zasady działania portalu i jego historię. Strony informacyjne dostępne są zarówno dla zalogowonych użytkowników jak i użytkowników nie posiadających konta. Budowa stron informacyjnych jest bardzo prosta. Na górze i na dole strony znajdują się elementy stałe - menu oraz stopka a po środku strony umieszczony jest tekst ciągły. Pod tekstem ciągłym znajduje się pasek z listą produktów oglądanych ostatnio przez użytkownika.
| Wnioski Struktura całej strony głównej jest prosta w przeciwieństwie do struktury menu, które jest bardzo rozbudowane. Większość interaktywnych funkcji w obszarze strony głównej stanowi odniesienia do kategorii i podkategorii znajdujących się w menu głównym. Menu główne jest złożoną strukturą. Poszczególne grupy produktów dzielą się na kategorie a te na podkategorie. W menu znajdują się również przyciski przenoszące nas w szybszy sposób do całej grupy produktów omijając wyszukiwanie kategorii i podkategorii. Przyciski „Zaloguj się”, „Moje konto” oraz „Śledź zamówienie” przenoszą użytkownika na tą samą podstronę, na której znajduje się pole logowania.
Budowa portalu Architektura informacji
Kolory poszczególnych kart oznaczają kolejne poziomy portalu. Kolorem ciemnoniebieskim oznaczono stronę główną, kolorem niebieskim kolejne podstrony a kolorem zielonym strony, na które można się z nich przedostać. Kolor fioletowy oznacza grupy produktowe w menu głównym.
Interaktywne elementy, po których naciśnięciu użytkownik wychodzi z portalu www.zazzle.uk i przenosi się na inną stronę oznaczono kolorem czarnym. Linia, która do nich prowadzi jest żółta i znajduje się przed kartą „strona główna”. Łuki (czarna linia) łączące niektóre podstrony obrazują które elementy są ze sobą powiązane i prowadzą użytkownika do tego samego obszaru strony.
Karta symbolizująca podstronę „sitemap” mimo, że jest na tym samym poziomie co inne strony oznaczone kolorem niebieskim, została wysunięta, ponieważ użytkownik znajdując się na niej ma możliwość przejścia w każdy obszar portalu.
Menu główne portalu jest bardzo złożoną strukturą. Symboliczne przedstawienie kategorii za pomocą grup żółtych kart ma na celu proste przedstawienie architektury portalu. Strona umożliwiająca personalizację produktów umiejscowiona jest na tym samym poziomie co pozostałe grupy. Posiada także własne kategorie, które dalej prowadzą do określonych produktów. Użytkownik, jeśli pominie stronę „create” ma możliwość edycji produktów z pozycji strony produktu. Odbywa się to poprzez panel wyboru wariantów. Pomarańczowe karty to strony informacyjne znajdujące się w menu głównym. Poprzez stronę „more” użytkownik zyskuje możliwość wyboru produktów z 4 kolenych grup.
Interakcje Poruszanie siÄ™ po portalu
| Dostępne interakcje Kliknięcie
Najechanie
Wpisywanie
Elementy klikalne występują na stronie głównej m.in.w grupie elementów stałych. Interaktywny element typograficzny w momencie kliknięcia zmienia kolor z czarnego na pomarańczowy lub z niebieskiego na pomarańczowy. Użytkownik ma również możliwość naciśnięcia na elementy takie jak zdjęcia produktów i grafiki. Poruszając po ekranie kursorem w niektórych miejscach zmienia się on w łapkę - są to elemetny klikalne.
Niektóre elementy interaktywne aktywują się po najechaniu na nie kursorem. Zdjęcia i grafiki wysuwają się lub wychodzą na przód a interaktywne przyciski zmieniają nasycenie koloru lub zmieniają kolor na inny. Najeżdżając kursorem na elementy menu, napisy podkreślają się na pomarańczowo.
Użytkownik strony www.zazzle.uk ma również możliwość wpisywania poleceń w odpowiednie, przeznaczone do tego okna. Uruchamia to przeszukiwanie portalu w celu odnalezienia kluczowego słowa. Wpisywanie jest również dostępne w panelu konta osobistego, gdzie należy podać dane osobowe, hasło i login. Interaktywne pola z możliwością wpisywania oznaczone są symbolem lupy lub „skaczącą” kreską po lewej.
| Sposoby poruszania się po stronie Nawigacja Strona główna portalu www.zazzle.uk zawiera odnośniki do wszystkich podstron w górnym pasku menu. Reszta strony stanowi tylko rodzaj „drogi na skróty” w procesie szukania niektórych informacji.
Przykład 1. Jak dojść do panelu personalizacji produktu? A. Korzystamy z menu głównego
Omijając menu i naciskając na inny element interaktywny strony głównej możemy przejść do: • jednego z najczęściej kupowanych w danym dniu produktów • jednego z modnych w bieżącym miesiącu produktów • jednej z 4 wybranych w danym dniu podkategorii • panelu tworzenia własnego sklepu • panelu zakupu abonamentu wysyłek • galerii inspiracji • panelu personalizowania przedmiotów • strony jednej z marek współpracujących z portalem
1. Najeżdżamy kursorem na przycisk „create” w menu głównym. 2. Z rozsuniętego menu wybieramy „create now” i klikamy. 3. Przenosimy się do panelu personalizacji produktu.
| Sposoby poruszania się po stronie Przykład 1. Jak dojść do panelu personalizacji produktu? B. Omijamy menu głównego
1. Przewijamy stronę główną w dół. 2. Zatrzymujemy się na module zawierającym element „Create Your Own”. Klikamy na interaktywny napis „Get Started” 3. Przenosimy się do panelu personalizacji produktu.
| Sposoby poruszania się po stronie Przykład 2. Jak odnaleźć produkty z kategorii „watches”? A. Korzystamy z menu głównego:
1. Najeżdżamy w menu głównym na zakładkę „Clothing & Accessories”. 2. Z rozwiniętego menu wybieramy zakładkę „Accessories” i klikamy przycisk. 3. Z rozwiniętych opcji wybieramy „Watches”. Naciskamy i przenosimy się do strony z zegarkami.
| Sposoby poruszania się po stronie Przykład 2. Jak odnaleźć produkty z kategorii „watches”? B. Omijamy menu główne
1. Przewijamy stronę główną w dół. Zatrzymujemy się na panelu „Today’s Picks” 2. Najeżdżamy na zdjęcie zegarka (napis zmienia kolor na pomarańczowy) 3. Klikamy na zdjęcie i przenosimy się do strony z zegarkami
Analiza portalu Podsumowanie
| Wady portalu Nie wszystkie elementy interaktywne da się odróżnić od zwykłych elementów. Przyciski na niektórych reklamach są interaktywne, ale po naciśnięciu na nie nie reagują - nie zmieniają koloru ani natężenia barwy tak jak inne interaktywne elementy portalu.
Przy pierwszym kontakcie z portalem ciężko jest odnaleźć funkcję personalizacji sprzedawanych na stronie produktów. Na stronie głównej informacje o tej możliwości pojawiają się sporadycznie w banerach reklamowych - nie stanowią elementu stałego. Przycisk prowadzący do panelu personalizacji jest ukryty w pasku menu oraz na samym dole strony.
Na stronach portalu znajduje się dużo elementów odwracających uwagę użytkownika. Są to między innymi mniejsze napisy pojawiające się pod menu głównym dotyczące kodów rabatowych i aktualnych promocji. Na niektórych stronach występujące tam elementy powtarzają się (na stronie koszyka przycisk „zapłać” występuje dwa razy blisko siebie).
| Zalety portalu Na każdej podstronie portalu znajduje się pasek górnego menu ze strony głównej. Dzięki temu użytkownik może z łatwością zmienić kategorię, wyszukać określony produkt lub wybrać inną funkcję bez konieczności przenoszenia się ponownie na stronę główną portalu.
Na portalu nie ma niezależnych reklam, które odciągają uwagę klienta od treści strony. Reklamowane są jedynie produkty, które można kupić na portalu. Kolorowe banery reklamowe ze zdjęciami i grafikami tworzą z portalem wizualnie spójną całość.
Portal jest przejrzysty i czytelny. Kolorystyka strony opiera się na 2 kolorach niebieskim i pomarańczowym oraz białym tle na wszystkich podstronach. Dzięki temu użytkownik nie jest rozpraszany natłokiem barw i skupia swoją uwagę na grafikach oraz zdjęciach produktów.
| Podobne portale W Internercie można znaleźć kilka portali, które mają podobne do www.zazzle.co.uk funkcje i cele. Najbardziej znane to www. etsy.uk, www.misi.uk oraz www.folksy.uk. Wszystkie portale mają podobną strukturę oraz budowę - opierają się na menu głównym w którym znajdują się wszystkie dostępne funkcje, kategorie i produkty. Wszystkie strony mają układ kolumnowy i tak jak www.zazzle.co.uk składają się z kolorowych fotografii oraz grafik.
| Wnioski Portal www.zazzle.co.uk zbudowany jest z pięciu rodzajów stron: strony głównej, stron informacyjnych, stron produktu, stron kategorii oraz strony z koszykiem. Strony składają się z ośmiu elementów: przycisków, nagłówków, tekstów ciągłych, hiperłączy, filtrów, menu wyboru, ikon oraz fotografii. Elemetny te dzielą się na stałe, zmienne oraz interaktywne. Użytkownik może aktywować elementy interaktywne na trzy sposoby: poprzez najechanie na nie, kliknięcie oraz wpisywanie frazy w wyznaczone pole. Poprzez menu główne, które pojawia się na każdej podstronie, użytkownik może przenieść się do każdego obszaru strony. Strona główna złożona jest z elementów interaktywnych, które stanowią drogę na skróty do podstron do których przenosi nas menu główne.
Badania z użytkownikami Wprowadzenie Celem badania jest wykazanie, czy znajomość funkcji i celów portalu ma wpływ na czytelność elementów interfejsu służących do personalizacji kupowanych produktów. W tym celu osoby badane zostaną podzielone na dwie grupy, których wyniki i drogi do rozwiązania poleceń zostaną porównane między sobą.
| Opis badania Cele
Hipotezy
Warunki badnia
• Zweryfikowanie, czy użytkownicy poprawnie rozpoznają cele i założenia portalu,
1. Użytkownicy nie korzystają z przycisku „Create now” przenoszącego do panelu personalizacji (przenoszą się tam poprzez strony poszczególnych produktów).
Badanie zostanie przeprowadzone w jednym pomieszczeniu. Osoby badane będą korzystać z komputera stacjonarnego z monitorem o przekątnej 21,5 cala. Każdy będzie badany osobno podczas jednorazowej sesji a czas na wykonanie poleceń będzie nieograniczony.
• Ustalenie z jakiego sposobu wyszukiwania produktów użytkownicy korzystają najczęściej, • Ocena czy elementy portalu, kluczowe dla wyszukiwania i personalizacji produktów są dla użytkowników czytelne. Pytania badawcze 1. Czy użytkownicy odnajdują przycisk „Create now” przenoszący do podstrony personalizacji produktu? 2. Czy użytkownicy szukając produktów korzystają z przycisków przenoszących do wybranych kategorii znajdujących się na stronie głównej pod menu?
2. Aby odnaleźć wybrany produkt użytkownicy korzystają z kategorii znajdujących się w pasku menu. Metoda badawcza
Grupa badawcza
• Osoby badane otrzymują ankietę oraz listę zadań do wykonania,
W badaniu weźmie udział 10 osób znających język angielski, które nie korzystały wcześniej z portalu www.zazzle.co.uk. Przedział wieku osób badanych to od 16 do 50 lat. Osoby badane zostaną podzielone na dwie grupy. Jedna z grup zostanie zapoznana z celami i dostępnymi funkcjami portalu a druga grupa od razu przejdzie do rozwiązywania poleceń.
• Obserwacja oraz badanie zachowań użytkowników podczas wykonywania zadań, • Nagranie wideo procesu wykonywania poleceń. Przedmiot badania Przedmiotem badania jest czytelność założeń portalu www.zazzle.co.uk oraz dostępnych na nim funkcji.
| Scenariusz badania Podział osób badanych na dwie grupy - grupę kontrolną i grupę badawczą ma na celu ocenę, czy znajomość podstawowych funkcji i celi portalu ma wpływ na to jak badany odbiera stronę. Dzięki temu można porównać, czy osoby, które zostały zapoznane z portalem (grupa kontrolna) lepiej radzą sobie z poleceniami dotyczącymi personalizacji produktów niż osoby w grupie badawczej. I etp - wprowadzenie: grupa kontrolna
I etp - wprowadzenie: grupa badawcza
W pierwszej kolejności badanie odbędzie się na grupie osób, które zostaną zapoznane z celami strony i wprowadzone w funkcje jakie oferuje im portal. Wyniki badań tej grupy zostaną zestawione z wynikami osób, które nie otrzymają tych informacji.
Druga grupa osób badanych nie zostanie zapoznana z celami strony i wprowadzona w funkcje jakie oferuje im portal. Osoby badane otrzymają 2 minuty na samodzielne zapoznanie się z portalem.
1. Osoba badana zostaje zapoznana z celem badania oraz poinformowana o jego etapach, 2. Badany zostaje poinformowany o celach i funkcjach portalu, zapoznaje się z portalem (2 min).
1. Osoba badana zostaje zapoznana z celem badania oraz poinformowana o jego etapach, 2. Badany zapoznaje się z portalem (2 min).
| Scenariusz badania II etap - badanie użyteczności: grupa kontrolna i grupa badawcza 3. Osoba badana zostaje wprowadzona w kolejny etap badania oraz poinformowana o możliwości komentowania podczas wykonywania poleceń, 4. Badany otrzymuje kartę z poleceniami i zapoznaje się z nimi, 5. Osoba oznajmia, że jest gotowa i przechodzi do rozwiązywania poleceń (badacz włącza nagrywanie ekranu), 6. Badany oznajmia, że wykonał już wszystkie zadania (badacz wyłącza nagrywanie ekranu).
Badania z użytkownikami Grupa kontrolna Przed przystąpieniem do rozwiązywania poleceń, badani zostają zapoznani z celami i funkcjami portalu
Polecenie 1 | Szczegółowy zapis drogi użytkowników Znajdź na portalu plakat o nazwie „Starry night by Van Gogh”. Wybierz rozmiar 91,4 x 30,5 cm oraz wariant „Premium canvas (Gloss)”. Dodaj do koszyka 10 sztuk.
badany wybiera opcję szukania produktu za pomocą wyszukiwarki badany wybiera opcję szukania produktu za pomocą wyszukiwarki
badany klika na jedno z sugerowanych haseł, które wyskoczyły w polu wyszukiwania
Skąd mam wiedzieć, który plakat wybrać? Myślisz, że to ten?
badana korzysta z filtrów (wybiera kategorię „posters”) badany klika aby zamknąć okno zachęcające do zarejestrowania się
pomyliłem się i wybrałem złe hasło badany próbuje odnaleźć odpowiednią kategorię poprzez filtry
wybrałam filtr plakatów a wyświetlają się też inne rzeczy
badany wybiera szósty plakat, który wyświetlił się na stronie
wybór rozmiaru plakatu
badany powraca do wyszukiwarki
wybór papieru
wybór ilości plakatów
wybór rozmiaru plakatu
dodanie do koszyka wybór papieru
wybór ilości plakatów dodanie do koszyka
dodanie do koszyka
kliknięcie
wpisywanie
badana wybiera pierwszy znaleziony przez nią przedmiot z opisem „poster”
badana przegląda uważnie stronę produktu
wybór ilości plakatów
badana wybiera siódmy przedmiot z listy - plakat
wybór rozmiaru plakatu wybór ilości plakatów
wybór rozmiaru plakatu
wybór rozmiaru plakatu
ruch kursorem
użyję tej wyszukiwarki u góry
badany z niepewnością przegląda stronę produktu
wybór papieru
scrollowanie
lepiej będzie przepisać tą nazwę
Nie wiem, czy to na pewno dobry plakat...
wybór ilości plakatów
podstrona
badana przegląda losowo kategorie w menu głównym
tutaj są też pocztówki
badana wybiera pierwszy plakat, który wyświetlił się na stronie
strona główna
wybór papieru sprawdziłam wszystko się zgadza dodanie do koszyka
Ok. to teraz wybiorę te warianty
wybór papieru
dodanie do koszyka
Polecenie 2 | Szczegółowy zapis drogi użytkowników Zaprojektuj własnego misia dodając na ubranko czerwone tło oraz napis „miś”. Wybierz wariant „Large”. Dodaj misia do koszyka.
badana klika logo portalu, aby przenieść się na stronę główną
badany wybiera z menu głównego opcję „create now”
badana przegląda kategorie w menu głównym
to nie jest ta kategoria
badana wybiera przycisk „create now”
badany powraca do opcji „create now”
nie mogę się zdecydować, bo wszystkie wyglądają identycznie badana orientuje się, że produkty mają w opisie rozmiar i wybiera wariant „large”
badany odnajduje kategorię wszystkich produktów z możliwością personalizacji
to będzie ten
badana wpisuje hasło w wyszukiwarkę
proces personalizacji wybranego produktu
scrollowanie
ruch kursorem
kliknięcie
wpisywanie
badana przegląda kategorie w menu głównym
badana zmienia rozmiar misia na „large”
badany wybiera przycisk „add text” i przenosi się do panelu edycji wybranego produktu
badana wybiera misia z opisem „small”
to będzie chyba to miejsce, gdzie mogę sobie zmienić produkt badana wybiera z menu głównego opcję „create now” wpiszę w to okno „teddy bear”
badana wybiera misia z opisem „large”
badana wybiera przycisk „add text”
badana wybiera przycisk „add text” i przenosi się do panelu edycji wybranego produktu
badana zmienia kolor tła na czerwony badany dodaje produkt do koszyka
badana wkleja grafikę z czerwonym tłem badana wybiera przycisk „add text”
badana dodaje produkt do koszyka
badany dodaje produkt do koszyka
badany wybiera misia z opisem „large”
podstrona
tutaj jest taki miś z białą koszulką
badana wybiera przycisk „add image”
badany przenosi się do kategorii z misiami i wybiera największego
badany wybiera przycisk „add text” i przenosi się do panelu edycji wybranego produktu
badany wybiera z menu głównego opcję „create now”
badana wybiera kategorię „baby & kids”.
strona główna
badany zmienia kolor tła na czerwony
badany dodaje produkt do koszyka
badanyazmienia kolor tła na czerwony badana dodaje produkt do koszyka
Polecenie 3 | Szczegółowy zapis drogi użytkowników Znajdź blog portalu www.zazzle.co.uk.
strona główna
podstrona
scrollowanie
ruch kursorem
kliknięcie
wpisywanie
osoba badana naciska logo portalu i powraca do strony głównej badany wybiera przycisk „blog” znajdujący się w stopce badany wybiera przycisk „blog” znajdujący się w stopce
badany wybiera przycisk „blog” znajdujący się w stopce badana wybiera przycisk „blog” znajdujący się w stopce
osoba badana poddaje się, opuszcza stronę portalu i odnajduje blog poprzez wyszukiwark internetową
Analiza wynikรณw Grupa kontrolna
| Elementy interfejsu a działanie użytkownika Wykres zależności elementów interfejsu od działań użytkowników ma na celu ukazanie różnic w doborze środków potrzebnych do osiągnięcia tego samego celu oraz czasu jaki osoby badane poświęciły na poszczególne działania. Polecenie 1: Znajdź na portalu plakat o nazwie „Starry night by Van Gogh”. Wybierz rozmiar 91,4 x 30,5 cm oraz wariant „Premium canvas (Gloss)”. Dodaj do koszyka 10 sztuk. element interfejsu wyszukiwarka kategoria przycisk „create now” wybrany produkt filtry
wybór rozmiaru wybór ilości wybór papieru dodaj do koszyka
Wnioski Wszystkie osoby badane w grupie kontrolnej wykonały polecenie 1 poprawnie. Schemat wykonywania polecenia u wszystkich osób był podobny. Można wyodrębnić w nim 3 etapy: etap wyboru metody poszukiwania produktu, etap wyboru odpowiedniego produktu z listy oraz personalizacja (ustalenie wariantu produktu). Badany „A” wykonywał polecenie dłużej niż inni badani z tej grupy, ponieważ posługując się sugerowanymi hasłami dokonał błędnego wyboru i musiał powrócić do wyszukiwarki. Osoby badane mimo, że zostały wprowadzone w cele i funkcje portalu, podczas rozwiązywania polecenia zwracały uwagę na mnogość przedmiotów, które często na pierwszy rzut oka wyglądają tak samo (np. plakat i pocztówka).
| Elementy interfejsu a działanie użytkownika Polecenie 2: Zaprojektuj własnego misia dodając na ubranko czerwone tło oraz napis „miś”. Wybierz wariant „Large”. Dodaj misia do koszyka. element interfejsu wyszukiwarka kategoria w menu głównym przycisk „create now” kategoria w panelu „create now” wybrany produkt filtry
Wnioski Wszystkie osoby badane w grupie kontrolnej wykonały polecenie 2 poprawnie. 4 z 5 osób badanych wykorzystało do odnalezienia panelu personalizacji produktu przycisk „create now”. Najszybciej wykonała polecenie osoba „D”, która odnalazła produkt poprzez kategorię „baby & kids”. Osoba „A” podczas wyboru produktów w panelu „create now” pomyliła kategorię, przez co czas wykonania polecenia znacznie się wydłużył.
dodaj tekst dodaj grafikę wybór rozmiaru wybór tła dodaj do koszyka
Osoby badane bardzo często zwracały uwagę na dużą ilość pozycji, które na pierwszy rzut oka wyglądają identycznie (np. trzy takie same misie, które różnią się jedynie opisem pod zdjęciem).
| Elementy interfejsu a działanie użytkownika Polecenie 3: Znajdź blog portalu www.zazzle.co.uk.
element interfejsu przycisk „blog” interaktywne logo portalu
Wnioski Wszystkie osoby badane w grupie kontrolnej wykonały polecenie 3 - odnalazły blog portalu www.zazzle.uk. Osoba badana „B” opuściła stronę i postanowiła odnaleźć blog poprzez wyszukiwarkę internetową. Pozostałe osoby w grupie kontrolnej odnalazły przycisk kierujący na stronę blogu portalu w stopce.
| Częstotliwość użytych funkcji Tabela obrazuje częstotliwość używania poszczególnych funkcjonalności na etapie wyboru sposobu poszukiwania produktu. Tabela ma na celu pokazanie jakie elementy kluczowe dla dalszej drogi badanego były przez niego wybierane w trakcie rozwiązywania trzech poleceń. osoba badana element portalu wyszukiwarka przycisk „create now” filtry produktów kategorie produktów w menu przycisk „blog”
Wnioski Najczęściej wybieraną metodą poszukiwania w poleceniu 1 była wyszukiwarka w menu głównym. W poleceniu 2 badani najczęściej korzystali z przycisku „create now”. Funkcja wyszukiwania za pomocą kategorii została użyta tylko raz. 4 z 5 osób badanych odnalazło blog portalu za pomocą przycisku „blok”. Jedna osoba badana nie wykonała poprawnie polecenia 3.
| Przedstawienie drogi użytkowników za pomocą AI Przedstawienie drogi osób badanych za pomocą architektury informacji umożliwia pokazanie poziomu oraz miejsca w strukturze portalu, w którym znajduje się użytkownik. Polecenie 1: Znajdź na portalu plakat o nazwie „Starry night by Van Gogh”. Wybierz rozmiar 91,4 x 30,5 cm oraz wariant „Premium canvas (Gloss)”. Dodaj do koszyka 10 sztuk.
| Przedstawienie drogi użytkowników za pomocą AI Polecenie 2: Zaprojektuj własnego misia dodając na ubranko czerwone tło oraz napis „miś”. Wybierz wariant „Large”. Dodaj misia do koszyka.
| Przedstawienie drogi użytkowników za pomocą AI Polecenie 3: Znajdź blog portalu www.zazzle.co.uk.
Badania z użytkownikami Grupa badawcza Przed przystąpieniem do rozwiązywania poleceń, badani nie zostają zapoznani z celami i funkcjami portalu
Polecenie 1 | Szczegółowy zapis drogi użytkowników Znajdź na portalu plakat o nazwie „Starry night by Van Gogh”. Wybierz rozmiar 91,4 x 30,5 cm oraz wariant „Premium canvas (Gloss)”. Dodaj do koszyka 10 sztuk.
osoba badana wybiera kategorię „posters” z menu głównego
o! to będzie to
osoba badana od razu decyduje się na wpisanie hasła w pole wyszukiwarki
badana przegląda kategorie
osoba badana wpisując hasło zauważa, że poniżej pojawiła się sugerowana kategoria „posters” i wybiera ją
badana wybiera kategorię „posters & prints”
badana przegląda listę produktów
strona główna
podstrona
scrollowanie
ruch kursorem
kliknięcie
wpisywanie
badany wybiera kategorię „home & decor” dziwne są te przedmioty. Tutaj plakatu na pewno nie znajdę badany szuka innej kategorii
badana decyduje się na wpisanie hasła w wyszukiwarkę
zacznę jeszcze raz
tak tego nie znajdę. Za dużo jest tych plakatów
jak wybiorę pierwszy to będzie dobrze?
wybór rozmiaru plakatu
osoba badana rezygnuje z wcześniej wybranej metody i wyszukuje produkt za pomocą okna wyszukiwania
badana wybiera pierwszy plakat, który wyświetlił się na stronie
wybór papieru osoba badana odnajduje poszukiwany produkt
wybór ilości plakatów wybór rozmiaru plakatu wybór papieru
dodanie do koszyka
wybór ilości plakatów dodanie do koszyka
wybór papieru osoba badana sprawdza, czy poprawnie wybrała warianty produktu
badany klika na logotyp portalu
myślałam, że tu będzie tylko jeden plakat...
osoba badana odnajduje poszukiwany produkt
wybór rozmiaru plakatu
wybór ilości plakatów
dodanie do koszyka
badany przegląda stronę główną
nie ma nigdzie takiej kategorii
badana wybiera kategorię Home & decor
wpisałem przecież nazwę a wyskoczyło mi pełno innych produktów!
badany sprawdza, czy wybrał dobry produkt
poddaję się, musisz mi pomóc wybór papieru
wybór rozmiaru plakatu wybór ilości plakatów dodanie do koszyka
Polecenie 2 | Szczegółowy zapis drogi użytkowników Zaprojektuj własnego misia dodając na ubranko czerwone tło oraz napis „miś”. Wybierz wariant „Large”. Dodaj misia do koszyka.
osoba badana przegląda wszystkie kategorie od lewej do prawej Gdzie są te misie...Nie mogę znaleźć kategorii A czym te misie się różnią? To może wybiorę pierwszego...
nie mam pojęcia, którego wybrać. Dlaczego ich tu tyle jest? dobra, wybieram pierwszego, bo i tak niczym się nie różnią. badana wybiera przycisk „add text”
osoba badana zmienia kolor tekstu a nie tła na czerwony badana zmienia rozmiar misia na „large” badana dodaje produkt do koszyka
nerwowe ruchy kursorem badana rozsuwa kategorię „Baby and Kids” i wybiera podkategorię „Teddy Bears”
badana wybiera pierwszego misia badana wybiera przycisk „add image” badana wybiera przycisk „borders”
badana wybiera jedną z dostępnych grafik i od razu ją usuwa
badana zmienia rozmiar misia na „large” To na pewno nie jest to. Nie wiem jak dodać tekst badana wybiera przycisk „zazzle icons” badana zmienia tło na czerwone
badana wybiera przycisk „add text”
scrollowanie
ruch kursorem
kliknięcie
wpisywanie
badana wybiera kategorię „Teddy Bears”
badany przegląda stronę główną dlaczego niektóre misie mają już jakiś napis na koszulce?
badana wybiera drugiego misia badana wybiera opcję „add text”
badany wybiera przycisk „see all brands”
Skąd mam wiedzieć, którego wybrać?
muszę się znowu wrócić. To nie to
o! te misie mają inne opisy badany decyduje się szukać za pomocą wyszukiwarki
badana zmienia kolor tła na czerwony
badana wybiera misia z opisem „large”
badana wybiera opcję „add text”
badany wybiera misia z opisem „small” badana dodaje produkt do koszyka
badany wybiera opcję „add text”
badana zmienia kolor tła na czerwony
badana dodaje produkt do koszyka badana dodaje produkt do koszyka
podstrona
przeniosę się najpierw na stronę główną
badana przegląda wszystkie kategorie w menu głównym badana wybiera kategorię „Teddy Bears”
strona główna
badana zmienia kolor tła na czerwony
badana dodaje produkt do koszyka
Polecenie 3 | Szczegółowy zapis drogi użytkowników Znajdź blog portalu www.zazzle.co.uk.
strona główna
podstrona
scrollowanie
ruch kursorem
kliknięcie
wpisywanie
osoba badana naciska logo portalu i powraca do strony głównej
osoba badana naciska logo portalu i powraca do strony głównej
badana wybiera przycisk „blog” znajdujący się w stopce
badana wybiera przycisk „blog” znajdujący się w stopce
osoba badana naciska logo portalu i powraca do strony głównej
badana wybiera przycisk „blog” znajdujący się w stopce
Nie potrafię tego dokończyć...nie wiem gdzie jest blog
osoba badana poddaje się
badana wybiera przycisk „blog” znajdujący się w stopce
Analiza wynikรณw Grupa badawcza
| Elementy interfejsu a działanie użytkownika Wykres zależności elementów interfejsu od działań użytkowników ma na celu ukazanie różnic w doborze środków potrzebnych do osiągnięcia tego samego celu oraz czasu jaki osoby badane poświęciły na poszczególne działania.
Wnioski
Polecenie 1: Znajdź na portalu plakat o nazwie „Starry night by Van Gogh”. Wybierz rozmiar 91,4 x 30,5 cm oraz wariant „Premium canvas (Gloss)”. Dodaj do koszyka 10 sztuk.
Schemat działania widoczny u badanych w grupie kontrolnej, w tej grupie nie obowiązuje. Każda z osób szuka produktu metodą prób i błędów.
element interfejsu wyszukiwarka kategoria przycisk „create now” wybrany produkt filtry
wybór rozmiaru wybór ilości wybór papieru dodaj do koszyka
4/5 osób wykonało poprawnie polecenie 1.
Osoba „F” zdecydowała się na znalezienie szukanego plakatu za pomocą dostępnych w menu kategorii. Szybko zrezygnowała, kiedy zobaczyła ile różnych produktów oferuje portal i wpisała nazwę produktu w okno wyszukiwarki. Dwie z osób badanych - „I” oraz „J”, gdy zaczynały błądzić, decydowały się na powrót do strony głównej portalu. Osoba badana „J” poddała się i zrezygnowała z dalszej próby szukania przedmiotu.
| Elementy interfejsu a działanie użytkownika Polecenie 2: Zaprojektuj własnego misia dodając na ubranko czerwone tło oraz napis „miś”. Wybierz wariant „Large”. Dodaj misia do koszyka. element interfejsu wyszukiwarka kategoria w menu głównym przycisk „create now” kategoria w panelu „create now” wybrany produkt filtry
dodaj tekst
Wnioski 3/5 osób wykonało poprawnie polecenie 2. Żadna z osób badanych w tej grupie nie odalazła przycisku „create now”. Badani w celu odnalezienia produktu najczęściej stopniowo przeglądali wszystkie dostępne kategorie lub całą stronę. Osoba „F” zdecydowała się na znalezienie szukanego plakatu za pomocą dostępnych w menu kategorii. Szybko zrezygnowała, kiedy zobaczyła ile różnych produktów oferuje portal i wpisała nazwę produktu w okno wyszukiwarki. Dwie z osób badanych - „I” oraz „J”, gdy zaczynały błądzić, decydowały się na powrót do strony głównej portalu.
dodaj grafikę wybór rozmiaru
Osoba badana „F” dodała produkt do koszyka, jednak nie zmieniła jego wariantów zgodnie z poleceniem.
wybór tła dodaj do koszyka
Osoba badana „I” nie zauważyła, że 3 identyczne zdjęcia produktów różnią się opisem i wybrała inny niż w poleceniu rozmiar misia.
| Elementy interfejsu a działanie użytkownika Polecenie 3: Znajdź blog portalu www.zazzle.co.uk.
element interfejsu przycisk „blog” interaktywne logo portalu
Wnioski Podczas rozwiązywania polecenia 3 3/5 osób badanych postanowiło zacząć poszukiwania od strony głównej portalu. Ostatecznie wszyscy badani, którym udało ukończyć się polecenie nr 3, znaleźli przycisk „blog” w stopce na dole strony. Osoba badana „I” nie wykonała polecenia (poddała się).
| Częstotliwość użytych funkcji Tabela obrazuje częstotliwość używania poszczególnych funkcjonalności na etapie wyboru sposobu poszukiwania produktu. Tabela ma na celu pokazanie jakie elementy kluczowe dla dalszej drogi badanego były przez niego wybierane w trakcie rozwiązywania trzech poleceń. osoba badana element portalu wyszukiwarka przycisk „create now” filtry produktów kategorie produktów w menu przycisk „blog”
Wnioski Najczęściej wybieraną metodą poszukiwania w poleceniu 1 była wyszukiwarka w menu głównym. W poleceniu 2, badani najczęściej korzystali z kategorii produktów w menu głównym. Tylko raz zastosowano wyszukiwarkę. W żadnym z poleceń badani nie korzystali z przycisku „create now” oraz filtrów produktów. Polecenie 3 ukończyły trzy osoby badane, które skorzystały z przycisku „blog” znajdującego się w stopce portalu.
| Przedstawienie drogi użytkowników za pomocą AI Przedstawienie drogi osób badanych za pomocą architektury informacji umożliwia pokazanie poziomu oraz miejsca w strukturze portalu, w którym znajduje się użytkownik. Polecenie 1: Znajdź na portalu plakat o nazwie „Starry night by Van Gogh”. Wybierz rozmiar 91,4 x 30,5 cm oraz wariant „Premium canvas (Gloss)”. Dodaj do koszyka 10 sztuk.
| Przedstawienie drogi użytkowników za pomocą AI Polecenie 2: Zaprojektuj własnego misia dodając na ubranko czerwone tło oraz napis „miś”. Wybierz wariant „Large”. Dodaj misia do koszyka.
| Przedstawienie drogi użytkowników za pomocą AI Polecenie 3: Znajdź blog portalu www.zazzle.co.uk.
Analiza wyników Porównanie obu grup Nałożenie na siebie wykresów przedstawiających wyniki obu grup ma na celu zobrazowanie różnic w pokonywanych przez badanych drogach.
| Elementy interfejsu a działanie użytkownika Wykres zależności elementów interfejsu od działań użytkowników ma na celu ukazanie różnic w doborze środków potrzebnych do osiągnięcia tego samego celu oraz czasu jaki osoby badane poświęciły na poszczególne działania.
Polecenie 1: Znajdź na portalu plakat o nazwie „Starry night by Van Gogh”. Wybierz rozmiar 91,4 x 30,5 cm oraz wariant „Premium canvas (Gloss)”. Dodaj do koszyka 10 sztuk.
Wnioski Osoby, które poznały wcześniej cele portalu, wykonywały polecenie z większym spokojem niż osoby z grupy badawczej. Osoby badane z grupy badawczej znacznie częściej niż osoby z pierwszej grupy błądziły po portalu oraz popełniały błędy.
element interfejsu wyszukiwarka kategoria przycisk „create now” wybrany produkt filtry
wybór rozmiaru wybór ilości wybór papieru dodaj do koszyka
Droga wykonywania polecenia u osób badanych z grupy badawczej, w przeciwieństwie do poprzedniej grupy, była chaotyczna. Polecenie 1 najdłużej wykonywała osoba badana „F” z grupy badawczej a najkrócej osoba „E” z grupy kontrolnej.
| Elementy interfejsu a działanie użytkownika Polecenie 2: Zaprojektuj własnego misia dodając na ubranko czerwone tło oraz napis „miś”. Wybierz wariant „Large”. Dodaj misia do koszyka. element interfejsu wyszukiwarka kategoria w menu głównym przycisk „create now” kategoria w panelu „create now” wybrany produkt filtry
Wnioski Osoby, które poznały wcześniej cele portalu, wykonywały polecenie z większym spokojem niż osoby z grupy badawczej. Osoby badane z grupy badawczej znacznie częściej niż osoby z pierwszej grupy błądziły po portalu oraz popełniały błędy, Badani z grupy badawczej częściej niż w grupie kontrolnej „skakali” między poziomami portalu, co było efektem popełnianych błędów oraz stopniowego poszukiwania sposobu na odnalezienie produktu.
dodaj tekst dodaj grafikę wybór rozmiaru wybór tła dodaj do koszyka
Polecenie 1 najdłużej wykonywała osoba badana „F” z grupy badawczej a najkrócej osoba „E” z grupy kontrolnej.
| Elementy interfejsu a działanie użytkownika Polecenie 3: Znajdź blog portalu www.zazzle.co.uk.
element interfejsu przycisk „blog” interaktywne logo portalu
Wnioski Osoby, które poznały wcześniej cele portalu, wykonywały polecenie z większą pewnością - najczęściej od razu przechodziły do odnalezienia stopki i nie zadawały pytań. Osoby badane z grupy badawczej często wyrażały zrezygnowanie oraz niepewność. Polecenie 3 najdłużej wykonywała osoba badana „A” z grupy kontrolnej a najkrócej osoba „D” z grupy kontrolnej.
| Elementy interfejsu a działanie użytkownika Analiza poprzednich wykresów wykazała, że drogi osób badanych w obrębie obu grup są podobne. Różnice dróg niektórych badanych wynikały z popełnionych przez nich błędów, które później naprawiali. Wyciągnięcie mediany czasu wykonania poszczególnych czynności pozwoliło uprościć wykres i za pomocą jednej krzywej pokazać drogę całej grupy badanych. Polecenie 1: Znajdź na portalu plakat o nazwie „Starry night by Van Gogh”. Wybierz rozmiar 91,4 x 30,5 cm oraz wariant „Premium canvas (Gloss)”. Dodaj do koszyka 10 sztuk. element interfejsu wyszukiwarka kategoria przycisk „create now” wybrany produkt filtry
wybór rozmiaru wybór ilości wybór papieru dodaj do koszyka
| Elementy interfejsu a działanie użytkownika Polecenie 2: Zaprojektuj własnego misia dodając na ubranko czerwone tło oraz napis „miś”. Wybierz wariant „Large”. Dodaj misia do koszyka. element interfejsu wyszukiwarka kategoria w menu głównym przycisk „create now” kategoria w panelu „create now” wybrany produkt filtry
dodaj tekst dodaj grafikę wybór rozmiaru wybór tła dodaj do koszyka
| Elementy interfejsu a działanie użytkownika Polecenie 3: Znajdź blog portalu www.zazzle.co.uk.
element interfejsu przycisk „blog” interaktywne logo portalu
| Częstotliwość użytych funkcjonalności Tabela obrazuje częstotliwość używania poszczególnych funkcjonalności na etapie wyboru sposobu poszukiwania produktu. Tabela ma na celu pokazanie jakie elementy kluczowe dla dalszej drogi badanego były przez niego wybierane w trakcie rozwiązywania trzech poleceń.
element portalu wyszukiwarka przycisk „create now”
Wnioski Osoby badane z grupy badawczej nie korzystały z przycisku „create now”. Użytkownicy z grupy kontrolnej używali przycisku „create now” bardzo często. W obu grupach najczęściej wybieraną metodą poszukiwania była wyszukiwarka w menu głównym.
filtry produktów kategorie produktów w menu przycisk „blog”
Filtry produktów były wykorzystane tylko przez badanych z grupy kontrolnej. Znacznie więcej badanych w grupie badawczej, niż w grupie kontrolnej korzystało z kategorii produktów w menu głównym. Zaobserwować to można w rozwiązaniach polecenia 2 - osoby, które znały cele portalu odnajdywały przycisk prowadzący bezpośrednio do panelu personalizacji.
| Czas wykonania poleceń Tabele przedstawiają całkowity czas wykonania poszczególnych poleceń przez osoby badane.
Tabela wyników grupy kontrolnej (w minutach) średnia czasu
osoba badana 1:45
1:20
1:25
1:22
1:07
1:24
2:05
1:40
1:30
1:05
1:35
1:43
0:20
0:15
0:25
0:35
0:26
0:23
Tabela wyników grupy badawczej (w minutach) średnia czasu
osoba badana 1:55
1:20
1:30
1:45
1:03
1:31
1:25
1:57
1:10
1:43
1:26
1:32
0:35
0:40
0:32
1:10
1:00
0:63
Badania z użytkownikami Podsumowanie Czy badani odnajdują przycisk „Create now”?
| Wnioski Hipotezy 1. Użytkownicy nie korzystają z przycisku „Create now” przenoszącego do panelu personalizacji (przenoszą się tam poprzez strony poszczególnych produktów). 2. Aby odnaleźć wybrany produkt użytkownicy korzystają z kategorii znajdujących się w pasku menu. Wyniki badań pokazują, że otrzymana informacja o celach i funkcjach portalu ma wpływ na funkcjonowanie użytkownika w obszarze strony. Osoby badane w grupie kontrolnej, czyli grupie, która otrzymała tą informację z łatwością odnajdywały przycisk „create now”, który przenosi użytkownika bezpośrednio do panelu personalizacji produktu. Polecenie drugie weryfikuje metodę wybieraną przez badanych do odnalezienia szukanego produktu. W grupie kontrolnej wszyscy użytkownicy wybrali metodę szukania za pomocą panelu „create now”. Najszybciej polecenie wykonała osoba badana D z tej grupy (1:05 min), a najwolniej osoba G z grupy badawczej (1:57 min).
Mimo, że najszybciej polecenie drugie wykonała osoba badana z grupy kontrolnej, to średnia czasu dla całej grupy wyniosła 1:43, czyli o 11 sekund dłużej niż w przypadku grupy badawczej. Wynika to z tego, że droga wybierana przez grupę pierwszą nie była najszybszym sposobem rozwiązania tego polecenia, jednak świadczy o tym, że użytkownicy poprawnie odczytywali funkcję panelu „create now”. Użytkownicy podczas badania nie korzystali z funkcji dostępnych na stronie głównej. Pomimo, że polecenia można było wykonać korzystając z przycisków przenoszących do wybranych kategorii znajdujących się pod menu głównym, żadna z osób badanych nie dostrzegła tych elementów. Polecenie pierwsze miało na celu zaobserwowanie, czy nowi użytkownicy portalu potrafią odnaleźć kluczowe elementy takie jak pasek „szukaj” z możliwością wpisania dowolnego hasła. Podczas wykonywania tego zadania tylko badany J wybrał metodę szukania produktu poprzez kategorie produktów. Reszta osób badanych w obu grupach korzystała z wyszuki-
-warki. Jako pierwszą metodę szukania produktu wyszukiwarkę wybrały 2 osoby w grupie kontrolnej. W grupie badawczej tylko jedna osoba zdecydowała się na szukanie poprzez kategorie. Osoby, które zostały zapoznane z podstawowym celem portalu, czyli kupowaniem i sprzedawaniem personalizowanych produktów, częściej podejmowały próbę odnalezienia plakatu za pomocą kategorii lub filtrów. Ostatecznie ze względu na skomplikowaną strukturę strony badani decydowali się na skorzystanie z wyszukiwarki. Wyniki polecenia trzeciego wykazały, że osoby badane w grupie badawczej potrzebowały o 0:31 min dłużej na odnalezie blogu portalu. Jedna z osób badanych nie mogąc znaleźć odpowiedniego przycisku wpisała w wyszukiwarkę internetową hasło „blog zazzle” i odnalazła szukany adres. Pierwsza hipoteza jest poprawna jedynie w przypadku osób badanych z grupy kontrolnej. Osoby z grupy badawczej najczęściej w celu wyszukiwania produktów do personalizacji korzystali z przycisku „create now”.
Druga hipoteza jest poprawna jedynie w przypadku grupy badawczej. Użytkownicy nie znając możliwości strony najczęściej próbowali szukać za pomocą kategorii. Można więc stwierdzić, że świadomość funkcji i celów portalu www.zazzle.uk, którą zyskali uczestnicy z grupy kontrolnej ma wpływ na rozumienie i sposób korzystania ze strony.
| Rekomendacje Cele i funkcje portlu nie są dla użytkowników jasne i czytelne przez co w trakcie rozwiązywania poleceń badani natrafiając na „puste” produkty byli zdezorientowani. Nowi użytkownicy odwiedzający portal www.zazzle.co.uk, którzy nie wiedzą o możliwości personalizowania produktów znajdujących się na stronie, traktują portal jako zwykły sklep internetowy. Użytkownicy nie odnajdują przycisku „create now”, który przenosi do podstrony edycji produktów. Przycisk ten, znajdujący się w menu głównym traktowany jest jako zwykła kategoria produktów. Aby ułatwić poruszanie się użytkowników po portalu należy sprawić, by główny cel strony, czyli możliwość personalizacji produktów, która wyróżnia sklep spośród innych była zrozumiała i widoczna. W tym celu należy ograniczyć kategorie i podkategorie w menu głównym, które swoją ilością przytłaczają użytkowników. Panel „create now” powinien stanowić odrębny, niezależny od paska menu moduł, który od razu zwracałby uwagę nowych osób odwiedzających portal.