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.

1. Program přednášky
Vpravo dobrý
Pravidla vs. principy
Patterns, guidelines, styleguides

2. Ba‧na‧li‧ty
MARTIN KOPTA
#BarCampVsetin11

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

4. Dobrý den!
Potkáme se na Twitteru?
mk@martinkopta.cz
www.testovaci-centrum.cz

5. Program přednášky
Vpravo dobrý
Pravidla vs. principy
Patterns, guidelines, styleguides

6. http://commons.wikimedia.org/wiki/File:David_Grudl.jpg
foto: Vojtech Brzek

7. „Protože čteme odshora
dolů a zleva doprava, musí
odkaz na další (starší)
obsah vždy směřovat
doprava a nikoliv vlevo“
@DavidGrudl

8. http://www.flickr.com/photos/bures/1323371244/
foto: Jiří Bureš

9. „Odkazovat na starší články
doprava a na novější
doleva mi přijde na hlavu
postavené, sorry.“
@PixyCZ

10. http://www.inflow.cz/posledni-do-sbirky
foto: Filip Šubrt

11. „Dokonce na to existuje
norma ISO 1503:2008“
@MarekP

12. http://www.hellish.cz/vpravo-dobry-vlevo-taky/
Tomáš Hellebrand

13. http://www.fotopedia.com/items/missty-u8AB8vcDBFg
foto: Marine Connan

14. Program přednášky
Vpravo dobrý
Pravidla vs. principy
Patterns, guidelines, styleguides

15. http://www.flickr.com/photos/docsearls/224794947/
foto: Doc Searls

16. Pravidla

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. • 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. 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
• Zastarávají

20. Principy

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. Principy
• Formulují problém v abstraktní rovině
• Jsou založeny na výzkumu
• Umožňují více výkladů

23. Program přednášky
Vpravo dobrý
Pravidla vs. principy
Patterns, guidelines, styleguides

24. Guidelines
• Obecné postupy

25. Styleguides
• Pravidla řešení běžných problémů
na dané platformě

26. Design Patterns
• Opakovatelné řešení pro běžně se
vyskytující problém

27. Děkuju :-)
NASHLEDANOU
@martinkopta