Program přednáškyVpravo dobrýPravidla vs. principyPatterns, guidelines, styleguides
Ba‧na‧li‧ty  MARTIN KOPTA #BarCampVsetin11
Návrhové vzory a    pravidla proti     principůmnávrhu uživatelského
Dobrý den!Potkáme se na Twitteru?mk@martinkopta.czwww.testovaci-centrum.cz
Program přednáškyVpravo dobrýPravidla vs. principyPatterns, guidelines, styleguides
http://commons.wikimedia.org/wiki/File:David_Grudl.jpg                                    foto: Vojtech Brzek
„Protože čteme odshoradolů a zleva doprava, musíodkaz na další (starší)obsah vždy směřovatdoprava a nikoliv vlevo“        ...
http://www.flickr.com/photos/bures/1323371244/                                 foto: Jiří Bureš
„Odkazovat na starší článkydoprava a na novějšídoleva mi přijde na hlavupostavené, sorry.“                      @PixyCZ
http://www.inflow.cz/posledni-do-sbirky                           foto: InFlow
„Dokonce na to existujenorma ISO 1503:2008“                      @MarekP
http://www.hellish.cz/vpravo-dobry-vlevo-taky/                            Tomáš Hellebrand
http://www.fotopedia.com/items/missty-u8AB8vcDBFg                               foto: Marine Connan
Program přednáškyVpravo dobrýPravidla vs. principyPatterns, guidelines, styleguides
http://www.flickr.com/photos/docsearls/224794947/                                 foto: Doc Searls
Pravidla
• Každá stránka musí být vzdálená  maximálně 3 kliknutí od úvodní stránky.• Menu nesmí mít víc než 7 položek.• Web musí st...
• Uživatelé nečtou — pište krátké texty.• Uživatelé neposouvají obsah stránky.• Uživatel neumí pracovat s více okny  prohl...
Pravidla• Pravidla jsou didaktické formulace• Staví na strachu z pochybení• Využívají často magických čísel 3, 7, 12• Nepř...
Principy
•       Orientace a hledání cesty    •    kde jsem, kam dál, jak zpět, kde tu je…•   Používání rozhraní    •    co jde děl...
Principy• Formulují problém v abstraktní rovině• Jsou založeny na výzkumu• Umožňují více výkladů
Program přednáškyVpravo dobrýPravidla vs. principyPatterns, guidelines, styleguides
Guidelines•   Obecné postupy
Styleguides•   Pravidla řešení běžných problémů na    dané platformě
Design Patterns•   Opakovatelné řešení pro běžně se    vyskytující problém
Děkuju :-) NASHLEDANOU  @martinkopta
Upcoming SlideShare
Loading in …5
×

Návrhové vzory a pravidla proti principům návrhu uživatelského prožitku

2,330 views

Published on

Banální prezentace o základních rozdílech mezi pravidly a principy v UX na pozadí problému s listováním k dalším stránkám na webu.

Published in: Design, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,330
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
10
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • A rule externally compels you, through force, threat or punishment, to do the things someone else has deemed good or right. People follow or break rules.\n\n
  • \n
  • \n
  • A principle internally motivates you to do the things that seem good and right. People develop principles by living with people with principles and seeing the real benefits of such a life.\n\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Návrhové vzory a pravidla proti principům návrhu uživatelského prožitku

    1. 1. Program přednáškyVpravo dobrýPravidla vs. principyPatterns, guidelines, styleguides
    2. 2. Ba‧na‧li‧ty MARTIN KOPTA #BarCampVsetin11
    3. 3. Návrhové vzory a pravidla proti principůmnávrhu uživatelského
    4. 4. Dobrý den!Potkáme se na Twitteru?mk@martinkopta.czwww.testovaci-centrum.cz
    5. 5. Program přednáškyVpravo dobrýPravidla vs. principyPatterns, guidelines, styleguides
    6. 6. http://commons.wikimedia.org/wiki/File:David_Grudl.jpg foto: Vojtech Brzek
    7. 7. „Protože čteme odshoradolů a zleva doprava, musíodkaz na další (starší)obsah vždy směřovatdoprava a nikoliv vlevo“ @DavidGrudl
    8. 8. http://www.flickr.com/photos/bures/1323371244/ foto: Jiří Bureš
    9. 9. „Odkazovat na starší článkydoprava a na novějšídoleva mi přijde na hlavupostavené, sorry.“ @PixyCZ
    10. 10. http://www.inflow.cz/posledni-do-sbirky foto: InFlow
    11. 11. „Dokonce na to existujenorma ISO 1503:2008“ @MarekP
    12. 12. http://www.hellish.cz/vpravo-dobry-vlevo-taky/ Tomáš Hellebrand
    13. 13. http://www.fotopedia.com/items/missty-u8AB8vcDBFg foto: Marine Connan
    14. 14. Program přednáškyVpravo dobrýPravidla vs. principyPatterns, guidelines, styleguides
    15. 15. http://www.flickr.com/photos/docsearls/224794947/ foto: Doc Searls
    16. 16. Pravidla
    17. 17. • Každá stránka musí být vzdálená maximálně 3 kliknutí od úvodní stránky.• Menu nesmí mít víc než 7 položek.• Web musí stát na 3 opěrných bodech.
    18. 18. • Uživatelé nečtou — pište krátké texty.• Uživatelé neposouvají obsah stránky.• Uživatel neumí pracovat s více okny prohlížeče.• Uživatelé neklikají na reklamu.
    19. 19. Pravidla• Pravidla jsou didaktické formulace• Staví na strachu z pochybení• Využívají často magických čísel 3, 7, 12• Nepřipouštějí výjimky
    20. 20. Principy
    21. 21. • Orientace a hledání cesty • kde jsem, kam dál, jak zpět, kde tu je…• Používání rozhraní • co jde dělat, co se děje, co se stalo• Ergonomie • oči, ruce, uši• Zkušenosti • začátečníci, prokročilí, rutinéři
    22. 22. Principy• Formulují problém v abstraktní rovině• Jsou založeny na výzkumu• Umožňují více výkladů
    23. 23. Program přednáškyVpravo dobrýPravidla vs. principyPatterns, guidelines, styleguides
    24. 24. Guidelines• Obecné postupy
    25. 25. Styleguides• Pravidla řešení běžných problémů na dané platformě
    26. 26. Design Patterns• Opakovatelné řešení pro běžně se vyskytující problém
    27. 27. Děkuju :-) NASHLEDANOU @martinkopta

    ×