SlideShare a Scribd company logo
1 of 25
Tipográfia és használhatóság
          Tipográfia a weben @ Frontend Meetup


                                 Kulcsár Zsolt
EREDETI ÁLLAPOT
EREDETI ÁLLAPOT




                  1. Struktúra és navigáció
EREDETI ÁLLAPOT




                          2. Oldalfelépítés

                  1. Struktúra és navigáció
EREDETI ÁLLAPOT




                       3. Eseménykezelés

                          2. Oldalfelépítés

                  1. Struktúra és navigáció
EREDETI ÁLLAPOT




                  4. Összetett adatok megjelenítése

                                3. Eseménykezelés

                                   2. Oldalfelépítés

                          1. Struktúra és navigáció
EREDETI ÁLLAPOT




                    5. Beviteli kontrollok és űrlapok

                  4. Összetett adatok megjelenítése

                                 3. Eseménykezelés

                                    2. Oldalfelépítés

                           1. Struktúra és navigáció
EREDETI ÁLLAPOT




                               6. Tipográ a, arculat

                    5. Beviteli kontrollok és űrlapok

                  4. Összetett adatok megjelenítése

                                 3. Eseménykezelés

                                    2. Oldalfelépítés

                           1. Struktúra és navigáció
PROBLÉMÁS RÉSZ




                              6. Tipográ a, arculat

                   5. Beviteli kontrollok és űrlapok

                 4. Összetett adatok megjelenítése

                                3. Eseménykezelés

                                   2. Oldalfelépítés

                          1. Struktúra és navigáció
A kontraszt szabálya

        5:1
    WCAG 2.0, 1.4.3
A fontválasztás ethosza
The Effect of Website Typeface
      Appropriateness
    on the Perception of a
      Company's Ethos
                      Down Shaikh

   Usability News, June 2007, Volume 9, Issue 2
            http://www.surl.org/usabilitynews/92/POF.asp
Calibri



Courier New



       Curlz
professzionális cég


2
       Calibri
1


0                      Courier New

-1
                                       Curlz
-2

       hiteles        semleges       hiteltelen
Courier New
Courier New




      Calibri
Courier New




      Calibri




  Myriad Pro
REDESIGN UTÁNI ÁLLAPOT
Támogató:

More Related Content

Viewers also liked

ITT - Tech CNS Captstone Project
ITT - Tech CNS Captstone ProjectITT - Tech CNS Captstone Project
ITT - Tech CNS Captstone Projectvegasgirl1
 
Business Case for Green Buildings
Business Case for Green Buildings Business Case for Green Buildings
Business Case for Green Buildings Ibrahim Al-Hudhaif
 
Pangeran diponegoro_SMAN 1 KEJAYAN KAB.PASURUAN
Pangeran diponegoro_SMAN 1 KEJAYAN KAB.PASURUANPangeran diponegoro_SMAN 1 KEJAYAN KAB.PASURUAN
Pangeran diponegoro_SMAN 1 KEJAYAN KAB.PASURUANIlham Iman
 
Perlawanan rakyat bali,banjar dan tapanuli
Perlawanan rakyat bali,banjar dan tapanuliPerlawanan rakyat bali,banjar dan tapanuli
Perlawanan rakyat bali,banjar dan tapanuliSuratno Ratno Miharjo
 
Soal Bahasa Inggris SMK Kelas 12 Tahun 2015/2016
Soal Bahasa Inggris SMK Kelas 12 Tahun 2015/2016Soal Bahasa Inggris SMK Kelas 12 Tahun 2015/2016
Soal Bahasa Inggris SMK Kelas 12 Tahun 2015/2016Putri ananda
 
Iirs Institutions-Geospatial services in India
Iirs Institutions-Geospatial services in IndiaIirs Institutions-Geospatial services in India
Iirs Institutions-Geospatial services in IndiaTushar Dholakia
 
