James Kalbach projektowanie-nawigacji-strony-www.-optymalizacja-funkcjonalnosci-witryny helion, moje ...
[ Pobierz całość w formacie PDF ]
Projektowanie nawigacji
strony WWW. Optymalizacja
funkcjonalnoľci witryny
Autor: James Kalbach
TĀumaczenie: Tomasz Walczak
ISBN: 978-83-246-1517-9
Optimizing the User Experience
Format: 180x235, stron: 424
Wydawnictwo Helion
ul. Koľciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Sekrety sukcesu witryn WWW
¤
W jaki sposb uŃytkownicy przeglĴdajĴ witryny WWW?
¤
Jak wykorzystaě rŃne typy mechanizmw nawigacyjnych?
¤
W jaki sposb dobraě kolorystykķ i liternictwo elementw nawigacyjnych?
Dynamiczny rozwj internetu i technologii sieciowych sprawiĀ, Ńe korzystanie z sieci
staĀo siķ rwnie powszechne jak oglĴdanie telewizji i czytanie gazet. Poprzez witryny
WWW zdobywamy niezbķdne informacje, zamawiamy towary, pĀacimy rachunki
i kontaktujemy siķ z przyjaciĀmi. Co sprawia, Ńe wľrd setek tysiķcy serwisw
internetowych posiadajĴcych podobne moŃliwoľci jedne cieszĴ siķ popularnoľciĴ
uŃytkownikw, a inne nie? Na pewno na atrakcyjnoľě strony WWW wpĀywa grafika
i treľě, ale przede wszystkim jej funkcjonalnoľě. Natomiast o wygodzie korzystania
z niej decyduje nawigacja, czyli sposb, w jaki uzyskujemy potrzebne informacje,
przechodzimy pomiķdzy stronami i wybieramy interesujĴce tematy. WspĀczesne
techniki tworzenia witryn WWW Ï Flash, AJAX i inne Ï pozwalajĴ na kreowanie
niezwykle atrakcyjnych interfejsw uŃytkownika, ale kluczem do sukcesu jest wĀaľnie
odpowiedni projekt struktury nawigacyjnej.
KsiĴŃka âProjektowanie nawigacji strony WWW. Optymalizacja ergonomii witryny
Ò
to podrķcznik, ktry uĀatwi poznanie i zastosowanie w praktyce zasad projektowania
ergonomicznych i efektownych mechanizmw nawigacyjnych na stronach WWW.
CzytajĴc go, dowiesz siķ, czego oczekujĴ uŃytkownicy stron WWW, jakie schematy
nawigacji stosuje siķ najczķľciej i jak dobraě typ nawigacji do przeznaczenia i treľci
witryny. Nauczysz siķ analizowaě cele witryny, tworzyě prototypy i scenariusze
nawigacji, okreľlaě ľcieŃki nawigacji i budowaě elementy menu. Przeczytasz takŃe
o projektowaniu interfejsw uŃytkownika dla aplikacji sieciowych oraz ĀĴczeniu
mechanizmw nawigacyjnych z wyszukiwawczymi.
¤
Podstawowe cele mechanizmw nawigacji w witrynie WWW
¤
Teoretyczne modele wyszukiwania
¤
Typy mechanizmw nawigacyjnych
¤
Metody analizy i oceny projektu nawigacji
¤
Tworzenie prototypw i ľcieŃek nawigacji
¤
Dobr kolorw, czcionek i stylw dla elementw nawigacyjnych
¤
Mechanizmy wyszukiwawcze
¤
Znakowanie treľci w portalach spoĀecznoľciowych
¤
Interfejsy uŃytkownika w aplikacjach internetowych
Twrz przejrzyste i wygodne mechanizmy nawigacyjne
Spis treści
Przedmowa ........................................................ 8
03
Mechanizmy nawigacyjne .............................. 74
Nawigacja krokowa
75
Część I
Podstawy systemów
nawigacji po witrynie
Nawigacja stronicowa
75
Ścieżki nawigacyjne
80
Nawigacja drzewiasta
83
Mapy witryn
84
Katalogi
86
01
Wprowadzenie do nawigacji po witrynie ...... 18
Rozważania o nawigacji
Chmury oznaczeń
88
Indeksy alfabetyczne
89
Paski nawigacji i zakładki
91
19
Menu pionowe
95
Potrzeba stosowania systemów nawigacji
21
Menu dynamiczne
96
Projektowanie nawigacji po witrynie
37
Menu rozwijane
97
Podsumowanie
40
Nawigacja wizualna
99
Pytania
41
Mechanizmy używane w przeglądarkach
102
Dalsza lektura
42
Podsumowanie
104
Pytania
105
02
Zrozumieć nawigację ......................................44
Poszukiwanie informacji
Dalsza lektura
105
46
04
Typy nawigacji ...............................................108
Kategorie nawigacji
Poszukiwanie informacji w internecie
50
Zachowania ludzi przeglądających
zasoby internetu
53
110
Kształt informacji
62
Typy stron
129
Doświadczanie informacji
64
Podsumowanie
141
Podsumowanie
71
Pytania
142
Pytania
72
Dalsza lektura
143
Dalsza lektura
73
Spis treści
5
05
Etykiety .......................................................... 144
Problem słownictwa
145
07
Analizy ............................................................192
Cele biznesowe
193
Cechy dobrych etykiet
147
Zrozumienie zawartości
197
Systemy etykiet
155
Zrozumienie technologii
200
Etykiety perswazyjne
161
Badania użytkowników
205
Tłumaczenie etykiet
164
Prowadzenie podstawowych
badań użytkowników
Źródła etykiet
165
208
Podsumowanie
166
Konsolidacja wyników badań
216
Pytania
167
Postacie
219
Dalsza lektura
168
Scenariusze
221
Podsumowanie
223
Pytania
224
Część II
Schemat projektowania nawigacji
Dalsza lektura
225
08
06
Ocena ..............................................................170
Cechy skutecznego systemu nawigacji
Architektura .................................................. 226
Architektura perswazyjna
228
171
Koncepcja nawigacji
229
Metody oceny
179
Struktury informacji
235
Zalecane heurystyki
182
Schematy organizacyjne
243
Podsumowanie
188
Mapy witryny
248
Pytania
190
Podsumowanie
255
Dalsza lektura
191
Pytania
256
Dalsza lektura
257
6
Spis treści
09
Układ .............................................................. 261
Określanie ścieżek nawigacji
262
12
Nawigacja i społeczne systemy oznaczeń ... 340
Oznaczanie
341
Logika wizualna
265
Nawigowanie po klasyfikacjach społecznych
345
Szablony stron
275
Podsumowanie
366
Szkielety stron
281
Pytania
368
Podsumowanie
285
Dalsza lektura
368
Pytania
285
Dalsza lektura
286
13
Nawigacja i bogate aplikacje sieciowe ........ 370
Bogate aplikacje sieciowe 371
Nawigacja po bogatych aplikacjach sieciowych 374
Projektowanie bogatych aplikacji sieciowych
10
Prezentacja ....................................................288
Projektowanie informacji
289
389
Interakcja z nawigacją
298
Podsumowanie
399
Projektowanie grafiki
303
Pytania
401
Omawianie nawigacji
310
Dalsza lektura
402
Podsumowanie
312
Pytania
313
Literatura cytowana ..................................... 404
Skorowidz ....................................................... 411
Dalsza lektura
314
Część III
Nawigacja w specjalnych kontekstach
11
Nawigacja a wyszukiwanie .......................... 316
Nawigacja przed wyszukiwaniem
317
Nawigacja po wyszukiwaniu
321
Przeglądanie aspektowe
327
Podsumowanie
336
Pytania
337
Dalsza lektura
338
Spis treści
7
3n
izyawije
Mechanizm nawigacyjny to odnośnik lub grupa odnośników, które działają w podobny sposób
i wyglądają podobnie. Są to narzędzia i urządzenia systemów nawigacji.
Czasem struktura witryny sugeruje zastosowanie konkretnego mechanizmu, na przykład poziomego paska
nawigacji z kategoriami z najwyższego poziomu. Mechanizmy nawigacji powinny być dostosowane do
struktury witryny, a aspekty te mogą wymagać dopasowania. Zmiana struktury może pociągać za sobą po-
prawki w systemie nawigacji i vice versa. Jeśli witryna ma 20 kategorii z najwyższego poziomu, pasek nawi-
gacji może nie być najlepszym rozwiązaniem. Prawdopodobnie lepiej będą działać opcje w stylu katalogu
lub menu dynamiczne.
Ten rozdział opisuje popularne mechanizmy niezależnie od siebie i zwykle w oderwaniu od ogólnego kon-
tekstu. W praktyce współdziałają one ze sobą i składają się na ogólną logikę nawigacji po witrynie. Jednak
ważne jest, aby najpierw zrozumieć mechanikę nawigowania.
Nawigacja krokowa
Nawigacja krokowa umożliwia użytkownikom przechodzenie przez kolejne strony. Często obejmuje etykiety
tekstowe i strzałki, a także odnośnik umożliwiający powrót do poprzednich stron. Zwykle strzałka wskazują-
ca w lewo umożliwia przejście do poprzedniej strony, a strzałka skierowana w prawo — do następnej.
UMIĘDZYNARODAWIANIE
W przypadku języków czytanych od prawej do lewej kierunek strzałek może być odwrócony. Same strzałki nie w każ-
dych warunkach i nie dla wszystkich użytkowników są jasne i intuicyjne. Dodanie etykiety tekstowej pomaga uniknąć
wieloznaczności.
Funkcja
Next Blog
(„następny blog”) w witrynie Blogger (
www.blogger.com
, rysunek 3.1) to prosty przykład
nawigacji krokowej, która pozwala przechodzić między kolejnymi blogami.
Nawigacja krokowa jest przydatna w sytuacjach, kiedy decyzje podjęte na jednym etapie mają wpływ na
następne kroki, na przykład w kreatorach lub procesach sprawdzania. Jest także odpowiednia do wyświe-
tlania kolejnych sekcji w dłuższych dokumentach, rozdziałów w książkach elektronicznych lub badań oraz
egzaminów internetowych. Nawigacja krokowa zapewnia prosty dostęp do stron jedna po drugiej.
Nawigacja stronicowa
Ten mechanizm przypomina nawigację krokową, ale obejmuje dodatkowe informacje i opcje. Często znaj-
duje się na stronach z wynikami wyszukiwania, gdzie wyświetlane są szczegóły dotyczące stron ze zbioru
wyników. Zwykle liczba jednocześnie wyświetlanych pozycji z takiego zbioru jest ograniczona. Po przekro-
czeniu tego limitu następna porcja wyników jest wyświetlana na nowej stronie. Proces ten powtarza się do
momentu wyświetlenia wszystkich pozycji na określonej liczbie stron.
Nawigacja stronicowa
75
[ Pobierz całość w formacie PDF ]