SlideShare a Scribd company logo
1 of 15
Download to read offline
Ergonomie
webových projektů
         Jarek Mikeš, 1.7.2010
                „Grafika v síti“
1. Ergonomie?
2. Jaké známe „normy a zásady“?
3. Vytvořme si vlastní „ISB“ seznam zásad!
4. První nástřel:
     „Zásady grafické ergonomie webových projektů“
5.   Soutěž a výzva

6.   Grafické téma na příště:
     „Vytváříme firemní identitu“




Přehled
Vyhlašujeme konkurz

• Vytvoření webové grafiky pro web ISB
• Termín 1. září 2010
• Musí splňovat zásady grafické ergonomie ISB
• (budou zveřejněny na FB, webseller.cz, optimio.cz)


• Vítězné návrhy budou vybrány na 11. ISB, 2. září. 2010
• Hlasovat budou všichni účastníci ISB!!!
• Vítěz konkurzu získá věčnou slávu a luxusní odměnu.
Co je ergonomie webu a čím se řídí?
Ergonomie vyjadřuje

použitelnost projektu.
Použitelnost se řídí zásadami,

    které by měl každý zodpovědný

realizátor webového projektu dodržovat.
Jaké normy a zásady znáte?




Normy a zásady použitelnosti
Jaké normy a zásady znáte?




                      Zdroj: w3.org
                      http://www.w3.org/TR/WCAG10/




Normy a zásady použitelnosti
Jaké normy a zásady znáte?




                              Zdroj: w3.org
Překlad: Google Translator    http://www.w3.org/TR/WCAG10/




Normy a zásady použitelnosti
Jaké další normy a zásady známe?




Normy a zásady použitelnosti
Zásady grafické ergonomie
       webových projektů




Vytvořme si vlastní zásady
Zásady grafické ergonomie
       webových projektů




Vytvořme si vlastní zásady
Zásady grafické ergonomie
       webových projektů




Vytvořme si vlastní zásady
Tak a to je vše.

    Jarek Mikeš, WebSeller s.r.o.




Děkuji za pozornost.
A nezapomeňte!!

• Vytvoření webové grafiky pro web ISB
• Termín 1. září 2010
• Posílat na: j.mikes@webseller.cz, jan.bindr@optimio.cz
• Musí splňovat zásady grafické ergonomie ISB
• (budou zveřejněny na FB, webseller.cz, optimio.cz)


• Vítězné návrhy budou vybrány na 11. ISB, 2. září. 2010
• Hlasovat budou všichni účastníci ISB!!!
• Vítěz konkurzu získá věčnou slávu a luxusní odměnu.

More Related Content

Similar to Webová ergonomie, Jarek Mikeš, WebSeller s.r.o.

SEO - optimalizace pro vyhledávače
SEO - optimalizace pro vyhledávačeSEO - optimalizace pro vyhledávače
SEO - optimalizace pro vyhledávačeseznamVyvojari
 
Oxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPressOxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPressAleš Sýkora
 
SEO ve světě JavaScriptu
SEO ve světě JavaScriptuSEO ve světě JavaScriptu
SEO ve světě JavaScriptuTaste Medio
 
Co by měl UXák vědět o responzivním webdesignu?
Co by měl UXák vědět o responzivním webdesignu?Co by měl UXák vědět o responzivním webdesignu?
Co by měl UXák vědět o responzivním webdesignu?Martin Michálek
 
SEO analýza konkurence - SEO restart 2018 (Milan Fiala)
SEO analýza konkurence - SEO restart 2018 (Milan Fiala)SEO analýza konkurence - SEO restart 2018 (Milan Fiala)
SEO analýza konkurence - SEO restart 2018 (Milan Fiala)Milan Fiala
 
Analýza konkurence pro začátečníky i SEO guru (Milan Fiala)
Analýza konkurence pro začátečníky i SEO guru (Milan Fiala)Analýza konkurence pro začátečníky i SEO guru (Milan Fiala)
Analýza konkurence pro začátečníky i SEO guru (Milan Fiala)Taste Medio
 
7 věcí, na které si dát pozor při výběrovém řízení na SEO agenturu | RobertNe...
7 věcí, na které si dát pozor při výběrovém řízení na SEO agenturu | RobertNe...7 věcí, na které si dát pozor při výběrovém řízení na SEO agenturu | RobertNe...
7 věcí, na které si dát pozor při výběrovém řízení na SEO agenturu | RobertNe...RobertNemec.com
 
