20. 4. 2006 v sekci webdesign:

Je to odkaz nebo není?

Co dělá odkaz odkazem? Jeho příslušnost k menu, podtržení a především ručička při najetí nad samotný odkaz. Aktuální stránka Mnoho designérů, včetně mě, začalo zakazovat zobrazení ručičky pro aktuální odkaz menu. Je to logické – odkaz pak nevypadá jako odkaz a uživatel na něj nebude klikat. Sám velký Jacob Nielsen kdysi řekl, že odkaz, který vede na aktuální stránku […]

Co dělá odkaz odkazem? Jeho příslušnost k menu, podtržení a především ručička při najetí nad samotný odkaz.

Aktuální stránka

Mnoho designérů, včetně mě, začalo zakazovat zobrazení ručičky pro aktuální odkaz menu. Je to logické – odkaz pak nevypadá jako odkaz a uživatel na něj nebude klikat. Sám velký Jacob Nielsen kdysi řekl, že odkaz, který vede na aktuální stránku (a v případě kliku dojde k pouhému znovunačtení stránky) je špatný.

Jenže pozor! Jestliže máte víceúrovňové menu a zakážete ručičku pro mateřskou kategorii, když se uživatel dostane do jedné z větví druhé úrovně, tak je to chyba!

Příklad ze života

Téma tohoto spotu mě napadlo ve chvíli, kdy jsem si pročítal nový zajímavý internetový časopis pro webdesignery ThinkVitamin. Zrovna jsem dočetl interview s Davem Sheou a chtěl jsem se podívat na další rozhovory. Jenže nad odkazem Interviews, který vede na centrální stránku se seznamem rozhovorů, se mi neobrazila ručička… zmateně jsem se pokusil kliknout a odkaz byl skutečně odkazem.

Komentáře

1. dgx
20. 04. 06, 07.30

Nerozumím v čem je logické takto ochromovat odkazy? Pokud někde odkaz nechci, tak ho tam prostě neudělám a nebudu přeci měnit chování kurzoru…

> Sám velký Jacob Nielsen kdysi řekl, že odkaz, který vede na aktuální stránku (a v případě kliku dojde k pouhému znovunačtení stránky) je špatný.

Což mi připomělo takové to rodičovské „A kdyby Jacob řekl skoč z mostu, skočíš?“ :-)

2. Ivan
20. 04. 06, 07.38

Je predsa mnoho inych sposobov, ako oznacit odkaz za odkaz na aktivnu stranku, ci uz podfarbenim, alebo nejakym obrazkom a pritom zachovat jeho funkcnost. Cize som ZA funkcnost.

20. 04. 06, 07.51

[1] jednoduchá odpověď – designér je líný vyměnit odkaz za SPAN.. btw. Jacob doufám vyzněl s nadsázkou ;-)

[2] jenže odkaz na aktivní stránku by v prvé řadě neměl vůbec existovat!

4. Leo
20. 04. 06, 08.51

Me osobne hodne rusi kdyz jedu mysi po menu, a najednou se mi kurzor mysi zmeni z rucicky na klasiku, at uz je to tim, ze v menu je najednou span misto a, nebo pres css zakazete rucicku… Leo

5. Petr
20. 04. 06, 09.09

Osobně jsem si při jednom testování všiml, že několik testerů namítlo, že jim patrně menu nefunguje, když se tam nějaká políčka nejeví jako odkaz – a vubec je nenapadlo, že už na té stránce jsou a že to je logické ;) A koneckonců i mě se někdy stane že jsem trochu zmaten, naštěstí vím, že stránky se snaží být maximálně přístupné a použitelné, takže je to v pohodě ;)

20. 04. 06, 09.54

Je zajímavé, jak mnoho webdesignerů při spíše sporadickém vymýšlení druhé (zvýrazněné) varianty položky v menu zapomínají na to, že tyto varianty jsou tři:
1) normální „klikací“ položka
2) zvýrazněná „klikací“ položka (pro zvýraznění kategorie, ve které se uživatel nachází)
3) zvýrazněná aktivní (neklikací) položka (pro zvýraznění kategorie, na jejíž v hierarchii nejvyšší stránce se uživatel nachází)

20. 04. 06, 10.16

no nevim nevim, ale souhlasim s dgx. buď tam odkaz je, nebo není, ale tohle je něco tak mezi že mi to přijde hodně špatně :)

20. 04. 06, 12.12

