Użyteczność stron www
-
Upload
karol-wolski -
Category
Education
-
view
1.438 -
download
2
description
Transcript of Użyteczność stron www
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