Pro koho děláme web

710
-1

Published on

Přednáška na FEL ČVUT z 25. 3. 2010 na téma uživatelsky orientovaného designu, pesron a prototypování.

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

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

No notes for slide

Pro koho děláme web

  1. 1. Pro koho děláme web Adam Fendrych, Dobrý web
  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: 776 191 341 </li></ul></ul>04/01/10
  3. 3. Pro koho děláme web?
  4. 4. Webmail – co by měl umět?
  5. 5. UI pro Adama Fendrycha
  6. 6. UI pro sekretářku
  7. 7. UI pro programátora
  8. 8. Jak to vypadá v praxi <ul><li>Naši uživatelé jsme my </li></ul><ul><li>Naši uživatelé jsou všichni </li></ul>
  9. 9. 04/01/10 Školení použitelnosti Dobrý design se řídí pravidly. Mými pravidly !
  10. 10. Argumenty <ul><li>Mně se to takhle líbí </li></ul><ul><li>Ukazoval jsem to ženě </li></ul><ul><li>Však oni si na to zvyknou </li></ul><ul><li>Tohle už dnes všichni znají </li></ul>
  11. 11. Naše cílovka? Všichni!
  12. 12.
  13. 13. Neexistuje univerzální design <ul><li>Design vždy více či méně vyhovuje určité skupině uživatelů </li></ul><ul><li>Dobrý design dává různým uživatelům přístup k různým informacím různým způsobem </li></ul>
  14. 14. Kdo jsou uživatelé a co chtějí?
  15. 15. Jak je zkoumat <ul><li>Přímá komunikace </li></ul><ul><li>Zákaznická linka </li></ul><ul><li>Panelová sezení </li></ul><ul><li>Průzkumy </li></ul><ul><li>Analytické nástroje </li></ul><ul><li>Ankety na webu </li></ul>
  16. 16. Základní údaje <ul><li>Věk </li></ul><ul><li>Pohlaví </li></ul><ul><li>Sociální skupina, zázemí </li></ul><ul><li>Vzdělání </li></ul><ul><li>Zkušenost s počítačem </li></ul><ul><li>Znalost tématu </li></ul><ul><li>Základní potřeby </li></ul>
  17. 17. Dejme uživatelům tvář - persony <ul><li>Konkrétní uživatelé, kteří budou web používat </li></ul><ul><li>Slouží o lepší představě o uživatelích </li></ul><ul><li>Pomáhají při vývoji celému týmu </li></ul><ul><li>Pomůžou vyhnout se slepým uličkám </li></ul><ul><li>Zástupci cílových skupin webu </li></ul>
  18. 18. Kostra persony <ul><li>Jana Svobodová </li></ul><ul><ul><li>27 let </li></ul></ul><ul><ul><li>žije v Praze, pracuje jako sekretářka ve stavební firmě </li></ul></ul><ul><ul><li>ráda čte časopisy a knihy, jezdí do přírody </li></ul></ul><ul><ul><li>uživatelská znalost internetu </li></ul></ul><ul><ul><li>nemá znalosti v oblasti připojení k internetu </li></ul></ul><ul><ul><li>Jana si chce doma zařídit připojení k internetu, proto zadává na Seznamu „připojení k internetu“. O připojení k internetu nic neví, proto očekává nejdříve informace – jak lze její domácí počítač připojit k internetu, zda budou nutné nějaké stavební úpravy, kolik to bude stát. Nezajímají ji technické podrobnosti. Po zjištění potřebných informací má zájem o konkrétní balíčky služeb, které srovná s nabídkou konkurence. Pokud ji konkurenční nabídky nezaujmou, objedná si připojení u naší firmy. Důležité je pro ni, aby bylo možné všechno vyřídit rychle a nemusela již kvůli objednávce používat internet (protože k němu zatím nemá snadný přístup). </li></ul></ul>
  19. 19. Jak na persony <ul><li>Více person </li></ul><ul><li>I negativní </li></ul><ul><li>Musí vycházet z výzkumu </li></ul><ul><li>Přijetí všemi, kdo se podílí na webu </li></ul>
  20. 20. Co s nimi? <ul><li>Segmentace </li></ul><ul><ul><li>Rozdělení podle cílových skupin </li></ul></ul><ul><ul><li>Velmi lákavá </li></ul></ul><ul><ul><li>Velmi nebezpečná </li></ul></ul>
  21. 21.
  22. 22.
  23. 23.
  24. 24. Zaměření na potřeby uživatele
  25. 25. Testovat <ul><li>Dokonalý design nikdo nenavrhne </li></ul><ul><li>Ověřit funkčnost řešení s uživateli </li></ul><ul><li>Odhady chování uživatelů jsou ze 75 % chybné! </li></ul><ul><ul><li>http://www. useit . com / alertbox / guesses -data. html </li></ul></ul><ul><ul><li>„ Dnes už lidé nepotřebují podtrhávat odkazy“ </li></ul></ul><ul><ul><li>„ Kdo si chce zvětšit písmo, zvětší si ho sám“ </li></ul></ul>
  26. 26. Co testovat <ul><li>Papírové prototypy </li></ul><ul><li>Wireframy </li></ul><ul><li>Interaktivní wireframy </li></ul><ul><li>Hotový web </li></ul><ul><li>Grafické návrhy </li></ul>04/01/10
  27. 27. 04/01/10
  28. 28. Kdy testovat <ul><li>Čím dříve, tím lépe </li></ul><ul><li>Dřívější testování zvyšuje návratnost investic </li></ul><ul><li>Pozdější testování snižuje pravděpodobnost nápravy chyb </li></ul>04/01/10
  29. 29. Testování hotového webu <ul><li>Přirozené chování uživatele </li></ul><ul><li>Zadat úkol a pozorovat </li></ul><ul><li>Složitější provádění úprav </li></ul><ul><li>Nelze otestovat každý prvek </li></ul>04/01/10
  30. 30. Testování wireframů <ul><li>Velmi snadné provádění úprav </li></ul><ul><ul><li>Po skončení testovacího dne </li></ul></ul><ul><ul><li>Mezi sezeními </li></ul></ul><ul><li>Nelze zadávat úkoly </li></ul><ul><li>Zjišťujeme především porozumění </li></ul><ul><ul><li>„ Co byste čekal po kliknutí zde“ </li></ul></ul><ul><ul><li>„ K čemu slouží tento prvek“ </li></ul></ul><ul><li>Jak na ně: papír, Word, Inkscape, Photoshop… </li></ul>04/01/10
  31. 31. Testování interaktivních wireframů <ul><li>Možnost zadávat úkoly </li></ul><ul><li>Snadné úpravy </li></ul><ul><li>Pozor </li></ul><ul><ul><li>Nejedná se o kompletní web </li></ul></ul><ul><ul><li>Chybí grafika </li></ul></ul><ul><ul><li>Některé věci nelze udělat </li></ul></ul><ul><li>Jak na ně: Axure, Justinmind, Visio… </li></ul><ul><ul><li>http://www. youtube . com / watch ?v=wM2k31MnDUc </li></ul></ul>04/01/10
  32. 32. Testování papírových prototypů <ul><li>Dostatečné pro ověření funkčnosti řešení </li></ul><ul><li>Stačí schémata načmáraná na papír </li></ul><ul><li>Rychlé, efektivní </li></ul><ul><ul><li>http:// uk . youtube . com / watch ?v=GrV2SZuRPv0 </li></ul></ul><ul><ul><li>http:// uk . youtube . com / watch ?v=c4-A-9hGn0U </li></ul></ul><ul><ul><li>http://www. paperprototyping . com / </li></ul></ul>04/01/10
  33. 33. Testování grafických návrhů <ul><li>Vhodné ve spojení s oční kamerou </li></ul><ul><ul><li>Zjistí především vizuální prioritu prvků </li></ul></ul><ul><ul><li>Pozor </li></ul></ul><ul><ul><ul><li>Výsledky velmi ovlivní testovací úkoly </li></ul></ul></ul><ul><ul><ul><li>Vyhodnocovat v různém čase </li></ul></ul></ul>04/01/10
  34. 34. Zkusme to: 1 design pro více uživatelů <ul><li>3 minipersony </li></ul><ul><li>Udělejme pro ně sociální aplikaci! </li></ul>
  35. 35. Jiří Nebeský <ul><li>25 let, Praha, svobodný, IT expert </li></ul><ul><li>Chce si najít partnerku </li></ul><ul><ul><li>Zveřejnit zajímavé info o sobě (třeba se některá ozve) </li></ul></ul><ul><ul><li>Prohlížet si profily dívek – fotky, zájmy, lokalita </li></ul></ul><ul><ul><li>Preferuje nepřímou komunikaci </li></ul></ul>
  36. 36. Václava Kutíková <ul><li>42 let, Teplice, vdaná, úřednice, nezkušená </li></ul><ul><li>Nudí se v práci </li></ul><ul><ul><li>Chce hrát hry – křížovky, sudoku </li></ul></ul><ul><ul><li>Nechce se s nikým bavit ani o sobě nic sdělovat </li></ul></ul><ul><ul><li>Chce sledovat, co dělají její děti </li></ul></ul>
  37. 37. Veronika Rychlá <ul><li>22 let, Praha, studentka, středně zkušená </li></ul><ul><li>Chce být v kontaktu se známými </li></ul><ul><ul><li>Chatovat </li></ul></ul><ul><ul><li>Posílat zprávy </li></ul></ul><ul><ul><li>Číst, co dělají </li></ul></ul>
  38. 38. Navrhujeme design

×