10 tipů použitelnosti pro webové designéry
Jednoduše řečeno, použitelnost umožňuje vaší webové stránce snadné pro vaše návštěvníky najít informace, které potřebují, když ji potřebují .
Obvyklá mylná představa o použitelnosti mezi webovými společnostmi spočívá v tom, že použitelnost je drahá. Ano, existují nadnárodní společnosti, které utrácejí tisíce dolarů na testy použitelnosti a výzkum, ale pro každodenní použitelnost firmy je dosažitelná bez znalostí odborníků na použitelnost nebo bez nákladného vybavení pro testování .
Weboví designéři mají ještě jednodušší práci, prostě čtením článků o použitelnosti mohou nahromadit poměrně dobré znalosti základů použitelnosti a jak je implementovat na webových stránkách.
1. Zahrnout tagline
Značka je výrok nebo heslo, které představuje filozofii a poslání společnosti, nebo v našem případě webové stránky. To by mělo být nejzřetelnějším prvkem na titulní stránce webové stránky a měl by jasně popsat webovou stránku v jedné větě.
Statistiky ukazují, že webová stránka má pouhých 8 sekund, aby získala pozornost návštěvníků, aby mohli procházet web dále. Bez jasného hesla by webové stránky neměly náročný čas udržet návštěvníky dost dlouho na to, aby procházely vnitřní stránky.
2. Implementujte vyhledávání na webu
Stejně jako u tagline je vyhledávání na webu velmi důležitým prvkem na webu. Když uživatelé hledají něco, obvykle hledají textové pole, kde mohou zadávat svůj vyhledávací dotaz.
Podle Jacob Nielsen Tipy pro webovou použitelnost, aby toto pole pro vyhledávání bylo 27 znaků, aby byl text jasně viditelný a snadno použitelný. Umístěte vyhledávací textové pole do horní části webové stránky , protože uživatelé mají tendenci vyhledávat na webových stránkách podle vzoru F , což znamená od levého horního rohu dole vpravo.
Zahrnout vyhledávací tlačítko a jasně zadat vyhledávací text, nepoužívejte text jako například Přejít nebo Odeslat , protože tyto výrazy mají tendenci zavádět návštěvníky vašich webových stránek.
3. Nepoužívejte rozsáhlou grafiku
Neoprávněné užívání designových prvků a grafiky jsou vždy špatné pro webové stránky, jen omylem návštěvníky webu. Pouze návrh na vylepšení webové stránky nejen pro její zdobení. Z hlediska použitelnosti je méně méně než vždy.
4. Použijte mapy stránek
Mapové stránky jsou relativně novou funkcí webu, která zlepšuje navigaci na webových stránkách a také optimalizaci vyhledávačů (SEO). Mapa stránek v podstatě představuje strukturální reprezentaci stránek a architektury stránek. Může jít o dokument v jakékoli podobě nebo o webovou stránku, která uvádí stránky na webu, obvykle uspořádané hierarchicky.
Nedávno vyhledávače jako Google, Yahoo a MSN začaly nabízet protokol Sitemap, který je podobný stránkové mapě stránek, ale data jsou organizována ve formátu XML. Existují generátory XML Sitemap, které vytvářejí tyto dokumenty pro určitou adresu URL.
5. Nerozdělovat pracovní postup
Pracovním postupem rozumíme každou operaci, kterou uživatel provádí na webových stránkách . Např. Vyplnění formuláře, registrace na webových stránkách, prohlížení kategorií, archivů atd. Neprolomujte tyto pracovní postupy, nechte uživatele zrušit jakoukoli operaci. Tím, že necháme uživatele zrušit operaci, nucujeme je dokončit, i když nechtějí.
Ne každá operace na webu je zřejmá pro uživatele, přenese je přes konkrétní pracovní postup pomocí popisných tipů. (např. při vyplňování formuláře). Odkazy na Javascript obvykle porušují pracovní postup, takže se nedoporučuje používat je na vašem webu.
Další chybou není změna barvy navštívených odkazů , což vede k rozbití navigačního návrhu. Informujte uživatele o tom, kde se nacházejí, a kde jsou na webu.
6. Vytvořte snadno prohlížené webové stránky
Snadno čitelné webové stránky hrají důležitou roli při zachování věrnosti návštěvníků, jejich udržování na vašem webu a čtení obsahu. Zkoušky použitelnosti ukazují, že většina uživatelů nečte webové stránky, skenuje je , vyhledává tituly, tučné, zdůrazněný text nebo seznamy.
Studie sledování očí prováděné Jakobem Nielsenem ukazují, že uživatelé čte obsah, který se podobá tvaru F, což znamená, že čtení začíná v levém horním rohu webové stránky, poté se trochu posune dolů zleva.
Nielsen také uvádí důsledky tohoto vzorce čtení:
- Uživatelé nebudou číst slovo obsahu webové stránky slovem, získávají důležité odstavce, tučné texty atd.
- První dva odstavce jsou na webové stránce nezbytné. Ty musí obsahovat nejdůležitější informace, které hledají vaši návštěvníci.
- Pod nadpisy a seznamy vystupují z pravidelných odstavců. Tyto prvky používejte k informování uživatelů o důležitých informacích.
Jednou z důležitých metod, které se můžeme naučit z tradičních tištěných novin, je to, že novináři si mysleli na chytlavý nadpis a chytlavý první odstavec, aby čtenáři četli celý článek. Uspořádá obsah ve formátu obrácené pyramidy , jen si představte pyramidu s obrácenou hlavou. Široká základna představuje nejdůležitější informace v celém článku a úzká špička představuje nejméně důležité informace.
Tento formát můžeme použít k organizování webového obsahu tím , že uvedeme nejdůležitější kusy nahoře a nejdůležitější na dně , ale jak víme, které informace jsou důležité a co ne? S pomocí hodnoty zpráv .
7. Nevytvářejte zavádějící ovládací prvky UI
Ovládacími prvky uživatelského rozhraní (UI) rozumíme prvky webové stránky, komponenty a widgety, s nimiž může uživatel interagovat (např. Tlačítko, rozbalovací seznam).
Nevytvářejte grafické prvky, které vypadají jako tlačítko, ale ne . Často vidíme text, který je podtržen a vypadá jako odkazy, ale nelze kliknout.
Tím, že nereagovali na akci, kterou uživatelé očekávali, by si mysleli, že stránka je porušena a nakonec odjede. Dalším důležitým tipem použitelnosti, pokud jde o ovládací prvky uživatelské rozhraní, je konzistence: Ujistěte se, že vaše uživatelská rozhraní jsou konzistentní .
Yahoo , jak ukazuje výše uvedený obrázek, je dobrým příkladem konzistentního návrhu řízení uživatelského rozhraní. Každá karta na stránce vypadá a chová se stejně, každý odkaz je podtržený na myši, každé tlačítko vypadá stejně, atd.
8. Dejte smysluplnou zpětnou vazbu
Významná zpětná vazba je pro web důležitá. Jedná se o komunikační kanál mezi webem a uživateli, pomocí zpětné vazby umožňujeme uživatelům vědět, co se děje na webu. V případě, že na webové stránce došlo k chybě , nevytiskněte pouze chybu , místo toho napište smysluplné chybové zprávy, které informují uživatele o tom, co se stalo špatně a jaké akce mohou odtud vykonávat.
Zpětná vazba funguje oběma způsoby . Když uživatel vyplní formulář, v podstatě vám dává zpětnou vazbu. Nepřipouštějte, aby uživatelé museli dvakrát vyplnit stejné informace. Pokud se například uživatel zaregistruje na webu a v určitém okamžiku potřebuje vyplnit formulář, neptejte se na jeho jméno ani na jiné informace, které již poskytl, protože tyto údaje již existují někde v souboru nebo v databázi. Jednoduchým získáním těchto podrobností automaticky zjednodušujeme celý proces.
9. Nepřepínejte Javascript
S příchodem Javascriptu a techniky AJAX mohou weboví návrháři a vývojáři vytvářet rychlé a transparentní webové stránky, ale stejně jako u všech nových technologií, stojí i cena. V našem případě je cena nekonzistencí prohlížeče. Ne každý uživatel má aktualizovaný webový prohlížeč. Také nemusí mít ve výchozím nastavení povolen Javascript.
Používáním Javascriptu na webových stránkách značně blokujeme tyto uživatele. Místo toho použijte nenápadný Javascript a půvabné degradace .
10. Vyhněte se CAPTCHAs
CAPTCHA znamená úplně automatizovaný veřejný test Turing, který říká Computer a Humans Apart. Dokonce i název zní složitě. Nejobecnější formou CAPTCHA je text vložený do obrázku a testováním návštěvníků můžeme oddělit lidské uživatele od nevyžádané pošty.
Problém s CAPTCHAs spočívá v tom, že každá forma lidské metody ověření spouští složitý proces v mozku uživatelů (např. Zjištění zkresleného textu, přidání dvou čísel apod.).
Dalším problémem s CAPTCHAs jsou nesrovnalosti týkající se různých kultur . Například čínské symboly, číslice se liší od většiny západních písmen a arabských číslic. Čínští lidé mají mnohem těžší čas používat online formuláře CAPTCHA "enabled".
souhrn
- Vždy obsahujte tagy, které by měly být nejobvyklejším prvkem na webové stránce.
- Proveďte vyhledání webových stránek o šířce 27 znaků a umístěte je na horní část vašeho webu.
- Nepoužívejte rozsáhlé grafické a designové prvky.
- Zahrnout stránku s mapou webu a zaregistrovat XML dokument Sitemap ve vyhledávačích.
- Neporušujte pracovní tok uživatele. Povolit případné zrušení každé akce.
- Vytvořte snadno vyhledatelný webový obsah a umístěte nejdůležitější informace na webovou stránku.
- Nevytvářejte grafické prvky, které vypadají jako tlačítko, ale ne.
- Představte smysluplnou zpětnou vazbu a nezapomeňte, že zpětná vazba funguje oběma způsoby.
- Použití nenápadný Javascript a půvabné degradace .
- Nepoužívejte CAPTCHAs, použijte více použitelné metody místo toho.
Dodržujete tyto zásady? Přidejte níže uvedené připomínky a další tipy.