Hobby Developer 3.0: Tipy a triky pro web
Hobby Developer 3.0: Tipy a triky pro webHobby Developer 3.0: Tipy a triky pro web
Hobby Developer 3.0: Tipy a triky pro webTomáš Muchka
 
Přepisujeme český internet - Pavel Ungr
Přepisujeme český internet - Pavel UngrPřepisujeme český internet - Pavel Ungr
Přepisujeme český internet - Pavel UngrH1.cz
 
Webová prezentace - case study - DHL Express (Slovakia)
Webová prezentace - case study - DHL Express (Slovakia)Webová prezentace - case study - DHL Express (Slovakia)
Webová prezentace - case study - DHL Express (Slovakia)Sun Marketing
 
Webová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris ConsultantsWebová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris ConsultantsSun Marketing
 
Webová prezentace - case study - Ibis interiér
Webová prezentace - case study - Ibis interiérWebová prezentace - case study - Ibis interiér
Webová prezentace - case study - Ibis interiérSun Marketing
 
Jak navrhnout úspěšný web
Jak navrhnout úspěšný webJak navrhnout úspěšný web
Jak navrhnout úspěšný webAdVisio.cz
 
6+1 největších SEO chyb
6+1 největších SEO chyb 6+1 největších SEO chyb
6+1 největších SEO chyb H1.cz
 
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík
 
SEO Restart 2023: Vojtěch Fiala - Praktické využití AI v SEO pro začátečníky ...
SEO Restart 2023: Vojtěch Fiala - Praktické využití AI v SEO pro začátečníky ...SEO Restart 2023: Vojtěch Fiala - Praktické využití AI v SEO pro začátečníky ...
SEO Restart 2023: Vojtěch Fiala - Praktické využití AI v SEO pro začátečníky ...Taste
 
Pragmatický návrh webu aneb co dělá UX špatně
Pragmatický návrh webu aneb co dělá UX špatněPragmatický návrh webu aneb co dělá UX špatně
Pragmatický návrh webu aneb co dělá UX špatněOptimics s.r.o.
 

Similar to Webová ergonomie, Jarek Mikeš, WebSeller s.r.o. (20)

SEO - optimalizace pro vyhledávače
SEO - optimalizace pro vyhledávačeSEO - optimalizace pro vyhledávače
SEO - optimalizace pro vyhledávače
 
Co znamená SEO dnes
Co znamená SEO dnesCo znamená SEO dnes
Co znamená SEO dnes
 
Oxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPressOxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPress
 
SEO ve světě JavaScriptu
SEO ve světě JavaScriptuSEO ve světě JavaScriptu
SEO ve světě JavaScriptu
 
Co by měl UXák vědět o responzivním webdesignu?
Co by měl UXák vědět o responzivním webdesignu?Co by měl UXák vědět o responzivním webdesignu?
Co by měl UXák vědět o responzivním webdesignu?
 
SEO analýza konkurence - SEO restart 2018 (Milan Fiala)
SEO analýza konkurence - SEO restart 2018 (Milan Fiala)SEO analýza konkurence - SEO restart 2018 (Milan Fiala)
SEO analýza konkurence - SEO restart 2018 (Milan Fiala)
 
Analýza konkurence pro začátečníky i SEO guru (Milan Fiala)
Analýza konkurence pro začátečníky i SEO guru (Milan Fiala)Analýza konkurence pro začátečníky i SEO guru (Milan Fiala)
Analýza konkurence pro začátečníky i SEO guru (Milan Fiala)
 
7 věcí, na které si dát pozor při výběrovém řízení na SEO agenturu | RobertNe...
7 věcí, na které si dát pozor při výběrovém řízení na SEO agenturu | RobertNe...7 věcí, na které si dát pozor při výběrovém řízení na SEO agenturu | RobertNe...
7 věcí, na které si dát pozor při výběrovém řízení na SEO agenturu | RobertNe...
 
Hobby Developer 3.0: Tipy a triky pro web
Hobby Developer 3.0: Tipy a triky pro webHobby Developer 3.0: Tipy a triky pro web
Hobby Developer 3.0: Tipy a triky pro web
 
Přepisujeme český internet - Pavel Ungr
Přepisujeme český internet - Pavel UngrPřepisujeme český internet - Pavel Ungr
Přepisujeme český internet - Pavel Ungr
 
