kurs usability

Tomasz Karwatka

Efektywne i intuicyjne serwisy WWW

Darmowa publikacja, dostarczona przez

Zote Myli Sp z o.o.

Copyright for Polish edition by Tomasz Karwatka & ZloteMysli.pl

Data: 16.03.2006

Tytu: Efektywne i intuicyjne serwisy WWW

Autor: Tomasz Karwatka

Skad: Anna Popis-Witkowska

Niniejsza publikacja moe by kopiowana oraz dowolnie

rozprowadzana tylko i wycznie w formie dostarczonej przez

Wydawc. Zabronione s jakiekolwiek zmiany w zawartoci

publikacji bez pisemnej zgody Wydawcy. Zabrania si jej

odsprzeday, zgodnie z regulaminem Wydawnictwa Zote Myli.

Tomasz Karwatka

WWW: www.webusability.pl

Wszystkie wykorzystane ilustracje s wasnoci ich autorw i zostay uyte jedynie

w celach edukacyjnych.

Dystrybucja w Internecie, za zgod Autora

Internetowe Wydawnictwo Zote Myli

Zote Myli s.c.

ul. Plebiscytowa 1

44-100 Gliwice

WWW: www.ZloteMysli.pl

EMAIL: [email protected]

Wszelkie prawa zastrzeone.

All rights reserved.

TABLE OF CONTENTS

WSTP...................................................................................................................7Wstp / Kurs polecam...................................................................................................7Wstp / Czytajc kurs nauczysz si..............................................................................8Wstp / Kontakt i wsppraca......................................................................................8

WPROWADZENIE.................................................................................................9Wprowadzenie / Usability jako budowanie ergonomicznych i intuicyjnych w obsudze serwisw........................................................................................................9Wprowadzenie / Guru usability i rda wiedzy. Najwaniejsze ksiki i serwisy WWW..........................................................................................................................10Wprowadzenie / Okrelenie kluczowych celw usability............................................11Wprowadzenie / Jak przeliczy usability na gotwk i pozyska budet na zwikszanie usability serwisu......................................................................................12Wprowadzenie / Case..................................................................................................13

NAJWANIEJSZE WYTYCZNE.............................................................................14Najwaniejsze wytyczne / Niepisane standardy Internetu.........................................14

Najwaniejsze wytyczne / Case..............................................................................14Najwaniejsze wytyczne / Konwencje w Internecie...............................................14

Najwaniejsze wytyczne / Analiza i pisanie konstruktywnych komunikatw............15Najwaniejsze wytyczne / Case...............................................................................15

Najwaniejsze wytyczne / Efektywne linki.................................................................16Najwaniejsze wytyczne / Podstawy nawigacji...........................................................16

Najwaniejsze wytyczne / Dlaczego w Sieci nawiguje si trudniej.........................17Najwaniejsze wytyczne / Gwne zadania nawigacji............................................17

Najwaniejsze wytyczne / Projektowanie nawigacji..................................................19Najwaniejsze wytyczne / Projektowanie nawigacji / Staa nawigacja..................19Najwaniejsze wytyczne / Projektowanie nawigacji / Menu narzdziowe............19Najwaniejsze wytyczne / Projektowanie nawigacji / Punkty startowe................20Najwaniejsze wytyczne / Projektowanie nawigacji / Strona gwna....................21Najwaniejsze wytyczne / Projektowanie nawigacji / Jeste tutaj........................22Najwaniejsze wytyczne / Projektowanie nawigacji / Problemy z rozwijanym menu......................................................................................................................23Najwaniejsze wytyczne / Projektowanie nawigacji / cieka nawigacyjna (cieka powrotu, cieka okruszkw).................................................................................25

Najwaniejsze wytyczne / Struktura serwisu.............................................................26Najwaniejsze wytyczne / Struktura serwisu / Intuicyjna struktura serwisu.......26Najwaniejsze wytyczne / Struktura serwisu / Case..............................................27

Najwaniejsze wytyczne / Projektowanie wyszukiwarki............................................28Najwaniejsze wytyczne / Projektowanie wyszukiwarki / Intuicyjna wyszukiwarka.. .28

Najwaniejsze wytyczne / Architektura informacji....................................................29Najwaniejsze wytyczne / Architektura informacji / Dobra architektura informacji...............................................................................................................30Najwaniejsze wytyczne / Architektura informacji / Nazwa pod-strony:.............30

Najwaniejsze wytyczne / Budowa typowej strony....................................................31Najwaniejsze wytyczne / Test Kruga.........................................................................32

Najwaniejsze wytyczne / Case..............................................................................32

EFEKTYWNO SERWISW KORPORACYJNYCH.............................................34Efektywno serwisw korporacyjnych / Analiza wybranych serwisw korporacyjnych, opracowanie propozycji ulepsze....................................................34

Efektywno serwisw korporacyjnych / Case......................................................34Efektywno serwisw korporacyjnych / Projektowanie i badanie strony gwnej serwisu korporacyjnego..............................................................................................38

Efektywno serwisw korporacyjnych / Case......................................................39Efektywno serwisw korporacyjnych / Co musi znale si na stronie gwnej.41Efektywno serwisw korporacyjnych / Jakie problemy napotkasz projektujc stron gwn.........................................................................................................42

Efektywno serwisw korporacyjnych / Na jakie pytania musi odpowiada strona gwna.........................................................................................................43Efektywno serwisw korporacyjnych / Jak przekaza cel witryny odwiedzajcemu.....................................................................................................43Efektywno serwisw korporacyjnych / Zwikszanie iloci informacji...............44Efektywno serwisw korporacyjnych / Efekty najazdu......................................44

Efektywno serwisw korporacyjnych / Projektowanie cieek nawigacyjnych......46Efektywno serwisw korporacyjnych / Efektywne pisanie dla Internetu...............46

Efektywno serwisw korporacyjnych / Efektywne pisanie dla Internetu / Skuteczny w Internecie tekst.................................................................................46

Efektywno serwisw korporacyjnych / Budowanie zaufania do serwisu................47Efektywno serwisw korporacyjnych / Jak pogodzi multimedia i Flash z wytycznymi usability?.................................................................................................51Efektywno serwisw korporacyjnych / Reklama i marketing a usability. Zjawisko banner-blindness........................................................................................................53

EFEKTYWNO ECOMMERCE............................................................................54Efektywno eCommerce / Usability w systemie eCommerce...................................54Efektywno eCommerce / Co decyduje o sukcesie eCommerce - Barnes&Noble VS Amazon, Empik VS Merlin.........................................................................................54

Efektywno eCommerce / Sukces Amazon..........................................................54Efektywno eCommerce / Sukces Merlin.............................................................55Efektywno eCommerce / Czynniki sukcesu e-commerce...................................55

Efektywno eCommerce / Metody pomiaru efektywnoci eCommerce. Wspczynnik porzuce koszyka................................................................................56Efektywno eCommerce / Minimalizacja wspczynnika porzuce koszyka............57Efektywno eCommerce / Zwikszamy usability katalogu produktw, koszyka i procesu zamawiania....................................................................................................58

Efektywno eCommerce / Dobre przykady.........................................................58Efektywno eCommerce / Budujemy zaufanie uytkownikw do sklepu................64Efektywno eCommerce / Symulacja wpywu usability na zyski sklepu internetowego.............................................................................................................66

DOSTPNO .....................................................................................................67Dostpno / Kto i kiedy dyskryminuje klientw.......................................................67

Dostpno / Grupy uytkownikw oczekujce pomocy.......................................67Dostpno / Dostpno jako inicjatywa.............................................................68Dostpno / Gwne zasady.................................................................................68

Dostpno / Poznajemy oprogramowanie typu screen-reader dla uytkownikw niewidomych...............................................................................................................71

Dostpno / Case..................................................................................................71Dostpno / Testujemy dostpno serwisu dla niepenosprawnych.......................72

Dostpno / Case..................................................................................................72Dostpno / Testujemy serwis WWW na rnych platformach...............................74

Dostpno / Case..................................................................................................74Dostpno / Case..................................................................................................75Dostpno / Case..................................................................................................76

Dostpno / Kanay RSS jako nowy rodek komunikacji.........................................76

BADANIE USABILITY..........................................................................................78Badanie usability / Typy bada usability...................................................................78

Badanie usability / Testy funkcjonalnoci a testy grupowe...................................78Badanie usability / Testowanie..............................................................................78

Badanie usability / Niektre metody i narzdzia badawcze.......................................79Badanie usability / Ocena heurystyczna................................................................79Badanie usability / Sortowanie kart.......................................................................79Badanie usability / Analiza KLM ..........................................................................79Badanie usability / Badania eye-tracking..............................................................80Badanie usability / Badania user-experience.........................................................81

Badanie usability / Projektowanie badania user-experience...........................................................................................................81

Badanie usability / Ilu uytkownikw powinno bra udzia w testach?...............81

Badanie usability / Kogo i jak rekrutowa do testw?..........................................82Badanie usability / Typy testw user-experience..................................................82Badanie usability / Jak testowa?..........................................................................82Badanie usability / rodki techniczne podczas badania user-experience.............83

PROJEKTOWANIE ZGODNE Z USABILITY..........................................................84Projektowanie zgodne z usability / Etapy analizy usability w harmonogramie i budecie projektu.......................................................................................................84

Projektowanie zgodne z usability / Proces tworzenia serwisu..............................85Projektowanie zgodne z usability / Zesp............................................................86

Projektowanie zgodne z usability / Projektowanie struktury serwisu.......................87Projektowanie zgodne z usability / Case................................................................87

