Analiza strony internetowej Behance.net
Pracownia Badań Użyteczności prowadzący: prof. ASP dr hab. Wiesław Gdowicz, dr Marta Więckowska Zakład Badań Wizualnych i Interakcji autor: Anna Bawor, wzornictwo rok akademicki 2015/2016
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Funkcje
Krótka charakterystyka portalu Behance.net Behance.net to portal graficzno-społecznościowy, przejęty przez Adobe od 2012 roku, działajacy obecnie jako jedna z usług Adobe Creative Cloud. Założeniem strony jest promowanie ludzi kreatywnych i umożliwienie znalezienia im zleceniodawców. Portal powstał w 2006 roku. Przed zalogowaniem
Po zalogowaniu
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Pierwsze wrażenie Strona na pierwszy rzut oka wydaje się być łatwa w obsłudze. Wyraźnie oddzielone są elementy nawigacji od zawartości poprzez kontrast kolorystyczny i wielkości. Prawdopodobnie już po chwili użytkownik będzie świadomy jak korzystać z większości aspektów strony.
Cele strony: Stworzenie społeczności gromadzącej ludzi kreatywnych oraz potencjalnych pracodawców Utworzenie serwisu będącego źródłem inspiracji dla osób zainteresowanych sztuką i designem Promowanie talentów i pomoc w znalezieniu zleceniodawcy Integracja usług i oprogramowania Adobe z kreatywnymi twórcami z dziedzin designu i sztuki
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Funkcje
Architektura informacji
Użytkownicy portalu 1. Artyści i projektanci 2. Studenci 3. Właściciele firm i zleceniodawcy 4. Osoby zainteresowane sztuką i designem
Dostępne funkcje 1. Założenie własnego profilu poprzez Adobe Creative Cloud 2. Publikowanie prac a) zakończonych b) prac w toku, które mogą być komentowane i dopracowywane wraz z innymi użytkownikami 3. Poszukiwanie pracodawcy (przez projektantów i grafików)/pracownika (przez firmy i organizacje) 4. Wyszukiwanie prac oraz użytkowników 5. Wymiana opinii 6. Promowanie organizacji i uczelni artystycznych 6. Promocja usług i oprogramowania Adobe
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Funkcje
Architektura informacji
Ocena portalu
Wyróżnienie elementów strony www górny pasek nawigacji wyszukiwarka
przyciski publikowania prac/ofert pracy
profil użytkownika
przyciski nawigacji logotyp Behance
logotyp Adobe
aktywności
dolny pasek nawigacji
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Funkcje
Architektura informacji
Ocena portalu
Budowa podstrony Odkryj
główne filtry
wyniki wyszukiwania
wyszukiwarka dodatkowe filtry
Największą powierzchnię ekranu zajmują wyniki wyszukiwania, co usprawnia i przyspiesza proces przeglądania, gdyż użytkownik może zobaczyć więcej rzeczy jednocześnie.
Budowa podstrony Moje portfolio mój profil edytuj profil
udostępnij wybór wyświetlania
dodaj prace
Elementy są uporządkowane, pole, w którym można umieścić pracę oraz przeglądać portfolio zajmuje taki sam obszar jak wyświetlana zawartość w zakładce odkryj - podstrony są spójne, oparte na schemacie.
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Funkcje
Architektura informacji
Ocena portalu
Budowa podstrony Oferty pracy
opublikuj ofertę pracy
wybór zawartości wyszukiwarka
filtry
Wnioski
wyniki wyszukiwania
Wyszukiwarka, filtry umieszczona została w tym samym miejscu, co w zakładce Odkryj, z kolei wyniki wyszukiwania
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Funkcje
Architektura informacji
Ocena portalu
Analiza kolorystyki Strona Behance.net charakteryzuje się oszczędną gamą kolorystyczną. Dominuje biel, szarości i beże, rzadko pojawia się błękit (przycisk Dodaj pracę na pasku nawigacji, pojedyncze teksty, podświetlanie zakładek po najechaniu kursorem.
RGB: 255, 255, 255
typografia, pole wyszukiwarki
RGB: 243, 243, 243
tło strony
RGB: 203, 205, 207 ikony, strzałki, podziały
Kontrasty kolorystyczne występujące na stronie: • czerń pasków nawigacji z białą typografią • czerń pasków nawigacji z jasnym tłem • ciemnoszara typografia z jasnym tłem • biała typografia z niebieskim tłem • niebieska typografia z jasnym tłem
RGB: 167, 168, 174
typografia, ikony w pasku nawigacji
RGB: 22, 123, 240
przyciski
RGB: 27, 28, 28
pasek nawigacji, typografia
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Analiza typografii Zastosowano krój pisma Helvetica Neue w 3 odmianach: bold, regular i light. Na stronie znajduje się 13 rodzajów wysokości pisma
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Elementy interakcyjne Przed najechaniem kursorem:
Po najechaniu kursorem:
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Górny pasek nawigacji Pasek nawigacji w pierwotnej formie. Po najechaniu kursorem na interesujący nas dział ukazują się dostępne opcje. Dział “Odkrywaj” umożliwia przejście do wyszukiwarki,artystów do obserwowania proponowanych przez stronę lub do polecanych galerii prac. Poprzez “Moje portfolio”możemy przejść do strony naszego profilu lub strony zespołowej. “Oferty pracy” to dział pozwalający na przegląd interesujących nas ofert lub opublikowanie oferty pracy. Rozwinięcie paska znajdującego się przy ikonie użytkownika umożliwia zmianę ustawień związanych zarówno z naszym profilem jak i kontem Adobe ID, Creative Cloud oraz znalezienie odpowiedzi na wszelkie wątpliwości związane z portalem Behance oraz wylogowanie się.
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Funkcje
Architektura informacji
Ocena portalu
Dolny pasek nawigacji Pasek dolny w zwiniętej formie
Po wskazaniu kursorem na “Więcej Behance” ukazują się możliwości zaczerpnięcia informacji na temat portalu,
Istnieje możliwość zmiany języka strony.
Dolny pasek nawigacji posiada funkcje, które są przypuszczalnie rzadziej używane przez użytkowników, dlatego też jest znacznie mniej widoczny niż górny pasek nawigacji.
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Funkcje
Architektura informacji
Ocena portalu
Rejestracja Krok 1: Kliknięcie w przycisk Rejestracja na ekranie powitalnym strony. Krok 2: Przekierowanie do zakładania konta Adobe ID oraz wypełnienie przez użytkownika pól: -imię -nazwisko -adres email -hasło -data urodzenia Krok 3: Na podany adres email zostaje wysłana wiadomość z potwierdzeniem. Aby zakończyć proces rejestracji należy kliknąć w podany link.
Zarządzanie profilem Do edycji profilu można przejść na dwa sposoby:
Poprzez zakładkę Profil na pasku nawigacji.
Poprzez najechanie kursosem na ikonę użytkownika.
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Funkcje
Zarządzanie profilem Krok 1: Do edycji profilu można przejść poprzez najechanie kursorem na zakładkę Profil na pasku nawigacji (1) lub najechanie kursorem na ikonę użytkownika (2). Krok 2: Przekierowanie na podstronę Moje portfolio. Dostępne sposoby ingerencji w profil użytkownika: 1. Edycja profilu: a) wpisanie wykonywanego zawodu i firmy b) wprowadzenie miejsca zamieszkania c) wprowadzenie adresu strony internetowej d) edycja sekcji Zespoły e) łączenie konta Behance z innymi portalami społecznościowymi (Twitter, Facebook, Dribbble, LinkedIn, Vimeo, lickr, YouTube, Pinterest, Tumblr, Google+, Etsy, Instagram) f) edycja sekcji O mnie g) edycja sekcji Doświadczenie zawodowe h) wprowadzenie odsyłaczy WWW 2. Dodawanie prac/prac w toku 3. Udostępnianie konta na serwisach społecznościowych 4. Edycja obserwatorów/obserwowanych
1
2
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Interakcje z użytkownikami - obserwowanie Krok 1: Aby zacząć obserwować użytkownika możemy go odszukać poprzez wyszukiwarkę na dwa sposoby: -poprzez wyświetlenie jego pracy -wyszukanie go w sekcji “Ludzie”
Krok 2: Możemy wyświetlić profil użytkownika, zacząć go obserwować lub wysłać prywatną wiadomość.
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Tworzenie kolekcji Aby stworzyć kolekcję należy wybrać pracę, którą chcemy w niej umieścić, następnie “Dodaj do kolekcji”. Pojawia się okno, w której możemy stworzyć kolekcję, lub dodać projekt do już istniejącej. Kolekcje możemy przeglądać i edytować na stronie naszego profilu.
Prace ocenione pozytywnie Wybrane prace możemy ocenić pozytywni. Mogą być potem przez nas przeglądane w sekcji na stronie naszego profilu.
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Publikowanie prac/prac w toku Krok 1: Przejście do podstrony umożliwiającej dodanie prac może się odbyć na 2 sposoby: kliknięcie w przycisk Dodaj pracę na pasku nawigacji kliknięcie w przycisk Dodaj pracę na podstronie Moje portfolio
Krok 2: Wybór pliku mającego znaleźć się w portfolio.
Krok 3: Dodanie zawartości (multimediów)
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Publikowanie prac/prac w toku Krok 4: Nadanie tytułu oraz okładki
Krok 5: Edycja ustawień: -dodanie dziedziny -wprowadzenie tagów ułatwiających wyszukiwanie -opis projektu -ograniczenie widoczności -dodanie zespołu -dodatkowe informacje (marka/agencja/ szkoła) -edycja wkładu autorskiego (wpółwłaściciel/autor) -edycja praw autorskich -wprowadzenie informacji o użytych narzędziach (oprogramowanie Adobe, aplikacje) -możliwośc ograniczenia widoczności dla osób poniżej 18 roku życia
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Przeglądanie Krok 1: Przejście do wyszukiwarki odbywa się na dwa sposoby: Wybór sekcji Odkryj Kliknięcie w lupę w pasku nawigacji i wpisanie wyszukiwanej frazy
Krok 2: Wpisanie frazy lub filtrowanie wyszukiwanych prac. Możliwości wyszukiwania i filtrowania: -prace/prace w toku/osoby/zespoły -dziedziny -filtry I (polecane/najlepiej ocenione/ najczęściej wyświetlane/najczęściej omawiane/najnowsze) -filtry II (szkoły/użyte narzędzia/kolor) -kraje
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Usługi płatne - dodawanie ofert pracy Serwis Behance.net daje możliwość markom i firmom z branży kreatywnej na wyszukiwanie artystów i projektantów, z którymi można nawiązać współpracę. Oferta: 1. Rekomendacja kandydatów dla każdej publikowanej oferty według kryteriów określonych w ofercie. 2. Zapisywanie interesujących kandydatów, co pomaga udoskonalić wyszukiwanie kolejnych projektantów w oparciu o podobieństwo i styl. 3. Generacja listy projektów podobnych do polubionych przez firmę/ markę 4. Komunikacja między menadżerami i projektantami.
Usługi płatne - portfolio ProSite ProSite to usługa kompatybilna z serwisem Behance. Umożliwia stworzenie witryny połączonej z prywatnym portfolio. Koszta wynoszą 11 dolarów miesięcznie lub 99 dolarów rocznie Oferta: -importowanie prac z portfolio Behance lub dodanie nowych -brak ograniczenia do 600 px szerokości -dostępne gotowe szablony -hosting w cenie
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
powiększenie wybranego obszaru architektury informacji
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
powiększenie wybranego obszaru architektury informacji
Funkcje
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Funkcje
Ocena własna strony www Realizacja celów strony: -możliwość promowania swojej działalności przez tworzenie portfolio -opcje wyszukiwania pracodawców i pracowników -profil użytkownika powiązany z kontem Adobe, dodatkowe dostępne przy korzystaniu z usług Creative Cloud -wyświetlanie prac użytkowników na stronie głównej, co zachęca do dalszego przeglądania i inspirowania się, lub pokazania własnych możliwości Budowa: -prosta, estetyczna szata graficzna -jeden krój pisma, lecz stosowanie go w zbyt wielu wysokościach -elementy strony o pokrewnych funkcjach znajdują się w tym samym miejscu oraz mają tą samą wielkość -kontrast pomiędzy elementami nawigacji a wyświetlaną zawartością -stałe elementy nawigacji, dzięki których nie ma potrzeby powrotu na stronę główną aby przejść do jakiejkolwiek podstrony -spójne elementy nawigacji -brak menu bocznego - wszystko jest w jednym miejscu Wyszukiwanie/przeglądanie: -dwa sposoby przejścia do wyszukiwarki w zależności, czy użytkownik wie jaką frazę wpisać, czy chce przefiltrować dostępne prace -różne opcje filtrowania -nie trzeba być zalogowanym aby przeglądać prace -nie ma konieczności cofania się po przybliżeniu wybranej pracy Publikowanie prac: -okienka tłumaczące poszczególne etapy dodawania prac -pokazywanie statusu systemu -wiele opcji ustawień
Architektura informacji
Ocena portalu
Analiza strony internetowej Behance.net Badanie użyteczności strony Informacje ogólne Analiza strony główej i podstron Nawigacja
Funkcje
Architektura informacji
Ocena portalu
Draftest Czym jest Draftest? Draftest – (pot. zwany Test Design) to pierwszy etap w procesie projektowania dow- Wyniki zbiórki wg sprzedawcy olnej grafiki np. strony WWW, ilustracji czy logo. Słupkowe, paskowy i kołowy: porównuje wartości z UCZESTNIK SPRZEDAŻ Wykonawca przedstawia listę inspiracji, które będąc tematycznie powiązane z jednej kategorii, np. sprzedaż produktów przez pierwsze wrażenie 4,82 przedmiotem zlecenia, reprezentują różne style graficzne i techniki. Klient ocenia każdego ze sprzedawców. Wykresy kołowe prezentują prace wg określonych kryteriów i zostawia komentarze. Analiza odpowiedzi pozwakolorystyka 4,64 wartości kategorii jako procent całości. la projektantowi na precyzyjne określenie gustu klienta i przygotowanieekspozycja projektumarki 3,91 zgodnego z jego oczekiwaniami. innowacyjność
3,82
prezentacja informacji
4,18
Badaniu zostało poddane 11 osób, które wyraziły swoją opinię na tematużyteczność portalu na podstawie printscreena, oceniając go w skali od 1 do 5 w kategoriach: pierwsze wrażenie, kolorystyka, ekspozycja marki, innowacyjność, prezentacja informacji. Wyniki Draftestu:
4,36
Wykres słupkowy
5
4,82
Wykres kołowy
4,64
3,75
3,91
3,82
4,18
20%
23%
2,5
18% 22%
1,25
0
18% pierwsze wrażenie
kolorystyka
ekspozycja marki
innowacyjność prezentacja informacji
p k e in p
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Cele strony: Stworzenie społeczności gromadzącej ludzi kreatywnych oraz potencjalnych pracodawców Utworzenie serwisu będącego źródłem inspiracji dla osób zainteresowanych sztuką i designem Promowanie talentów i pomoc w znalezieniu zleceniodawcy Integracja usług i oprogramowania Adobe z kreatywnymi twórcami z dziedzin designu i sztuki
Cele badania: Określenie, jak użytkownik porusza się po stronie www. Określenie rodzaju trudności występujących w trakcie użytkowania strony. Określenie stopnia trudności wyszukiwania określonych prac
Osoby badane -kobiety lub mężczyźni -osoby korzystające z Internetu -osoby niekorzystające z serwisu Behance.net
Analiza wyników
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Opis badania: -badanie dotyczy użyteczności strony Behance.net -w badaniu uczestniczy 5 respondentów -każda z osób badanych wykonuje 3 polecenia -badanie jest rejestrowane za pomocą programu nagrywającego ekran komputera -czas badania jest nieoganiczony -wyniki badania pokażą sposoby poruszania się po stronie oraz ewentualne błędy
Pytania badawcze -czy w trakcie korzystania z serwisu sprawność jej obsługiwania polepsza się? -które sposoby wyszukiwania informacji są najchętniej użytkowane? -ile czasu zajmuje wyszukanie podanej informacji? -ile czasu zajmuje zamieszczenie na profilu pracy? -jakie trudności w obsłudze strony napotykają nowi użytkownicy?
Analiza wyników
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Wnioski końcowe
Scenariusz badania Osoba badana zapoznaje się ze stroną przez minutę. Respondent otrzymuje kartkę A4 z wydrukowanym poleceniem nr 1. Gdy zgłasza gotowość, zostaje uruchomiony stoper i kamera. Po wykonaniu polecenia, analogicznie wykonuje polecenie nr 2 a następnie polecenie nr 3. Polecenie nr 1 Wyszukaj projekt nowego logo Teatru Śląskiego.
Polecenie nr 2 Odszukaj na stronie profil Katowickiego studia projektowego Blank
Polecenie nr 3 Zamieść na profilu pracę z folderu Dokumenty/Badanie_Behance
Polecenie nr 1 zostaje ukończone po otwarciu podstrony z projektem mapy tramwajowej KZK GOP.
Polecenie nr 2 zostaje wykonane po kliknięciu na profil studia Blank.
Polecenie nr 3 zostaje wykonane po umieszczeniu w portfolio wszystkich plików z folderu.
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Wnioski końcowe
Polecenie 1 Wyszukaj projekt nowego logo Teatru Śląskiego.
użytkownik 1
Strona główna
użytkownik 2 użytkownik 3
Próby odnalezienia właściwej metody wyszukiwania
użytkownik 4 użytkownik 5
Wpisanie słowa klucza: theatre/silesia Scrollowanie Odnalezienie projektu zakończenie zadania 0
30
60
90
120 150 180 210 240
270 300 330 360
390 420 450
480 510 540 570 600
630 660 690 720 750
780 810
czas w sekundach
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Polecenie 1 - szczegółowa analiza drogi użytkownika 1 Wyszukaj projekt nowego logo Teatru Śląskiego.
Analiza wyników
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Polecenie 1 - szczegółowa analiza drogi użytkownika 2 Wyszukaj projekt nowego logo Teatru Śląskiego.
Analiza wyników
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Polecenie 1 - szczegółowa analiza drogi użytkownika 3 Wyszukaj projekt nowego logo Teatru Śląskiego.
Analiza wyników
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Polecenie 1 - szczegółowa analiza drogi użytkownika 4 Wyszukaj projekt nowego logo Teatru Śląskiego.
Analiza wyników
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Polecenie 1 - szczegółowa analiza drogi użytkownika 5 Wyszukaj projekt nowego logo Teatru Śląskiego.
Analiza wyników
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Polecenie 1 - wnioski i odniesienia do budowy strony Wyszukaj projekt nowego logo Teatru Śląskiego. Użytkownicy szybko odnajdują zakładkę pozwalającą na wyszukiwanie.
Wyszukiwarka oraz zakładka “Wyszukaj i eksploruj” umieszczone są w odpowiednim miejscu - respondenci instynktownie wiedzą, gdzie jej szukać.
Najwięcej czasu zajmuje wymyślenie użytkownikom odpowiedniego hasła do wpisania oraz znalezienie sposobu (okazuje się, że tylko jedna z wielu możliwości wyszukiwarki pozwala na odnalezienie konkretnej pracy).
Wyszukiwarka przystosowana jest do przeglądania zawartości, a nie wyszukiwania konkretnych projektów. Prace prawdpodobnie są źle tagowane lub wyszukiwarka nie bierze pod uwagę haseł zawartych w opisach prac. Wyszukiwanie wg. lokalizacji pozwala na obejrzenie ograniczonej liczby prac (przeznaczone jest dla kont premium).
Po wpisaniu słowo-klucza pozostałe etapy przebiegają dynamicznie.
Łatwo wśród innych projektów znaleźć ten, który nas interesuje.
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Wnioski końcowe
Polecenie 2 Odszukaj na stronie profil Katowickiego studia projektowego Blank
użytkownik 1
Strona główna
użytkownik 2 użytkownik 3
Próby odnalezienia właściwej metody wyszukiwania
użytkownik 4 użytkownik 5
Wpisanie w wyszukiwarkę słowa-klucza: blank
Zmiana filtru z Projekty na Zespoły
Zmiana lokalizacji na Katowice, Polska
Kliknięcie w projekt 0
5
10
15
20
25
30
35
40
45
50
55
60
65
70
75
80
85
90
100 105
110 120 125
czas w sekundach
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Polecenie 2 - szczegółowa analiza drogi użytkownika 1 Odszukaj na stronie profil Katowickiego studia projektowego Blank
Analiza wyników
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Polecenie 2 - szczegółowa analiza drogi użytkownika 2 Odszukaj na stronie profil Katowickiego studia projektowego Blank
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Polecenie 2 - szczegółowa analiza drogi użytkownika 3 Odszukaj na stronie profil Katowickiego studia projektowego Blank
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Polecenie 2 - szczegółowa analiza drogi użytkownika 4 Odszukaj na stronie profil Katowickiego studia projektowego Blank
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Polecenie 2 - szczegółowa analiza drogi użytkownika 5 Odszukaj na stronie profil Katowickiego studia projektowego Blank
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Polecenie 2 - wnioski i odniesienia do budowy strony Odszukaj na stronie profil Katowickiego studia projektowego Blank
Zakładka “Wyszukaj i eksploruj” jest szybko odnajdywana.
Wyszukiwarka oraz zakładka “Wyszukaj i eksploruj” umieszczone są w odpowiednim miejscu - respondenci instynktownie wiedzą, gdzie jej szukać.
Większość użytkowników instynktownie zaczyna wyszukiwanie od wpisania słowo-klucza. Trzech użytkowników początkowo problem z odnalezieniem sposobu na wyszukiwanie autorów projektów, jednak po rozwinięciu zakładki “Projekty” sprawnie odnajdują sposób na wykonanie polecenia.
W zakładkach pozwalających na zmianę filtru wyszukiwania nie jest jasna na pierwszy rzut oka ich funkcja - dopiero po kliknięciu na “Projekty” ukazują się możliwości zmiany filtrów.
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Wnioski końcowe
Polecenie 3 Zamieść na profilu pracę z folderu Dokumenty/Badanie_Behance
użytkownik 1
Strona główna
użytkownik 2 użytkownik 3 użytkownik 4
Mój profil
użytkownik 5
Szukanie przycisku Dodaj pracę/Prześlij plik Dodawanie pliku kalendarz.jpg Ustawienie okładki Ustawienia: dziedzina
Ustawienia: tagi, opis
Inne ustawienia Publikacja pracy zakończenie zadania 0
20
40
60
80
100 120
140 160 180 200 220
240
260 280 300 320
340 360 380 400 420 440 460 480 500 520
540 560w sekundach 580 600 620 640 czas
660
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Polecenie 3 - wnioski i odniesienia do budowy strony Zamieść na profilu pracę z folderu Dokumenty/Badanie_Behance
Wszyscy użytkownicy wykonywali polecenie w ten sam sposób, nie cofali się. Drogi wykonywania polecenia użytkowników różnią się jedynie czasem wykonania.
Dzięki etapom umieszczania pracy widocznych dla respondenta jest on świadomy na jakim jest poziomie, jak dużo mu zostało i co go czeka.
Przyciski “Dodaj pracę” i “Prześlij plik” zostają szybko odnalezione i odpowiednio rozpoznane.
Przycisk pozwalający umieścić pliki w portfolio odznacza się innym kolorem - jest łatwo zauważalny na pierwszy rzut oka.
Dość długo zajmuje użytkownikom ustawienie okładki
Po wpisywaniu tytułu projektu w trakcie dodawania okładki, tekst znikał po załadowaniu pliku. Konieczne jest kadrowanie okładki.
Wybranie dziedziny trwa najdłużej spośród wszystkich ustawień.
Duża ilość dziedzin do wyboru znacznie wydłuża proces.
Jeden z użytkowników nie zauważa innych ustawień, jak prawa autorskie oraz użyte narzędzia.
W pozostałych ustawieniach nie jest widoczna możliwość zmiany lub wpisania tekstu.
Wnioski końcowe
Analiza strony internetowej Behance.net Badanie użyteczności strony Wstęp Scenariusz badania
Analiza wyników
Wnioski końcowe
-czy w trakcie korzystania z serwisu sprawność jej obsługiwania polepsza się?
Zadanie pierwsze pozwoliło respondentom wypróbować sposoby wyszukiwania oraz zaznajomić się z elementami budowy. Kolejne polecenia przebiegały coraz sprawniej pod względem szybkości przechodzenia do kolejnych etapów.
-które sposoby wyszukiwania informacji są najchętniej użytkowane?
W trakcie badania zostały wykorzystane następujące sposoby wyszukiwania: wyszukiwarka, filtry (Projekty/Ludzie/Zespoły, Dziedziny, Lokalizacja, kolor). Wyszukiwarka została użyta najczęściej, pozostałe sposoby z podobną częstotliwością. Ani razu nie wykorzystano filtrów: Użyte narzędzia, Szkoły, polecane/najlepiej ocenione/najczęściej wyświetlane/najczęściej omawiane/najnowsze
-jakie trudności w obsłudze strony napotykają nowi użytkownicy?
Odnalezienie sposobu wyszukiwania doprowadzającego do odnalezienia konkretnego projektu/studia - wyszukiwarka jest przystosowana głównie do przeglądania. W trakcie tej czynności respondenci wykazują zainteresowanie wyświetlaną zawartością, zwracają uwagę na projekty, mimo, iż spowalnia to proces wykonywania zadania.
Wnioski końcowe