Ligustrum vulgare Case Study
Ligustrum vulgare Case StudyLigustrum vulgare Case Study
Ligustrum vulgare Case StudyAlison Sells
 

Viewers also liked (8)

ITT - Tech CNS Captstone Project
ITT - Tech CNS Captstone ProjectITT - Tech CNS Captstone Project
ITT - Tech CNS Captstone Project
 
Business Case for Green Buildings
Business Case for Green Buildings Business Case for Green Buildings
Business Case for Green Buildings
 
Pangeran diponegoro_SMAN 1 KEJAYAN KAB.PASURUAN
Pangeran diponegoro_SMAN 1 KEJAYAN KAB.PASURUANPangeran diponegoro_SMAN 1 KEJAYAN KAB.PASURUAN
Pangeran diponegoro_SMAN 1 KEJAYAN KAB.PASURUAN
 
Perlawanan rakyat bali,banjar dan tapanuli
Perlawanan rakyat bali,banjar dan tapanuliPerlawanan rakyat bali,banjar dan tapanuli
Perlawanan rakyat bali,banjar dan tapanuli
 
Soal Bahasa Inggris SMK Kelas 12 Tahun 2015/2016
Soal Bahasa Inggris SMK Kelas 12 Tahun 2015/2016Soal Bahasa Inggris SMK Kelas 12 Tahun 2015/2016
Soal Bahasa Inggris SMK Kelas 12 Tahun 2015/2016
 
Iirs Institutions-Geospatial services in India
Iirs Institutions-Geospatial services in IndiaIirs Institutions-Geospatial services in India
Iirs Institutions-Geospatial services in India
 
Ligustrum vulgare Case Study
Ligustrum vulgare Case StudyLigustrum vulgare Case Study
Ligustrum vulgare Case Study
 
D
DD
D
 

More from Zsolt Kulcsár

Nincs timesheet-a-magam-ura-vagyok
Nincs timesheet-a-magam-ura-vagyokNincs timesheet-a-magam-ura-vagyok
Nincs timesheet-a-magam-ura-vagyokZsolt Kulcsár
 
Mitol konnektivista egy képzés
Mitol konnektivista egy képzésMitol konnektivista egy képzés
Mitol konnektivista egy képzésZsolt Kulcsár
 
Kewlap01 - 3. webinárium
Kewlap01 - 3. webináriumKewlap01 - 3. webinárium
Kewlap01 - 3. webináriumZsolt Kulcsár
 
01 Mi a konnektivizmus
01 Mi a konnektivizmus01 Mi a konnektivizmus
01 Mi a konnektivizmusZsolt Kulcsár
 
A fogalmi társadalom tanuláselmélete
A fogalmi társadalom tanuláselméleteA fogalmi társadalom tanuláselmélete
A fogalmi társadalom tanuláselméleteZsolt Kulcsár
 
Az agy karbantartásának 12 tétele
Az agy karbantartásának 12 tételeAz agy karbantartásának 12 tétele
Az agy karbantartásának 12 tételeZsolt Kulcsár
 
A Negyedik Oktatasparadigma
A Negyedik OktatasparadigmaA Negyedik Oktatasparadigma
A Negyedik OktatasparadigmaZsolt Kulcsár
 
Konnektivizmus a gyakorlatban
Konnektivizmus a gyakorlatbanKonnektivizmus a gyakorlatban
Konnektivizmus a gyakorlatbanZsolt Kulcsár
 
AQAL - A tudat integrál szemlélete
AQAL - A tudat integrál szemléleteAQAL - A tudat integrál szemlélete
AQAL - A tudat integrál szemléleteZsolt Kulcsár
 
Fogalomterkepeszet - Cmap
Fogalomterkepeszet - CmapFogalomterkepeszet - Cmap
Fogalomterkepeszet - CmapZsolt Kulcsár
 
Vallalati kepzesi strategia
Vallalati kepzesi strategiaVallalati kepzesi strategia
Vallalati kepzesi strategiaZsolt Kulcsár
 