Projektowanie zgodne z usability / Projektowanie makiet funkcjonalnych strony gwnej........................................................................................................................87

Projektowanie zgodne z usability / Case................................................................87Projektowanie zgodne z usability / Projektowanie makiet funkcjonalnych kluczowych pod-stron.................................................................................................88

Projektowanie zgodne z usability / Case...............................................................88Projektowanie zgodne z usability / Poprawa jakoci serwisw WWW. Formuowanie zasad QA.....................................................................................................................89Projektowanie zgodne z usability / Automatyzacja testw QA..................................90

Projektowanie zgodne z usability / Case...............................................................90Projektowanie zgodne z usability / Wsppraca z agencj interaktywn. Jak formuowa swoje oczekiwania...................................................................................93

ZACZNIKI........................................................................................................94Top Ten Web Design Mistakes of 2005 .....................................................................94Kliencie, czego masz prawo wymaga od agencji interaktywnej................................95

LITERATURA.......................................................................................................99

POLECAM..........................................................................................................100

SZCZEGLN POMOC W PROMOWANIU I TWORZENIU KURSU ODGRYWAJ....101

EFEKTYWNE I INTUICYJNE SERWISY WWW

Tomasz Karwatka str. 7

WstpWstp

Czy zastanawialicie si, co decyduje o powodzeniu serwisw WWW?

Co sprawia, e uytkownicy chtniej przebywaj na niektrych

stronach? W gwnej mierze decyduje o tym usability, zwane te

uytecznoci. W moich szkoleniach pokazuj, jak budowa

intuicyjne w obsudze serwisy i udowadniam, jak wielki wpyw ma

uyteczno na finalny sukces kadego interaktywnego projektu.

Forma kursu ma uatwi szybkie zapoznanie si z nim. Wikszo

informacji zostaa podana w skondensowanej formie dziki czemu

moesz zapozna si z tymi elementami, ktre Ciebie najbardziej

interesuj, bez koniecznoci czytania caoci. Nawet przeczytanie

caoci nie zajmie Ci wicej ni 2 godziny.

Wstp / Kurs polecam

Osobom zwizanym z marketingiem, reklam i PR, wszystkim,

ktrzy wykorzystuj Internet do komunikacji ze swymi klientami,

dziennikarzami i otoczeniem biznesowym. Kurs ten szczegln

warto ma take dla osb planujcych lub prowadzcych

dziaalno handlow w Sieci.

Tomasz Karwatka jest autorem serwisu

http://www.webusability.pl i pracownikiem agencji interaktywnej

