Analiza strony internetowej Behance

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