Jo pokud nechci odkaz tak odstraním <a> a ne kurzor…

Příjde mi to jako placení všech položek, ale tu jednu zárověn chcete vyškrtnout ze seznamu nakupovaného zboží…

20. 04. 06, 12.38

Já pro aktivní položky používám většinou jiný tag než <a> (jak kdy a jak kde). Víceúrovňové menu jsem zatím použil jen jednou, ale jen na hoover efekt, takže mi ten třetí případ, o kterém píše Honza Bien nenastává.

20. 04. 06, 12.42

Tak ještě jednou a teď už znad správně.
Pro aktivní odkazy (tedy mám na mysli „odkazy“ ukazující na aktuální stránku) nepoužívám odkazy, ale jiné atributy (většinou strong nebo span).

20. 04. 06, 16.36

Každé pravidlo má své vyjímky a slepě se jich držet je hloupost.

Menu by mělo být na stránce jednoznačně identifikovatelné a v takovém případě se na něj nemusí vztahovat všechna pravidla.

Např. jedno (velice rozumné) pravidlo říká, že všechny odkazy by měly být podtržené. U položek v menu to ale není nutné. Pokud uživatel jednoznačně identifikuje menu a jeho položky, automaticky ví, že na jednotlivé položky se dá kliknout (i když nejsou podtržené). Stejně tak si myslím, že nevadí, když položka v menu odkazuje na aktuální stránku. Chyba ale je, pokud tato položka není výrazně odlišena od ostatních.

20. 04. 06, 17.44

Já také nemám rád, pokud u odkazu nemám ručičku. Pokud není ručička, podle mě nemá být ani odkaz.

13. klokyn
22. 04. 06, 08.23

Najväčšou zásadou odkazov zo strany použiteľnosti je myšlienka, že užívateľ musí hneď vedieť čo je odkaz.

V texte to zistí podľa podčiarknutia a menu by malo samo hovoriť, že tam slúži ako navigácia. Ako užívateľ zisťuje, čo je naozaj odkaz? Ukáže naň kurzorom a mala by sa mu ukázať ručička. Zistenie až po kliknutí je podľa mňa chybou. Prečo by mal užívateľ klikať len preto, aby zistil či bol ten text naozaj odkaz?

Aktuálny odkaz v menu by sa mal chovať buď ako odkaz, alebo ako text. Všetko medzi tým užívateľov popletie.

22. 04. 06, 11.14

[13] – Uživatel by měl být schopen rozpoznat odkaz pouhým pohledem. Identifikovat odkazy podle „pacičky“ je už jen záchrana v případě, že odkaz není dostatečně vizuálně odlišen – a to už je problém v použitelnosti.

15. klokyn
22. 04. 06, 12.15

[14] Áno s tým súhlasím. Ale ručička je podľa mňa piatym najdôležitejším pravidlom použiteľnosti pri odkazoch.

Prvé – Odkaz na prvý pohľad vyzerá ako odkaz
Druhé – Odkaz je v zásade podčiarknutý
Tretie – Nič, čo nie je odkaz, nemá ako odkaz vyzerať
Štvrté – Odkaz musím mať hover efekt
Piate – Nad odkazom je ručička…

Filozofická otázka: Čo je lepšie? Ak webdesignér poruší prvé tri zásady a ďalšie dve dodrží, alebo dodrží prvé tri zásady, ale odkaz nebude mať ani hover, ani nad ním nebude ručička? Takže aj tá „záchrana“ má veľký význam ;-)

22. 04. 06, 14.44

[15] – Podle mě jsou první a druhé pravidlo totožné – Odkaz na první pohled vypadá jako odkaz PRÁVĚ PROTO, že je podtržený.

S třetím a pátým pravidlem bez výhrady souhlasím, ale to čtvrté pravidlo je podle mě naprosto nedůležité.

Pro jistotu zdůrazňuji, že mluvím o textových odkazech. Tlačítka mají jiná pravidla a položky v menu považuju za tlačítka.

17. klokyn
22. 04. 06, 17.36

[16] A čo odkazy vložené priamo v texte? Práve v texte by mali mať odkazy hover. Ľudia sú na to zvyknutý ešte viac ako na ručičku.

Pokiaľ ešte hovoríme o „aktívnom“ odkaze na aktuálnej stránke, takýto odkaz samozrejme hover mať nemusí.

23. 04. 06, 08.03

[17] – „…Práve v texte by mali mať odkazy hover. Ľudia sú na to zvyknutý ešte viac ako na ručičku…“

