13. 5. 2007 v sekci webdesign:

Je to odkaz nebo není?

Jak uživatel pozná, že je něco odkaz a co se stane, když to nerespektujeme?

Zmatení. Zaváhání. Zaražení se. Přemýšlení. Odchod. I takto může vypadat scénář kliku na něco, co se tvářilo jako odkaz, a přitom to odkaz nebyl. Odchod je sice extrémní variantou, leč i těm nejhouževnatějším uživatelům může dojít trpělivost. Otázka zní – jak poznám odkaz?

Podtržení

Nejtristnější variantou je nepodtrhání odkazů v textu a nejlépe podtrhání něčeho jiného. Třeba takový podtržený nadpis je skvělým řešením pro velmi opuštěný webík.

Ručička

Když jde o odkaz, nehrajte si s ručičkou. Zaměřovací křížek či otazníček jsou sice zajímavou variantou kurzoru, leč obě vedou pouze ke zmatení uživatele. Stejně tak změna kurzoru na ručičku tam, kde se nedá kliknout, úplně uživatele nepotěší.

Hover efekt

Skutečný důvod napsání tohoto článku není lamentování nad podtrhanými nadpisy, nýbrž s efektem po najetí myši. Veerle napsala moc hezký článek, který ukazuje, jak udělat hover efekt nad položkou seznamu. Kodérsky i designersky se mi její řešení líbí, navíc je v duchu Transcendent CSS – pokrok pokročilým (tj. pouze pro moderní browsery).

Je to ovšem použitelné řešení? Nedělal jsem žádná uživatelská testování, leč osobně mi přijde, že uživatel vidí hover a KLIKÁ. V případě Veerlina příkladu se neděje nic, protože hover je nad blokem textu v položce seznamu. A přitom by stačilo pár řádek Javascriptu a hover s promrhaným klikem omezíme na zanedbatelné procento uživatelů..

Komentáře

1. Null
13. 05. 07, 23.04

Zrovna na tohle jsem se nedávno koukal a moc mě to zaujalo. V tomhle případě mi to přijde celkem nenásilný a i přes ten hover jsou odkazy dobře rozeznatelný. Navíc orientaci v tom, co je a co není odkaz, dobře pomáhá právě tebou zmíněný dodržení běžnýho chování kurzoru.
Každopádně souhlasím, že špatně použitá tahle technika může být nebezpečná a matoucí.

14. 05. 07, 00.05

Nevím jestli to bylo schválně, ale článek o odkazech mě tak dokonale zmátl, že jsem kliknu na google reklamu s vědomím. Že to je nějaký ukázkový klikací odkaz. Takže to znamená – skvěle a důvěrně napsaný článek.

14. 05. 07, 08.56

Klasický příklad, kde by se hover neměl používat, jelikož tam mám opravdu vždycky tendence se naštvat a odejít je program HBO. Tedy konkrétní filmy.

Třeba: http://www.hbo.cz/…eDetail.aspx?…

Zkuste si najet na obsah nebo na nadpis. No nenutí vás to ke kliknutí?

14. 05. 07, 09.03

Njn, návštěvníci klikají na cokoli. Třeba když uřežete část obrázku, (skoro) vůbec nemusíte dodržet hover ani ručičku.

14. 05. 07, 09.24

To je sice s tim hoverem moc fajne, ale muze mi nekdo vysvetlit k cemu je to vlastne dobre? Argumentace typu zvyrazneni dane polozky neni dostatecna – kdyz se neco vyrazne viditelne zvyrazni, ocekavam, ze to je klikatelne… :-/ Prijde mi ponekud paranoidni prejizdet mysi pres obsah a sledovat, zda se neco odehraje ci nikoli. Hledame ztraceny poklad?

14. 05. 07, 10.58

Jsem rád, že se tak hezky shodneme :-)

14. 05. 07, 11.58

mimochodem když uděláte odkazy na kw, které nepůjdou rozpoznat od okolního textu, tak je to u google bráno jako nekalá praktika – hrozí ban, viz nedávný článek od Matta