it-swarm-eu.dev

Změňte barvu textu při najetí kurzorem na hypertextový odkaz

Měla by se při přechodu na hypertextový odkaz změnit barva textu? Při přechodu obvykle změním své hypertextové odkazy na světlejší odstín modré.

a:link {
 color: #0088cc;
}

a:hover {
 color: #0099dd;
}

Věřím, že by to usnadnilo cílení a kliknutí na hypertextový odkaz, protože existuje zvláštní vizuální zpětná vazba. Mám hover státy téměř na cokoli kliknout na mém webu právě z tohoto důvodu - obrázky, tlačítka, atd ...

Vidím, že výsledky vyhledávání Google neobsahují hypertextové odkazy měnící barvu. Udělali o tom studii a dospěli k závěru, že to snižuje použitelnost? Vím, že dělají hodně bláznivých testů, jako je testování konverzního poměru na 41 odstínech modré , takže museli provést testování pomocí stavů hypertextového odkazu, že?

8
JoJo

Několik z mých kolegů a já jsme právě provedli sadu testů použitelnosti webové aplikace. Přestože jsme konkrétně nezkoumali, zda přidat nebo nepřidat další vizuální vodítka (kromě ručního kurzoru) na odkaz na vznášející se, zjistili jsme, že klikatelné prvky (odkazy, tlačítka) s více vizuální zpětnou vazbou mají vyšší šanci, že budou zaznamenány a/nebo klikli. Když jsem zmínil „více“, neznamená to, že to musí být velmi poutavé; pomůže jemná změna barvy nebo podtržení odkazu.

Můžeme diskutovat donekonečna o tom, o kolik tmavší/světlejší nastavit barvu přechodu na odkaz. Konkrétně však u odkazů jsme zjistili, že i) přidání/odebrání podtržení a ii) zobrazení popisku po umístění odkazu na odkaz významně zvyšují povědomí uživatelů o existenci a kliknutí na odkaz.

Doufám, že to pomůže.

1
moey

Myslím, že, jak jste zdůraznil, může to pomoci použitelnosti, pokud jde o „prostorové objevy“ - tj. Učinit to o něco více zřejmým, když lze kliknout na odkaz, zejména pokud odkazy mají velký rozměr, který není jinak uveden.

Změna kurzoru to však již naznačuje, takže si myslím, že výhoda je minimální; podle mých zkušeností se častěji používá pro „pěkný efekt“ než pro jakoukoli pozitivní použitelnost.

Jeden případ, kdy se domnívám, že by to mohlo být velmi efektivní, je, když jsou malé odkazy umístěny těsně vedle sebe - např. na liště „A-Z“. Díky tomu bude mnohem snazší vybrat konkrétní odkaz, protože je snazší určit, který odkaz je vybrán, což něco, co změna kurzoru nenabízí. Pravděpodobně to však není nejlepší řešení původního problému: prostor se mírně propojuje a zvyšuje stopu!

A konečně, pokud textové odkazy sousedí, styl přechodu by mohl pomoci indikovat oddělení a opět, který odkaz je vybrán.

7
Bobby Jack

Nejsem si jistý, že se používá především pro „pěkný efekt“ - myslím, že mluví o vizuální dostupnosti. Jasněji ukazuje, že web na vás reaguje a že oblast, ve které se právě nacházíte, je interaktivní. Pokud něco, pracoval jsem s některými vizuálními designéry, kteří se snažili tlačit proti tomu, aby se stavy vznášely; Nikdy jsem nikoho neslyšel říkat, že to dělá věci hezčí.

Také se kurzor vždy nezmění - ve výchozím nastavení se to stane, ale návrháři to mohou přepsat a také pokud existují interaktivní prvky vyvolané skriptem Javascript nebo v modulu Flash, nemusí být vždy označeny změnou kurzoru.

Musím přiznat, že jsem se zmatil nad tím, proč to Google nedělá. Nabízejí některé zvýrazněné stavy jinak s každým výsledkem vyhledávání (některé ikony vedle odkazu ztmavnou), ale mají i jiná lichá návrhová rozhodnutí - například samotná adresa URL ve výsledku vyhledávání nelze kliknout, což se mi zdá kontraintuitivní (I když bych to mohl hádat, protože v sponzorovaných reklamách může být zobrazená adresa URL pouze doménou nejvyšší úrovně, nikoli skutečnou adresou URL, na kterou přejdete po kliknutí na odkaz).

Můj nejlepší odhad, proč to Google dělá? Protože se jedná o výchozí chování prohlížeče. Což znamená, že i kdybyste měli vše zakázané (CSS, javascript atd.) A měli byste čistě HTML, barva/funkčnost odkazů by vypadala stejně pro každého.

1
Michael Histen