Projektowanie serwisow WWW.
Usability - nauka zajmujaca sie ergonomia i funcjonalnoscia urzadzen jak i aplikacji.
W Polsce pojecie uzytecznosci stosowane jest zazwyczaj w odniesieniu do ergonomii serwisow WWW oraz aplikacji uzytkowych.
Skupia sie ona na:
1. Intuicyjnej nawigacji
2. Ulatwieniu poszukiwania informacji
3. Zapewnieniu zrozumialej dla uzytkownika informacji
Problemy z terminologia polska.
Uzytecznosc = funkcjonalnosc
Obecnie przyjelo sie, ze:
"funkcjonalnosc" to okreslenie ilosci funkcji, opcji czy mozliwosci danego programu / strony www.
"uzytecznosc" to latwosc korzystania z danego programu / strony www.
Wytyczne Usability:
=> trzymaj sie konwencji
=> nie kaz mi myslec
Konwencje w internecie:
duzo konwencji pochodzi ze swiata realnego zwlaszcza z prasy.
projektanci maja wrodzona niechec do wykorzytania konwencji.
konwencje i niepisane standardy sa bardzo przydatne i zazwyczaj sa sluszne, inaczej nie bylyby konwencjami.
umieszczenie elementow w pewnych standardowych miejscach ulatwia odnalezienie ich.
a. Logo w lewym gornym rogu serwisu jest konwencja.
b. Zmiana linkow juz odwiedzanych jest konwencja.
c. Pojecie koszyka w handlu internetowym jest konwencja.
Konstruktywne komunikaty.
Komunikaty systemu sa poprawne jesli:
> tlumacza co sie stalo.
> wskazuja miejsce problemu
> podaja rozwiazanie problemu
> jesli prosza o wpisanie danych, podaja ich format
Efektywne linki.
Tekst odnosnikow i opcji w menu nie powinien byc zbyt dlugi gdyz utrudnia to szybkie zrozumienie znaczenia
* dwa do czterech slow
* nalezy unikac frazy "kliknij tutaj"
Nalezy stosowac tytuly odnosnikow.
Linki tekstowe - nalezy trzymac sie konwencji
A. Podkreslenia
B. Niebieski kolor
C. Oznaczenie juz kliknietych
Nie nalezy otwierac linkow w nowym oknie.
Wyraznie nalezy zaznaczac elementy, ktore mozna wybrac.
Podstawy nawigacji.
Dzialajac zazwyczaj sie czegos szuka.
Dwa typy uzytkownikow:
=> nastawieni na wyszukiwanie
=> nastawieni na przegladanie
Zaleznie od charakteru uzytkownik pyta lub szuka na wlasna reke:
>> w internecie pytanie to zadawanie pytan wyszukiwarce
>> szukanie na wlasna reke to korzystanie z menu nawigacyjnego.
Glowne zadania nawigacji.
1. Nawigacja umozliwia odnajdywanie dokumentow w serwisie.
2. Nawigacja informuje gdzie uzytkownik znajduje sie w strukturze serwisu.
3. Nawigacja daje poczucie stabilnosci.
4. Mowi o tym, co sie znajduje w danym miejscu.
5. Mowi jak mozna z tego skorzystac.
6. Buduje zaufanie do autorow serwisu.
Projektowanie nawigacji.
Stala nawigacja => zbior elemntow nawigacyjnych pojawiajacych sie na wszystkich stronach serwisu. Sa to najczesciej:
♥ identyfikator strony
♥ lacze do strony startowej
♥ wyszukiwarka
♥ menu narzedziowe
♥ menu glowne
Stala nawigacja moze byc zmieniona badz nieobecna na stronie glownej oraz na stronach z formularzami.
Menu narzedziowe => zawiera 3-7 elementow, ktore uznaje sie za szczegolnie przydatne. Zazwyczaj sa to:
[*] strona glowna
[*] kontakt
[*] mapa serwisu
Punkty startowe => sa elementami strony glownej, ktore prowadza w glab struktury portalu. Dzieki taki uzytkownikom latwiej odnalezc najczesciej poszukiwane elementy portalu. Punkty startowe pokazuja tez co na stronie mozna znalesc i zrobic. Dzieki temu pozwalaja na szybkie zapoznanie sie z najwazniejszymi elementami calego portalu.
Sciezka nawigacyjna.
1. Pokazuje aktualna pozycje uzytkownika.
2. Pozwala na cofanie sie w strukturze.
3. Najlepszym separatorem jest znak ">"
4. Nalezy uzywac slowa "jestes tutaj" aby uzytkownik zrozumial znaczenie sciezki.
Intuicyjna struktura serwisu.
Struktura serwisu musi byc zorientowana na uzytkownika:
=> wazne sa wybory alternatywne. Gdy uzytkownik widzi calosc latwiej jest mu zadecydowac.
=> uzytkownicy nie wybieraja optymalnie lecz zadowalaja sie.
a. Uzytkownicy nie spiesza sie.
b. Nie ma duzej szkody jesli sie pomyla.
c. Zamiast oceniac wszystkie odnosniki wola kliknac wstecz gdy zle wybrali.
=> nalezy dbac o dobranie odpowiedniej glebokosci i szerokosci menu.
=> by dobrze rozplanowac nawigacje nalezy zdobyc przyklad tresci dla kazdego z poziomow serwisu.
Architektura informacji => prawidlowo zastosowana architektura informacji organizuje caly serwis tak, ze blyskawicznie wiadomo co jest wazne. Najblizsze porownanie to odpowiedni sklad gazety.
Dobra architektura informacji.
nalezy podzielic strone na wyrazne bloki funkcjonalne. Pozwala to uzytkownikom skupic sie tylko na tym co dla nich wazne.
im cos wazniejsze, tym bardziej sie wyroznia.
elelenty powiazane ze soba logicznie powinny byc powiazane tez w sposob wizualny.
elementy powinny byc wizualnie zagniezdzone.
Pytania na jakie musi odpowiedziec strona glowna:
= co jest tutaj?
= co oni tutaj maja?
= co moge tu zrobic?
= dlaczego powinienem tu byc, a nie gdzie indziej?
Budowanie zaufania do portalu.
latwa weryfikacja obiektywnosci informacji
powiazania rynkowe
latwy kontakt
aktualnosc informacji
unikanie bledow
adekwatna domena
dobre pozycje w wyszukiwarkach
zgodna z prawem i standarami
ostroznie z reklamami
profesjonalny wyglad
ludzie - podkreslanie roli pracownikow firmy
Barwa na ekranie => charakterystyka wrazenia barwy sklada sie z trzech nastepujacych czynnikow:
* odcienia
* jasnosci
* nasycenia
Systemy zarzadzania trescia (CMS).