Použitelnost webu

1,345 views

Published on

Použitelný je takový web, který se návštěvníkům dobře používá. Kde se dobře orientují a rychle naleznou, co hledají. Kde se neztrácí, nedělají zbytečné chyby. Jsou to weby, ze kterých mají uživatelé dobrý pocit.

Přednáška Jana Tichého na VŠE, březen 2009.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,345
On SlideShare
0
From Embeds
0
Number of Embeds
28
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • dfgdfg
  • Použitelnost webu

    1. 1. Použitelnost webu +420 271 752 042 info@h1.cz www.h1.cz Jan Tichý E-mail: [email_address] Twitter: @jantichy
    2. 2. Co je použitelnost webu <ul><li>Snadné používání čehokoliv bez nutnosti nad tím přemýšlet  soustředění se na cíl. </li></ul><ul><li>Použitelný je takový web, který se návštěvníkům dobře používá. Kde se dobře orientují a rychle naleznou, co hledají. Kde se neztrácí, nedělají zbytečné chyby. Jsou to weby, ze kterých mají uživatelé dobrý pocit. </li></ul>Použitelnost webu
    3. 3. Jak je použitelnost webu důležitá? <ul><li>SEO </li></ul><ul><li>PPC </li></ul><ul><li>Bannery </li></ul><ul><li>E-mailing </li></ul><ul><li>Silná značka </li></ul><ul><li>Affiliate </li></ul><ul><li>Offline </li></ul><ul><li>reklama </li></ul>Použitelnost webu WEB Použitelnost Přesvědčivost Konkurenceschopnost nabídky Důvěryhodnost Přístupnost Grafika Značka
    4. 4. Několik čísel <ul><li>Jen 30 % lidí, kteří chtějí na webu nakoupit, se to podaří. (UIE.com) </li></ul><ul><li>Opuštěnost nákupních košíků – 60 %. </li></ul><ul><li>MyTravel.com – 20% zvýšení počtu objednávek po skokovém zlepšení použitelnosti. </li></ul>Použitelnost webu
    5. 5. Metody ověřování použitelnosti <ul><li>Uživatelské testování </li></ul><ul><li>Heuristické testování </li></ul><ul><li>Analýza návštěvnosti </li></ul><ul><li>A/B testování </li></ul><ul><li>Testování podle uživatelských scénářů </li></ul><ul><li>Zpětná vazba od uživatelů </li></ul><ul><li>Oční kamera (eye-tracking) </li></ul><ul><li>Testování prototypu (papír, Powerpoint) </li></ul><ul><li>Testování rozmazané obrazovky (slepá mapa) </li></ul><ul><li>Testování konkurenčních webů </li></ul><ul><li>Posudek nezávislého experta (nebo nováčka) </li></ul>Použitelnost webu
    6. 6. Oblasti heuristického testování <ul><li>Layout a rozměry stránky </li></ul><ul><li>Členění a srozumitelnost textu </li></ul><ul><li>Odkazy </li></ul><ul><li>Navigace </li></ul><ul><li>URL </li></ul><ul><li>Formuláře </li></ul><ul><li>Grafika a animace </li></ul><ul><li>Prvky uživatelského rozhraní </li></ul><ul><li>Rychlost odezvy </li></ul>Použitelnost webu
    7. 7. Layout a rozměry stránky <ul><li>Obsah čitelný při všech rozlišeních </li></ul><ul><li>Nejdůležitější informace „nad přehybem“ </li></ul><ul><li>Pružná šířka okna </li></ul><ul><li>Název webu a logo, nadpis a title </li></ul><ul><li>Na první pohled patrný účel a obsah </li></ul><ul><li>Respektuje zažité konvence </li></ul><ul><li>Vizuálně odlišené části </li></ul><ul><li>Vizuální priorita prvků </li></ul>Použitelnost webu
    8. 8. Členění a srozumitelnost textu <ul><li>Obrácená pyramida </li></ul><ul><li>Odstavce, seznamy a tabulky, nadpisy nižších úrovní </li></ul><ul><li>Zvýrazněte nejdůležitější informace </li></ul><ul><li>Délka řádků cca. 70 znaků </li></ul><ul><li>Výchozí velikost písma a řádkování, zvětšování písma </li></ul><ul><li>Kontrast písma a pozadí </li></ul>Použitelnost webu
    9. 9. Odkazy <ul><li>Podtržení a jedna barva </li></ul><ul><li>Nic jiného nepodtrhávat a nebarvit </li></ul><ul><li>Konkrétní a výstižné texty odkazů </li></ul><ul><li>Otevírání do nového okna </li></ul><ul><li>Odkazy na jiné typy souborů </li></ul>Použitelnost webu
    10. 10. Navigace <ul><li>Jasně vizuálně oddělit </li></ul><ul><li>Konzistentní napříč webem </li></ul><ul><li>Odkaz na hlavní stránku a na nadřazenou úroveň </li></ul><ul><li>Musí být patrné, kam stránka patří ve struktuře webu </li></ul><ul><li>Neodkazujte na právě zobrazenou stránku </li></ul>Použitelnost webu
    11. 11. URL <ul><li>Duplicitní URL </li></ul><ul><li>Homepage v rootu, nepoužívat index.html </li></ul><ul><li>Varianty s www a bez www </li></ul><ul><li>Co nejkratší srozumitelné vypovídající URL </li></ul>Použitelnost webu
    12. 12. Formuláře <ul><li>Jen nezbytné prvky a informace + odůvodnění </li></ul><ul><li>Označit povinná pole </li></ul><ul><li>Akceptovat různé tvary, naznačit formát </li></ul><ul><li>Zvýraznění chyb </li></ul>Použitelnost webu
    13. 13. Grafika a animace <ul><li>Jen ke zvýšení přehlednosti a informační hodnoty </li></ul><ul><li>Důležité informace mimo alt a title </li></ul><ul><li>Ne obrázky na pozadí textu </li></ul><ul><li>Ne animace pro upoutání pozornosti </li></ul><ul><li>Umožněte uživatelům zastavit běžící animaci </li></ul>Použitelnost webu
    14. 14. Prvky uživatelského rozhraní <ul><li>Neměňte vzhled uživatelského rozhraní </li></ul><ul><li>Neotevírejte nová okna bez přičinění uživatele </li></ul><ul><li>Samovolně neměňte obsah či formátování stránky </li></ul>Použitelnost webu
    15. 15. Rychlost odezvy <ul><li>Vstupní stránky načíst do 10 sekund </li></ul><ul><li>Nepoužívat mnoho obrázků či velké obrázky </li></ul><ul><li>Umožněte přerušení dlouhých akcí </li></ul><ul><li>K odkazům na objemné soubory info o velikosti </li></ul>Použitelnost webu
    16. 16. Zdroje – weby <ul><li>Alertbox ( http://useit.com/alertbox/ ) </li></ul><ul><li>UIE.com ( http://uie.com ) </li></ul><ul><li>GUUUI ( http://www.guuui.com ) </li></ul><ul><li>Digital Web ( http://digital-web.com ) </li></ul><ul><li>IAWiki ( http://www.iawiki.net ) </li></ul><ul><li>Usability News ( http://psychology.wichita.edu/surl/newsletter.htm ) </li></ul><ul><li>InfoDesign ( http://www.informationdesign.org ) </li></ul><ul><li>Dušan Janovský ( http://www.jakpsatweb.cz/weblog/ ) </li></ul><ul><li>Martin Snížek ( http://www.snizekweb.cz ) </li></ul><ul><li>Sova v síti ( http://www.sovavsiti.cz ) </li></ul>Použitelnost webu
    17. 17. Zdroje - knihy <ul><li>Nenuťte uživatele přemýšlet (Steve Krug, Computer Press, 2003) </li></ul><ul><li>Použitelnost domovských stránek (Jakob Nielsen & Marie Tahir, Zoner Press, 2004) </li></ul><ul><li>Information Architecture for the World Wide Web (Louis Rosenfeld & Peter Morville, O'Reilly, 2002) </li></ul><ul><li>Web ReDesign 2.0: Workflow that Works ( Kelly Goto & Emily Cotler , Peachpit Press , 2004 ) </li></ul>Použitelnost webu
    18. 18. Děkuji za pozornost. Použitelnost webu

    ×