Projektowanie nawigacji strony WWW Optymalizacja funkcjonalnosci witryny.pdf

(1158 KB) Pobierz
Projektowanie nawigacji
strony WWW. Optymalizacja
funkcjonalnoœci witryny
Autor: James Kalbach
T³umaczenie: Tomasz Walczak
ISBN: 978-83-246-1517-9
Tytu³ orygina³u:
Designing Web Navigation:
Optimizing the User Experience
Format: 180x235, stron: 424
Sekrety sukcesu witryn WWW
•
W jaki sposób u¿ytkownicy przegl¹daj¹ witryny WWW?
•
Jak wykorzystaæ ró¿ne typy mechanizmów nawigacyjnych?
•
W jaki sposób dobraæ kolorystykê i liternictwo elementów nawigacyjnych?
Dynamiczny rozwój internetu i technologii sieciowych sprawi³, ¿e korzystanie z sieci
sta³o siê równie 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œród setek tysiêcy serwisów
internetowych posiadaj¹cych podobne mo¿liwoœci jedne ciesz¹ siê popularnoœci¹
u¿ytkowników, 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 sposób, 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 interfejsów 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, który u³atwi poznanie i zastosowanie w praktyce zasad projektowania
ergonomicznych i efektownych mechanizmów 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 interfejsów u¿ytkownika dla aplikacji sieciowych oraz ³¹czeniu
mechanizmów nawigacyjnych z wyszukiwawczymi.
•
Podstawowe cele mechanizmów nawigacji w witrynie WWW
•
Teoretyczne modele wyszukiwania
•
Typy mechanizmów nawigacyjnych
•
Metody analizy i oceny projektu nawigacji
•
Tworzenie prototypów i œcie¿ek nawigacji
•
Dobór kolorów, czcionek i stylów dla elementów nawigacyjnych
•
Mechanizmy wyszukiwawcze
•
Znakowanie treœci w portalach spo³ecznoœciowych
•
Interfejsy u¿ytkownika w aplikacjach internetowych
Twórz przejrzyste i wygodne mechanizmy nawigacyjne
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Spis treści
Przedmowa ........................................................8
03
Mechanizmy nawigacyjne .............................. 74
Nawigacja krokowa
75
75
80
83
84
86
88
89
91
95
96
97
99
102
104
105
105
Część I
Podstawy systemów
nawigacji po witrynie
01
Wprowadzenie do nawigacji po witrynie ...... 18
Rozważania o nawigacji
Potrzeba stosowania systemów nawigacji
Projektowanie nawigacji po witrynie
Podsumowanie
Pytania
Dalsza lektura
19
21
37
40
41
42
Nawigacja stronicowa
Ścieżki
nawigacyjne
Nawigacja drzewiasta
Mapy witryn
Katalogi
Chmury oznaczeń
Indeksy alfabetyczne
Paski nawigacji i zakładki
Menu pionowe
Menu dynamiczne
Menu rozwijane
Nawigacja wizualna
Mechanizmy używane w przeglądarkach
Podsumowanie
Pytania
Dalsza lektura
02
Zrozumieć nawigację ......................................44
Poszukiwanie informacji
Poszukiwanie informacji w internecie
Zachowania ludzi przeglądających
zasoby internetu
Kształt informacji
Doświadczanie informacji
Podsumowanie
Pytania
Dalsza lektura
46
50
53
62
64
71
72
73
04
Typy nawigacji ...............................................108
Kategorie nawigacji
Typy stron
Podsumowanie
Pytania
Dalsza lektura
110
129
141
142
143
Spis treści
5
05
Etykiety .......................................................... 144
Problem słownictwa
Cechy dobrych etykiet
Systemy etykiet
Etykiety perswazyjne
Tłumaczenie etykiet
Źródła
etykiet
Podsumowanie
Pytania
Dalsza lektura
145
147
155
161
164
165
166
167
168
07
Analizy ............................................................192
Cele biznesowe
Zrozumienie zawartości
Zrozumienie technologii
Badania użytkowników
Prowadzenie podstawowych
badań użytkowników
Konsolidacja wyników badań
Postacie
Scenariusze
Podsumowanie
Pytania
Dalsza lektura
193
197
200
205
208
216
219
221
223
224
225
Część II
Schemat projektowania nawigacji
08
Architektura .................................................. 226
Architektura perswazyjna
Koncepcja nawigacji
Struktury informacji
Schematy organizacyjne
Mapy witryny
Podsumowanie
Pytania
Dalsza lektura
228
229
235
243
248
255
256
257
06
Ocena ..............................................................170
Cechy skutecznego systemu nawigacji
Metody oceny
Zalecane heurystyki
Podsumowanie
Pytania
Dalsza lektura
171
179
182
188
190
191
6
Spis treści
09
Układ .............................................................. 261
Określanie
ścieżek
nawigacji
Logika wizualna
Szablony stron
Szkielety stron
Podsumowanie
Pytania
Dalsza lektura
262
265
275
281
285
285
286
12
Nawigacja i społeczne systemy oznaczeń ... 340
Oznaczanie
Nawigowanie po klasyfikacjach społecznych
Podsumowanie
Pytania
Dalsza lektura
341
345
366
368
368
13
Nawigacja i bogate aplikacje sieciowe ........ 370
Bogate aplikacje sieciowe
Nawigacja po bogatych aplikacjach sieciowych
Projektowanie bogatych aplikacji sieciowych
Podsumowanie
Pytania
Dalsza lektura
371
374
389
399
401
402
10
Prezentacja ....................................................288
Projektowanie informacji
Interakcja z nawigacją
Projektowanie grafiki
Omawianie nawigacji
Podsumowanie
Pytania
Dalsza lektura
289
298
303
310
312
313
314
Literatura cytowana ..................................... 404
Skorowidz ....................................................... 411
Część III
Nawigacja w specjalnych kontekstach
11
Nawigacja a wyszukiwanie .......................... 316
Nawigacja przed wyszukiwaniem
Nawigacja po wyszukiwaniu
Przeglądanie aspektowe
Podsumowanie
Pytania
Dalsza lektura
317
321
327
336
337
338
Spis treści
7
3eya
0an
Me
iz y
hc
cain
m
njg
w
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
ĘDZ
Y NA R O DA W I A NI E
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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin