24. 5. 2006 v sekci webdesign:

Použitelnost menu

Za poslední týden jsem se setkal hned s několika weby, které řeší své menu poměrně nešťastným způsobem. Zavřete oči (kdo čte dál, ten podvádí ;-)) a představte si odkaz. Jak vypadá takový odkaz? Ano – je modrý a podtržený. Barva v tomto případě nehraje roli, důležité je to podtržení. Jacob Nielsen kdysi napsal, že by stránka neměla odkazovat sama […]

Za poslední týden jsem se setkal hned s několika weby, které řeší své menu poměrně nešťastným způsobem. Zavřete oči (kdo čte dál, ten podvádí ;-)) a představte si odkaz. Jak vypadá takový odkaz? Ano – je modrý a podtržený. Barva v tomto případě nehraje roli, důležité je to podtržení.

Jacob Nielsen kdysi napsal, že by stránka neměla odkazovat sama na sebe. Já s Jacobem v tomto bodě naprosto souhlasím – když odkáže stránka sama na sebe a uživatel na odkaz klikne, tak dojde ke zbytečnému reloadu. Na pomalejší lince dost katastrofa.

Poslední premisou těchto sqělých webů je, že odlišují aktivní odkaz v menu. Odlišení je samo o sobě naprosto v pořádku – uživatel se rychleji zorientuje, kde se právě nachází na stránkách a při jakékoliv složitější hierarchii (čti dvě a více stránek) je to v podstatě nutnost.

Odkaz je podtržený a stránka neodkazuje sama na sebe, ok? Co se ovšem stane, když podtrhnu aktivní odkaz menu, abych ho odlišil od ostatních? Crap! Co uvidí uživatel laik při pohledu na mou stránku? Menu, které obsahuje jeden odkaz a nějaký balast okolo. Klikne a ona se mu znovunahraje stránka. Dyzajnér buď netuší, nebo se ve skrytu duše baví nad nešťastným uživatelem.

Výsledek většinou není zas tak tragický, ale takto řešené menu donutí spolehlivě BFU přemýšlet. A to přeci nechceme, nebo ano?

Můžete otevřít oči, telepatický přenos je u konce.

Komentáře

24. 05. 06, 19.29

Podčiarknutie aktívneho odkazu a nepodčiarknutie ostatných odkazov v menu je zlá situácia. Ale opačná situácia je podľa mňa výhodná pre použiteľnosť.

Stránka odkazujúca sama na seba zase nie je až taká zbytočná záležitosť. Ja keď napríklad chcem reoladnúť určitú stránku, nestlačím F5, ale kliknem na odkaz, ktorý na ňu odkazuje. A veľa BFU ani nevie že stlačenie F5 znamená znovunačítanie a keď ho potrebujú, tiež si kliknú ;-)

2. dgx
24. 05. 06, 19.54

[1] a je možno pokračovat:

– kliknutím na odkaz vedoucí sám na sebe předejdu, narozdíl od stisknutí tlačítka F5, znovu-odeslání formuláře.

– odkaz vedoucí sám na sebe je v normovaném tvaru, narozdíl od aktuálního URL, které může nést některé nežádoucí informace (např. session id). Pokud chci nějakou stránku zalinkovat, nezkopíruji URL, ale snažím se najít odkaz vedoucí na sebe samu.

– stejně tak mi vyhovují odkazy na sebe, které se nazývají „skok na hlavičku“ apod.

Nutno říct, že webdesignéři, kteří víc věří jistému Dánovi než svému rozumu, mi komplikují život ;-)

3. Ikrk
24. 05. 06, 19.57

Co se týče odkazování sama na sebe, tak to souhlasím s klokynem, taky to někdy používám…

Ale jinak co jsem zjistil u některých členů naší rodiny (takže fakt extrémní BFU :)), je, že se snaží klikat i na text, kterej není podtrženej (třeba nadpisy oddílů) a myslí si, že by to měl být odkaz… Mají pravděpodobně zafixovaný, že odkaz může vypadat jakkoliv. Takže by se k něčemu i v daném případě proklikali. Ještě horší ale podle mě je, když jsou všechny odkazy v menu stejný a na některý kliknout jde a na některý ne. To je fakt k zbláznění.

24. 05. 06, 20.05

Nechápu proč by stránka nemohla odkazovat sama na sebe. Nevím jak ostatní, ale já takový odkaz používám docela často, například v případě klikacího loga (v podstatě z toho důvodu, jaký uvedl klokyn). Mimochodem – rýpnu si – i ty máš logo na homepage klikací, ač bys tedy mít klikací neměl ;-).

5. Ikrk
24. 05. 06, 21.15

[4] Jenže teď je řeč o odkazu v menu a ne v hlavičce. Ale za to rýpnutí to určitě stálo :)

