Devel.cz Lupa Měšec Podnikatel Root Zdroják.cz DigiZone Slunečnice Vitalia TopDrive KupDnes Navrcholu NovýTarif Dobrý web Weblogy Woko Jagg Computer.cz SK: MojeLinky

Hlavní navigace

Doporučení pro tvůrce českých webů

Agentura Dobrý web realizovala rozsáhlý průzkum chování uživatelů českého internetu, jehož smyslem bylo zjistit jejich zvyklosti, preference a úroveň povědomí o základních prvcích na webové stránce. Z výsledků průzkumu pak vznikl následující seznam doporučení pro tvůrce webů.

Tweetni to Twitter Jaggni to! Jagg Del.icio.us Delicious

Detaily výzkumu

Základní data o průzkumu:
Doba trvání průzkumu: 16 dní
Počet otázek v dotazníku: 22
Počet otevřených dotazníků: 4 671
Počet dokončených dotazníků: 2 964, tj. 63,5 % z celkového počtu

Seznam by měl být kratší

Seznam, prvky typu droplist a listbox, by měl být kratší (měl by obsahovat méně položek). K pohybování v něm uživatelé nejčastěji používají posuvník, který je v dlouhých seznamech nepraktický.

Detailní zdůvodnění

Pouze menšinová část respondentů ovládá klávesové zkratky (použití písmene) a další alternativní způsoby. Nelze se tudíž na tento způsob pohybování v seznamu položek spoléhat. Naopak skupina, na kterou by měla být upřena pozornost, je ta, která používá posuvník. Ten je totiž téměř nepoužitelný v situaci, kdy seznam obsahuje velký počet položek – jezdec posuvníku je velmi malý a je proto velmi obtížné na něj myší kliknout.

Seznam samotný by měl být kratší, aby se uživatel mezi položkami snadno orientoval i pomocí posuvníku.

Obrázek 1: Rozložení respondentů podle typu výběru položky ze seznamu

Nepoužívejte CAPTCHA

Nepoužívejte CAPTCHA a vytvořte pro uživatele jiný způsob ověřování typu člověk‑stroj.

  • Pokud přece jen CAPTCHA použijete, využijte metod, při kterých počítač symboly v CAPTCHA sám za uživatele vyplní. Využijte např. jazyka JavaScript, se kterým spamovací robot nepracuje.

Detailní zdůvodnění

