• Save
Pro koho děláme web
Upcoming SlideShare
Loading in...5
×
 

Pro koho děláme web

on

  • 1,126 views

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

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

Statistics

Views

Total Views
1,126
Views on SlideShare
929
Embed Views
197

Actions

Likes
2
Downloads
0
Comments
0

3 Embeds 197

http://www.dobryweb.cz 194
http://alfa.dobryweb.cz 2
http://dobryweb.l 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Pro koho děláme web Pro koho děláme web Presentation Transcript

  • 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!
  • 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á
  • 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