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

More Related Content

Pro koho děláme web

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