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 datum 26.3.2010 snímek 2
Pro koho děláme web? datum 26.3.2010 snímek 3
Webmail co by měl umět? datum 26.3.2010 snímek 4
UI pro Adama Fendrycha datum 26.3.2010 snímek 5
UI pro sekretářku datum 26.3.2010 snímek 6
UI pro programátora datum 26.3.2010 snímek 7
Jak to vypadá v praxi Naši uživatelé jsme my Naši uživatelé jsou všichni datum 26.3.2010 snímek 8
Dobrý design se řídí pravidly. Mými pravidly! Školení použitelnosti datum 26.3.2010 snímek 9
Argumenty Mně se to takhle líbí Ukazoval jsem to ženě Však oni si na to zvyknou Tohle už dnes všichni znají datum 26.3.2010 snímek 10
Naše cílovka? Všichni! datum 26.3.2010 snímek 11
datum 26.3.2010 snímek 12
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 datum 26.3.2010 snímek 13
Kdo jsou uživatelé a co chtějí? datum 26.3.2010 snímek 14
Jak je zkoumat Přímá komunikace Zákaznická linka Panelová sezení Průzkumy Analytické nástroje Ankety na webu datum 26.3.2010 snímek 15
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 datum 26.3.2010 snímek 16
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 datum 26.3.2010 snímek 17
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). datum 26.3.2010 snímek 18
Jak na persony Více person I negativní Musí vycházet z výzkumu Přijetí všemi, kdo se podílí na webu datum 26.3.2010 snímek 19
Co s nimi? Segmentace» Rozdělení podle cílových skupin» Velmi lákavá» Velmi nebezpečná datum 26.3.2010 snímek 20
datum 26.3.2010 snímek 21
datum 26.3.2010 snímek 22
datum 26.3.2010 snímek 23
Zaměření na potřeby uživatele datum 26.3.2010 snímek 24
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 datum 26.3.2010 snímek 25
Co testovat Papírové prototypy Wireframy Interaktivní wireframy Hotový web Grafické návrhy datum 26.3.2010 snímek 26
datum 26.3.2010 snímek 27
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 datum 26.3.2010 snímek 28
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 datum 26.3.2010 snímek 29
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 datum 26.3.2010 snímek 30
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 datum 26.3.2010 snímek 31
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/ datum 26.3.2010 snímek 32
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 datum 26.3.2010 snímek 33
Zkusme to: 1 design pro více uživatelů 3 minipersony Udělejme pro ně sociální aplikaci! datum 26.3.2010 snímek 34
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 datum 26.3.2010 snímek 35
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 datum 26.3.2010 snímek 36
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í datum 26.3.2010 snímek 37
Navrhujeme design datum 26.3.2010 snímek 38