4. Použitelnost webu Použitelný web je takový, ze kterého mají uživatelé dobrý pocit. 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. Použitelnost webu
7. Použitelnost webu Jak je použitelnost webu důležitá? WEB Použitelnost Přesvědčivost Konkurenceschopnost nabídky Důvěryhodnost Přístupnost Grafika Značka SEO PPC Bannery E-mailing Silná značka Affiliate Offline reklama
8. Použitelnost webu Několik čísel Jen 30 % lidí, kteří chtějí na webu nakoupit, se to podaří. (UIE.com) Opuštěnost nákupních košíků – 60 %. MyTravel.com – 20% zvýšení počtu objednávek po skokovém zlepšení použitelnosti.
10. Heuristické testování Pravidla vznikla zobecněním mnohauživatelských testování. Web by měl splňovat většinu z nich,i když existují výjimky. Je možné porušit pravidla, pokud vám jejich porušení přinese dostatečný užitek. Heuristické testování procházím web pravidlo po pravidle. Použitelnost webu
11. Použitelnost webu Oblasti heuristického testování Layout a rozměry stránky Členění a srozumitelnost textu Odkazy Navigace URL Formuláře Grafika a animace Prvky uživatelského rozhraní Rychlost odezvy
12. Použitelnost webu Layout a rozměry stránky Obsah čitelný při všech rozlišeních Nejdůležitější informace „nad přehybem“ Pružná šířka okna Název webu a logo, nadpis a title Na první pohled patrný účel a obsah Respektuje zažité konvence Vizuálně odlišené části Vizuální priorita prvků
13. Použitelnost webu Členění a srozumitelnost textu Obrácená pyramida Odstavce, seznamy a tabulky, nadpisy nižších úrovní Zvýrazněte nejdůležitější informace Délka řádků cca. 70 znaků Výchozí velikost písma a řádkování, zvětšování písma Kontrast písma a pozadí
15. Použitelnost webu Odkazy Podtržení a jedna barva Nic jiného nepodtrhávat a nebarvit Konkrétní a výstižné texty odkazů Otevírání do nového okna Odkazy na jiné typy souborů
16. Použitelnost webu Navigace Jasně vizuálně oddělit Konzistentní napříč webem Odkaz na hlavní stránku a na nadřazenou úroveň Musí být patrné, kam stránka patří ve struktuře webu Neodkazujte na právě zobrazenou stránku
17. Použitelnost webu URL Duplicitní URL Homepage v rootu, nepoužívat index.html Varianty s www a bez www Co nejkratší srozumitelné vypovídající URL
18. Použitelnost webu Formuláře Jen nezbytné prvky a informace + odůvodnění Označit povinná pole Akceptovat různé tvary, naznačit formát Zvýraznění chyb
19. Použitelnost webu Grafika a animace Jen ke zvýšení přehlednosti a informační hodnoty Důležité informace mimo alt a title Ne obrázky na pozadí textu Ne animace pro upoutání pozornosti Umožněte uživatelům zastavit běžící animaci
20. Použitelnost webu Prvky uživatelského rozhraní Neměňte vzhled uživatelského rozhraní Neotevírejte nová okna bez přičinění uživatele Samovolně neměňte obsah či formátování stránky
21. Použitelnost webu Rychlost odezvy Vstupní stránky načíst do 10 sekund Nepoužívat mnoho obrázků či velké obrázky Umožněte přerušení dlouhých akcí K odkazům na objemné soubory info o velikosti
24. 2 přístupy k použitelnosti Pravidla (heuristická) Testování na uživatelích (usertesting) Použitelnost webu
25. Jak se uživatelské testování provádí 5–8 testerů Mohou a nemusí být z cílovéskupiny webu (podle složitostitématu a použitelnosti webu) Počítač v klidné místnosti 1 volný den Nejlépe ve 2 lidech Přibližně půlhodinové sezení (seance)s každým testerem Průběžně si zapisovat postřehy na papír Možné je i zachycovat testování video kamerou (či vhodným softwarem, např. HyperCam) Typické rozlišení obrazovky pro daný web Pozvěte si na testování šéfa/klienta! Použitelnost webu
26. Scénář testování Seznam úkolů, které mají uživatelé plnit Typické úkoly pro váš web – např. objednávka zboží, nalezení specifické informace U každého úkolu je důležitý cíl – co si chceme ověřit Úkol může obsahovat „podotázky“ – na co si dát pozor po cestě k hlavnímu cíli Scénář by měl mít 1–2 stránky Spíše méně konkrétní úkoly Pozor na klíčová slova (Ikea) Úkoly s reálným podtextem První úkol jednodušší a více subjektivní Ne všechny úkoly musí začínat na úvodní stránce. Použitelnost webu Zdroj obr.:socialscences.manchester.ac.uk
27. Příklady úkolů Chtěl byste průběžně sledovat nabídku produktů na webu, ale nechcete myslet na jeho pravidelné navštěvování. Co uděláte? Prohlédněte si nabídku ledniček a vyberte si tu, která vám vyhovuje. Ocitl jste se na jedné ze stránek níže v hierarchii webu. Poznáte, kde se nacházíte? Dokážete se dostat na úvodní stránku? Zjistěte stav svých objednávek. Použitelnost webu
28. Testeři Mixovat začátečníky, středně pokročilé a pokročilé uživatele. Každý tester maximálně dvakrát. Nabírání testerů: známí, rodinní příslušníci, kolegové sociální sítě diskusní fóra Odměna testerům 300-500 Kč Workshop: Uživatelské testování a tvorba použitelného webu
29. Sezení s uživatelem – začátek Nabádejte k pomalému postupu (čekat před kliknutím) a „myšlení nahlas“. Nejedná se o testování testera, ale webu. Zeptejte se na základní informace: jméno povolání častost používání internetu nakupování na webu oblíbené servery Umožněte testerovi používat jeho běžný internetový prohlížeč. Použitelnost webu
30. Sezení s uživatelem – průběh Buďte milí, ale zároveň mazaní! Vciťte se do uživatele a ptejte se. Zjišťuje očekávání uživatele od akcí na webu. Názory uživatelů vás v tomto případě nezajímají. Nenapovídejte, pokud se uživatel vyloženě nezaseknul. Nenechte uživatele „utéct“, soustřeďte se na cíl. Každého testera se po testování zeptejte na jeden nejvýraznější problém a jednu největší přednost webu. Použitelnost webu
31. Testování Závěry z testování Workshop: Uživatelské testování a tvorba použitelného webu 1. tester závěry 2. tester závěry … Závěry z testování Prioritizace závěrů Oprava webu
32. Čeho dosáhnete uživatelským testováním Odhalení špatně použitelných míst webu Zvýšení použitelnosti webu Zlepšení obchodních výsledků webu, podpora značky, snížení nákladů Použitelnost webu
33. Proč se bez uživatelského testování při tvorbě webu neobejdete Sám od sebe nenavrhne dobrý web nikdo Snížíte riziko neúspěchu Zpětná vazba Učíte se o zvyklostech uživatelů a získáváte cenné know-how Použitelnost webu
35. Card sorting Metoda pro vytvoření struktury webu Části obsahu se napíší na kartičky a nechají se testery rozřadit do skupin. Otevřený nebo uzavřený card sorting Uživatelé uvažují při card sortingu pouze v intencích obsahu, ne úkolů Použitelnost webu Kvantifikace card sortingu: jak často jsou dvě karty spolu v jedné skupině (podobnost), jak často je určitá karta zařazená do určité skupiny
44. GWO: Výsledky experimentu Použitelnost webu http://youtube-global.blogspot.com/2009/08/look-inside-1024-recipe-multivariate.html
45. A/B testování Dvě varianty stejné stránky proti sobě, úspěšnější v běžném provozu se používá dále Je nutné izolovat jednotlivé změny V krátkém časovém úseku Google Website Optimizer - http://services.google.com/websiteoptimizer/ Použitelnost webu
49. Proč optimalizovat web Použitelnost webu http://blog.filosof.biz/maslowova-pyramida-na-webu/
50. Použitelnost webu “ Použitelnost zajistí, že nakupující v obchoďáku nebudou padat z jezdících schodů.Obchodní účinnost se postará o to, aby nakupující skutečně nakoupili. ~ Martin Snížek
51. Použitelnost webu Zdroje – weby Alertbox (http://useit.com/alertbox/) UIE.com (http://uie.com) GUUUI (http://www.guuui.com) Digital Web (http://digital-web.com) IAWiki (http://www.iawiki.net) Usability News (http://psychology.wichita.edu/surl/newsletter.htm) InfoDesign (http://www.informationdesign.org) Dušan Janovský (http://www.jakpsatweb.cz/weblog/) Martin Snížek (http://www.snizekweb.cz) Sova v síti (http://www.sovavsiti.cz)
52. Použitelnost webu Zdroje - knihy Nenuťte uživatele přemýšlet (Steve Krug, Computer Press, 2003) Použitelnost domovských stránek (Jakob Nielsen & Marie Tahir, Zoner Press, 2004) Information Architecture for the World Wide Web(Louis Rosenfeld & Peter Morville, O'Reilly, 2002) Web ReDesign 2.0: Workflow that Works(Kelly Goto & Emily Cotler, Peachpit Press, 2004)
53. Děkuji za pozornost! Napište mi e-mail:fstrupl@h1.cz Sledujte můj Twitter: @fstrupl Použitelnost webu