Sova v síti - 1/31 - vydáno 22.11.2001 Dobrý den, s velikým zpožděním je zde vaše Sova v síti :-) OBSAH -- Jak na vyšší účinnost odkazů -- Co je eye-tracking -- Novinky u Petra Kocny JAK NA VYŠŠÍ ÚČINNOST ODKAZŮ Marek Prokop Většina tvůrců a majitelů webů si přeje, aby u nich návštěvník zhlédl co nejvíce stránek. Současně ale nesmí jen tak bezcílně bloudit, nýbrž se musí dostat co nejrychleji k tomu, co hledá. Podstatnou roli zde hraje navigace a konkrétně podoba odkazů. Někdy vám ani nemusí jít o maximální počet shlédnutých stran, ale chcete, aby návštěvníci klikali na určité odkazy víc než na jiné. Tohoto cíle se často dosahuje barevným zdůrazněním, či výraznými grafickými odkazy. Chování návštěvníka jde nicméně ovlivnit i čistě textovými odkazy, jsou-li správně navrženy. Délka textu odkazů Studie použitelnosti (viz např. [1]) ukazují, že delší, popisné odkazy dosahují lepších výsledků než krátká hesla. Uživatelé prostě chtějí vědět, kam odkaz vede. Pokud si nejsou jisti, co po kliknutí na odkaz uvidí, jejich ochota kliknout se snižuje. Krátké, heslovité odkazy, kromě nižší klikatenosti, navíc přinášejí i riziko omylů v navigaci. Na webu s krátkými a málo výstižnými odkazy proto větší část uživatelů zmateně bloudí, místo aby snadno našli nejrychlejší cestu ke svému cíli. Kam dlouhé odkazy umístit Dlouhé, popisné odkazy se samozřejmě nehodí do menu, jehož velikost bývá omezená. Tam je na místě spíše využití atributu "title" (viz dále). Dlouhé odkazy však jde často s úspěchem zapracovat přímo do textu a ideální prostor pro ně bývá pod hlavním textem stránky. Výborným řešením je použití dlouhých odkazů v rámci kontextové navigace, jejíž princip je popsán v [2]. Využití atributu "title" Možná jste si všimli, že když na stránkách Sovy v síti najedete myší na některý odkaz z menu vlevo nahoře, objeví se v "bublině" (u některých prohlížečů ve stavovém řádku) podrobnější popis. Na příklad pro odkaz "Registrace" se vám zobrazí "Jak si přihlásit a odhlásit odběr Sovy v síti". Toho je dosaženo pomocí atributu "title" a zdrojový kód uvedeného příkladu vypadá takto: Registrace Jedná se o techniku vhodnou zejména pro odkazy ve svislém menu, kde bývá autor limitován šířkou, nebo přímo v textu tam, kde z důvodů zachování jeho smyslu a stylu nelze delší odkaz použít. Nejen délka... Nejde však jen o délku odkazů. Stejnou roli hraje i výstižnost jejich znění. Pozor na to, že běžní uživatelé často neznají terminologii, která je pro webdesignéra samozřejmá. Typickým příkladem je používání anglických slov (download, link, site map, home, newsletter), ale jedná se i o některé české termíny, které jsou laikům překvapivě často nesrozumitelné (formulář), resp. si pod nimi neumí nic konkrétního představit (kniha návštěv, diskusní fórum). Nezapomínejte na tlačítka To co bylo řečeno o odkazech, platí i o popisech formulářových tlačítek. Webdesignéři např. někdy neurčují hodnoty atributu "value" tlačítka submit tím nechají na prohlížeči, co zobrazí. Internet Explorer pak v závislosti na verzi zobrazí třeba text "Odeslat dotaz". V případě, kdy se nejedná o skutečný dotaz, ale např. o objednávku, je uživatel takovým text zmaten naprosto dokonale a kliknutí na tlačítko dost možná rozmyslí. Vždy proto text formulářových tlačítek definujte explicitně, např. takto: Předvídejte omyly I přes veškerou péči věnovanou výstižnosti odkazů se určité nejednoznačnosti asi nevyvarujete. I na to ale existuje elegantní řešení. Na stránky, na které vedou potenciálně nejednoznačné odkazy, umístěte dobře viditelné odkazy zpět a na všechny alternativní cíle. I když se tedy na takovou stránku uživatel dostane omylem, velmi snadno najde cestu ke svému původnímu cíli. Záleží i na počtu Poněkud zjednodušeně avšak výstižně řečeno je použitelnost stránky nepřímo úměrná počtu odkazů, které jsou na ní umístěny. Je to logické, čím většímu výběru je uživatel vystaven, tím pravděpodobněji si vybere špatně a zabloudí. Vždy pečlivě zvažujte, jakými cestami by se návštěvník měl ubírat a pro ty mu nabídněte odkazy. Ideální je opět kontextová navigace popsaná v [2]. Není chybou, když ty nejdůležitější odkazy uvedete na stránce několikrát, pokaždé s jiným popisným textem. Pokud se velikému počtu odkazů na stránce nemůžete z nějakého důvodu vyhnout, dbejte na to, aby se navštívené odkazy barevně lišily od těch dosud nenavštívených. Ve velkém počtu si to návštěvník sám neuhlídá a nechtějte slyšet, co bude na vaši adresu říkat, až si potřetí otevře stránku, která ho vůbec nezajímá. Související odkazy a zdroje: [1] http://world.std.com/~uieweb/bookexpt.htm [2] Kontextová navigace, http://www.sovavsiti.cz/c01172.html ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Ekonomika firemního webu -- jak poznat, co se vyplatí a co ne ?!? Čtěte newsletter FIRMA ONLINE, který vyjde 26.11.2001. Registrace a detaily na http://www.prokopsw.cz/online/ezines.html ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CO JE EYE-TRACKING Miroslav Hlavička Eye-tracking je jednou z moderních technologií, které se z armádního užívání dostaly do civilní sféry. Toto velmi nákladné zařízení sleduje pohyby lidského oka a dokáže zjistit, kam se toto oko právě dívá a do jaké vzdálenosti má zaostřeno. Vylepšené verze snímačů očních pohybů můžeme najít v helmách vojenských pilotů. Díky nim palubní počítač neustále ví, kam se pilot dívá a do těchto míst mu na čelní sklo promítá důležité informace. Samozřejmě se toho s úspěchem využívá i při zaměřování nepřátelských cílů. Ptáte se, k čemu je taková helma webdesignerovi? No ano, máte pravdu, toto zařízení za mnoho desítek tisíc dolarů není optimalizováno pro použití s editorem HTML, ale dá se výborně použít při zkouškách designu a navigace. Testované osobě je nasazen snímač, poté je usazena k počítači s webovými stránkami a od první tisíciny vteřiny jsou přesně zaznamenávány pohyby oka po stránce. Na zpomaleném záběru je pak možné zjistit, kolik desítek pohybů oko po stránce udělalo jen během prvních dvou -- tří vteřin. Jak oko neomylně zamířilo do levého horního rohu, jak potom "omrklo" stránku jako celek, jak se zastavovalo na bannerech, ikonkách, fotografiích a dalších záchytných bodech. Testovaná osoba je poté postupně vyzývána k různým aktivitám na stránce (tištění ikon, vyplňování formulářů, hledání určitých informací a podobně). Je pak podrobně měřeno chování očí po každé výzvě -- zda osoba neomylně zamířila tam, kam měla, nebo zda těkala a hledala. Měří se i čas, jak dlouho trvá, než osoba mezi spoustou jiných prvků najde ten kýžený. Výsledkem těchto testů je ucelená studie o kvalitě či nekvalitě designu, zjištění slabých míst v navigaci nebo výskyt rušivých prvků, které odvádějí pozornost od důležitějšího obsahu. Jak jsem již uvedl, toto zařízení je velmi nákladné a jen málokteré webové studio si jej může dovolit. Našincům většinou nezbývá než zapátrat na webu po informacích o eye-trackingu a od vlastníků tohoto zařízení si zakoupit alespoň studie, které popisují dosud naměřené informace a na jejichž základě se dá vytvořit použitelná stránka i bez snímačů očních pohybů. A já doufám, že standardní součástí browserů budou v budoucnosti alespoň snímače nadávek, které autorovi stránek zprostředkují názor uživatelů na jeho odvedenou práci. (c) 2001 Miroslav Hlavička, mailto:scalex@scalex.cz ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Doporučte sovu v síti vašim přátelům. Přepošlete jim toto číslo, nebo použijte formulář na http://www.sovavsiti.cz/recommend.html ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NOVINKY U PETRA KOCNY K 17.11.2001 ... v katalgu katalogů http://www.lf1.cuni.cz/~kocna/kam-www.htm a vyhledávačů http://www.lf1.cuni.cz/~kocna/roboti.htm TopPrague2000.com je dočasně mimo provoz -- nezaplacené poplatky. Přesto je na žebříčku Toplist na Webovém mágu mezi 10 nejnavštěvovanějšími i v tomto týdnu. Counter.cz - zrušeny linky na +URL a Hledej, odkazy jsou již delší dobu nefunční, server bude rekonstruován -- snad. Autor slibuje novou verzi již více než rok. UZdroje -- již funguje i abecední třídění odkazů v seznamu. Nula ma nový design + změněné nové logo. URL beze změny. Portal Cover Site zobrazuje nově zařazené odkazy podle zvoleného časového úseku. Počet odkazů se zvětšil na 144. TopList Ekoruna -- pokud na stránky nezveřejníte ikonu/odkaz na TopList bude vaše stránka během sedmi dnů z katalogu vyřazena. DoktorOnLine -- odkazy jsou již zařazeny, nevím přesně od kdy, žadný email o zařazení odkazu, který slibují, nezasílají. A to je pro dnešek vše. Že jste dnes nenalezli odpovědi na vaše otázky? Nebojte se, bude jim věnováno skoro celé příští číslo. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Nechcete, nebo naopak chcete dostávat Sovu v síti? Odběr lze odhlásit odesláním zprávy na unsubscribe@sovavsiti.cz. Přihlásit se lze odesláním zprávy na subscribe@sovavsiti.cz, nebo formulářem na adrese http://www.sovavsiti.cz/. Chcete nám cokoli sdělit? Uvítáme vaše náměty, připomínky, kritiku, atd. na adrese mailto:redakce@sovavsiti.cz. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Není-li v konkrétním případě uvedeno jinak, je autorem všech publikovaných článků Marek Prokop. Tento ezin, nebo jeho libovolnou část můžete volně šířit dále, pokud současně uvedete zdroj následujícím způsobem: _________________________________________________________________ Sova v síti -- (c) 2001 Marek Prokop -- http://www.sovavsiti.cz/