Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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,397 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
  • Be the first to comment

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

×