Při opisování symbolů z CAPTCHA narazí na komplikace 62 % respondentů. Alternativy nabízí i samotné W3C konsorcium (http://www.w3­.org/TR/turin­gtest/).

Pokud přesto CAPTCHA do návrhu webové stránky přidáte, můžete použít např. JavaScript, se kterým spamovací robot nepracuje. Na webové stránce, kde by byla nově upravená CAPTCHA s využitím jazyka JavaScript, by ve výsledku nebyla CAPTCHA vůbec vidět. Počítač uživatele ji za uživatele sám vyplní. (Pozn.red.: tato situace už nemusí trvat dlouho – dostupné jsou „headless“ prohlížeče, které umí zpracovávat JavaScript, CSS i další technologie, a jejich využití ve spambotech není nereálné. Viz článek o headless prohlížečích na Zdrojáku)

Obrázek 2: Názor na opisování CAPTCHA

Označení povinného pole pomocí hvězdičky nestačí

Označení povinného pole pomocí hvězdičky nestačí. Povinná pole ve formulářích, která uživatel musí vyplnit, je nutno zvýraznit i jinak, např. přidat textový popisek informující o tom, že pole označená hvězdičkou jsou povinná a uživatel je musí vyplnit, aby mohl pokračovat dál ve formuláři a jeho zpracování.

Detailní zdůvodnění

Označení povinných polí ve formulářích jen pomocí tučného písma (varianta A), respektive hvězdičky (varianta B), nestačí. Podle očekávání je označilo jen 77 %, respektive 61 %, uživatelů. Příklad lépe označených polí je na obrázku 4.

Obrázek 3: Označení povinných polí podle očekávání
Obrázek 4: Povinná pole s hvězdičkou a textovým popisem

Nepožadujte po uživatelích hesla, pokud to není skutečně nutné

NEpožadujte po uživatelích hesla, pokud to není skutečně nutné. Vytváření hesel je pro uživatele problematické. Zamyslete se proto nad:

  • tím, jestli není registrace s heslem na daném webu samoúčelná a jestli je nějak užitečná, motivací pro uživatele za vytvoření účtu,
  • využitím tzv. sdíleného (či jednotného) přihlašování.

Detailní zdůvodnění

Téměř tři čtvrtiny uživatelů uvedly, že používají pouze několik oblíbených hesel ke všem svým internetovým účtům. To znamená, že vytváření nových hesel je pro uživatele problematické a registrace s nimi spojená by měla být skutečně užitečná a pro příchozí motivující.

Řešením, jak nabízet registrace a při tom nepožadovat po uživatelích další hesla, by mohlo být tzv. sdílené (či jednotné) přihlašování. Využívá se toho, že uživatel má již účet vytvořen u třetí strany. Přihlašuje se tedy pod údaji, které již zná a nemusí si tedy pamatovat nový login nebo heslo.

Obrázek 5: Způsob tvorby hesla

Pole pro potvrzování hesel dále zahrnujte do návrhů

Pole pro potvrzování hesel dále zahrnujte do návrhů. Uživatelé vnímají potvrzování hesla pomocí druhého pole, do kterého musejí napsat heslo znovu, spíše pozitivně.

Detailní zdůvodnění

Přes 57 % respondentů má k potvrzování hesel pozitivní vztah. Přes 90 % respondentů má vztah pozitivní nebo neutrální. Uživatelé mohou totiž potvrzování hesel vnímat spíše jako užitečnou kontrolu než jako omezení.

Obrázek 6: Názor na potvrzování hesla při registraci

Odlišujte odkazy navštívených a nenavštívených stránek i nadále barvou

Odlišujte odkazy navštívených a nenavštívených stránek i nadále barvou. Většina uživatelů totiž vnímá odlišnou barvu odkazů jako rozlišení mezi navštívenými a nenavštívenými stránkami.

Detailní zdůvodnění

Téměř 85 % respondentů odpovědělo podle očekávání, že barva odkazů na příkladu webové stránky rozlišuje navštívené a nenavštívené stránky.

Obrázek 7: Různá barva odkazů, rozložení podle názoru

Minimální velikost textu na webové stránce nastavujte na 14 pixelů

Minimální velikost textu na webové stránce nastavujte na 14 pixelů. Starší uživatelé hodnotili velikost textu 17 pixelů jako také vyhovující. V případě větší velikosti než 17 pixelů začíná výrazně klesat pohodlnost při čtení takového textu.

Detailní zdůvodnění

Velikost textu, která uživatelům připadala nejpohodlnější na čtení, byla 14 pixelů (při použití fontu Arial). Označilo ji téměř 92 % uživatelů. Pro uživatele 45 let a více byla pohodlná také velikost textu 17 pixelů. V případě větší velikosti než 17 pixelů začíná výrazně klesat pohodlnost při čtení takového textu.

Obrázek 8: Písmo Arial, 14 px, pohodlnost četby

Snažte se nepoužívat odkazy otevírající nová okna

Většina uživatelů otevírání odkazů do nového okna nemá ráda, přestože tuto funkci ovládají. Navrhujte stránky tak, aby obsahovaly co nejméně takových odkazů. Případy, které mohou být považovány za opodstatněné, jsou tyto:

  • nápověda při vyplňování formulářů
  • otevření odkazu ve stávajícím okně by ohrozilo úspěšnost nějakého úkonu či ztrátu dat (provedení bankovní transakce, provedení platby apod.)

Detailní zdůvodnění

Přes 80 % uživatelů umí otevřít odkaz do nového okna a více než třem čtvrtinám automatické otevírání do nového okna nějakým způsobem vadí. Není tedy potřeba tvořit odkazy tak, že se samy automaticky otevřou do nového okna.

Obrázek 9: Schopnost otevřít odkaz do nového okna
Obrázek 10: Otevření do nového okna, rozložení podle názoru

Nabídněte uživateli alternativy tisku webové stránky

Nabídněte uživateli alternativy tisku webové stránky. Kromě funkce integrované v prohlížeči nabídněte ikonu pro tisk přímo na stránce a berte ohled na to, jak vypadá vaše stránka v textových prohlížečích (MS Word apod.).

Detailní zdůvodnění

Názory respondentů ohledně tisku informací z webových stránek jsou poměrně nejednotné. Je proto nutné přizpůsobit webové stránky stávajícím znalostem uživatelů a nabídnout jim pohodlné funkce:

  • ikonu pro tisk (nebo odkaz na verzi stránky pro tisk) nabízet na viditelném místě v dostatečné velikosti
  • přizpůsobit návrh stránky známému prostředí MS Word
Obrázek 11: Způsoby tisku webových stránek

Používejte vloženou mapu

Používejte vloženou (embedovanou) mapu namísto odkazu na mapový portál.

Detailní zdůvodnění

Přes 70 % respondentů preferuje jako zobrazení adresy spíše vloženou (embedovanou) mapu než odkaz na mapový portál.

Obrázek 12: Způsob prezentace adresy

Pro sdílené přihlašování mohou sloužit např. Facebook.com a Seznam.cz

Pro sdílené přihlašování mohou sloužit např. Facebook.com a Seznam.cz jako velmi používané servery. Facebook má vlastní řešení sdíleného přihlašování, Seznam používá obecné OpenID.

Detailní zdůvodnění

Webovou službu Youtube.com používá 90,6 % respondentů, dále pak Facebook.com (76,1 %) a Seznam.cz (68,8 %). Vysoká čísla z těchto služeb tvoří vhodné prostředky pro využití sdíleného přihlašování. Toto doporučení úzce souvisí se čtvrtým doporučením – nepožadujte po uživatelích hesla.

Obrázek 13: Používání webových služeb
Obrázek 14: Znalost a používání webových služeb

Vysouvací menu nemusí být problém

Vysunovací menu nemusí být problém. Na webu ho lze použít, pokud splníte základní zásady použitelnosti – menu musí mít velké řádky a sloupce a nesmí mizet.

Detailní zdůvodnění

Vysunovací navigační menu obtěžuje 10 % respondentů. Tudíž dobře ovladatelné vysunovací menu je věc, která uživatelům nevadí. Tvrzení však musí být vztaženo na konkrétní menu použité v Průzkumu znalostí a chování uživatelů internetu. Dobře ovladatelné menu musí být vytvořeno použitelně – jednotlivé řádky a sloupce menu musí být dostatečně velké a musí být nastavena určitá tolerance, kdy vzdálení kurzoru od menu (za jeho fyzické-grafické hranice) nezpůsobí zmizení menu.

Obrázek 15: Názor na práci s navigačním menu

Závěr

Na našem trhu dosud nebyla k dispozici konkrétní data o chování českých uživatelů. Webdesigneři často vycházejí ze zahraničních studií, které jsou jistě přínosné, ale nereflektují česká národní specifika. Věříme, že výsledky našeho průzkumu pomohou tvůrcům webů zlepšit kvalitu českých webových prezentací.

Dobrý Web

Konzultační a poradenská agentura Dobrý Web.


Školení: Hackujeme operační systém Android

 

Školení vám ukáže, jak se dostat k Linuxu (tzv. "rootování"), který se pod hezkou tváří Androida skrývá a jak ho naplno využít. Pomůže vám to při záloze dat, zvětšování prostoru pro aplikace nebo sdílení připojení k internetu a pokud chcete z telefonu dostat opravdové maximum, ukážeme vám, jak v něm vyměnit kompletní systém za lepší.

Podrobnější informace a přihláška

Přehled názorů

Detaily průzkumu
Martin 29. 7. 2011 07:32
Nový
├ 
Re: Detaily průzkumu
Martin Malý 29. 7. 2011 08:13
Nový
├ 
Re: Detaily průzkumu
Luboš Plotěný 29. 7. 2011 09:16
Nový
└ 
Re: Detaily průzkumu
Honza Marek 6. 8. 2011 12:36
Nový
Nepoužívejte CAPTCHA
tdvorak 29. 7. 2011 08:54
Nový
├ 
alternativa ke CAPTCHA
Wachler 29. 7. 2011 17:10
Nový
│
├ 
Re: alternativa ke CAPTCHA
tdvorak 3. 8. 2011 07:37
Nový
│
└ 
Re: alternativa ke CAPTCHA
tdvorak 3. 8. 2011 07:39
Nový
└ 
Re: Nepoužívejte CAPTCHA
arron 4. 8. 2011 08:32
Nový
asi PR na dobrý web ne?
tuleň 29. 7. 2011 09:45
Nový
Odstavce o tisku
Stefan 29. 7. 2011 10:09
Nový
└ 
Re: Odstavce o tisku
Michal Wiglasz 29. 7. 2011 10:15
Nový
 
└ 
Re: Odstavce o tisku
Johny 29. 7. 2011 13:59
Nový
 
 
└ 
Re: Odstavce o tisku
Gootes 30. 7. 2011 10:33
Nový
 
 
 
└ 
Re: Odstavce o tisku
Johny 30. 7. 2011 20:38
Nový
 
 
 
 
└ 
Re: Odstavce o tisku
maslo 2. 8. 2011 19:20
Nový
text
Radek 29. 7. 2011 11:11
Nový
└ 
Re: text
Adam Přibyl 29. 7. 2011 12:51
Nový
Divné obrázky
ic ... 29. 7. 2011 14:11
Nový
Captcha bez Javascriptu
winsik 29. 7. 2011 16:33
Nový
└ 
Re: Captcha bez Javascriptu
Tomáš Fejfar 31. 7. 2011 17:06
Nový
Proč až teď?
Sebastian 29. 7. 2011 18:15
Nový
└ 
Re: Proč až teď?
Luboš Plotěný 30. 7. 2011 12:30
Nový
Statistika není přesná
Zdeněk Kopš 29. 7. 2011 22:03
Nový
Chyba: Arial 11px X Arial 14 px
siva01c 30. 7. 2011 13:07
Nový
└ 
Re: Chyba: Arial 11px X Arial 14 px
cavo 31. 7. 2011 21:21
Nový
Používání služeb vs. sdílené přihlašování
none 30. 7. 2011 14:20
Nový
└ 
Re: Používání služeb vs. sdílené přihlašování
michal_ 1. 8. 2011 19:38
Nový
       

Tento text je již více než dva měsíce starý. Chcete-li na něj reagovat v diskusi, pravděpodobně vám již nikdo neodpoví. Pro řešení aktuálních problémů doporučujeme využít naše diskusní fórum.

Zasílat nově přidané příspěvky e-mailem