Web Design Projektowanie atrakcyjnych stron WWW.pdf

(2923 KB) Pobierz
IDZ DO
PRZYK£ADOWY ROZDZIA£
SPIS TRE CI
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
Web Design. Projektowanie
atrakcyjnych stron WWW
Autor: Ani Phyo
T³umaczenie: Marek Binkowski
ISBN: 83-7361-248-3
Tytu³ orygina³u:
Return on Design.
Smarter Web Design That Works
Format: B5, stron: 290
Dzi z Internetu korzysta wiêcej ludzi — i wiêcej firm opiera na tym swoj¹ dzia³alno æ —
ni¿ kiedykolwiek wcze niej. Jednak aby osi¹gn¹æ sukces w trudnych ekonomicznie
czasach, producenci stron internetowych musz¹ korzystaæ ze skromniejszych rodków
i jednocze nie tworzyæ bardziej efektywne witryny, które przynios¹ realny zysk.
W jaki sposób uzyskaæ taki wynik? Weteranka projektowania, Ani Phyo, przedstawia
sprawdzon¹ w boju i opart¹ na do wiadczeniach metodê skutecznego projektowania
witryn internetowych. Pokazuje ona, w jaki sposób kluczowe zasady projektowania
informacji z my l¹ o u¿ytkowniku mog¹ nadaæ kierunek ka¿demu projektowi
internetowemu sprawiaj¹c, ¿e witryna bêdzie bardziej efektywna, ³atwiejsza w u¿yciu
i lepiej spe³niaj¹ca za³o¿enia biznesowe. Wyja nia, gdzie warto, a gdzie nie warto
oszczêdzaæ i na czym tak naprawdê polegaj¹ oszczêdno ci d³ugoterminowe.
Ani Phyo opisuje w tej ksi¹¿ce prosty i skuteczny siedmioetapowy proces tworzenia
serwisów internetowych.
• Oceñ obecn¹ witrynê klienta, zbadaj jego konkurencjê, precyzyjnie wyznacz
docelow¹ grupê odbiorców i pomó¿ zdefiniowaæ potrzeby i oczekiwania klienta.
• Zbuduj odpowiedni zespó³ do wykonania zadania.
• Utwórz modele charakterystycznych reprezentantów grupy docelowej i zastanów
siê, w jaki sposób bêd¹ korzystaæ z witryny.
• Ustal, jaka powinna byæ zawarto æ witryny i w jaki sposób powinna ona
funkcjonowaæ.
• Zaprojektuj profesjonalny schemat nawigacji i utwórz funkcjonalny prototyp,
by go przetestowaæ.
• Przeprowad kontrolowany test u¿yteczno ci — nawet w przypadku skromnego
bud¿etu — i maksymalnie skorzystaj z opinii i sugestii u¿ytkowników.
• Zbuduj mechanizmy, które pozwol¹ Ci pozyskiwaæ informacjê zwrotn¹ ju¿ po
uruchomieniu witryny, tak aby u¿ytkownicy mogli dostarczaæ warto ciowych
opinii przydatnych w trakcie przysz³ych modernizacji.
Ksi¹¿ka przedstawia nie tylko proponowany przez autorkê schemat postêpowania, ale
tak¿e przeszkody i trudno ci, na jakie mo¿na napotkaæ w trakcie jego realizacji.
"WebDesign. Projektowanie atrakcyjnych stron WWW" to nieodzowna lektura zarówno
dla projektantów stron, jak i dla mened¿erów firm wiadcz¹cych us³ugi tworzenia stron
internetowych.
TWÓJ KOSZYK
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWO CIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
Spis treści
Przedmowa............................................... 7
Od Autorki.............................................. 9
Wstęp.................................................. 13
Podstawy projektowania interakcji z myślą o u ytkowniku 23
Co to jest projektowanie informacji? ......................
Kto zajmuje się projektowaniem informacji? ................
Co to jest u yteczność? ...................................
Podsumowanie ..............................................
Definiowanie podstawowych zało eń biznesowych .............
Proces badań ..............................................
Dobór cech i mo liwości witryny spełniających jej cele ....
Ocena witryny przeznaczonej do przeprojektowania ..........
Sprawdź słuszność zało eń .................................
Podsumowanie ..............................................
Budowanie pozytywnych wra eń ..............................
Tworzenie modelu u ytkownika i scenariusza jego działań ...
Testowanie scenariuszy ....................................
Podsumowanie ..............................................
23
31
36
42
45
47
69
71
76
78
79
82
88
89
Rozdział 1. Ustalanie wymagań witryny.................. 45
Rozdział 2. Scenariusze działań u ytkownika............ 79
Rozdział 3. Dobór zawartości witryny................... 91
Jak dać u ytkownikowi dokładnie to, czego potrzebuje ...... 91
Pomó zleceniodawcy zidentyfikować potrzeby
dotyczące zawartości witryny i ustalić ich priorytety .... 102
Dobór struktury witryny .................................. 109
Tworzenie i testowanie spisu treści witryny .............. 122
Sprawdź rezultaty ........................................ 126
Podsumowanie ............................................. 128
Rozdział 4. Tworzenie mapy witryny i schematów pracy
u ytkownika ........................................... 129
Projektowanie efektywnej interakcji ...................... 129
Tworzenie mapy witryny ................................... 132
6
Web Design. Projektowanie atrakcyjnych stron WWW
Schematy pracy u ytkownika ............................... 136
Testowanie i poprawianie schematu pracy u ytkownika i mapy
witryny .................................................. 149
Podsumowanie ............................................. 150
Rozdział 5. Projektowanie schematu nawigacji i układu
dokumentów ............................................ 151
Od układu strony do prototypu ............................
Schematy układu stron ....................................
Prototypy ................................................
Podsumowanie .............................................
Kontrolowany test u yteczności ...........................
Testy formalne, czy nieformalne? .........................
Dane jakościowe czy ilościowe? ...........................
Kontrolowany test nieformalny ............................
Test formalny ............................................
Prezentacja wyników testów i zaleceń .....................
Poprawianie projektu na podstawie wyników testu ..........
Podsumowanie .............................................
151
153
174
179
181
185
189
194
219
220
221
226
Rozdział 6. Testowanie funkcjonalnego prototypu....... 181
Rozdział 7. Dalszy proces modyfikacji, rozwoju i
aktualizacji witryny .................................. 229
Czy było warto? .......................................... 229
Projekt informacji — od budowy do uruchomienia ........... 231
Uruchom witrynę i rozpocznij proces od nowa .............. 241
Dodatek A Słowniczek.................................. 259
Skorowidz............................................. 269
Rozdział 3.
Dobór zawartości witryny
Jeśli ustaliłeś ju , kto będzie korzystał z witryny i jakie
czynności będą wykonywali jej u ytkownicy, mo esz przystąpić
do dobierania treści i zawartości witryny. Tok postępowania
na tym etapie zale y od typu witryny, którą projektujesz.
Jeśli tworzysz witrynę stanowiącą narzędzie, witrynę, w
której dominują transakcje, zakupy przeprowadzane drogą
elektroniczną czy wyszukiwanie określonego rodzaju infor-
macji, przejdź do rozdziału 4. („Tworzenie mapy witryny i
schematów pracy u ytkownika”), a następnie wróć do tego
rozdziału po wykonaniu opisanych tam zadań. Jeśli jednak
głównym celem witryny jest prezentowanie treści informacyj-
nych, kontynuuj czytanie tego rozdziału.
W tym rozdziale omówimy projektowanie, planowanie i usta-
lanie struktury zawartości witryny. Poka emy te , jak pomóc
zleceniodawcy opracować materiały na witrynę w taki sposób,
by przyśpieszyć proces jej produkcji. Zespół tworzący wi-
trynę będzie nieformalnie testował strukturę zawartości, by
upewnić się, e prezentowane treści nie tylko satysfakcjo-
nują docelowych u ytkowników, lecz równie spełniają zało-
enia biznesowe zdefiniowane przez zleceniodawcę (rysunek
3.1).
Jak dać użytkownikowi dokładnie to,
czego potrzebuje
Podobnie, jak gospodyni organizująca przyjęcie stara się
przygotować potrawy, które będą smakowały jej gościom, pro-
jektanci powinni serwować u ytkownikom witryny taką jej za-
wartość, która zostanie przez nich uznana za atrakcyjną,
wyczerpującą i satysfakcjonującą. To dlatego zawsze nama-
wiam projektantów do poświęcenia czasu na sprawdzenie, czy
92
Web Design. Projektowanie atrakcyjnych stron WWW
prezentowane treści będą pokrywały się z zainteresowaniami
i oczekiwaniami docelowych u ytkowników, ujawnionymi we
wcześniejszym procesie badań i testów (rysunek 3.2).
Rysunek 3.1.
Dobór zawartości
witryny z myślą o
u ytkowniku
Rysunek 3.2.
Wzbudź apetyt.
Poświęć czas na
ustalenie,
co u ytkownicy
lubią, zaprezentuj
to mo liwie
atrakcyjnie i
spraw,
by mieli ochotę na
więcej
Zgłoś jeśli naruszono regulamin