Użyteczność stron WWW

Karol Wolski

Są na świecie technologie, które kochamy…

http://www.apple.com/

Chociaż obiektywnie nie są najlepsze…

Są też takie, które kochamy… trochę mniej…

http://www.laptopviews.com/assets/toshiba-satellite-m200-e413d-laptop.jpg

Dlaczego tak się dzieje?

Spostrzegana użyteczność

Spostrzegana łatwość obsługi

Spostrzegana przyjemność korzystania

Model Akceptacji Technologii (Davis, 1986):

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

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

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

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

Skąd to się wzięło

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

UX

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ę

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.

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

UKŁAD - PRZYKŁADY

Układ jednokolumnowy

Menu

Treść

Układ dwukolumnowy

Menu

Treść

Treść Treść

Układ dwukolumnowy

Menu

Treść

Treść Treść/Menu

Układ dwukolumnowy

Menu

Treść

Treść Treść/Menu

Układ trójkolumnowy

Menu

Treść Menu Menu

Układ trójkolumnowy

Menu

Treść

Treść Treść Treść

Układ blokowy/kostka - grid

Menu

Treść

Treść Treść Treść

Treść Treść Treść

MENU - RODZAJE

Klasyczne menu

Menu zakładki

Menu kaskadowe

Breadcrumbs

Chmura tagów

FORMULARZE REJESTRACYJNE

Gorzej

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

Niezrozumiałe nazwy kategorii

Opcja najlepsza

Opcja bardzo dobra

Długi, nudny, nieczytelny

Dzielenie na części

Czy pole nazwa użytkownika jest potrzebne?

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

Grupowanie podobnych elementów

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

Zaznaczanie aktualnie wypełnianego pola

A jednak się da

LOGOWANIE I REJESTRACJA

Źle

WYSZUKIWARKA

Wyszukiwarka w prawym górnym rogu

Coś tu jest źle…

Lepiej

Inaczej

PRZYCISK AKCJI I CEL BIZNESOWY

Większa rejestracja niż logowanie

CALL TO ACTION w dobrym miejscu

LANDING PAGE - KONWERSJA