Na to jste přišel jak? Myslíte, že když po najetí myši text změní barvu, ale nezobrazí se ručička, tak na to lidi kliknou spíš, než když se ručička zobrazí a barva zůstane stejná (žádný hover efekt)? Zkuste si udělat pár testů, to vás vyvede z omylu. To by pak podle vás měl Google (a spousta dalších) velké problémy s použitelností, protože nemá u odkazů hover efekt…

19. klokyn
23. 04. 06, 10.27

[18]Priznávam, že som to prehnal. Ale ja osobne považujem hover stále za jednu z najväčších zásad pri použiteľnosti odkazov. Teda sa opravujem: hover je skoro taký dôležitý ako ručička.

Ak má aj obyčajný nadpis hover, zmätený užívateľ naň kliká. Dokonca kliká aj na odstavec, ktorý má tiež nadefinovaný hover.

Hover sa spolu s kurzorom (teda ručičkou), musia dopĺňať, pretože slúžia ako kontrola pri nejasných odkazoch. Čo s nich je dôležitejšie už nechcem rozoberať, pretože pri tomto článku je to trochu OUT ;-)

26. 04. 06, 17.30

[20] – Až se příště budete pouštět do diskuze, že podtržení odkazů není zas tak důležité, tak si přečtěte svůj vlastní web, na kterém píšete, že „Podčiarkovanie odkazov je jednou z najdôležitejších zásad použiteľnosti.“ :oP

21. klokyn
26. 04. 06, 19.07

[20] O podčiarkovaní som v tejto diskusii ani veľmi nehovoril a v žiadnom prípade som neodporoval tomu, čo som na svoj web napísal. Pokiaľ viem, hádali sme sa o ručičke a hovery ;-)

26. 04. 06, 19.30

[21] – Máte pravdu, beru zpět.

Nicméně stále jsem přesvědčen o tom, že pacička je MNOHEM důležitější než hover efekt, respektive, že hover efekt není z hlediska použitelnosti důležitý vůbec. Zkrátka podtržený odkaz je stejně dobře použitelný jako ten samý odkaz s hover efektem, protože ten použitelnosti nic nepřidá (to že to vypadá hezky je něco jiného)

Což samozřejmě neznamená, že jsem proti používání hover efektu, naopak. Hover efekt je spolu s barvou odkazu (ano, nemyslím si, že odkazy musí být modrou barvou!) to jediné, na čem se může designér „vyřádit“ aniž by snižoval použitelnost odkazu (pokud to nepřežene).

23. klokyn
27. 04. 06, 17.51

Dobre, to je váš názor. Do veľkej miery sa s ním stotožňujem, len nesúhlasím, že hover efekt je z hľadiska použiteľnosti nedôležitý. Nezabúdajte, že použiteľnosť je o tom, z čoho majú užívatelia dobrý pocit a hover je jedna z vecí, ktoré užívatelia ocenia.

27. 04. 06, 18.35

[24] – Nevím jestli už trochu „nezneužíváme“ tenhle blog pro naší soukromou debatu. Snad nám to Filosof odpustí :o)

Jde v podstatě o prkotinu. Oba se shodneme, že hover efekt vypadá pěkně (většinou), jen se naše názory rozchází v tom, jestli to pomáhá nebo nepomáhá použitelnosti.

To, že se hover efekt uživateli líbí, je jen díky tomu, že to designér dobře navrhl. Tudíž je to součást dobrého grafického designu. Z hover efektu jako takového nemusí nutně mít uživatel dobrý pocit. Klidně vám předvedu hover efekt, ze kterého určitě dobrý pocit mít nebudete :o)

Asi nemá cenu o tom dál diskutovat. Chápu, proč si myslíte, že hover efekt zlepšuje použitelnost, ačkoliv jsem přesvědčen, že se mýlíte. Vypadá to, že ani jeden z nás svůj názor nezmění, ale jelikož nejde o nic důležitého, tak to asi ani nevadí :o)

25. klokyn
30. 04. 06, 11.51

[24] Nedalo mi a musel som o tom napísať spot: http://weblog.kincel.sk/6-je-pre-pouzitelnost-hover-dolezity.html
Takže v hádke môžeme pokračovať tam ;-)

26. WhiteHat
25. 05. 06, 21.47

Pravý BFU by se mohl podivovat nad nefunkčností odkazu, který ještě před chvílí fungoval (zobrazovala se ručička)