<meta http-equiv='pics-label' content='(pics-1.1 "http://www.icra.org/ratingsv02.html" comment "ICRAonline EN v2.0" l gen true for "http://interval.cz" r (nz 1 vz 1 lz 1 oz 1 cz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://interval.cz" r (n 0 s 0 v 0 l 0))' />
<h2>Artefakty informaΦnφ architektury - navigaΦnφ systΘmy</h2>
<p id='prepend'>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.</p>
<h3>Typy navigacφ</h3>
<p>Tento Φlßnek zaΦneme p°ehledem, nebo¥ organizovat je t°eba. Navigace m∙₧eme rozd∞lit na hlavnφ a dopl≥kovΘ.</p>
<h4>Hlavnφ typy navigacφ</h4>
<div class='list'>
<ul>
<li><strong>Globßlnφ</strong> - kde jsem?</li>
<li><strong>Lokßlnφ</strong> - co je v okolφ?</li>
<li><strong>Kontextovß</strong> - co souvisφ s tφmto obsahem?</li>
<li><strong>Mapa strßnek</strong> - celkov² pohled na web.</li>
<li><strong>Index</strong> - abecedn∞ °azen² seznam odkaz∙.</li>
<li><strong>Nßvody</strong> - lineßrnφ navigace uzp∙sobenß specifickΘmu ·kolu, u₧ivateli nebo tΘmatu.</li>
</ul>
</div>
<h3>NavigaΦnφ mo₧nosti prohlφ₧eΦe</h3>
<p>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Θ.</p>
<h4>Zßkladnφ mo₧nosti</h4>
<div class='list'>
<ul>
<li>tlaΦφtka "Dop°edu" a "Zp∞t"</li>
<li>historie</li>
<li>zßlo₧ky</li>
<li>obarvenφ navÜtφven²ch odkaz∙</li>
</ul>
</div>
<h4>NejΦast∞jÜφ kriminßlnφ Φiny</h4>
<div class='list'>
<ul>
<li>èpatnß modifikace barvy navÜtφven²ch a nenavÜtφven²ch odkaz∙.</li>
<li>"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.</li>
<p>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 <em>navigaΦnφ stres test</em>.</p>
<h4>NavigaΦnφ stres test</h4>
<p>Vyberte "nßhodn∞" n∞jakou <strong>zano°enou</strong> strßnku (ne domovskou). Vytiskn∞te si tuto strßnku <strong>Φernobφle</strong>, bez URL v hlaviΦce nebo patiΦce. P°edstavte si, ₧e <strong>jste na strßnce poprvΘ</strong> a zkuste zodpov∞d∞t nßsledujφcφ otßzky:</p>
<div class='list'>
<ul>
<li>O Φem je tato strßnka?</li>
<li>Jak se jmenuje tato strßnka?</li>
<li>JakΘ jsou hlavnφ sekce?</li>
<li>V jakΘ hlavnφ sekci je tato strßnka?</li>
<li>Co je o jedenu ·rove≥ v²Ü?</li>
<li>Jak se dostanu na hlavnφ strßnku?</li>
<li>Jak se dostanu na vrchol (zaΦßtek) tΘto sekce (v nφ₧ se prßv∞ nachßzφm)?</li>
<li>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.)</li>
<li>Jak se dostanete na tuto strßnku z domovskΘ strßnky?</li>
</ul>
</div>
<p>Vφce o tomto testu se doΦtete na <a href='http://keith.instone.org/navstress/'>http://keith.instone.org/navstress/</a>.</p>
<h4>RozÜφ°enφ flexibility</h4>
<p>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.</p>
<h3>Hlavnφ typy navigacφ</h3>
<p>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Θ.</p>
<h4>Globßlnφ navigace</h4>
<p>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.</p>
<p>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φ.</p>
<p>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.</p>
<p>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.</p>
<p><strong>Chyby</strong>: ╚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².</p>
<p>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∙:</p>
<div class='list'>
<ul>
<li>odliÜnost obsahu a funkcionality</li>
<li>jinφ auto°i a jejich skupiny, odpov∞dnΘ za obsah</li>
</ul>
</div>
<h4>Kontextovß navigace</h4>
<p>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.</p>
<p>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>
<p>P°φklady:</p>
<div class='list'>
<ul>
<li>odkazy v textu (b²vajφ Φasto ignorovßny, dφky rychlΘmu prochßzenφ textu)</li>
<li>seznam p°φbuzn²ch produkt∙</li>
</ul>
</div>
<h4>Implementace navigace</h4>
<p>Nßvrh navigaΦnφch systΘm∙ je kompromis mezi flexibilitou pohybu a zahlcenφm u₧ivatele mno₧stvφm mo₧nostφ.</p>
<h3>Dopl≥kovß navigace</h3>
<p>Slou₧φ jako zßchrana pro u₧ivatele, kte°φ se ztratφ v normßlnφm navigaΦnφm systΘmu a jeho hierarchii.</p>
<h4>Mapy strßnek</h4>
<p>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φ.</p>
<p>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>
<p>P°i tvorb∞ grafickΘho nßvrhu mapy strßnek:</p>
<div class='list'>
<ul>
<li>podpo°te hierarchie</li>
<li>nezahl¥te u₧ivatele p°emφrou informacφ (mapy strßnek majφ pomßhat, ne d∞sit)</li>
</ul>
</div>
<h4>Indexy</h4>
<p>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.</p>
<p>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: <q>JakΘ informace budou u₧ivatelΘ hledat?</q></p>
<p>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.</p>
<p>Dobrou technikou je rotace v²raz∙. V²razy ve frßzi jsou uvedeny v zam∞n∞nΘm po°adφ.</p>
<h3>PokroΦilΘ techniky</h3>
<p>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.</p>
<h4>Personalizace a p°izp∙sobovßnφ</h4>
<p>Takzvanß <em>personalizace</em> umo₧≥uje poskytovat obsah strßnek, upraven² na zßklad∞ model∙ chovßnφ u₧ivatele. Naproti tomu <em>p°izp∙sobenφ</em> 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.</p>
<p>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.</p>
<h4>Socißlnφ navigace</h4>
<p>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φ..."</p>
</div><div class='refer'><h3><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/serial.asp?serial=92' title='p°ehled Φlßnk∙ vΦetn∞ anotacφ'>Artefakty informaΦnφ architektury</a></h3><p>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!</p><ul><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3686'>Artefakty informaΦnφ architektury - vyhledßvacφ systΘmy</a></li><li><strong>Artefakty informaΦnφ architektury - navigaΦnφ systΘmy</strong> (prßv∞ Φtete)</li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3641'>Artefakty informaΦnφ architektury - oznaΦovacφ systΘmy</a></li><li><a href='http://interval.cz/__redirect/redirect.asp?what=interval_offline&url=http://interval.cz/clanek.asp?article=3620'>Artefakty informaΦnφ architektury - organizaΦnφ systΘmy</a></li></ul></div>
