Pro koho děláme web. Adam Fendrych, Dobrý web

Transkript

1 Pro koho děláme web Adam Fendrych, Dobrý web

2 Představení Adam Fendrych» Konzultant projektu Dobrý web» Telefon: datum snímek 2

3 Pro koho děláme web? datum snímek 3

4 Webmail co by měl umět? datum snímek 4

5 UI pro Adama Fendrycha datum snímek 5

6 UI pro sekretářku datum snímek 6

7 UI pro programátora datum snímek 7

8 Jak to vypadá v praxi Naši uživatelé jsme my Naši uživatelé jsou všichni datum snímek 8

9 Dobrý design se řídí pravidly. Mými pravidly! Školení použitelnosti datum snímek 9

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í datum snímek 10

11 Naše cílovka? Všichni! datum snímek 11

12 datum snímek 12

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 datum snímek 13

14 Kdo jsou uživatelé a co chtějí? datum snímek 14

15 Jak je zkoumat Přímá komunikace Zákaznická linka Panelová sezení Průzkumy Analytické nástroje Ankety na webu datum snímek 15

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 datum snímek 16

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 datum snímek 17

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). datum snímek 18

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 datum snímek 19

20 Co s nimi? Segmentace» Rozdělení podle cílových skupin» Velmi lákavá» Velmi nebezpečná datum snímek 20

21 datum snímek 21

22 datum snímek 22

23 datum snímek 23

24 Zaměření na potřeby uživatele datum snímek 24

25 Testovat Dokonalý design nikdo nenavrhne Ověřit funkčnost řešení s uživateli Odhady chování uživatelů jsou ze 75 % chybné!» Dnes už lidé nepotřebují podtrhávat odkazy» Kdo si chce zvětšit písmo, zvětší si ho sám datum snímek 25

26 Co testovat Papírové prototypy Wireframy Interaktivní wireframy Hotový web Grafické návrhy datum snímek 26

27 datum snímek 27

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 datum snímek 28

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 datum snímek 29

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 datum snímek 30

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» datum snímek 31

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í» datum snímek 32

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 datum snímek 33

34 Zkusme to: 1 design pro více uživatelů 3 minipersony Udělejme pro ně sociální aplikaci! datum snímek 34

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 datum snímek 35

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 datum snímek 36

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í datum snímek 37

38 Navrhujeme design datum snímek 38