Użyteczność stron www – wprowadzenie

44
Użyteczność stron WWW – wprowadzenie Karol Wolski

description

 

Transcript of Użyteczność stron www – wprowadzenie

Page 1: Użyteczność stron www – wprowadzenie

Użyteczność stron WWW – wprowadzenie

Karol Wolski

Page 2: Użyteczność stron www – wprowadzenie

Skąd to się wzięło

Page 3: Użyteczność stron www – wprowadzenie

Parę pojęć

• User experience (ang. "doświadczenie użytkownika"), w skrócie UX, to termin opisujący całość wrażeń jakich doświadcza użytkownik podczas korzystania z produktu interaktywnego.

• Pojęcie to używane jest najczęściej w odniesieniu do oprogramowania, serwisów internetowych lub urządzeń elektronicznych. W kontekście interakcji człowiek-komputer stosowane było już w latach 70. XX-wieku

Wikipedia

Page 4: Użyteczność stron www – wprowadzenie

UX

Page 5: Użyteczność stron www – wprowadzenie

UX design

• Projektowanie user experience (ang. user experience design) to projektowanie produktów interaktywnych ze szczególnym zwróceniem uwagi na to, aby interakcja z nimi dostarczała użytkownikom pozytywnych doświadczeń. Produkt powinien: – prezentować się w sposób atrakcyjny dla użytkownika

– być funkcjonalny, ergonomiczny, użyteczny

– korzystanie z niego powinno sprawiać przyjemność i dawać satysfakcję

Wikipedia

Page 6: Użyteczność stron www – wprowadzenie

UCD

• Projektowanie zorientowane na użytkownika (ang. User-centered design) to podejście do projektowania interakcji człowieka z komputerem w którym potrzeby, wymagania i ograniczenia końcowego użytkownika są szczegółowo badane na każdym etapie procesu projektowego. Jest jedną z podstawowych metod użyteczności.

Page 7: Użyteczność stron www – wprowadzenie

Użyteczność a funkcjonalność

• Funkcjonalność (functionality) – posiadanie przez program, aplikację czy stronę określonych funkcji oraz prawidłowe ich działanie

• Użyteczność (usability) – łatwość korzystania z tych funkcji

Page 8: Użyteczność stron www – wprowadzenie

TEORIA NORMANA

Page 9: Użyteczność stron www – wprowadzenie

http://2.bp.blogspot.com/bcNLvBRQdW8/TeD8pTe6PBI/AAAAAAAAE6I/TEcbeJROZ4M/s1600/black+hawk+cockpit+%25288%2529.jpg

Page 10: Użyteczność stron www – wprowadzenie

Aktywność użytkownika według Normana (2002)

Formułowanie celów

Intencja działania

Określenie sekwencji działań

Wykonanie sekwencji działań

Percepcja stanu rzeczywistego

Interpretacja stanu rzeczywistego

Ocena wyniku interpretacji

Page 11: Użyteczność stron www – wprowadzenie

Aktywność użytkownika według Normana (2002)

Formułowanie celów

Intencja działania

Określenie sekwencji działań

Wykonanie sekwencji działań

Percepcja stanu rzeczywistego

Interpretacja stanu rzeczywistego

Ocena wyniku interpretacji

Obszar wykonania

Page 12: Użyteczność stron www – wprowadzenie

Aktywność użytkownika według Normana (2002)

Formułowanie celów

Intencja działania

Określenie sekwencji działań

Wykonanie sekwencji działań

Percepcja stanu rzeczywistego

Interpretacja stanu rzeczywistego

Ocena wyniku interpretacji

Obszar wykonania Obszar ewaluacji

Page 13: Użyteczność stron www – wprowadzenie

Aktywność użytkownika według Normana (2002)

Luki w obszarze wykonania (gulf of execution)

Luki w obszarze ewaluacji (gulf of evaluation)

Rozdźwięk pomiędzy intencjami użytkownika a możliwymi do wykonania czynnościami, na jakie pozwala oprogramowanie lub urządzenie

Wysiłek, który musi podjąć użytkownik, aby zinterpretować stan, w jakim znajduje się urządzenie i odpowiedzieć sobie na pytanie, czy zakładany cel został osiągnięty

Page 14: Użyteczność stron www – wprowadzenie

Użytkownicy doceniają jakość i wiarygodność Użytkownicy szybko skanują strony WWW zamiast czytać ich treść

Użytkownicy są niecierpliwi i nie lubią odraczać gratyfikacji

Użytkownicy nie chcą czuć się głupio

(Cooper i wsp. 2007; Maier, Leggett; 2009)

Page 15: Użyteczność stron www – wprowadzenie

Użyteczność…

Page 16: Użyteczność stron www – wprowadzenie

UKŁAD

Page 17: Użyteczność stron www – wprowadzenie

Ślepota na bannery

Page 18: Użyteczność stron www – wprowadzenie
Page 19: Użyteczność stron www – wprowadzenie

CALL TO ACTION w dobrym miejscu

Page 20: Użyteczność stron www – wprowadzenie
Page 21: Użyteczność stron www – wprowadzenie

Większa rejestracja niż logowanie

Page 22: Użyteczność stron www – wprowadzenie
Page 23: Użyteczność stron www – wprowadzenie

Wyszukiwarka w prawym górnym rogu

Page 24: Użyteczność stron www – wprowadzenie
Page 25: Użyteczność stron www – wprowadzenie
Page 26: Użyteczność stron www – wprowadzenie

FORMULARZE REJESTRACYJNE

Page 27: Użyteczność stron www – wprowadzenie

Gorzej

Lepiej – Etykiety pól lepiej wyrównać do prawej

Page 28: Użyteczność stron www – wprowadzenie

Niezrozumiałe nazwy kategorii

Page 29: Użyteczność stron www – wprowadzenie
Page 30: Użyteczność stron www – wprowadzenie

Opcja najlepsza

Opcja bardzo dobra

Page 31: Użyteczność stron www – wprowadzenie

Długi, nudny, nieczytelny

Page 32: Użyteczność stron www – wprowadzenie

Dzielenie na części

Czy pole nazwa użytkownika jest potrzebne?

Page 33: Użyteczność stron www – wprowadzenie

Podział na kroki – dobre rozwiązanie przy bardzo długich formularzach

Page 34: Użyteczność stron www – wprowadzenie

Grupowanie podobnych elementów

Page 35: Użyteczność stron www – wprowadzenie

Walidacja pól w czasie rzeczywistym ALE nie zbyt wcześnie: https://www.goldenline.pl/rejestracja?source=register-main

Page 36: Użyteczność stron www – wprowadzenie

Zaznaczanie aktualnie wypełnianego pola

Page 37: Użyteczność stron www – wprowadzenie

A jednak się da

Page 38: Użyteczność stron www – wprowadzenie

MENU

Page 39: Użyteczność stron www – wprowadzenie

Klasyczne menu

Page 40: Użyteczność stron www – wprowadzenie

Menu zakładki

Page 41: Użyteczność stron www – wprowadzenie

Menu kaskadowe

Page 42: Użyteczność stron www – wprowadzenie
Page 43: Użyteczność stron www – wprowadzenie

Breadcrumbs

Page 44: Użyteczność stron www – wprowadzenie

Chmura tagów