it-swarm-eu.dev

By měly být hypertextové odkazy modré?

Postavil jsem web, kde všechny hypertextové odkazy mají výchozí barvy: modrá pro odkazy, fialová pro navštívené odkazy. Když se vznáší, zbarví červeně.

Věřím, že pro hypertextové odkazy je vždy dobré používat modrou barvu, takže uživatelé rychle uvidí, co je hypertextový odkaz a co ne. Někteří moji kolegové však nesouhlasí a chtějí jiné barvy.

Co si o tom myslíš?

42
Husky

Norma, například # 0000FF pro nenavštívené odkazy a # 800080 pro navštívené odkazy, je dobrá pouze tehdy, pokud tak učiní téměř každý. Jinak uživatelé nemohou předvídat, kdy bude standard dodržován a nebude dodržován, a proto jej již nemohou použít k předpovídání chování webu. Bohužel většina webových stránek tyto barevné standardy nedodržuje. V náhodném průzkumu (nezaměňovaném s náhodným průzkumem) jsem zjistil, že méně než třetina stránek vyhovuje standardu. Podle mých zkušeností si uživatelé, kteří jsou na webu relativně noví, nemusí být o standardu ani vědomi - prostě to není něco, co by si mohli ze své zkušenosti vzít. Barva se ukázala jako příliš důležitá pro grafický atribut pro estetické a brandingové účely, aby designéři přísně dodržovali tento standard. Upřímně řečeno, stejně to nebyl skvělý standard - pro některé uživatele je těžké soustředit se na vysoce saturovaný modrý text, zejména na starší uživatele. Celkově si nemyslím, že by bylo mnoho věcí vyhovět této normě.

Stále však má smysl, aby vaše odkazy byly modré v širším smyslu. Více než 80% stránek, které jsem zkoumal, používá pro odkaz nějaký odstín modré barvy. Takže i když se nejedná o přesně standardní uživatele, na které se mohou spolehnout, věřím, že budou mít tendenci předpokládat, že namodralý je více propojený než jiné barvy. Z toho, co jsem viděl, se můžete dostat pryč s použitím ne-modré barvy pro odkazy, pokud je to odlišná barva (vaši uživatelé by neměli nemusíte drhnout myš přes každý barevný text, abyste zjistili, zda se jedná o odkaz nebo ne). Pokud je však vůbec vhodné použít modrou, pak modrou.

Ještě důležitější než výběr barvy je podtržení odkazů , alespoň u odkazů, které nejsou v horní nebo postranní nabídce. Více než 90% stránek, na které jsem se podíval, používá podtržení k rozlišování odkazů (i když často pouze při přechodu myší), což z něj dělá velmi důsledně dodržovanou konvenci. Zdůraznění také úhledně doprovází problémy s přístupem barev - včetně problémů týkajících se malé menšiny uživatelů, kteří jsou zcela slepí.

Když to dáme dohromady, do značné míry doporučuji stejné věci, které doporučil Jakob Nielsen před šesti lety:

  • Pro daný web použijte jednu barvu pro všechny nenavštívené odkazy. Použití více barev k označení neviditelného odkazu zvyšuje zátěž vašeho webu při učení a uživatelům ztěžuje vyhledávání odkazů, aby si mohli vybrat.

  • „Barvou“ mám na mysli odstín - odkazy nesmí být černé, bílé nebo šedé. Non-colours označuje non-link text pro uživatele.

  • Pokud je na paletě vašeho webu modrá, použijte tuto modrou pro odkazy.

  • Nikdy nepoužívejte vybranou barvu odkazu pro neprepojující text na webu. To uživatele zmást v tom, co je a není odkazem, čímž se ztratí účel zbarvení odkazů.

  • Podtrhněte všechny odkazy. Používejte podtržení myší s opatrností. Zvažoval bych to pouze v případě, že jsou odkazy modré nebo pokud jsou v horním nebo postranním menu.

  • Nikdy nepodtrhávejte jiné odkazy. Místo toho použijte kurzívu nebo tučné písmo.