Janmedia (http://www.janmedia.pl).

Copyright by Wydawnictwo Zote Myli & Tomasz Karwatka



Wstp / Czytajc kurs nauczysz si

Co decyduje o efektywnoci serwisu WWW?

Jak prowadzi analiz usability i ocenia intuicyjno serwisu?

Jak skutecznie dociera do klientw, mediw i otoczenia

biznesowego poprzez efektywny serwis korporacyjny?

Jak zwiksza efektywno systemw eCommerce?

Co to jest wspczynnik porzuce koszyka i jak mona go

zmniejsza?

Czym s testy user-experience i jak je prowadzi?

Jak projektowa uyteczne serwisy WWW i wsppracowa

z agencj interaktywn?

Wstp / Kontakt i wsppraca

Serdecznie zapraszam kadego, kto chce pomc w promowaniu,

ulepszaniu, publikowaniu kursu do kontaktu

[email protected] (wicej danych kontaktowych na

http://www.tomik.info). Jestem otwarty na wszelkie pomysy na

wspprac w zakresie usability. Wicej materiaw edukacyjnych

oraz najnowsz wersj kursu zawsze mona znale na

http://www.webusability.pl.




WprowadzenieWprowadzenie

Wprowadzenie / Usability jako budowanie

ergonomicznych i intuicyjnych w obsudze

serwisw

Uyteczno (ang. usability, web-usability) - nauka zajmujca si

ergonomi i funkcjonalnoci urzdze oraz aplikacji. W Polsce

pojcie uytecznoci stosowane jest zazwyczaj w odniesieniu do

ergonomii serwisw WWW oraz aplikacji uytkowych.

Uyteczno w ich przypadku skupia si na:

intuicyjnej nawigacji,

uatwieniu skanowania w poszukiwaniu informacji,

zapewnieniu zrozumiaej dla uytkownika komunikacji.

Najpeniejsz definicj usability znajdziesz zawsze na Wikipedia:

http://pl.wikipedia.org/wiki/U%C5%BCyteczno%C5%9B

%C4%87_(web-usability)




Wprowadzenie / Guru usability i rda wiedzy.

Najwaniejsze ksiki i serwisy WWW

Designing Web Usability : The Practice of Simplicity, J. Nielsen

Don't Make Me Think : A Common Sense Approach to Web

Usability, S. Krug

Homepage Usability : 50 websites deconstructed, J. Nielsen,

M. Tahir

Strona domowa Jakoba Nielsena - http://www.useit.com/

Katalog linkw dotyczcych usability -

http://www.usableweb.com/

Stron J. Zeldmana, ordownika standardw sieciowych -

http://www.zeldman.com/

Polski serwisu o uytecznoci o uznanej marce -

http://www.uzytecznosc.pl/

Serwis grupy osb dbajcej o dostpno polskich WWW -

http://www.osiolki.net/

Mj serwis dotyczcy usability - http://www.webusability.pl




Wprowadzenie / Okrelenie kluczowych celw

usability

Serwis

korporacyjny

lub produktowy

Sklep

internetowy

Portal

Ilo informacji Maa rednia Maa bardzo

dua

Bardzo dua

Ilo

aktualizacji

Niska rednia rednia - dua Bardzo dua

Dla uytkownika

najwaniejsze

Efektywny kontakt

Poznanie

produktw, firmy

Wygodne

wyszukanie

produktu

Bezpieczestwo,

zaufanie

Obsuga i wygoda

Dostpno

informacji

Szybko

odnalezienia ich.

Dla serwisu

najwaniejsze

Zainteresowanie

uytkownika

Skonienie do

kontaktu/zakupu/

wizyty w salonie

Sprzeda

Budowanie

lojalnoci

Utrzymanie

uytkownika

w obrbie portalu.

Zainteresowanie

jak najwiksza

iloci informacji.

Podsumowanie Do atwo

budowa uyteczne

serwisy

korporacyjne

i produktowe

Optymalizacja

usability wymaga

zazwyczaj bada,

take bada typu

user experience

Konieczne

zaawansowane

testy i ostrone

projektowanie

usability.




Wprowadzenie / Jak przeliczy usability na

gotwk i pozyska budet na zwikszanie usability

serwisu

Przykad oparty na ksice Jakoba Nielsena:

Firma zatrudnia 10 000 pracownikw (np. ktry z polskich

bankw).

Warto czasu pracy to okoo 200 z za godzin (utracony zysk).

Jedna informacja na stronie gwnej jest nie- intuicyjna (np. le

napisany wstp aktualnoci lub nic nie mwicy link).

Kady z pracownikw powica dodatkowo 5 sekund

zastanawiajc si co oznacza.

Okoo 15% osb kliknie na link niepotrzebnie gdy nie zrozumiej,

e nie zawiera uytecznych dla nich informacji.

Kady z tych 10% spdzi minimum 30 sekund czytajc tekst zanim

zorientuje si, e nie zawiera uytecznych dla niego informacji.

Wejcie i wyjcie z artykuu zajmie im minimum 5 sekund.

Policzmy:

1. W pierwszym kroku tracimy 10 000 (pracownicy) * 5 s = 14 h,

co kosztuje 2800 z

2. W drugim kroku tracimy 10 000 * 10% * 35 s = 10 h

co kosztuje nas 2000 z




3. Zatem jedna nieoptymalna zmiana w serwisie kosztuje firm

jednorazowo prawie 5000 z.

Firma

Ilo pracownikw 10000

Koszt utraconej godziny pracy 200,00 z

Informacja

Dodatkowy czas na zrozumienie nie-intuicyjnego komunikatu

[s] 5

Ilo bdnych decyzji 10%

Czas utracony na skutek bdnej decyzji [s] 35

Straty

czas stracony w kroku 1 [h] 14

koszt kroku 1 2 778 z

czas stracony w kroku 2 [h] 10

koszt kroku 2 1 944 z

Razem 4 722 z

Tabela 1 - Jednorazowy koszt jednej nie-intuicyjnej informacji

Wprowadzenie / Case

Moesz otworzy plik ww. wylicze zapisany w formacie Excel

i samodzielnie przeprowadzi symulacj dla zmiennych parametrw.

Wszystkie materiay wiczeniowe s dostpne na

http://www.webusability.pl.




Najwaniejsze wytyczneNajwaniejsze wytyczne

Trzymaj si konwencji.

Nie ka mi myle!

Najwaniejsze wytyczne / Niepisane standardy

Internetu

Najwaniejsze wytyczne / Case

Zastanw si, jakie konwencje stosowane s w gazecie.

nagwek

podpis pod fotografi

...

Najwaniejsze wytyczne / Konwencje w Internecie

Duo konwencji pochodzi ze wiata realnego, zwaszcza z prasy.

Konwencje i niepisane standardy s bardzo przydatne i zazwyczaj

s suszne, inaczej nie byyby konwencjami :)

Projektanci maj wrodzon niech do wykorzystania konwencji.

Umieszczenie elementw w pewnych standardowych miejscach

uatwia odnalezienie ich.

Logo w lewym grnym naroniku serwisu jest konwencj.

Podkrelenie elementu bdcego linkiem jest konwencj.

Zmiana kolorw linkw ju odwiedzonych jest konwencj.

Pojcie koszyka w handlu internetowym jest konwencj.




Najwaniejsze wytyczne / Analiza i pisanie

konstruktywnych komunikatw

Rysunek 1 - Komunikat "bd pracy z systemem" brzmi do

enigmatycznie. Nie tumaczy, co si stao i co naley teraz zrobi.

Najwaniejsze wytyczne / Case

Wejd na wybrany serwis WWW lub portal.

Odszukaj komunikaty o nastpujcych sytuacjach

Wyszukiwarka brak wynikw wyszukiwania

Newsletter niepoprawny adres e-mail

Formularz kontaktowy niepoprawne dane lub brak danych

Inny komunikat systemu




Czy komunikaty systemu s poprawne?

Czy tumacz co si stao?

Czy wskazuj miejsce problemu?

Czy podaj rozwizanie problemu?

Czy jeli prosz o wpisanie danych, podaj ich format?

Najwaniejsze wytyczne / Efektywne linki

Tekst odnonikw i opcji w menu nie powinien by zbyt dugi,

gdy utrudnia to szybkie zrozumienie znaczenia.

Dwa do czterech sw.

Unikaj kliknij tutaj!

Stosuj tytuy odnonikw.

Linki tekstowe trzymaj si konwencji.

Podkrelenia.

Niebieski kolor (coraz czciej uwaa si, e to nie jest

konieczne).

Oznaczenie ju kliknitych.

Nie otwieraj linkw w nowym oknie.

Wyranie zaznacz elementy, ktre mona klikn.

Najwaniejsze wytyczne / Podstawy nawigacji

Dziaajc, zazwyczaj czego szukasz

Zalenie od charakteru - pytasz lub szukasz na wasn rk.

W Internecie pytanie to zadawanie pyta wyszukiwarce.

Szukanie na wasn rk to korzystanie z menu nawigacyjnego.




Dwa typu uytkownikw:

Nastawieni na wyszukiwanie od razu id do wyszukiwarki

Nastawieni na przegldanie wol przeglda strony

Najwaniejsze wytyczne / Dlaczego w Sieci nawiguje si

trudniej

Brak pojcia skali, nie wiesz, jak dua jest witryna, wic trudno

okreli, ile moe zaj jej przeszukanie.

Nieintuicyjne okrelanie pozycji i kierunku, nie przystaje do wiata

realnego

Surfowanie po Internecie z natury jest stanem pewnego

zagubienia.

J. Nielsen podaje, e a 30% wszystkich klikni w Internecie to

kliknicie przycisku Wstecz. To take kolejny argument, by unika

ramek i nawigacji opartej na Flash te elementy mog utrudnia

nawigowanie za pomoc przycisku Wstecz.

Najwaniejsze wytyczne / Gwne zadania nawigacji

Nawigacja umoliwia odnajdywanie dokumentw w serwisie.

Nawigacja informuje nas, gdzie jestemy w strukturze serwisu

(odpowiednie oznaczenie w menu).

Nawigacja daje nam poczucie stabilnoci (element stay).

Mwi o tym, co w danym miejscu si znajduje (pojcie menu).

Mwi, jak moemy z tego skorzysta.




Buduje zaufanie do autorw serwisu.

Rysunek 2 - Schemat nawigacji po serwisie, na podstawie S.Krug.




Najwaniejsze wytyczne / Projektowanie nawigacji

Najwaniejsze wytyczne / Projektowanie nawigacji / Staa

nawigacja

Zbir elementw nawigacyjnych pojawiajcych si na wszystkich

stronach serwisu. S to najczciej:

Identyfikator strony

cze do strony startowej

Wyszukiwarka

Menu narzdziowe

Menu gwne

Staa nawigacja moe by zmieniona bd nieobecna na stronie

gwnej oraz na stronach z formularzami (np. w systemach

patnoci).

Najwaniejsze wytyczne / Projektowanie nawigacji / Menu

narzdziowe

Zawiera od 3 do 7 elementw, ktre uznajemy za szczeglnie

przydatne. Zazwyczaj s to:

Strona gwna.

Kontakt.

Mapa serwisu.




Czsto wystpuj tutaj take cza takie jak:

Archiwum

Wyloguj si

Obsuga klienta

Forum dyskusyjne

Pliki do pobrania

FAQ

Pomoc

Jak zacz?

Wiadomoci prasowe

Polityka prywatnoci

Rejestracja

Wyszukiwarka

Koszyk

Zapisz si do nas

Adresy placwek

Twoje konto

Najwaniejsze wytyczne / Projektowanie nawigacji /

Punkty startowe

Punkty startowe s elementami strony gwnej, ktre prowadz

w gb struktury serwisu. Dziki temu uytkownikom atwiej

odnale najczciej poszukiwane elementy serwisu. Punkty

startowe pokazuj te, co na stronie mona znale i zrobi. Dziki




temu pozwalaj na szybkie zapoznanie si z najwaniejszymi

elementami caego serwisu.

Rysunek 3 - Punkty startowe w serwisie www.ingbank.pl

(zaznaczone tym markerem) uatwiaj dostp do opisu

najwaniejszych produktw banku.


Strona gwna.

Rni si od innych stron serwisu. Moe na niej obowizywa inny

system nawigacyjny ni na pod-stronach.




Najwaniejsze wytyczne / Projektowanie nawigacji / Jeste

tutaj.

Dziaa na zasadzie jeste tutaj na mapie

Stosowane najczciej w menu

Rysunek 4 - Bardzo dobrze wyrniony element.

Rysunek 5 - Lepiej byoby wyrni tylko ostatni element.




Rysunek 6 - Mocno wyrniony pierwszy poziom, ale zupeny brak

wyrnienia drugiego poziomu.


Problemy z rozwijanym menu

Dla oszczdzenia miejsca czsto stosuje si te menu rozwijane.

Generuje to jednak sporo problemw:

Nie mona obejrze zawartoci menu przed klikniciem.

Zazwyczaj s trudne do przegldania, zwaszcza jeli maj kilka

poziomw.

Jeli jest le skonstruowane, to wystpuj problemy

z dostpnoci.

Wyszukiwanie z poziomu przegldarki nie bdzie uwzgldnia

opcji menu dostpnych po rozwiniciu.

Rysunek 7 - Autorzy tej witryny nawet wyszukiwark umiecili

w rozwijalnym menu.




Menu rozwijanie doskonale sprawdzaj si w listach, np. z wyborem

kraju.

Rysunek 8 - Menu rozwijane pozwala na wygodny wybr kraju.

W sklepie internetowym na www.hp.pl zastosowano element

nawigacyjny nieco podobny - ale znacznie gorszy od rozwijanego

menu. Aby obejrze cae menu promocji, naley nawigowa

strzaeczkami. Prawdopodobnie dua cz uytkownikw nawet nie

zauway, e strona oferuje nie 6 grup promocji (widocznych po

zaadowaniu serwisu), ale a 13. Ponad poowa zawartoci stron nie

zostanie dobrze poznana z powodu le skonstruowanego menu.




Rysunek 9 - Strzaka przewijajca menu z promocjami jest sabo

widoczna, a cay mechanizm jest bardzo nieintuicyjny.

Rysunek 10 - Po klikniciu strzaki menu Promocje pokazuje swoje

nastpne skadniki.


cieka nawigacyjna (cieka powrotu, cieka okruszkw)

Pokazuje aktualn pozycj

Pozwala na cofanie si w strukturze

Najlepszym separatorem kolejnych poziomw jest znak >

Uywaj sowa jeste tutaj, aby uytkownik zrozumia znaczenie

cieki




Rysunek 11 - cieki nawigacyjne w bzwbk.pl oraz na About.com.

Najwaniejsze wytyczne / Struktura serwisu

Pracujesz w domu, chcesz kupi drukark. Jak opcj wybierzesz

w katalogu produktw sklepu internetowego - Home czy Office?

Najwaniejsze wytyczne / Struktura serwisu / Intuicyjna

struktura serwisu.

Struktura serwisu musi by zorientowana na uytkownika:

Wane s wybory alternatywne. Gdy uytkownik widzi cao,

atwiej jest mu zadecydowa.

Uytkownicy nie wybieraj optymalnie, lecz zadowalaj si.

Uytkownicy spiesz si.

Nie ma duej szkody, jeli si pomylimy.

Zamiast ocenia wszystkie odnoniki, wolimy ew. klikn

wstecz, gdybymy le wybrali.

Naley dba o dobranie odpowiedniej gbokoci i szerokoci

menu.

By dobrze rozplanowa nawigacj, naley zdoby przykad treci

dla kadego z poziomw serwisu.




Najwaniejsze wytyczne / Struktura serwisu / Case

Uruchom program FreeMind (do pobrania

z http://freemind.sourceforge.net/wiki/index.php/Main_Page#D

ownload)

Uruchom wybrany serwis internetowy

Zapisz jego struktur w programie FreeMind

Postaraj si wyrni bloki struktury serwisu, takie jak

menu gwne

menu narzdziowe / nagwek

stopka

punkty startowe

Zaproponuj now struktur serwisu.

Now map serwisu moesz wykona zgodnie z niej

zaprezentowanym schematem.

Zaproponuj optymalny stosunek szerokoci do gbokoci

menu.

Zwr uwag na intuicyjne nazwy sekcji i dokumentw

Postaraj si stworzy dodatkowe elementy nawigacyjne

w postaci punktw startowych i innych poznanych

mechanizmw.




Rysunek 12 - Stara i nowa struktura serwisu WWW.

Najwaniejsze wytyczne / Projektowanie

wyszukiwarki

Najwaniejsze wytyczne / Projektowanie wyszukiwarki /

Intuicyjna wyszukiwarka

Wyszukiwarka dla uytkownika to:

pole tekstowe,

przycisk z wyrazem Szukaj

Kolejny raz trzymaj si konwencji wikszo osb poszukuje

sowa Szukaj, nie uywaj jego mniej popularnych synonimw:

Znajd

Szybkie wyszukiwanie

Jeli jako etykiet bloczka uywasz sowa Szukaj, to na przycisku

moesz umieci sowo Start. W USA jest to duo popularniejsze

rozwizanie ni w Polsce.




Nie trzeba ju edukowa uytkownikw tekstami typu Wpisz

sowo kluczowe.

Upewnij si, e uytkownik zna zakres wyszukiwania.

Domylnie wyszukiwanie w caej witrynie.

Kade dodatkowe pole konfiguracji wyszukiwarki moe sprawia

uytkownikom trudnoci dobra wyszukiwarka to prosta

wyszukiwarka.

Im dusze pole wyszukiwania, tym dusze zapytanie wpisuj

uytkownicy, dziki temu otrzymuj bardziej precyzyjne wyniki.

Moliwo filtrowania i wyszukiwania zaawansowanego dopiero

na stronach wynikw.

Rysunek 13 - Zasoby Allegro s olbrzymie, ale wyszukiwarka jest

prosta i przejrzysta. Dopiero link zaawansowane prowadzi do

rozbudowanych mechanizmw wyszukiwania.

Najwaniejsze wytyczne / Architektura informacji

Prawidowo zastosowana architektura informacji organizuje cay

serwis tak, e byskawicznie wiemy, co jest wane. Najblisze

porwnanie to odpowiedni skad gazety.




Najwaniejsze wytyczne / Architektura informacji / Dobra

architektura informacji

Podziel stron na wyrane bloki funkcjonalne. Pozwala to

uytkownikom skupi si tylko na tym, co dla nich wane.

Im co waniejsze, tym bardziej si wyrnia.

Elementy powizane ze sob logicznie powinny by powizane te

w sposb wizualny.

Elementy powinny by wizualnie zagniedone.

Najwaniejsze wytyczne / Architektura informacji / Nazwa

pod-strony:

Nazwa strony powinna dociera do uytkownika jako:

Podwietlenie opcji w menu, w jakiej jestem

Wyrana nazwa strony w czci contentowej (przeznaczonej na

tre) serwisu

Nazwa strony jako tytu umieszczona w pasku przegldarki

Nazwa musi by zgodna z tym, co kliknem lub jak najbardziej

zbliona




Najwaniejsze wytyczne / Budowa typowej strony

Rysunek 14 - Typowy layout serwisu WWW.

Rysunek 15 Makieta strony gwnej serwisu.




Najwaniejsze wytyczne / Test Kruga

Steve Krug proponuje nastpujcy test serwisu WWW:

Niezalenie od tego, na jakiej pod-stronie serwisu si znajdziesz,

powiniene byskawicznie mc odpowiedzie na pytania:

Co to jest za witryna (identyfikator witryny)?

Na jakiej jestem stronie (nazwa strony)?

Jakie s gwne kategorie?

Jakie mam opcje do wyboru na tym poziomie struktury?

Gdzie znajduj si w odniesieniu do caej struktury?

W jaki sposb mog czego poszuka?

Najwaniejsze wytyczne / Case.

Wykonanie testu Kruga dla wybranej witryny.

Wybierz losowo dowoln stron internetow i wydrukuj j.

Kartk z wydrukiem trzymaj przed sob na odlego rki lub

mocno zmru oczy, aby nie mg widzie detali.

Tak szybko, jak to moliwe, sprbuj odnale i zaznaczy wszystkie

niej wymienione elementy.

Logo witryny

Nazwa strony

Kategorie i podkategorie

Nawigacja lokalna




Oznaczenie tutaj jeste

Wyszukiwark

Nastpnie odpowiedz na ponisze pytania

Co to jest za witryna (identyfikator witryny)?

Na jakiej jestem stronie (nazwa strony)?

Jakie s gwne kategorie?

Jakie mam opcje do wyboru na tym poziomie struktury?

Gdzie znajduj si w odniesieniu do caej struktury?

W jaki sposb mog czego poszuka?




Efektywno serwisw korporacyjnychEfektywno serwisw korporacyjnych

Efektywno serwisw korporacyjnych / Analiza

wybranych serwisw korporacyjnych, opracowanie

propozycji ulepsze

Efektywno serwisw korporacyjnych / Case

Przeanalizuj witryny. Jakie problemy rzucaj Ci si w oczy

w pierwszej kolejnoci?

Rysunek 16 www.bzwbk.pl




Moim zdaniem gwne problemy z uytecznoci serwisu to:

Menu Usugi dla Ciebie trzeba przewija okienko, co

uniemoliwia szybkie zapoznanie si z list usug.

Nazwa sekcji w menu gwnym Home: Dla Ciebie brzmi co

najmniej dziwnie i dwuznacznie.

Dla wielu osb automatyczne przeczenie z gwnej domeny

www.bzwbk.pl na www.dlaciebie.bzwbk.pl nie bdzie jasne i nie

zrozumiej, e tak naprawd znaleli si w sekcji dla klientw

indywidualnych. Klienci korporacyjny mog mie powane

problemy z zauwaeniem, e aby przej do swojej sekcji serwisu,

musz wybra link tekstowy na grze serwisu.

Nazwy gwnych sekcji niewiele mwi, lepiej, by tego typu

sformuowania byy punktami startowymi, a menu gwne, by

pozostao w formie zblionej do nawigacji znanej z innych bankw.

Wyszukiwarka znajduje si w do nietypowym dla niej miejscu.

Zastpienie przycisku Szukaj linkiem jest do nietypowe i moe

utrudnia zrozumienie wyszukiwarki.

Nie mona wrci z pod-stron serwisu poprzez kliknicie na logo.

Podawanie daty na stronie banku w strategicznym miejscu

uwaam za strat cennej przestrzeni. Podobnie odbieram

przeznaczenie praktycznie caego widocznego obszaru ekranu

w sekcji rodkowej na gigantyczny banner reklamowy. Co gorsza

banner ten czsto powtarza si w innych sekcjach gwnych.

Klikajc kolejne elementy menu gwnego, uytkownik moe

nawet nie zauway, e zmienia si dolna cz strony (banner i

menu produktowe pozostaj takie same).




Rysunek 17 - www.bat.com.pl

Moim zdaniem gwne problemy z uytecznoci serwisu

to:

Menu gwne pisane w pionie i w dodatku bardzo skomplikowane

(dugie nazwy). Szalenie utrudnia korzystanie z serwisu. Na

szczcie niedawno menu to zostao zmienione na ukad poziomy.

Bardzo nieczytelna czcionka w menu narzdziowym na grze

serwisu.

Wyszukiwarka jest dostpna na stronie gwnej, nie ma potrzeby

w menu gwnym tworzy osobnego odnonika do wyszukiwarki.




Serwis zachowuje si bardzo nietypowo po wybraniu z sekcji

narzdziowej linku Inne rynki. Musimy dwa razy potwierdzi, e

rzeczywicie chcemy przej na inny serwis.

Poczenie w jedynym bloczku wyszukiwarki i menu dziaa

dezorientujco. Zazwyczaj takie zestawienie listy rozwijanej

i wyszukiwarki suy do zawenia wynikw wyszukiwania. Tutaj

jednak kady z elementw dziaa niezalenie.

Ponadto menu Zobacz zawiera przed kad opcj tajemnicze

liczby.

Rysunek 18 - Strona informuje nas, e opuszczamy serwis

www.bat.com.pl i od tego momentu firma nie ponosi

odpowiedzialnoci za materiay zawarte na stronach.




Rysunek 19 - Tajemnicze liczby przed opcjami menu z pewnoci nie

pomagaj w nawigacji.

Efektywno serwisw korporacyjnych /

Projektowanie i badanie strony gwnej serwisu

korporacyjnego

10 sekund to maksymalny czas skupienia uwagi przez

uytkownika. Powyej tego czasu uytkownicy zaczynaj si

zajmowa swoimi sprawami. Czas przejcia pomidzy stronami

nie powinien przekracza tego czasu. Optymalny czas to 0,1 - 1 s,

gdy wtedy przepyw myli nie zostaje przerwany.

Bardzo wane jest, aby czas odpowiedzi by przewidywalny.

Pobieranie stron gwnych najwikszych firm internetowych

zabiera do 10 s.




Efektywno serwisw korporacyjnych / Case

Zbadaj szybko adowania wybranych stron.

(Podobne informacje znale mona w panelu Info przegldarki

Opera)

Pobierz z adresu

http://www.nils.org.au/ais/web/resources/toolbar/index.html

Web Accessibility Toolbar i zainstaluj go.

Uruchom InternetExplorer

Wejd na wybrany serwis internetowy

Kliknij Doc info -> Page Weight/Speed




Odczytaj ciar strony oraz czas pobierania

Z poziomu tego samego narzdzia moesz wywoa take Doc info

-> Page speed report

Drugie narzdzie generuje peen raport, uwzgldniajc realny czas

potrzebny na zaadowanie caego serwisu. Jest zatem bardziej

wiarygodn, ale dziaajc wolniej metod




Rysunek 20 - Wygenerowany raport zawiera take przydatne porady.

Efektywno serwisw korporacyjnych / Co musi znale

si na stronie gwnej

Tosamo witryny, koncepcja

Struktura witryny

Co ja tu mog znale

Co ja tu mog zrobi

Autoreklama

Branding marki i firmy

Reklama zwartoci

Reklama funkcjonalnoci

Oznaki aktualnoci i ycia

Linki do najczciej odwiedzanych miejsc

Punkty startowe




Rejestracja, elementy budowania spoecznoci itp.

Elementy budujce zaufanie

Efektywno serwisw korporacyjnych / Jakie problemy

napotkasz projektujc stron gwn

Kady chce by na stronie gwnej

Kady chce by widoczny bez przewijania ekranu

Kady (o zgrozo, nawet Prezes!) ma swoje zdanie na temat strony

gwnej, buduje ona wizerunek firmy

Musi odwoywa si do wszystkich odwiedzajcych serwis, czasem

to bardzo zrnicowane grupy

Rysunek 21 - Tylko cz witryny wida bez koniecznoci

przewijania, jest to szczeglnie cenny obszar.




Efektywno serwisw korporacyjnych / Na jakie pytania

musi odpowiada strona gwna

Co to jest?

Co oni tutaj maj?

Co mog tu zrobi?

Dlaczego powinienem by tu, a nie gdzie indziej?

Efektywno serwisw korporacyjnych / Jak przekaza cel

witryny odwiedzajcemu

Slogan reklamowy

Tekst powitalny

Rysunek 22 - Tekst wprowadzajcy wraz z rysunkiem pokazujcym

jak w 3 krokach skorzysta z usug serwisu




Efektywno serwisw korporacyjnych / Zwikszanie iloci

informacji

Sekwencyjne wywietlanie reklam

Z moliwoci ingerencji uytkownika w sekwencj (poprzednia,

nastpna)

Rotujce bannerki

Efektywno serwisw korporacyjnych / Efekty najazdu.

Dla zaoszczdzenia miejsca stosuje si czsto efekty polegajce na

wywietlaniu opisu dopiero po wskazaniu elementu kursorem.

Generuje to mnstwo problemw:

Sam musisz odszuka i sprawdzi wszystkie potencjalne

elementy, ktre mog by elementami menu.

W danej chwili moesz wywietli tylko jeden opis, nie mona

zatem porwna wszystkich opcji.

Nie zawsze pojawiaj si w bezporednim ssiedztwie kursora,

musimy kierowa wzrok raz na kursor, raz na opis.

Nie pozwalaj na ocen zawartoci strony bez wchodzenia

w interakcj.

Sugeruj odwrcenie sytuacji czytelne menu tekstowe, po

wskazaniu elementu menu uruchamia si jaka interakcja lub

pojawia element graficzny.




Rysunek 23 - Cae menu ukryte jest pod niepozornymi kropeczkami

po prawej na dole, dopiero po wskazaniu kropeczki kursorem

pokazuje si jej opis.

Rysunek 24 - Zadanie dla domylnych! Znajd menu na tym zarzucie

ekranu. Menu ukryte zostao pod kwadracikami obok nutki. Nutka

i kwadraciki sugeruj, e ten element suy do kontroli gonoci.

Niestety pod tym niepozornym elementem znajduje si cae menu

serwisu.





Projektowanie cieek nawigacyjnych

Jak powinien zachowa si uytkownik w serwisie WWW

Po co przychodzi?

Na jakich stronach koczy nawigacj?

Efektywno serwisw korporacyjnych / Efektywne

pisanie dla Internetu

Czytanie z ekranw komputera jest okoo 25% wolniejsze od

czytania z papieru.

Efektywno serwisw korporacyjnych / Efektywne pisanie

dla Internetu / Skuteczny w Internecie tekst

50% tekstu mniej ni na papierze.

Stosuj zasad odwrconej piramidy od ogu do szczegu.

O zasadzie odwrconej piramidy przeczytasz na

http://www.useit.com/alertbox/9606.html .

Mniej sw oznacza, e

jest mniej chaosu na stronie,

treci uyteczne s lepiej widoczne,

nie trzeba przewija stron.

Kiepskie leady (zajawki, wprowadzenia do tekstu) to strata czasu

i miejsca jeli tekst nie przekazuje przydatnych informacji, nie

jest dobrym leadem na stron www.




Pisanie instrukcji obsugi do stron mija si z celem, serwis

powinien sam si wyjania. Oczywicie niekiedy instrukcja jest

wymagana dla budowania zaufania lub ze wzgldu na zgodno

z prawem, ale skorzysta z niej bardzo mao uytkownikw.

Wykorzystaj struktur HTML

H1 H7,

ALT,

TITLE.

We pod uwag SEO (Search Engine Optimization

Optymalizacja dla wyszukiwarek).

Nasycenie sowami kluczowymi

Spjno tytuu, metatatagw i treci.

Uytkownicy surfujcy po Sieci, gdy zatrzymuj si by czyta,

czuj si mniej produktywni. Nie s skonni powieci na czytanie

tyle samo czasu, co na czytanie wersji papierowej tekstu.


Budowanie zaufania do serwisu.

atwa weryfikacja obiektywnoci informacji zamieszczaj linki do

materiaw rdowych, przypisy, bibliografie. Powouj si na

obiektywne badania i organizacje. Nawet jeli uytkownik nie

sprawdzi wszystkich linkw, to istnienie ich oraz to, e nie boisz

si weryfikacji danych zbuduje pozytywny obraz serwisu.




Firma z krwi i koci czasem nawet due organizacje mog nie

by znane wszystkim uytkownikom Sieci. Warto podkrela, e

serwis jest tylko odbiciem istniejcej organizacji. Elementy

przydatne w tym procesie to podawania adresw biur oraz osb

kontaktowych (jeszcze lepiej, jeli ze zdjciem).

Powizania rynkowe firma, ktra dziaa poza rynkiem, nie budzi

zaufania, warto jest napisa, jakich klientw si obsuguje, do

jakich organizacji naley. Wszystkie te elementy umiejscowi

w oczach klienta Twoj firm gdzie na mapie powiza

biznesowych. Czsto tego typu informacje pozwalaj te

byskawicznie oceni klientowi, czy rozmiar biznesu, jaki prowadzi

Twoja firma, jest odpowiedni do tego kogo poszukuje.

Ludzie podkrelanie roli pracownikw firmy, listowanie

kluczowych osb wraz z krtkim opisem i kontaktem oraz

pokazywanie wiatu profesjonalizmu swych pracownikw

i ekspertw prawie zawsze buduje pozytywny obraz firmy. Warto

podkreli projekty zwizane z rozwojem pracownikw oraz

polityk odpowiedzialnoci spoecznej. Dobrym pomysem moe

by zachcenie kluczowych osb do budowania wizerunku firmy

poprzez prowadzenie bloga. Blog Webusability.pl, przy caej

obiektywnoci jak staram si zachowa, skierowa kilka osb do

Janmedia. Po prostu ludzie ci chcieli dowiedzie si, gdzie pracuj.

Jeli masz ludzi, ktrzy znaj si na rzeczy i lubi pisa, postaraj

si wykorzysta ten potencja.

atwy kontakt moliwo rnorodnego i wygodnego kontaktu

jest dla uytkownikw kolejnym sygnaem, e firma jest otwarta

na ich potrzeby. Szczeglnie tam, gdzie klienci mog oczekiwa




wsparcia, szalenie istotne jest eksponowanie atwoci nawizania

kontaktu.

Profesjonalny wygld bardzo wielu uytkownikw do wstpnej

selekcji znalezionych w Sieci serwisw uywa kryterium

estetycznego. Oczywicie to poniekd sprawa gustu, jednake

praktycznie kady szybko odrni dobry, starannie i dokadnie

wykonany layout od nieprofesjonalnego projektu graficznego.

Warto te pamita, e layout o wyranie przestarzaym wygldzie

bdzie budowa taki sam obraz firmy w oczach klienta. Warto

zatem raz na 2-3 lata odwiea layout serwisu. Zwaszcza e

obecnie dziki oddzieleniu warstwy treci od warstwy prezentacji

zmiana szaty graficznej nie wie si z tak duymi wydatkami jak

kiedy.

Aktualno informacji najprostsza i sprawiajca klientom

najwicej problemw wytyczna. Tworzc serwis WWW naley

zastanowi si realnie, ile czasu bdzie mona powica na jego

aktualizacj. Dopiero po tym ustaleniu naley planowa

funkcjonalnoci serwisu. Dziki temu unikniecie stworzenia

dziaw i funkcjonalnoci wymagajcej zbyt wiele wysiku

w aktualizacji. W ofertach, jakie tworz dla klientw, ten element

wpisuj do sekcji analiza ryzyka

Ostronie z reklamami zbyt dua ilo reklam skutecznie utrudni

budowanie zaufania do serwisu. Moe by bardzo trudno namwi

uytkownikw do prenumeraty newslettera, jeli z iloci reklam na

stronie wywnioskuj, e firma zaleje ich spamem.

Unikaj bdw literwki, bdy ortograficzne i poamane linki

mog zniszczy budowane tak starannie zaufanie do serwisu.




Metodyczne podejcie do problemu powinno polega na uywaniu

oprogramowania CMS, wspierajcego prac grupow, gdzie kady

publikowany tekst moe zosta sprawdzony przez korektora.

Powinno si tworzy te repozytorium plikw i linkw, aby nie

trzeba byo za kadym razem wpisywa ich rcznie.

Adekwatna domena oczywiste jest, e im lepszy adres ma firma,

tym wikszym zaufaniem si cieszy. W Sieci prawo to nadal

obowizuje. Naley wybra prost do zapamitania domen

i wzi pod uwag szereg dodatkowych czynnikw ot choby, czy

dyktowanie jej przez telefon nie bdzie problematyczne. Jako

niepisany standard przyjmuje si zakadanie domen bez

mylnikw ani podkrele. Wanie w ten sposb Twoj firm

bdzie szukao najwicej interanutw. Firmy o dugiej nazwie

mog rozway wykupienie domeny z pen nazw oraz z nazw

skrcon dla osb, ktre s bliej zwizane z firm i zapamitaj

taki skrcony adres.

Dobre pozycje w wyszukiwarkach take wiadcz w oczach

interanutw o jakoci serwisu. W gruncie rzeczy tak jest - tylko

dobrze wykonane strony z ciekaw treci mog znale si

wysoko w rankingach coraz inteligentniejszych wyszukiwarek.

Warto zadba o to, by strona bya skonstruowana w sposb

zapewniajcy dobr wspprac z wyszukiwarkami.

Zgodno z prawem i standardami - jednym z kluczowych

elementw budowania zaufania do serwisu jest zgodno

z prawem oraz standardami. W Polsce prawo nakazuje midzy

innymi, e jeli zbierasz dane o uytkownikach, powiniene




zarejestrowa si w GIODO, jeli prowadzisz serwis administracji

publicznej, powinien on by dostpny dla niepenosprawnych.

Uytkownicy doceniaj te zgodno ze standardami poprawnoci

kodu oraz poprawne wywietlanie serwisu we wszystkich

przegldarkach. Warto powici chwil na odpowiednie testy.

Poprawno kodu sprawdzi mona narzdziem

http://validator.w3.org.

Efektywno serwisw korporacyjnych / Jak

pogodzi multimedia i Flash z wytycznymi

usability?

Informowa o wielkoci plikw i czasie adowania

Informowa o postpie w pobieraniu

Zawsze udostpniaj podgld danego pliku multimedialnego, ktry

zachci uytkownika do pobrania odpowiedniego dekodera,

wtyczki, ...

Staropolskie przysowie mwi o tym, e najbezpieczniej jest

uywa wtyczek i multimediw o jedn wersj starszych od

najnowszych.

Zastanw si nad dostpnoci tworzonych multimediw.

Dostpno klipw video dla guchoniemych - napisy

Uytkownicy nienawidz poruszajcego si tekstu typu

tamocig. Generalnie uwaaj, e nie niesie on nigdy wanej

treci i nie czytaj go z zasady.




Uytkownicy nienawidz muzyki na stronach WWW. Dwiki

wspgrajce z interfejsem s duo lepiej odbierane.

Nawigacja 3D nie jest popularna (ilu z Was ma prawo jazdy, a ilu

licencj pilota?). Prawie zawsze efektywniejsze s mechanizmy

nawigacyjne oparte na 2D.

Unikaj naladowania wiata rzeczywistego, nawigacja

internetowa jest przecie wygodniejsza (np. byskawiczne

przenoszenie si dziki linkom).

Rysunek 25 - SearchScapes, http://searchscapes.net, trjwymiarowa

mapa informacyjna Manhattanu.

Bardzo ciekawy eksperyment, ale codzienna nawigacja w takim

serwisie byaby udrk.




Rysunek 26 - etlumacz.pl, niestety haso o szanowaniu klienta

rozmija si z... nawigacj, ktra nie pozwala na dotarcie

do informacji.

Efektywno serwisw korporacyjnych / Reklama

i marketing a usability. Zjawisko banner-blindness

Odnoniki reklamowe powinny prowadzi na konkretne pod-

strony. 20-30% uytkownikw wciska Wstecz, gdy po klikniciu

odnonika dostaj stron gwn.

Zjawiskiem szczeglnie niebezpiecznym jest banner blindness

uytkownicy podwiadomie filtruj wszystkie przekazy zblione

rozmiarem i zachowaniem do reklam. Paradoksalnie - im bardziej

krzykliwy i ruchomy jest element graficzny, tym wiksza szansa, e

nie zostanie w ogle wiadomie zarejestrowany.




Efektywno eCommerceEfektywno eCommerce

Efektywno eCommerce / Usability w systemie

eCommerce

Rysunek 27 - Przykad sklepu Trpros.com pokazuje, jak dodanie

dodatkowych kanaw skadania zamwie zwiksza sprzeda.

Efektywno eCommerce / Co decyduje o sukcesie

eCommerce - Barnes&Noble VS Amazon, Empik VS

Merlin

Efektywno eCommerce / Sukces Amazon

Start w 1994 roku jako ksigarnia internetowa. Zaoycielem jest

Jeff Bezos




adna ksigarnia rzeczywista nie pomieci takiego wyboru

tytuw co sklep internetowy.

Rozpoczcie sprzeday w 1995.

Technologia 1 click

Wejcie na gied w 1997.

Pierwszy zysk w 2002.

Efektywno eCommerce / Sukces Merlin

Rozpoczcie sprzeday w 1998 jako polski odpowiednik Amazon

Pierwszy zysk w 2003

Efektywno eCommerce / Czynniki sukcesu e-commerce

Rysunek 28 - Wyniki sondy Dlaczego korzystasz z danego sklepu

internetowego.




Efektywno eCommerce / Metody pomiaru

efektywnoci eCommerce. Wspczynnik

porzuce koszyka

Jak oblicza wspczynnik porzuce koszyka?

Dlaczego uytkownicy porzucaj koszyki?

35% - dodatkowe koszty zamwienia, dugi okres oczekiwania

35% - proces skadania zamwienia wymaga podania zbyt wielu

informacji




Rysunek 29 - Amazon.com nadal przez wielu uwaany jest za sklep

wytyczajcy standardy usability

Efektywno eCommerce / Minimalizacja

wspczynnika porzuce koszyka

Upraszczanie procesu sprzedaowego

Budowania zaufania

Odpowiadanie na pytania uytkownikw

Kiedy dostawa?

Ile kosztuje dostawa?

Czy mog to zwrci?

Jak dziaa gwarancja?

Czy s jakie dodatkowe koszty?




Rysunek 30 - Proces sprzedaowy w sklepie www.e-lady.pl

Efektywno eCommerce / Zwikszamy usability

katalogu produktw, koszyka i procesu zamawiania

Efektywno eCommerce / Dobre przykady

Rysunek 31 - Pakowanie ozdobne gratis

Rysunek 32 - Darmowa dostawa ju od ..


Za kon

to

Id do kasy

dalej

Kupuj dalej

Dodaj do koszyka Zarejestrowani klienciNiezarejestrowani kliecni

Wylij zamwienie

wstecz

wstecz

Identyfikacja uytkownika

Reje

struj

Dalej

Dalej

Podzikowanie

E-mail i haso

Twj koszyk

Szczegy zamwienia Podsumowanie

Lista produktw

Rejestracja uytkownika

E-mail



Naley utworzy dobrze widoczny dzia z informacjami

administracyjnymi. Powinien on odpowiada na wszystkie pytania

uytkownikw oraz zawiera wszelkie informacje wymagane przez

prawo.

Rysunek 33 - Rozbudowana stopka serwisu powicona sprawom

administracyjnym

Mona doda mechanizm marketingu wirusowego (pole

znajomemu) odnoszcy si bezporednio do produktu (wskazanie

produktu w katalogu).

Zwrcenie uwagi na moliwo byskawicznej dostawy.

Rysunek 34 - Szybka dostawa oraz mechanizm polecania produktu




Dodanie kategorii cenowych. Do zrobienia zakupw zachcaj

kategorie typu do 100 z, do 300 z

Rysunek 35 - Specjalne kategorie - cena do...

Automatyczne wykrywanie wczeniej zalogowanego uytkownika

(np. cookies).

Rysunek 36 - Standardowe logowanie do sklepu

Moliwo zoenia zamwienia faxem lub mailem.

Rysunek 37 - Z zamwienie mailem lub faxem

Stworzenie kategorii umoliwiajcych kupowanie wedug

kryteriw luniejszego typu.




Rysunek 38 - Kupowanie "shop by style"

Bardzo prosta, umieszczona w standardowym miejscu

wyszukiwarka

Rysunek 39 - Prosta wyszukiwarka

Doradzanie w zakupach moliwo konsultacji podczas zakupw

przez telefon/skype/gg oraz moliwo zoenia zamwienia

tekstowego na wstpne wyszukanie produktw.

Rysunek 40 - Personal shopping - doradca klienta




Opinie, referencje klientw zadowolonych z zakupw znakomicie

zwikszaj efektywno budowania zaufania do serwisu.

Rysunek 41 - Pozytywne opinie klientw

Wszystkie elementy produktowe, take bannery (w tym bannery

na serwisach zewntrznych) powinny posiada ceny. Uytkownik

jest zbyt leniwy, aby klika tylko po to, by sprawdzi cen.

Rysunek 42 - Kady element produktowy wywietlany wraz z cen




Dodanie przechowalni produktw lub funkcjonalnoci typu lista

do porwnania pozwoli swobodnie porusza si po sklepie

uatwiajc finalny wybr pomidzy kilkoma wybranymi

produktami.

Gwarancja zwrotu oraz informacje dotyczce warunkw

zamwienia umieszczone w pierwszym kroku koszyka zachcaj

do kontynuowania zakupw.

Rysunek 43 - Gwarancja zwrotu w 1 kroku koszyka

Dodanie moliwoci wystawiania ocen i recenzji produktw moe

znaczco podnie poziom zaufania do caego sklepu oraz zachci

niezdecydowanych do zakupu. Istnieje wtedy moliwo

utworzenia kategorii Najlepiej ocenione

Rysunek 44 - Komentarze do produktw




Gdzie jest moja paczka? Korzystajc z firm kurierskich mamy

moliwo pobierania od nich zwrotnych informacji dotyczcych

tego, gdzie znajduje si przesyka. Informacje takie moglibymy

wywietla uytkownikowi po zalogowaniu. Byby to wyrnik

serwisu (jeszcze wiele sklepw nie korzysta z tej opcji), budujcy

zaufanie oraz zachcajcy do logowania si w sklepie.

Efektywno eCommerce / Budujemy zaufanie

uytkownikw do sklepu

Odpowiednia domena

Z www. i bez www.

Wielu uytkownikw zgaduje adres

Profesjonalna grafika bez wtpienia buduje zaufanie do serwisu.

Zbieranie danych:

Zgodno z prawem

Klarowne okrelenie, do jakich celw potrzebujemy danych

Rysunek 45 - Nie kady sklep oferuje podstawowe metody

budowania zaufania, (c) 2004 Janmedia.pl




Efektywno eCommerce / Symulacja wpywu

usability na zyski sklepu internetowego




Dostpno Dostpno

Dostpno / Kto i kiedy dyskryminuje klientw

Dostpno / Grupy uytkownikw oczekujce pomocy

Starsi

Niewidomi

Niedowidzcy

Daltonici

Uytkownicy platform mobilnych

Mniej popularne przegldarki




Dostpno / Dostpno jako inicjatywa

WAI Web Accessibility Initiative

Dyrektywa Unii Europejskiej eEurope 2002

Ustawa o Dostpie do Informacji Publicznej

Wymagania Section 508 w USA

Dostpno / Gwne zasady

Korzystaj z HTML jako zapisu treci.

Korzystaj z CSS do formatowania treci.

Stosuj parametry ALT, TITLE

Rysunek 46 - Mj serwis www.webusability.pl w wersji graficznej

pozwala na powikszanie czcionek.




Rysunek 47 - Tak wyglda strona webusability.pl w trybie tekstowym

w Opera

Rysunek 48 - Tak natomiast serwis wyglda w tekstowej

przegldarce Lynx




Rysunek 49 - Serwis BIP Koncernu Energa Gdask jest dostpny dla

niepenosprawnych, Koncern ten fakt postrzega take jako element

budowania prestiu firmy.




Dostpno / Poznajemy oprogramowanie typu

screen-reader dla uytkownikw niewidomych

Demo aplikacji udwikawiajcej - IBM Home Page Reader mona

pobra ze stron

http://www-3.ibm.com/able/dwnlds/index.html

Dostpno / Case

Uruchom program IBM Homepage Reader

Wpisz adres serwisu

Nawiguj za pomoc strzaek (przesuwanie po dokumencie) i spacji

(wejcie w link)

Rysunek 50 - W dolnym okienku widok tekstowy strony.

Na jego podstawie program udwikawia serwis.




Nie daj si nabra! Na rynku istniej firmy tworzce

oprogramowanie, ktre umoliwia udwikawianie serwisu

dopiero gdy uytkownik pobierze specjalny program. Dostpno

polega powinna na tworzeniu dostpnych stron nie za lokalnych

standardw. adna zewntrzna aplikacja nie sprawi, e twj

serwis bdzie dostpny dla osb uywajcych swoich

sprawdzonych screenreaderw.

Dostpno / Testujemy dostpno serwisu dla

niepenosprawnych

Automatyczne testy dostpnoci serwisu przeprowadzi moesz za

pomoc narzdzia

http://www.contentquality.com .

Dostpno / Case

Wejd na serwis http://www.contentquality.com

Wypenij formularz, podajc adres serwisu do przetestowania.

Wybierz podstawowy stopie dostpnoci (WCAG Priority 1,

inaczej piszc WAI-A)




Rysunek 51 - Podaj stron, ktra ma zosta przetestowana i

dowiedz si, czy jest dostpna.

Otrzymasz raport z wynikami testu. Walidator wyszczeglni

elementy, ktre nie s zgodne z wymaganiami WCAG.

Rysunek 52 Niestety serwis webusability.pl te ma jeszcze drobne

problemy z dostpnoci.




Dostpno / Testujemy serwis WWW na rnych

platformach

Symulator przegldarki WWW telefonu komrkowego Openwave,

pobra mona z adresu:

http://developer.openwave.com/dvl/tools_and_sdk/

Dostpno / Case

Uruchom program Openwave

Wpisz adres serwisu i nawiguj po nim sprawdzajc, czy zachowuje

si poprawnie.

Rysunek 53 - Symulator Openwave.




Pod adresem

http://www.opera.com/products/mobile/operamini/demo.dml

znajdziesz symulator przegldarki Opera Mini, ktra jest czsto

stosowana w urzdzeniach mobilnych.

Dostpno / Case

Otwrz adres

http://www.opera.com/products/mobile/operamini/demo.dml

Wpisz adres serwisu i nawiguj po nim sprawdzajc, czy zachowuje

si poprawnie.

Rysunek 54 - Symulator przegldarki OperaMini dostpny

z poziomu WWW




Dostpno / Case

Uruchom przegldark Opera (do pobrania

z http://www.opera.com/)

Wpisz adres serwisu

Uyj opcji View-Style-User mode, a nastpnie View-Style-Emulate

text brower aby zobaczy jak serwis wyglda w wersji tekstowej

Dostpno / Kanay RSS jako nowy rodek

komunikacji

Kana RSS jako pod-standard XML

RSS zapewnia szybk dystrybucj informacji




Rysunek 55 - Aplikacja RSS infoinfo firmy NetPR pozwala na

efektywne zarzdzanie du iloci kanaw RSS oraz archiwizacj

wybranych wpisw.




Badanie usabilityBadanie usability

Badanie usability / Typy bada usability

Badanie usability / Testy funkcjonalnoci a testy grupowe

Testy grupowe Testy funkcjonalnoci

Niewielka grupa osb Pojedynczy uytkownik

Uczestnicy reaguj na koncepcje i projekty,

ktre im si przedstawia

Prosi si uytkownika o okrelenie, co

to jest, do czego suy lub aby uy

danej rzeczy

Dobre do szybkiego uzyskania prbek

opinii i odczu uytkownikw. Nadaj si

do sprawdzenia oczekiwa odbiorcw,

okrelenia ich potrzeb. Pozwalaj oceni

pomys na bazie, ktrego powsta ma

witryna. Mona sprawdzi te

wykorzystywane w witrynie sownictwo.

Sprawdzenie czy witryna funkcjonuje

poprawnie i okrelenie, na jakie

problemy napotyka uytkownik.

Wykonywane na pocztku procesu

tworzenia serwisu.

Wykonywane na kocu procesu

tworzenia serwisu.

Badanie usability / Testowanie

Projektant nie jest w stanie spojrze na witryn jak jej uytkownik.

Im czciej testujesz, tym mniejsze koszty, szybciej wykrywasz

problemy uytkownikw.

Konieczno zatrudnienia reprezentatywnej grupy uytkownikw

nie jest tak istotna, jak mogoby si wydawa. Wikszo osb

w ten sam sposb postrzega serwisy WWW i ma podobne

problemy.




Badanie usability / Niektre metody i narzdzia

badawcze

Badanie usability / Ocena heurystyczna

Analityk ocenia serwis pod ktem zgodnoci z wytycznymi

usability

Analityk ocenia intuicyjno serwisu

Powstaje raport

Badanie usability / Sortowanie kart

Przydatne do konstruowania struktury serwisu

Uytkownicy grupuj kartki z zapisanymi opcjami

Badanie usability / Analiza KLM

Szacowanie wydajnoci interfejsu

Dekompozycja zadania na proste czynnoci

Nacinicie klawisza

Przemieszczenie kursora

Przypomnienie sobie hasa

...

Obliczenie czasu caej operacji umoliwia porwnanie ju na

etapie projektowania makiet.




Badanie usability / Badania eye-tracking

Eye-tracker - urzdzenie badajce ruch gaek ocznych

uytkownika

Rysunek 56 - Kolejne zarejestrowane fiksacje

Rysunek 57 - Wizualizacja czasu powiconego na ogldanie

poszczeglnych elementw serwisu




Badanie usability / Badania user-experience

Uytkownik proszony jest o wykonanie zada

Zapisujemy jak je wykonuje i gdzie napotyka problemy

Badanie usability / Projektowanie badania

user-experience

Badanie usability / Ilu uytkownikw powinno bra udzia

w testach?

Pierwsi uytkownicy zazwyczaj odkrywaj najwicej bdw.

Jakob Nielsen i Tom Landauer wykazali, e testowanie

z 5 uytkownikami pozwala na wykrycie 85% problemw

dotyczcych funkcjonalnoci witryn. Zatrudnianie wikszej iloci

uytkownikw nie gwarantuje liniowego wzrostu liczny wykrytych

bdw.

Zamiast jednego testu z 8 uytkownikami lepiej przeprowadzi

dwie tury testw z 3 uytkownikami. Najczciej due bdu

zasaniaj te mniejsze i dopiero usunicie ich i przeprowadzeni

drugiej tury pozwala na odkrycie mniejszych bdw.

W tecie bierze udzia take osoba przeprowadzajca test

i obserwator.




Badanie usability / Kogo i jak rekrutowa do testw?

Prbuj znale uytkownikw zblionych do grupy docelowej.

Wynagrodzenie dla testowych uytkownikw, 50-100 z.

Nie rozmawiaj o zawartoci witryny z rekrutowanymi osobami.

Badanie usability / Typy testw user-experience

Zrozumie witryn pokazujesz witryn uytkownikowi,

a nastpnie sprawdzasz, czy zrozumieli sposb zorganizowania

informacji, nawigacj i koncepcj witryny

Wykonanie czynnoci uytkownik pracuje z serwisem

Zadania zamknite

Zadania otwarte

Badanie usability / Jak testowa?

Najpierw sprbuj samodzielnie wykona zadania testowe.

Bd uprzejmy i dbaj o poczucie wasnej wartoci uytkownikw.

Testujesz strony, nie ludzi.

Zachcaj do gonego mylenia.

Jeli nie wiesz, co myli uytkownik zapytaj o to.

Nie udzielaj wskazwek dotyczcych tego, jak maj postpowa.

Wydawaj proste i klarowne polecenia.

Bezporednio po sesji rb notatki.




Uprzed uytkownika, e:

Bdzie nagrywany

Nie bdziesz w trakcie testu odpowiada na jego pytania

Wynagrodzenie nie zaley od wyniku testw

Badanie usability / rodki techniczne podczas badania

user-experience

Kamera video

Program nagrywajcy to, co dzieje si na pulpicie lub druga

kamera




Projektowanie zgodne z usabilityProjektowanie zgodne z usability

Projektowanie zgodne z usability / Etapy analizy

usability w harmonogramie i budecie projektu

Rysunek 58 - Projekty interaktywne czsto prowadzone s w sposb

zbliony do metodyki RUP (http://en.wikipedia.org/wiki/RUP),

zakada ona testowanie kolejnych wersje serwisu i dziki temu

minimalizuje koszty zmian., rys. IBM




Projektowanie zgodne z usability / Proces tworzenia

serwisu

Pogrubiono wszystkie elementy procesu gdzie w pracach bior udzia

analitycy usability.

Ustalenie wymaga stawianych serwisowi, model biznesu

Opracowanie i sporzdzanie scenariuszy postpowania

uytkownika, ustalenie grup docelowych serwisu

Projektowanie zawartoci

Tworzenie struktury serwisu i opis funkcjonalnoci

Tworzenie makiet funkcjonalnych strony gwnej

i kluczowych pod-stron

Weryfikacja dokumentu produkcyjnego

Projektowanie graficzne

Testowanie projektw graficznych

Projektowanie graficzne

Testowanie projektw graficznych

Wdroenie 1 wersji serwisu

Testowanie

Wdroenie 2 wersji serwisu

Testowanie

Uruchomienie finalnej wersji serwisu




Obecnie coraz czciej publiczne prezentowane s ju serwisy

w pnej wersji testowej. Takie podejcie zakada wsplne

testowanie serwisu z uytkownikami. Ten trend wystpuje czsto

w serwisach typu Web 2.0 (opartych na spoecznoci i informacji).

Podejcie to jest nastawione na zbieranie uwag od uytkownikw

co powinno skutkowa lepszym usability finalnego produktu.

Rysunek 59 - Na uruchomienie serwisu w wersji beta

zdecydowaa si Interia. Serwis znajomi.interia.pl jest serwisem

spoecznociowym, bardzo rozsdne jest zatem wczesne zbieranie

opinii uytkownikw.

Projektowanie zgodne z usability / Zesp

Rola Zakres obowizkw

Project manager Odpowiedzialny za koordynacj prac, budet i

harmonogram.

Analityk Projektuje zaoenia serwisu, struktur i architektur

informacji. Tworzy projekty funkcjonalne.

Grafik Projektuje grafik, wsppracuje nad koncepcj

marketingow serwisu.

Webmaster Przeksztaca projekty graficzne do formatu HTML.

Programista Wdraa system zarzdzania treci, tworzy dedykowane

funkcjonalnoci.

Redaktor Przygotowuje i wprowadza tre do serwisu.




Projektowanie zgodne z usability / Projektowanie

struktury serwisu

Projektowanie zgodne z usability / Case

Korzystajc z programu FreeMind stwrz map struktury serwisu

korporacyjnego. Moesz wzorowa si na zawartoci istniejcego

wybranego serwisu WWW.


makiet funkcjonalnych strony gwnej


Korzystajc z pliku wiczeniowego utwrz w programie

Presentation lub PowerPoint makiet funkcjonaln.

Makieta powinna odnosi si do wczeniej zaprojektowanej

struktury serwisu.

Pamitaj o zachowaniu kolorw zgodnych z legend.

Rysunek 60 - Uycie kolorw dla odrnienia funkcjonalnoci

uatwia ocenianie projektu serwisu




Rysunek 61 - Przykadowy projekt strony gwnej serwisu

korporacyjnego


makiet funkcjonalnych kluczowych pod-stron


Korzystajc z pliku wiczeniowego utwrz w programie

Presentation lub PowerPoint makiet funkcjonaln pod-strony.

Makieta powinna odnosi si do wczeniej zaprojektowanej

struktury serwisu.




Rysunek 62 - Przykadowy projekt pod-strony serwisu

korporacyjnego

Projektowanie zgodne z usability / Poprawa jakoci

serwisw WWW. Formuowanie zasad QA

QA to skrt pochodzcy od Quality Assurance zapewnienie

jakoci.

Tworzymy list kontroln ktra zdefiniuje minimalne wymagania

stawiane wobec kadego naszego serwisu.




Z adresu

http://www.fabsoft.com/pages/Downloads/Downloads.htm

pobra mona darmow wersj narzdzia CoolRuler. Pozwala ono

sprawdza jako wykonania layoutu za pomoc wirtualnej

miarki, ktr moemy zmierzy elementy na ekranie. Dziki tej

miarce jeden z moich kolegw otrzyma ksywk One Pixel Man :)

Projektowanie zgodne z usability / Automatyzacja

testw QA

Oprogramowanie automatyzujce testy.

Sprawdzanie poprawnoci linkw.

Projektowanie zgodne z usability / Case.

Sprawdzanie poprawnoci linkw w serwisie WWW

Uruchom program Xenu (do pobrania

z http://home.snafu.de/tilman/xenulink.html)

Wybierz opcj File Check URL

Wpisz adres serwisu do sprawdzenia




Wcinij przycisk OK.

Program przystpuje do sprawdzania linkw




Po zakoczeniu prac program generuje raport




Projektowanie zgodne z usability / Wsppraca

z agencj interaktywn. Jak formuowa swoje

oczekiwania

Naley okreli:

Z jakimi standardami ma by zgodny serwis?

Dla jakich platform powinien by dostpny?

Czy chcemy testowa serwis przed uruchomieniem?




Zaczniki.Zaczniki.

Top Ten Web Design Mistakes of 2005 .

Na podstawie Jakob Nielsen's Alertbox

Zbyt mae lub nieskalowalne czcionki.

Rozwizanie: http://www.useit.com/alertbox/20020819.html

Niestandardowe linki:

Rozwizanie: http://www.useit.com/alertbox/20040510.html,

http://www.useit.com/alertbox/20040503.html

Nie-intuicyjne interfejsy we Flash


Tre nieprzystosowana do Internetu

Rozwizanie: http://www.useit.com/papers/webwriting/

Problemy z wyszukiwark


Niekompatybilno z przegldarkami

Rozwizanie: http://www.w3c.org




Naduywanie formularzy

Rozwizanie: http://www.useit.com/alertbox/forms.html

Brak informacji kontaktowych i informacji o wacicielu serwisu


Nieskalowalny layout serwisu


Niepoprawne powikszanie obrazkw i okienka pop-up


Kliencie, czego masz prawo wymaga od agencji

interaktywnej

Na podstawie archiwum listy [email protected]

Tomek Janiszewski pisze:

Masz prawo wymaga od webmastera czystego semantycznie

XHTML. Czystego semantycznie oznacza, e wszystkie

zastosowane w dokumencie znaczniki XHTML musz by uyte

zgodnie z przeznaczeniem. Pobienie mona sprawdzi semantyk

jzyka XHTML uywajc Validatora ze stron W3C.

http://validator.w3.org




Masz prawo wymaga, aby wygld Twojej strony by oparty *tylko

i wycznie na arkuszu styli CSS*. Poprawno arkusza styli

wzgldem semantyki jzyka mona sprawdzi na stronie

http://jigsaw.w3.org/css-validator

Masz prawo wymaga, aby Twoja strona bya poprawnie

wywietlana we wszystkich nowoczesnych przegldarkach

internetowych. Wykaz najpopularniejszych przegldarek na polskim rynku moesz znale pod adresem

http://www.ranking.pl/rank.php?stat=browPL

Masz prawo wymaga, aby Twoja strona bya dostpna dla

wszystkich odbiorcw. Pamitaj, e na Twoj stron wchodz nie

tylko w peni sprawni uytkownicy Internet Explorer 6.0, ale take

osoby niewidome, niedowidzce, z niedowadem koczyn itp.

Nie moesz o nich zapomina, a lenistwo bd niekompetencja

Twojego webmastera nie mog Ci przeszkodzi w udostpnieniu

witryny caemu wiatu.

Ciekawe informacje, ktre mog stanowi pomoc dla osb

stawiajcych pierwsze kroki w wiecie dostpnoci i uytecznoci,

moecie znale pod adresem http://www.dwww.pl. Dostpno

swoich stron moecie sprawdzi uywajc systemu Cynthia

(http://www.contentquality.com) bd WebXACT

(http://webxact.watchfire.com)




Pamitaj jednak, ze aden z tych testw nie daje Ci 100% pewnoci,

i Twj serwis jest wykonany poprawnie. Najlepiej przekona si

o jakoci wasnego serwisu samodzielnie, sprawdzajc go w rnych

warunkach, pod rnymi systemami i w rnych trybach

przegldania.

Maciej Kostro pisze:

Czego powiniene wymaga?

Prawdopodob

kurs usability

Documents