Boty v použitelnosti Adam Fendrych, Dobrý web adam.fendrych @dobryweb.cz, www.dobryweb.cz
Představení <ul><li>Adam Fendrych </li></ul><ul><ul><li>Konzultant projektu  Dobrý web </li></ul></ul><ul><ul><li>E-mail: ...
Proč je použitelnost důležitá <ul><li>Zvyšuje návratnost investic do webu </li></ul><ul><li>Zvyšuje spokojenost uživatelů ...
Proč je použitelnost důležitá <ul><li>Web má stanovené cíle  -> uživatelé je plní -> peníze vložené do webu se vrací </li>...
Proč je použitelnost důležitá <ul><li>Uživatel má jen omezenou míru tolerance </li></ul><ul><ul><li>Steve Krug: „Zásobník ...
Co je použitelnost
Co je použitelnost
A teď…
Neodlišené odkazy <ul><li>Správné odlišení – podtržením, jinou barvou. </li></ul><ul><li>Nezapomenout: hover efekt, navští...
Nejasný účel webu <ul><li>Na první pohled poznat, co web nabízí </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http://www.dis...
Ovladatelnost navigace <ul><li>Snadná ovladatelnost myší, touchpadem, klávesnicí. </li></ul><ul><li>Ne: </li></ul><ul><ul>...
Kde jsem? <ul><li>Uživatel musí vždy jasně vědět, kde se v rámci struktury webu nachází </li></ul><ul><li>Ne: </li></ul><u...
Chybějící stránky <ul><li>Obsah stránky by měl odpovídat tomu, jak je pojmenována v navigaci </li></ul><ul><li>Ne: </li></...
Nečitelný text <ul><li>Dobré členění textu, uživatelé nečtou, ale skenují </li></ul><ul><li>Velikost a kontrast písma </li...
Vyhledávání <ul><li>Dobře nalezitelné, přehledné výsledky </li></ul><ul><li>Lepší žádné než špatné </li></ul><ul><li>Ne: <...
Konzistence navigace <ul><li>Stejné umístění a vzhled napříč celým webem </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http:...
Slepé uličky <ul><li>Každá stránka by měla uživateli nabídnout cestu dál </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http:...
Co je vedle sebe, souvisí <ul><li>Uživatelé vnímají význam objektů podle jejich umístění </li></ul><ul><li>Ne: </li></ul><...
Zdroje – použitelnost <ul><li>Weby </li></ul><ul><li>Zahraniční: </li></ul><ul><ul><li>Alertbox ( http:// useit . com / al...
Na shledanou <ul><li>Adam Fendrych </li></ul><ul><ul><li>adam .fendrych@ dobryweb .cz </li></ul></ul><ul><ul><li>244 003 3...
Upcoming SlideShare
Loading in...5
×

Boty v použitelnosti

792

Published on

Adam Fendrych - Česká zemědělská univerzita Praha - duben 2009

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
792
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Ukázat http://www.magnet-blanche-porte.cz
  • Boty v použitelnosti

    1. 1. Boty v použitelnosti Adam Fendrych, Dobrý web adam.fendrych @dobryweb.cz, www.dobryweb.cz
    2. 2. Představení <ul><li>Adam Fendrych </li></ul><ul><ul><li>Konzultant projektu Dobrý web </li></ul></ul><ul><ul><li>E-mail: adam .fendrych@ dobryweb .cz </li></ul></ul><ul><ul><li>Telefon: 244 003 337 </li></ul></ul><ul><li>Prezentace ke stažení </li></ul><ul><ul><li>http://klient.dobryweb.cz/prezentace/boty-pouzitelnost.pdf </li></ul></ul>
    3. 3. Proč je použitelnost důležitá <ul><li>Zvyšuje návratnost investic do webu </li></ul><ul><li>Zvyšuje spokojenost uživatelů </li></ul><ul><li>Malý detail může znamenat velký problém </li></ul><ul><ul><li>The 300 million button http://www.uie.com/articles/three_hund_million_button </li></ul></ul><ul><li>Web neděláme pro sebe, ale pro návštěvníky </li></ul><ul><li>„ Uživatelé si zvyknou na cokoliv“ – jen pokud nemají jinou volbu </li></ul>
    4. 4. Proč je použitelnost důležitá <ul><li>Web má stanovené cíle -> uživatelé je plní -> peníze vložené do webu se vrací </li></ul><ul><li>60 % nákupních košíků zůstává opuštěných </li></ul><ul><li>Konverzní poměr v ČR 0—2 % </li></ul><ul><ul><li>http://index.fireclick.com </li></ul></ul>
    5. 5. Proč je použitelnost důležitá <ul><li>Uživatel má jen omezenou míru tolerance </li></ul><ul><ul><li>Steve Krug: „Zásobník tolerance“ </li></ul></ul><ul><li>Klišé: „Konkurence je na webu vzdálená jen jeden klik“ </li></ul><ul><li>Dojem z webu = dojem z firmy </li></ul><ul><li>Dobrá použitelnost není vidět </li></ul>
    6. 6. Co je použitelnost
    7. 7. Co je použitelnost
    8. 8. A teď…
    9. 9. Neodlišené odkazy <ul><li>Správné odlišení – podtržením, jinou barvou. </li></ul><ul><li>Nezapomenout: hover efekt, navštívené odkazy </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http://www.mbank.cz/ , http://www.csobpojistky.com/ </li></ul></ul><ul><li>Možná: </li></ul><ul><ul><li>http://www.podnikatel.cz/ </li></ul></ul><ul><li>Ano: </li></ul><ul><ul><li>http://www. vitalia .cz/ , http://www.seznam.cz/ </li></ul></ul>
    10. 10. Nejasný účel webu <ul><li>Na první pohled poznat, co web nabízí </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http://www.diskito.cz/ </li></ul></ul><ul><ul><li>http://www.accenture.cz/ </li></ul></ul><ul><li>Možná: </li></ul><ul><ul><li>http://www.proofreading.cz/ , http://www.dobryweb.cz/ </li></ul></ul><ul><li>Ano: </li></ul><ul><ul><li>http://www.cityselfstorage.cz/ , http://www.stehovanipraha.cz/ </li></ul></ul>
    11. 11. Ovladatelnost navigace <ul><li>Snadná ovladatelnost myší, touchpadem, klávesnicí. </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http://www.sme-union.cz/ , http://www.csob.cz/ </li></ul></ul><ul><li>Možná: </li></ul><ul><ul><li>http://web.volny.cz/ </li></ul></ul><ul><li>Ano: </li></ul><ul><ul><li>http://www.vodafone.cz/ , http://www.ceskapojistovna.cz/ </li></ul></ul>
    12. 12. Kde jsem? <ul><li>Uživatel musí vždy jasně vědět, kde se v rámci struktury webu nachází </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http://www. tondach .cz/ , http://www.krmeni.cz/ </li></ul></ul><ul><li>Možná: </li></ul><ul><ul><li>http://www.sparta.cz/ </li></ul></ul><ul><li>Ano: </li></ul><ul><ul><li>http://www. slunecnice .cz/ , http://www. peckadesign .cz/ </li></ul></ul>
    13. 13. Chybějící stránky <ul><li>Obsah stránky by měl odpovídat tomu, jak je pojmenována v navigaci </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http://www.hypotecnibanka.cz/ , http://www.esennce.cz/ </li></ul></ul><ul><li>Možná: </li></ul><ul><ul><li>http://www.csobpoj.cz/ , http://www.dpp.cz/ </li></ul></ul><ul><li>Ano: </li></ul><ul><ul><li>http://www.symbio.cz/ , http://www.h1.cz/ </li></ul></ul>
    14. 14. Nečitelný text <ul><li>Dobré členění textu, uživatelé nečtou, ale skenují </li></ul><ul><li>Velikost a kontrast písma </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http://www.aaabyty.cz/ , http://www.subterra.cz/ </li></ul></ul><ul><li>Možná: </li></ul><ul><ul><li>http://www.habeko.cz/ </li></ul></ul><ul><li>Ano: </li></ul><ul><ul><li>http://www.jakpsatweb.cz/ , http://www.dobryweb,cz/ </li></ul></ul>
    15. 15. Vyhledávání <ul><li>Dobře nalezitelné, přehledné výsledky </li></ul><ul><li>Lepší žádné než špatné </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http://www.zanussi.cz/ , http://www.uni-max.cz/ </li></ul></ul><ul><li>Možná: </li></ul><ul><ul><li>http://www.mesec.cz/ </li></ul></ul><ul><li>Ano: </li></ul><ul><ul><li>http://www.podnikatel.cz/ , http://www.stream.cz/ </li></ul></ul>
    16. 16. Konzistence navigace <ul><li>Stejné umístění a vzhled napříč celým webem </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http://ihned.cz/ , http://www.xertec.cz/ , http://www.root.cz/ </li></ul></ul><ul><li>Ano: </li></ul><ul><ul><li>http://www.lesycr.cz/ , http://www.cesky-hosting.cz/ </li></ul></ul>
    17. 17. Slepé uličky <ul><li>Každá stránka by měla uživateli nabídnout cestu dál </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http://www. koop .cz/ , http://www.panelcentrum.cz/ </li></ul></ul><ul><li>Možná: </li></ul><ul><ul><li>http://www.electrolux.cz/ , http://www.patro.cz/ </li></ul></ul><ul><li>Ano: </li></ul><ul><ul><li>http://www.dobryweb.cz , http://www.grisoft.cz/ </li></ul></ul>
    18. 18. Co je vedle sebe, souvisí <ul><li>Uživatelé vnímají význam objektů podle jejich umístění </li></ul><ul><li>Ne: </li></ul><ul><ul><li>http://business.conrad.cz/ , http://www. zanussi .cz/ </li></ul></ul><ul><li>Ano: </li></ul><ul><ul><li>http://www.aaron.cz/ , http://www.blesk.cz/ </li></ul></ul>
    19. 19. Zdroje – použitelnost <ul><li>Weby </li></ul><ul><li>Zahraniční: </li></ul><ul><ul><li>Alertbox ( http:// useit . com / alertbox / ) </li></ul></ul><ul><ul><li>UIE.com ( http:// uie . com ) </li></ul></ul><ul><ul><li>Usability News ( http://psychology. wichita . edu / surl / newsletter . htm ) </li></ul></ul><ul><ul><li>Digital Web ( http://digital-web.com ) </li></ul></ul><ul><ul><li>GUUUI ( http://www. guuui . com ) </li></ul></ul><ul><li>České: </li></ul><ul><ul><li>Jan Brašna ( http://www. janbrasna . com ) </li></ul></ul><ul><ul><li>Dušan Janovský ( http://www. jakpsatweb .cz/ weblog / ) </li></ul></ul><ul><ul><li>Martin Snížek ( http://www. snizekweb .cz ) </li></ul></ul><ul><ul><li>Sova v síti ( http://www. sovavsiti .cz ) </li></ul></ul><ul><li>Knihy </li></ul><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>The Elements of User Experience: User-Centered Design for the Web (Jesse James Garrett, New Riders Press, 2002) </li></ul>
    20. 20. Na shledanou <ul><li>Adam Fendrych </li></ul><ul><ul><li>adam .fendrych@ dobryweb .cz </li></ul></ul><ul><ul><li>244 003 337 </li></ul></ul><ul><li>Dobrý web </li></ul><ul><ul><li>http://www.dobryweb.cz </li></ul></ul><ul><ul><li>[email_address] </li></ul></ul><ul><ul><li>244 003 110 </li></ul></ul><ul><li>Prezentace ke stažení </li></ul><ul><ul><li>http://klient. dobryweb .cz/prezentace/boty- pouzitelnost . pdf </li></ul></ul>

    ×