U webů se statickým obsahem výzkum doporučuje zobrazit navštívené odkazy v jiné barvě . Nicméně, bez specifické barvy pro nenavštívené odkazy, je těžké vědět, co použít pro navštívený odkaz. Pouze třetina stránek, které jsem zkoumal, rozlišuje navštívené a nenavštívené odkazy a většina z nich nepoužívá fialové pro své navštívené odkazy, takže nevím, jak jsou uživatelé s touto konvencí známí. Barevné kódování je zde libovolné - neexistuje nic o fialové per se, což znamená „navštíveno“. Uživatelé mohou být schopni odvodit význam, jakmile kliknou na odkaz a vrátí se a uvidí změnu barvy, ale představte si uživatele, který se vrátí na web o měsíc později, a některé odkazy jsou jednou barvou, zatímco jiné jsou jiné barvy - je to možné těžko si pamatovat, co je které.

Jediné, co mohu navrhnout, je pokusit se využít širší uživatelské prostředí a přijmout „opotřebovanou“ barvu vypadající pro navštívené odkazy. To by mělo mít nižší sytost barev než barva pro nenavštívené odkazy (v souladu s použitím # 800080 versus # 0000FF), ale nižší saturace sama o sobě pravděpodobně nestačí k tomu, aby navštívené stránky byly dostatečně odlišné od nenavštívených pro všechny vaše uživatele. Co jiného? Červeně posuňte odstín jako některé weby, v souladu s používáním fialové versus modré? Použijte světlejší barvu, stejně jako jiné weby, aby odkaz vypadal „vybledlý“? Použijte tmavší barvu jako jiné weby, aby se odkaz spojil s běžným textem? Myslím, že to vyžaduje nějaký výzkum, a pak musíme udělat z něj standard.

32
Michael Zuschlag

Konvence je hezká, když to vaše barevné schéma umožňuje, ale vnitřní konzistence je důležitější, takže se nemusíte cítit, jako byste se museli držet modré/fialové/červené palety. Je také důležité, aby se vaše odkazy lišily od běžného textu. Rozlišení se obvykle provádí barvou, hmotností nebo podtržením. Různé barvy pro různé stavy spojení zvyšují použitelnost.

27
Virtuosi Media

To, zda by odkazy měly být modré nebo ne, je stará diskuse. Jakob Nielsen byl o tom obhajován, i když se v průběhu let změnil: v Použitelnost domovské stránky udělá bod ze svého změněného pohledu ( Nielsen & Loranger 2006, s. 100).

Nicméně , důležitější než #0000FF barevné odkazy jsou ty, že změna barva navštívených odkazy . Ne nutně fialové, ale něco (zejména) odlišné.


Můj (inspirovaný) názor: Estetika je důležité. Proto bych si vybral barvu odkazu zřetelný, která odpovídá celkovému vizuálnímu pocitu, ať už je to #0000FF nebo jinou barvu.

8
jensgram

Důvodem toho, že je tato příšerná modrá, je to, že lidé s nevidomými barvami (tj. Nejběžnější případ barevných slepot) mohou rozlišovat mezi černou a modrou, takže skutečně vidí rozdíl. Pokud máte velký počet uživatelů, kteří by mohli být slepí (například google nebo bing), možná budete chtít dodržovat tuto konvenci. Jinak to nemusíte dělat, pokud to nefunguje s vaším designem. Mohli byste ale alespoň podtrhnout odkazy nebo je odlišit od barvy.

3
Lukas Oppermann

Nemusí být modré, pouze konzistentní. A důsledně, nemyslím tím, že všichni musí být jedna barva. Odkazy v navigaci vs. odkazy v zápatí vs. odkazy v obsahu - každý z nich může mít svou vlastní barvu, pokud jsou konzistentní ve svých oblastech, a mohou vyniknout jako klikatelné.

Podle mého názoru je nejlepší, jsou-li barvy tlačítek také konzistentní s barvami odkazů, což dává uživateli barvu „na kterou lze kliknout“, nikoli pouze barvu odkazu. Souhlasím také s předchozími komentáři k navštíveným odkazům - nemusí být drasticky odlišné, ale zřetelně odlišné.

V neposlední řadě, když definujete barvy odkazu, definujete barvy pozadí a textu.

Nepředpokládejte, že začnete s bílým pozadím, černým textem a modrými/fialovými odkazy - uživatel je může změnit. Měli byste nastavit prohlížeč tak, aby používal jiné výchozí barvy, abyste viděli, kdy vaše weby (a tolik dalších) tyto definice nedokážou definovat. (Mám barvu pozadí prohlížeče nastavenou na světle šedou, kaštanový text, jasně zelené odkazy, tmavě zelené navštívené odkazy a oranžové odkazy vznášet se.)

2
Webveloper

Zaprvé, klíčovým problémem s odkazy není tolik, zda se jedná o konkrétní barvu, ale v zajištění toho, že jsou dostatečně diferencované, aby bylo jasné, že jsou odkazy.

@ VirtuosiMedia a @jensgram, souhlasím s tím, že diferenciace navštívených odkazů je dobrá, ale klíčem je stále zajistit, aby vaše odkazy vynikly. Obzvláště nyní, s přetížením informací a tolik skenováním, než na rozdíl od čtení, musí uživatelé vidět odkazy na první pohled a je užitečné vědět, zda jste něco navštívili, zejména něco, co jste nenavštívili ze stránky, na které se právě nacházíte . Věřím, že tento koncept je důležitější, pokud člověk čte obsah v rámci jedné hlavní tematické oblasti nebo odvětví, kde mnoho webů odkazuje na stejný materiál. Vždy si musíme uvědomit, že uživatelé mohou přepsat, jak se navštívené odkazy chovají v nastavení svého prohlížeče (jako já).

@ Lukas a @Charles Souhlasím také s tím, že podtržení nemusí nutně fungovat. Pokud navrhujete dostatečně vysoký kontrast, pak nemusí být pro ty, kteří jsou slepí, jednoduše použít jinou barvu. Čím více rozlišování můžete dát svým odkazům a čím více pseudotřídních variací poté, tím lépe. Například s jednoduchým ostrým designem bude pravděpodobně textová barva # 333 a # 000 barva odkazu stačit pro uživatele s nízkou ostrostí nebo pro nevidomé barvy, ale stačit bude tučný a podtržený černý odkaz. Stát by pak bylo nejlepší změnit na vznášedlo a na aktivní a pak znovu změnit, možná na něco jako # 999 v případě, který jsem citoval výše.

@Stewbob Opravdu? I když to způsobí, že váš návrh smrdí na modré, měli byste to udělat? Stěží.

1
jameswanless

Nemyslím si, že na konkrétních barvách záleží, nebo dokonce že jsou podtrženy. Dokud je okamžitě zjevné, že na ně lze kliknout, je to v pořádku.

Byl jsem na stránkách, kde jsem musel jít lovit (myší) na něco, na co můžu kliknout. Pokud se kurzor obrátil do malé ruky, pak jsem věděl, že na něj mohu kliknout. To je pro mě velmi špatný design.

I když každý design stránek bude odlišný, myslím si, že by obecně mělo být zřejmé, na co se dá kliknout, aby provedl akci pouhým pohledem (pasivně) na stránku. Řekl jsem, že podle obecných standardů je dobré, pokud jde o to, kde jsou věci. Mnoho webových stránek bude mít informace o účtu v pravém horním rohu. Opět jsem byl v minulosti na stránkách, kde jsem musel strávit 5 minut nebo více pokusem najít odkaz „odhlásit/odhlásit“.

0
Antony Scott

Zde jsou publikovány společnosti Microsoft standardy pro odkazy . Existuje konkrétní část o odkazu barvy a pozadí, se zábavnými ilustracemi nesprávného použití.

0
JeromeR