Webová prezentace - case study - DHL Express (Slovakia)
Webová prezentace - case study - DHL Express (Slovakia)Webová prezentace - case study - DHL Express (Slovakia)
Webová prezentace - case study - DHL Express (Slovakia)
 
Webová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris ConsultantsWebová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris Consultants
 
Webová prezentace - case study - Ibis interiér
Webová prezentace - case study - Ibis interiérWebová prezentace - case study - Ibis interiér
Webová prezentace - case study - Ibis interiér
 
Jak navrhnout úspěšný web
Jak navrhnout úspěšný webJak navrhnout úspěšný web
Jak navrhnout úspěšný web
 
6+1 největších SEO chyb
6+1 největších SEO chyb 6+1 největších SEO chyb
6+1 největších SEO chyb
 
Online reklama a marketing - SEO (1.část)
Online reklama a marketing - SEO (1.část)Online reklama a marketing - SEO (1.část)
Online reklama a marketing - SEO (1.část)
 
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
 
SEO Restart 2023: Vojtěch Fiala - Praktické využití AI v SEO pro začátečníky ...
SEO Restart 2023: Vojtěch Fiala - Praktické využití AI v SEO pro začátečníky ...SEO Restart 2023: Vojtěch Fiala - Praktické využití AI v SEO pro začátečníky ...
SEO Restart 2023: Vojtěch Fiala - Praktické využití AI v SEO pro začátečníky ...
 
Pragmatický návrh webu aneb co dělá UX špatně
Pragmatický návrh webu aneb co dělá UX špatněPragmatický návrh webu aneb co dělá UX špatně
Pragmatický návrh webu aneb co dělá UX špatně
 
SEO 2013
SEO 2013SEO 2013
SEO 2013
 

Webová ergonomie, Jarek Mikeš, WebSeller s.r.o.

  • 1. Ergonomie webových projektů Jarek Mikeš, 1.7.2010 „Grafika v síti“
  • 2. 1. Ergonomie? 2. Jaké známe „normy a zásady“? 3. Vytvořme si vlastní „ISB“ seznam zásad! 4. První nástřel: „Zásady grafické ergonomie webových projektů“ 5. Soutěž a výzva 6. Grafické téma na příště: „Vytváříme firemní identitu“ Přehled
  • 3. Vyhlašujeme konkurz • Vytvoření webové grafiky pro web ISB • Termín 1. září 2010 • Musí splňovat zásady grafické ergonomie ISB • (budou zveřejněny na FB, webseller.cz, optimio.cz) • Vítězné návrhy budou vybrány na 11. ISB, 2. září. 2010 • Hlasovat budou všichni účastníci ISB!!! • Vítěz konkurzu získá věčnou slávu a luxusní odměnu.
  • 4. Co je ergonomie webu a čím se řídí?
  • 6. Použitelnost se řídí zásadami, které by měl každý zodpovědný realizátor webového projektu dodržovat.
  • 7. Jaké normy a zásady znáte? Normy a zásady použitelnosti
  • 8. Jaké normy a zásady znáte? Zdroj: w3.org http://www.w3.org/TR/WCAG10/ Normy a zásady použitelnosti
  • 9. Jaké normy a zásady znáte? Zdroj: w3.org Překlad: Google Translator http://www.w3.org/TR/WCAG10/ Normy a zásady použitelnosti
  • 10. Jaké další normy a zásady známe? Normy a zásady použitelnosti
  • 11. Zásady grafické ergonomie webových projektů Vytvořme si vlastní zásady
  • 12. Zásady grafické ergonomie webových projektů Vytvořme si vlastní zásady
  • 13. Zásady grafické ergonomie webových projektů Vytvořme si vlastní zásady
  • 14. Tak a to je vše. Jarek Mikeš, WebSeller s.r.o. Děkuji za pozornost.
  • 15. A nezapomeňte!! • Vytvoření webové grafiky pro web ISB • Termín 1. září 2010 • Posílat na: j.mikes@webseller.cz, jan.bindr@optimio.cz • Musí splňovat zásady grafické ergonomie ISB • (budou zveřejněny na FB, webseller.cz, optimio.cz) • Vítězné návrhy budou vybrány na 11. ISB, 2. září. 2010 • Hlasovat budou všichni účastníci ISB!!! • Vítěz konkurzu získá věčnou slávu a luxusní odměnu.