Btw, nevím, jestli o tom víš, ale máš nějak špatně nastavenej čas…

24. 05. 06, 21.40

[5] Ikrk: No nevím, ten druhý odstavec článku zní docela obecně :-). Každopádně rýpnutí bylo nedůležité, takže bych to nechal plavat…

7. Leo
24. 05. 06, 22.45

Rozdil mezi kliknutim na odkaz a obnovenim stranky (F5) jde jeste dal – zatimco v prvem pripade ztracim info o odrolovani stranky, v druhem ne (souvisi v rade prohlizecu trochu s kesovanim (ackoliv by nemelo), ale obecne je to tak). Leo

25. 05. 06, 05.37

já si myslím, že podtržení odkazů je takový výmysl „usabilityfašistů“, sice je hned vidět, že je to odkaz, ale na druhou stranu to nevypadá dobře, myslím, že stačí nastylovat položku menu tak, aby vypadala jako tlačítko a pak už není nutné kazit vizuální dojem podtržením odkazů, myslím že je spíš důležitější aby byla klikatelná (alespoň v prohlížečích, na uživatele MSIE ***) celá plocha tlačítka, aby návštěvník nemusel „hledat“ klikatelný text a stačilo by mu kliknout kamkoliv do plochy tlačítka (i over efekt by měl takto fungovat)

25. 05. 06, 06.43

Pro me je klikaci logo naprosto nezbytne. Kdyz prijdu na web z vyhledavace neco prectu a chci si precist i jjine clanky tak nejprve kliknu na logo abych se dostal na hlavni stranku.

Pritom nezkoumam jestli uz na hlavni strance jsem.

10. JR
25. 05. 06, 07.47

Stránka sama na sebe odkazovat může – proč by nemohla? Někdy je to dokonce potřeba ([2] – souhlas) Lepší než umazávat nesmysly v URL raději kliknout na odkaz.

No a to menu? To je zase lepší neodkazovat sama na sebe :) Odkazování nevadí, ale odkaz by mohl být jiný (bez podtržení, jinou barvou – aktivní položka)

Zdá se mi, že občas ty pravidla použitelnosti práci s webem dělají akorát těžší. Já nevím, ale všechny uživatele nelze uspokojit :)

11. JR
25. 05. 06, 07.49

Když už jsem u toho – zeptám se vedoucího. Šéfe, proč máš popisný text u odkazů „podobné příspěvky“ pod tímto článkem téměř neviditelný? Já bohužel patřím k těm, kterým dělá malé nekontrastní písmo velké problémy a tak mně na padlo, že nemusím být sám.

12. dekub
25. 05. 06, 08.00

uaa.. co to je za clanek :)

25. 05. 06, 10.10

[11] to nejsi sám ;)

25. 05. 06, 12.38

Odpovídám na [1] a [2]

Nepřestává mne překvapovat, jak je zakořeněný mýtus, že doporučení použitelnosti jsou jen teoretickými výmysly akademiků (a ještě navíc Dánů ;-). Ve skutečnosti se přitom nejedná o nic jiného, než o shrnuté závěry ze zcela praktických testů a pozorování.

Konkrétně odkazování sama na sebe — vezměte si pár stránek, které v menu někde nahoře sami na sebe odkazují a jejichž reload nemá žádný praktický smysl, a podívejte se do logů nebo si v Google Analytics prohlédněte report „Initial navigation“. Zjistíte, že 10-20 procent návštěvníků z takové stránky „odejde“ opět na tu samou stránku. Připadá vám to v pořádku?

Pokud vám to náhodou připadá v pořádku, pokračujte testem se živými uživateli. Při něm na vlastní oči uvidíte, jak je návštěvník v těchto případech bezradný, protože neví, zda se mu načetla stejná stránka nebo jiná. Připadá mu stejná, ale není si jist, takže dlouze přemýšlí, začíná ji znovu číst, někdy dokonce raději klikne znovu, tím si ji načte potřetí a tak dokola.

Proti všem uvedeným argumentů PRO odkazování sama na sebe v konkrétních případech vůbec nic nemá — jen to, že takových konkrétních případů je pár zlomků promile a upravovat pro ně obecné poučky nedává smysl. Ve speciálních případech samozřejmě musí designér myslet vlastní hlavou více než obvykle.

15. dgx
25. 05. 06, 14.16

[14] V článku je konkrétně napsáno „Jacob Nielsen kdysi napsal, že by stránka neměla odkazovat sama na sebe“. Je to doporučení použitelnosti nebo akademika? To první leda v případě, že Jacob Nielsen = použitelnost.

Naopak reakce [1] a [2] jsou shrnutím závěrů praktického používání webů samotnými pisateli komentářů. To je použitelnost, byť na malém vzorku. Nebo jsou tito pisatelé z oboru použitelnosti vyřazeni? (omlouvám se za onikání si ;)