Envedelmi Mechanizmusok 2
Envedelmi Mechanizmusok 2Envedelmi Mechanizmusok 2
Envedelmi Mechanizmusok 2Zsolt Kulcsár
 
Envedelmi Mechanizmusok 1
Envedelmi Mechanizmusok 1Envedelmi Mechanizmusok 1
Envedelmi Mechanizmusok 1Zsolt Kulcsár
 
Tartalomkozpontusag az e-learningben
Tartalomkozpontusag az e-learningbenTartalomkozpontusag az e-learningben
Tartalomkozpontusag az e-learningbenZsolt Kulcsár
 
A Boldogsag mint mellekhatas
A Boldogsag mint mellekhatasA Boldogsag mint mellekhatas
A Boldogsag mint mellekhatasZsolt Kulcsár
 

More from Zsolt Kulcsár (20)

Nincs timesheet-a-magam-ura-vagyok
Nincs timesheet-a-magam-ura-vagyokNincs timesheet-a-magam-ura-vagyok
Nincs timesheet-a-magam-ura-vagyok
 
A bizalom képessége
A bizalom képességeA bizalom képessége
A bizalom képessége
 
Mitol konnektivista egy képzés
Mitol konnektivista egy képzésMitol konnektivista egy képzés
Mitol konnektivista egy képzés
 
Kewlap01 - 3. webinárium
Kewlap01 - 3. webináriumKewlap01 - 3. webinárium
Kewlap01 - 3. webinárium
 
Kell egy weblap! #1
Kell egy weblap! #1Kell egy weblap! #1
Kell egy weblap! #1
 
Halozatban tanulni
Halozatban tanulniHalozatban tanulni
Halozatban tanulni
 
01 Mi a konnektivizmus
01 Mi a konnektivizmus01 Mi a konnektivizmus
01 Mi a konnektivizmus
 
A fogalmi társadalom tanuláselmélete
A fogalmi társadalom tanuláselméleteA fogalmi társadalom tanuláselmélete
A fogalmi társadalom tanuláselmélete
 
Az agy karbantartásának 12 tétele
Az agy karbantartásának 12 tételeAz agy karbantartásának 12 tétele
Az agy karbantartásának 12 tétele
 
A Negyedik Oktatasparadigma
A Negyedik OktatasparadigmaA Negyedik Oktatasparadigma
A Negyedik Oktatasparadigma
 
preZENtáció
preZENtációpreZENtáció
preZENtáció
 
Konnektivizmus a gyakorlatban
Konnektivizmus a gyakorlatbanKonnektivizmus a gyakorlatban
Konnektivizmus a gyakorlatban
 
AQAL - A tudat integrál szemlélete
AQAL - A tudat integrál szemléleteAQAL - A tudat integrál szemlélete
AQAL - A tudat integrál szemlélete
 
Fogalomterkepeszet - Cmap
Fogalomterkepeszet - CmapFogalomterkepeszet - Cmap
Fogalomterkepeszet - Cmap
 
Vallalati kepzesi strategia
Vallalati kepzesi strategiaVallalati kepzesi strategia
Vallalati kepzesi strategia
 
Envedelmi Mechanizmusok 2
Envedelmi Mechanizmusok 2Envedelmi Mechanizmusok 2
Envedelmi Mechanizmusok 2
 
Envedelmi Mechanizmusok 1
Envedelmi Mechanizmusok 1Envedelmi Mechanizmusok 1
Envedelmi Mechanizmusok 1
 
Digitalis Tanulas
Digitalis TanulasDigitalis Tanulas
Digitalis Tanulas
 
Tartalomkozpontusag az e-learningben
Tartalomkozpontusag az e-learningbenTartalomkozpontusag az e-learningben
Tartalomkozpontusag az e-learningben
 
A Boldogsag mint mellekhatas
A Boldogsag mint mellekhatasA Boldogsag mint mellekhatas
A Boldogsag mint mellekhatas
 

Tipográfia és használhatóság

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n