JersyWoo >/dev/null

Dělat z odkazů pseudo tlačítka?  Rozhodně ano.

Co se motá uživatelovi v hlavě
Když se uživatel učí ovládat počítač, tak přijde do styku s tlačítky, přesněji s graficky oddělenou částí a s nápisem, které se po najetí myší a zmáčknutí změní vizuálně. Potom přijde na web a najednou jsou tam klikací texty, které jsou jenom podtržené. A jelikož každý design je jiný, najednou musí přemýšlet, případně být zklamán z toho, že musí hloubat, jestli to je nebo není klikací odkaz. Uživatel je tedy zvyklý na něco co vypadá jako tlačítko a po najetí myší (klávesnicí) změní vzhled.

Co s tím?
V první řadě označit odkazující text jako odkaz. To znamená nechat ho podtržený. Když přidáte lehký nádech pozadí odkazu do jiné barvy, zvýrazníte ho i uprostřed textu a nebude působit rušivě. Stačí lehký nádech, sice to neuvidí všichni (holt někteří vidí blbě), ale většině tím podvědomě pomůžete, aby se cítili jako v operačním prostředí. Při najetí myši by se měl odkaz více zvýraznit, změnit barvy. V tuto chvíli je vhodné volit více kontrastní barvy vůči sama sobě i okolí, aby se odkaz změnil v jakoby tlačítko. A nakonec, po kliknutí na odkaz by se měl třeba zase změnit, aby byla vidět akce. Lidé mají rádi, když se to hýbe,hi. A ještě bych zapoměl na odlišování odkazů. Opět se většinou používá, že navštívené odkazy jsou tmavší, tak na to nezapomeňte, já na to zapomínám furt.

Zdroje pro inspiraci
Aktivní tlačítka pomocí CSS , ano či ne? - Sovavsiti.cz

Řešení CSS: Inline tlačítka (2.0) - Wellstyled.com

Různé barvy odkazů pomocí CSS a class - Jakpsatweb.cz

Podtrhávání odkazů na domácích weblozích - Blog.converter.cz

Skoro na každém větším webu je možnost hledání, většinou představující vstupní pole a tlačítko hledat.

Na některých je i odkaz u tlačítka na rozšířené hledání. Tento odkaz je zcela zbytečný a mate uživatele. Když je uživatel na webu tak hned zadá hledaný výraz a klikne na hledej, pokud je nespokojen z výledky tak hledá další možnosti a to je pravá chvíle pro rozšířené hledání. Proto je lepší odkaz na rozšířené hledání odsunout na stránku s výsledky hledání. Tím, že odstraníme odkaz na rozšířené hledání z obyčejných stránek, zjednodušíme návštěvníkovi rozhodovací proces a bude moci rychleji klikat bez přemýšlení (”Uživatelé jsou jako žraloci, mají potřebu se pořád hýbat.” - Steve Krug). Zároveň tím ušetříte kousek plochy pro zjednodušení designu stránky a pro seo odstraníte odkaz, který vám zbytečně ubírá bodíky (ranky) pro ostatní stránky.

Uživatelé jsou zvyklí používat hledání z velkých portálů, které jsou pro ně vstupní stránkou do internetu. Tyto portály standardně používají vstupní pole a vedle VPRAVO tlačítko hledat. Je to logické, v Čechách se čte zleva do prava. Na tlačítkách se používají různé názvy (hledej, najdi, ok) opět velké portály standartně používají slovo “HLEDEJ” a ne třeba slovo “ok”. Co si pod tím “ok” má uživatel představit? Třeba tento můj weblog, má jenom vstupní pole a hned vedle tlačítko hledej, je to funkční a velice jednoduché a pochopitelné. Přitom to nezabírá habakůk místo, které se dá využít pro atraktivnější věci.

Hodně mě štve, když na stránce nejde dobře rozlišit, co je nadpis co je text, co je upoutávka, co je odkaz.

K oddělení napisu se dají použít textově tři metody (větší písmo, tloušťka, barva). Kombinací alespoň dvou prvků, dosáhnete dostatečného oddělení nadpisů od zbytku textu. Pokud je na webu drobný text (dodatky, to co nemá každý přečíst) vzbuzuje u mě nedůvěru, takový text má být normální (ne tedy šedý, malý) nebo rovnou odstraněný. Odkaz má vystihovat co se na dané stránce skrývá. Úplně ideální je, když k napsanému textu je odpovídající nadpis a nadpis je použit i v názvu odkazu (a vyhledávače vás budou mít rádi). Grafické pozadí stránky nemá oddělovat napis od textu, ale to je na samostatný článek.