Navigace

Hlavnφ menu

 

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?
NavigaΦnφ diagram

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

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!

BureÜ, David (16. 11. 2004)
autor se zab²vß webdesignem, SEO, weblogy, publikaΦnφmi systΘmy a CMS