> vezměte si pár stránek, které v menu někde nahoře sami na sebe odkazují a jejichž reload nemá žádný praktický smysl

Doporučuji neprovádět testování na silných „akademických“ linkách, ale vrátit se zpět k modemům. Potom každá stránka, která se z vůle fyzikálních zákonů a požehnání Telecomu nedotáhne celá, je aspirantem na reload.

> Zjistíte, že 10-20 procent návštěvníků z takové stránky “odejde” opět na tu samou stránku. Připadá vám to v pořádku?

Jsem jeden z těch 10-20 procent. Dostanu-li se na nový web, *ujistím* se tímto způsobem, že už se skutečně nacházím na titulní stránce (jsou případy, kdy to z URL nelze poznat). Tedy mi to připadá v pořádku.

Naopak, když je titulní stránka jako jediná bez „klikacího loga“ a jsem zrovna na ní, získám tak dojem, že celý web je bez klikacího loga a nemám z toho radost. Dále zkoumám, jak se dostat na titulní stránku. Je tohle v pořádku?

Marku, berte tuto reakci jako jiný výklad vašich bezesporu správných čísel. Měřit a zkoumat je velmi komplikovaná činnost, používají se k tomu složité nástroje. Ale stále je to procházka růžovým sadem proti interpretování těchto měření.

> Proti všem uvedeným argumentů PRO odkazování sama na sebe v konkrétních případech vůbec nic nemá — jen to, že takových konkrétních případů je pár zlomků promile

Po přečtení zdejších komentářů bych určitě nehovořil o promilích. Na druhou stranu, bagatelizování všeho, co má pod X procent, mi s použitelností přiliš nesedí…

16. BIZZY
25. 05. 06, 15.59

Takový uživatel může být značně zmaten, když klikne v menu na položku a nic se nestane („Já chtěl ale na ty Informace o výživě. To je blbá stránka, vůbec jim to nefunguje.“). Klidně může stránku opustit, pokud není nějakým způsobem jasné, že se v dané oblasti zrovna nachází. Pokud je to dobře zvládnuté, tak je dobré řešení duhové zabarvení stránek podle sekcí.

17. klokyn
25. 05. 06, 18.09

[14]Súhlasím s príspevkom [15] ale ešte dodám.

>Ve skutečnosti se přitom nejedná o nic jiného, než o shrnuté závěry ze zcela praktických testů a pozorování.

Zásady použiteľnosti by samozrejme nevznikli bez testov a pozorovaní, ale keď vie webdesignér rozmýšlať, môže ich porušiť, pričom stránka zostane rovnako použiteľná. Odkazovanie samo na seba teda podľa mňa môžeme normálne používať, keď užívateľ dokáže rozlíšiť jednu stránku od druhej, teda nezostane popletený.

>Pokud vám to náhodou připadá v pořádku, pokračujte testem se živými uživateli…

Každú stránku čo vytvorím, najprv otestujú užívatelia z mäsa a kostí. A nezdá sa mi, že by ich poplietlo odkazovanie samo na seba. A k tomu sú to častý zmätkári, čo sa webu týka.

Ďalej si myslím, že keby sa niekto spýtal užívateľov či majú radšej normálne menu, alebo neodkazujúci aktívny odkaz v menu a pritom by im nikto nepovedal o výhodách a nevýhodách, tak by odpovedali že majú radšej normálne menu, kde je aj odkaz na samotnú stránku. Sú totiž zvyknutý na obyčajné menu, kde je normálny aktívny odkaz a niečo iné by ich znepokojovalo…

Ospravedlňujem sa za možnú nezrozumiteľnosť kometnáru, ale čas mi nedovolil hlbšie nad tým premýšlať

26. 05. 06, 16.59

Reaguji na [14]: Davide, já nezpochybňuji, že reakce [1] a [2] odrážejí praktické zkušenosti uživatelů. Já jen tvrdím, že se tyto zkušenosti vztahují pouze na výjimečné typy stránek, které třeba na typických firemních či informačních webech vůbec nebývají.

> bagatelizování všeho, co má pod X procent, mi s použitelností přiliš nesedí…

Asi jste mne nepochopil. Já neříkám, že se poučky mají dodržovat vždy. Říkám, že se mají dodržovat jen tehdy, je-li to správné. Zároveň říkám, že konkrétně poučka o neodkazování sama na sebe je správná pro 99,9 procent stránek, se kterými jsem se kdy setkal.

19. Mars
15. 12. 06, 16.14

Trochu pozdě a zřejmě nic nového, ale jsem pro podtrhávání veškerých odkazů. jinak ničeho jiného snad kromě titulků a nadpisů stránek, kde to není matoucí.
Ale faktem je, že běžní uživatelé mají zafixováno pro jistotu vše přejíždět myší, co kdyby…