Artefakty informaΦnφ architektury - navigaΦnφ systΘmy
Ztratφte-li se na webu, vede tato zkuÜenost, tak jako ve "skuteΦnΘm" ₧ivot∞, k frustraci a hn∞vu, co₧ m∙₧e vy·stit a₧ v odmφtnutφ dalÜφch nßvÜt∞v. NavigaΦnφ systΘmy pomßhajφ u₧ivateli v orientaci, ukazujφ mu, kde se nachßzφ a kam m∙₧e jφt. NavigaΦnφch systΘm∙ a mo₧nostφ jejich technickΘ realizace je vÜak velkΘ mno₧stvφ, proto je takΘ d∙le₧itΘ se dob°e rozhodnout, jakou kombinaci zvolit.
Typy navigacφ
Tento Φlßnek zaΦneme p°ehledem, nebo¥ organizovat je t°eba. Navigace m∙₧eme rozd∞lit na hlavnφ a dopl≥kovΘ.
Hlavnφ typy navigacφ
- Globßlnφ - kde jsem?
- Lokßlnφ - co je v okolφ?
- Kontextovß - co souvisφ s tφmto obsahem?
Dopl≥kovΘ typy navigacφ
- Mapa strßnek - celkov² pohled na web.
- Index - abecedn∞ °azen² seznam odkaz∙.
- Nßvody - lineßrnφ navigace uzp∙sobenß specifickΘmu ·kolu, u₧ivateli nebo tΘmatu.
NavigaΦnφ mo₧nosti prohlφ₧eΦe
P°i navrhovßnφ navigaΦnφho systΘmu je t°eba brßt v ·vahu, v jakΘm prost°edφ bude systΘm existovat. Jednφm z t∞chto prost°edφ je prohlφ₧eΦ. Prohlφ₧eΦe majφ zabudovanΘ svoje navigaΦnφ mo₧nosti, kterΘ jsou vφcemΘn∞ u vÜech stejnΘ.
Zßkladnφ mo₧nosti
- tlaΦφtka "Dop°edu" a "Zp∞t"
- historie
- zßlo₧ky
- obarvenφ navÜtφven²ch odkaz∙
NejΦast∞jÜφ kriminßlnφ Φiny
- èpatnß modifikace barvy navÜtφven²ch a nenavÜtφven²ch odkaz∙.
- "ZnefunkΦn∞nφ" tlaΦφtka "Zp∞t" - nap°φklad JavaScriptovΘ "history-1" vßm na strßnce, na kterou jste p°iÜli z vyhledßvaΦe, v∙bec nepom∙₧e.
- ZmrzaΦenφ funkcionality zßlo₧ek (typicky pou₧itφm rßmc∙).
Tvorba kontextu
VyhledßvaΦe a odkazy z jin²ch strßnek mohou u₧ivatele p°enΘst p°φmo doprost°ed nep°ßtelskΘ cizφ strßnky. Je proto nutnΘ vytvo°it pojφtka s kontextem. U₧ivatel musφ v∞d∞t, kde se nachßzφ, i kdy₧ p°eskoΦφ hlavnφ strßnku. NavigaΦnφ systΘm by m∞l prezentovat strukturu informaΦnφ hierarchie jasn∞ a konsistentn∞. Na existujφcφ strßnce m∙₧ete pou₧φt k ov∞°enφ kvality navigace navigaΦnφ stres test.
NavigaΦnφ stres test
Vyberte "nßhodn∞" n∞jakou zano°enou strßnku (ne domovskou). Vytiskn∞te si tuto strßnku Φernobφle, bez URL v hlaviΦce nebo patiΦce. P°edstavte si, ₧e jste na strßnce poprvΘ a zkuste zodpov∞d∞t nßsledujφcφ otßzky:
- O Φem je tato strßnka?
- Jak se jmenuje tato strßnka?
- JakΘ jsou hlavnφ sekce?
- V jakΘ hlavnφ sekci je tato strßnka?
- Co je o jedenu ·rove≥ v²Ü?
- Jak se dostanu na hlavnφ strßnku?
- Jak se dostanu na vrchol (zaΦßtek) tΘto sekce (v nφ₧ se prßv∞ nachßzφm)?
- Co oznaΦuje ka₧dß skupina odkaz∙? (Zakrou₧kujte hlavnφ skupiny odkaz∙ a oznaΦte je - vφce detail∙, podstrßnka tΘto strßnky, sousednφ strßnka, ve stejnΘ sekci, nesouvisejφcφ strßnka na tomto webu, strßnka mimo tento web.)
- Jak se dostanete na tuto strßnku z domovskΘ strßnky?
Vφce o tomto testu se doΦtete na http://keith.instone.org/navstress/.
RozÜφ°enφ flexibility
Oproti Gopheru, kter² umo₧≥oval pohyb jen v rßmci hierarchie, umo₧≥uje hypertext p°eskoΦenφ z kterΘkoli ·rovn∞ kamkoli a tφm obejitφ pr∙chodu po hierarchii. Neposkytnutφ t∞chto pom∙cek (jako je postrannφ a svislß navigace) m∙₧e b²t u velk²ch web∙ limitujφcφ. Jejich p°emφra naproti tomu poh°bφvß hierarchii.
Hlavnφ typy navigacφ
Slou₧φ jako zßkladnφ orientaΦnφ systΘm u₧ivatele. Strßnky, kterΘ nepropojuje ₧ßdn² z hlavnφch typ∙ navigacφ, b²vajφ pro u₧ivatele nep°φstupnΘ a nepou₧itelnΘ.
Globßlnφ navigace
Dle definice je globßlnφ navigaΦnφ systΘm urΦen k tomu, aby se objevoval na ka₧dΘ strßnce nap°φΦ webem. ╚asto b²vß implementovßn jako navigaΦnφ pruh v hornφ Φßsti ka₧dΘ strßnky. Tento systΘm umo₧≥uje p°φstup ke klφΦov²m oblastem a ·kol∙m na webu bez ohledu na to, kde se nachßzφte.
Proto₧e globßlnφ navigaΦnφ pruhy b²vajφ Φasto jedin²m konzistentnφm prvkem nap°φΦ cel²m webem, majφ velk² vliv na pou₧itelnost, a proto by m∞ly b²t opravdu dob°e navr₧enΘ a podrobenΘ u₧ivatelskΘmu testovßnφ.
Hodn∞ globßlnφch navigaΦnφch systΘm∙ poskytuje odkaz na hlavnφ strßnku, hodn∞ na vyhledßvßnφ. N∞kterΘ, jako Amazon, poskytujφ kontextovΘ vodφtko pro identifikaci u₧ivatelovy lokace. JinΘ jsou velmi jednoduchΘ, co₧ vede k tomu, ₧e p°enechßvajφ zßt∞₧ kontextovΘ spojky do ni₧Üφch ·rovnφ a otevφrajφ tak cestu k nekonzistentnostem a dezorientaci.
Globßlnφ navigaΦnφ systΘmy po₧adujφ p°i nßvrhu rozhodnutφ zalo₧enß na pot°ebßch u₧ivatel∙, cφl∙ organizace, obsahu, technologiφch a kultu°e.
Chyby: ╚asto nelze identifikovat globßlnφ navigaΦnφ systΘm na domovskΘ strßnce. Ta b²vß mnohdy jedinou v²jimkou ve vÜudyp°φtomnosti globßlnφho navigaΦnφho pruhu. DesignΘ°i takΘ n∞kdy vytvß°ejφ na hlavnφ strßnce rozÜφ°en² nebo graficky upraven² pohled na tuto navigaci. Nebo je na hlavnφ strßnce n∞kolik navigaΦnφch systΘm∙ a nelze °φci, bez jejich prokliknutφ, kter² je hlavnφ a vÜudyp°φtomn².
Mφstnφ navigace
Na mno₧stvφ web∙ b²vß hlavnφ navigaΦnφ systΘm dopln∞n p°inejmenÜφm jednφm mφstnφm navigaΦnφm systΘmem. N∞kterΘ systΘmy kombinujφ n∞kolik mφstnφch navigaΦnφch systΘm∙ do konzistentnφho supersystΘmu.
Mφstnφ navigaΦnφ systΘmy a obsah, ke kterΘmu zprost°edkovßvajφ p°φstup, jsou Φasto tak odliÜnΘ, ₧e p°edstavujφ samostatnΘ Φßsti webu (subsites). Ty b²vajφ z°izovßny ze dvou d∙vod∙:
- odliÜnost obsahu a funkcionality
- jinφ auto°i a jejich skupiny, odpov∞dnΘ za obsah
Kontextovß navigace
N∞kterΘ vztahy nenφ nutnΘ plnit do strukturovan²ch kategoriφ globßlnφ a mφstnφ navigace. To vede k vytvß°enφ kontextov²ch odkaz∙ specifick²ch pro danou strßnku, dokument nebo objekt.
Kontextovß navigace podporuje asociativnφ uΦenφ. U₧ivatelΘ se uΦφ objevovßnφm asociacφ, kterΘ definujete mezi polo₧kami. Mohou tak nap°φklad poznat u₧iteΦnΘ produkty, kterΘ dosud neznali.
P°φklady:
- odkazy v textu (b²vajφ Φasto ignorovßny, dφky rychlΘmu prochßzenφ textu)
- seznam p°φbuzn²ch produkt∙
Implementace navigace
Nßvrh navigaΦnφch systΘm∙ je kompromis mezi flexibilitou pohybu a zahlcenφm u₧ivatele mno₧stvφm mo₧nostφ.
Dopl≥kovß navigace
Slou₧φ jako zßchrana pro u₧ivatele, kte°φ se ztratφ v normßlnφm navigaΦnφm systΘmu a jeho hierarchii.
Mapy strßnek
Neboli obsah. Poskytujφ Üirok² pohled na obsah webu a mo₧nost p°φstupu na jeho Φßsti. Typickß mapa strßnek poskytuje nejvyÜÜφ ·rovn∞ hierarchie informacφ.
Pro malΘ weby s menÜφm poΦtem ·rovnφ zano°enφ nejsou nutnΘ. Stejn∞ tak strßnky, kterΘ nejsou d∙sledn∞ Φlen∞nΘ do hierarchiφ, by m∞ly rad∞ji pou₧φt index.
P°i tvorb∞ grafickΘho nßvrhu mapy strßnek:
- podpo°te hierarchie
- nezahl¥te u₧ivatele p°emφrou informacφ (mapy strßnek majφ pomßhat, ne d∞sit)
Indexy
Prezentujφ abecednφ seznam klφΦov²ch slov a frßzφ. Na rozdφl od mapy strßnek poskytujφ ploch² pohled, maximßln∞ dvoj·rov≥ov². Indexy slou₧φ dob°e u₧ivatel∙m, kte°φ vφ, co hledajφ. RychlΘ prohlΘdnutφ seznamu je dostane tam, kam cht∞jφ, nemajφ pot°ebu v∞d∞t nic o za°azenφ do hierarchie.
Hlavnφm problΘmem b²vß stanovenφ podrobnosti zahrnut²ch informacφ. Indexovat strßnky, odstavce nebo koncepty zmφn∞nΘ na strßnkßch? LepÜφ otßzkou asi bude: JakΘ informace budou u₧ivatelΘ hledat?
Na mal²ch webech je mo₧nΘ indexy vytvß°et ruΦn∞. Na velk²ch webech je vhodnΘ pou₧φt indexaci pomocφ v²raz∙ z °φzenΘho slovnφku, p°i°azen²ch na ·rovni dokument∙. Proto₧e v²razy mohou vΘst na vφce dokument∙, je t°eba umo₧nit dvoustup≥ovΘ prohlφ₧enφ indexu. Nejd°φve si u₧ivatel vybere ze seznamu v²raz a pak z dalÜφho seznamu dokument indexovan² tφmto v²razem.
Dobrou technikou je rotace v²raz∙. V²razy ve frßzi jsou uvedeny v zam∞n∞nΘm po°adφ.
PokroΦilΘ techniky
PokroΦilΘ techniky vyu₧φvajφ jev∙, zalo₧en²ch na hlubÜφm poznßnφ u₧ivatelsk²ch stereotyp∙. Nejsou p°φmoΦa°e vßzßny na svou technickou realizaci.
Personalizace a p°izp∙sobovßnφ
Takzvanß personalizace umo₧≥uje poskytovat obsah strßnek, upraven² na zßklad∞ model∙ chovßnφ u₧ivatele. Naproti tomu p°izp∙sobenφ dßvß u₧ivateli kontrolu nad procesem volby obsahu, jeho prezentace Φi mo₧nostφ navigace. U personalizace se sna₧φme odhadnout co u₧ivatel chce, u p°izp∙sobenφ nßm to °ekne u₧ivatel.
Personalizace pracuje dob°e v omezenΘm kontextu. Je t∞₧kΘ odhadovat, co lidΘ cht∞jφ, a navφc se tyto pot°eby m∞nφ. P°izp∙sobenφ mß zßsadnφ problΘm v tom, ₧e mßlo u₧ivatel∙ jφm chce trßvit mnoho Φasu, pokud v∙bec n∞jak². Navφc samotnφ u₧ivatelΘ nemusφ v∞d∞t, co budou chtφt zφtra.
Socißlnφ navigace
Socißlnφ navigace vyu₧φvß toho, ₧e to, co je d∙le₧itΘ pro jednoho u₧ivatele, m∙₧e b²t p°eneseno do pot°eb dalÜφch u₧ivatel∙. P°φkladem jsou t°eba "Top Downloads". Nebo na Amazonu: "U₧ivatelΘ kupujφcφ tuto knihou kupujφ..."
Odkazy a zdroje
- Navigation Stress Test - Keith Instone (user-experience.org, 25. 1. 2003)
- Zßkladnφ navigaci u₧ivatelΘ ignorujφ - Martin Kopta (Lupa.cz, 11. 3. 2003)
Artefakty informaΦnφ architektury
Aplikovanß informaΦnφ architektura (IA) zkoumß uspo°ßdßnφ (organizaci) informacφ na webovΘ strßnce. Jejφm cφlem je dosßhnout co nejefektivn∞jÜφho uspo°ßdßnφ t∞chto dat a usnadnit tak nßvÜt∞vnφk∙m vyhledßvßnφ a prßci s nimi. Tato sΘrie Φlßnk∙ dosud nebyla ukonΦena!
- Artefakty informaΦnφ architektury - vyhledßvacφ systΘmy
- Artefakty informaΦnφ architektury - navigaΦnφ systΘmy (prßv∞ Φtete)
- Artefakty informaΦnφ architektury - oznaΦovacφ systΘmy
- Artefakty informaΦnφ architektury - organizaΦnφ systΘmy