SlideShare una empresa de Scribd logo

Das Web besteht nicht (nur) aus Pixeln

•
•
Eric Eggert
Eric Eggert
TecnologíaNoticias y política
1 de 48
Descargar para leer sin conexión
Das Internet besteht nicht (nur) aus Pixeln Eric Eggert // @yatil // yatil.de
Viele Grafikdesigner definieren sich durch Tools
Aber: Die meisten Webseiten drehen sich nicht um Design
Sondern: Um Inhalte
Sondern: Um Inhalte
Niemand weiß wie eine Webseite wahrgenommen wird
21×29cm
x
x
x
x
x
x
x
Widescreen
Screenreader
Vergrößerungs- software
iPhone
Blackberry
Grundregeln für gut benutzbare Webseiten
Unterstreiche Links
Unterstreiche Links
Unter- streiche Links
Kontrast!!
Guter Quelltext Sinnvolle Elemente Überschriftenstruktur Sprunglinks Microformats
Danke! Web: yatil.de Twitter: @yatil Facebook: yatil.de/x/fb XING: yatil.de/x/xing

Recomendados

Hotel barra negra abajo 1
Hotel barra negra abajo 1Hotel barra negra abajo 1
Hotel barra negra abajo 1Alejandra Rios
 
Software libre
Software libreSoftware libre
Software librederly liliana
 
Paolachable ada tres
Paolachable ada tresPaolachable ada tres
Paolachable ada tresPaolachable
 
Catalogo
CatalogoCatalogo
Catalogojoiner torres
 
Las ciencias naturales y la ayuda de las tics en escuela rural mixta la paz b...
Las ciencias naturales y la ayuda de las tics en escuela rural mixta la paz b...Las ciencias naturales y la ayuda de las tics en escuela rural mixta la paz b...
Las ciencias naturales y la ayuda de las tics en escuela rural mixta la paz b...proyecto2013cpe
 
PROYECTO TELEMÁTICO ATLAS DE LA DIVERSIDAD
PROYECTO TELEMÁTICO ATLAS DE LA DIVERSIDADPROYECTO TELEMÁTICO ATLAS DE LA DIVERSIDAD
PROYECTO TELEMÁTICO ATLAS DE LA DIVERSIDADclaueliza
 
Proyecto alvaro terminado
Proyecto alvaro terminadoProyecto alvaro terminado
Proyecto alvaro terminadoproyecto2013cpe
 
Vortrag gabal social media werkstatt einführung prof. dr. bernecker
Vortrag gabal social media werkstatt einführung prof. dr. berneckerVortrag gabal social media werkstatt einführung prof. dr. bernecker
Vortrag gabal social media werkstatt einführung prof. dr. berneckerDIM Marketing
 

Recomendados

Hotel barra negra abajo 1
Hotel barra negra abajo 1Hotel barra negra abajo 1
Hotel barra negra abajo 1Alejandra Rios
 
Software libre
Software libreSoftware libre
Software librederly liliana
 
Paolachable ada tres
Paolachable ada tresPaolachable ada tres
Paolachable ada tresPaolachable
 
Catalogo
CatalogoCatalogo
Catalogojoiner torres
 
Las ciencias naturales y la ayuda de las tics en escuela rural mixta la paz b...
Las ciencias naturales y la ayuda de las tics en escuela rural mixta la paz b...Las ciencias naturales y la ayuda de las tics en escuela rural mixta la paz b...
Las ciencias naturales y la ayuda de las tics en escuela rural mixta la paz b...proyecto2013cpe
 
PROYECTO TELEMÁTICO ATLAS DE LA DIVERSIDAD
PROYECTO TELEMÁTICO ATLAS DE LA DIVERSIDADPROYECTO TELEMÁTICO ATLAS DE LA DIVERSIDAD
PROYECTO TELEMÁTICO ATLAS DE LA DIVERSIDADclaueliza
 
Proyecto alvaro terminado
Proyecto alvaro terminadoProyecto alvaro terminado
Proyecto alvaro terminadoproyecto2013cpe
 
Vortrag gabal social media werkstatt einführung prof. dr. bernecker
Vortrag gabal social media werkstatt einführung prof. dr. berneckerVortrag gabal social media werkstatt einführung prof. dr. bernecker
Vortrag gabal social media werkstatt einführung prof. dr. berneckerDIM Marketing
 
Irbert
IrbertIrbert
Irbertirodriguezurbaneja
 
Disco móvil
Disco móvilDisco móvil
Disco móvilFeer Pv
 
banco de archivos vanessa espinosa arango
banco de archivos vanessa espinosa arangobanco de archivos vanessa espinosa arango
banco de archivos vanessa espinosa arangooncedosgrj2014
 
Social Software – Status Quo Im Web 2.0
Social Software – Status Quo Im Web 2.0 Social Software – Status Quo Im Web 2.0
Social Software – Status Quo Im Web 2.0 SebStS1
 
Actividad normas APA
Actividad normas APAActividad normas APA
Actividad normas APAmarialejandrapuerto
 
Proyecto de informatica
Proyecto de informaticaProyecto de informatica
Proyecto de informaticaKrlos Andrey Suárez Rodriguez
 
Social Media für Einzelpersonenunternehmen
Social Media für EinzelpersonenunternehmenSocial Media für Einzelpersonenunternehmen
Social Media für EinzelpersonenunternehmenKOHLFÜRST Online Marketing Beratung
 
procesos del diseño
procesos del diseñoprocesos del diseño
procesos del diseñoJessy Carhuachin
 
Augenlasern in der Türkei
Augenlasern in der TürkeiAugenlasern in der Türkei
Augenlasern in der TürkeiMedicus Reisen
 
E learning presentation
E learning presentationE learning presentation
E learning presentationMaRamin
 
Suchmaschinen Optimierung und Eintrag für Malermeisterbetriebe
Suchmaschinen Optimierung und Eintrag für MalermeisterbetriebeSuchmaschinen Optimierung und Eintrag für Malermeisterbetriebe
Suchmaschinen Optimierung und Eintrag für MalermeisterbetriebeKOHLFÜRST Online Marketing Beratung
 
Presentación1
Presentación1Presentación1
Presentación1LupitaNu16
 
Temario estrategias
Temario estrategiasTemario estrategias
Temario estrategiaseduardogb95
 
Taller manuel n° 4
Taller manuel n° 4Taller manuel n° 4
Taller manuel n° 4Leila Gaviria
 
Projektorganisation "Freie Fahrt ins Internet" 2012
Projektorganisation "Freie Fahrt ins Internet" 2012Projektorganisation "Freie Fahrt ins Internet" 2012
Projektorganisation "Freie Fahrt ins Internet" 2012alfons buehlmann
 
Whs
WhsWhs
Whsguestd148f8
 
arte sigloXX
arte sigloXXarte sigloXX
arte sigloXXjosecande99
 
Como desarrollar el espíritu emprendedor
Como desarrollar el espíritu emprendedorComo desarrollar el espíritu emprendedor
Como desarrollar el espíritu emprendedorMiguel Angel Saldarriaga Romero
 
Portafolio u4 (1)
Portafolio u4 (1)Portafolio u4 (1)
Portafolio u4 (1)PAGOS8585
 
ARIA Serious
ARIA SeriousARIA Serious
ARIA SeriousEric Eggert
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?Eric Eggert
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?Eric Eggert
 

Más contenido relacionado

Destacado

Disco móvil
Disco móvilDisco móvil
Disco móvilFeer Pv
 
banco de archivos vanessa espinosa arango
banco de archivos vanessa espinosa arangobanco de archivos vanessa espinosa arango
banco de archivos vanessa espinosa arangooncedosgrj2014
 
Social Software – Status Quo Im Web 2.0
Social Software – Status Quo Im Web 2.0 Social Software – Status Quo Im Web 2.0
Social Software – Status Quo Im Web 2.0 SebStS1
 
Augenlasern in der Türkei
Augenlasern in der TürkeiAugenlasern in der Türkei
Augenlasern in der TürkeiMedicus Reisen
 
E learning presentation
E learning presentationE learning presentation
E learning presentationMaRamin
 
Presentación1
Presentación1Presentación1
Presentación1LupitaNu16
 
Temario estrategias
Temario estrategiasTemario estrategias
Temario estrategiaseduardogb95
 
Projektorganisation "Freie Fahrt ins Internet" 2012
Projektorganisation "Freie Fahrt ins Internet" 2012Projektorganisation "Freie Fahrt ins Internet" 2012
Projektorganisation "Freie Fahrt ins Internet" 2012alfons buehlmann
 
Portafolio u4 (1)
Portafolio u4 (1)Portafolio u4 (1)
Portafolio u4 (1)PAGOS8585
 

Destacado (19)

Irbert
IrbertIrbert
Irbert
 
Disco móvil
Disco móvilDisco móvil
Disco móvil
 
banco de archivos vanessa espinosa arango
banco de archivos vanessa espinosa arangobanco de archivos vanessa espinosa arango
banco de archivos vanessa espinosa arango
 
Social Software – Status Quo Im Web 2.0
Social Software – Status Quo Im Web 2.0 Social Software – Status Quo Im Web 2.0
Social Software – Status Quo Im Web 2.0
 
Actividad normas APA
Actividad normas APAActividad normas APA
Actividad normas APA
 
Proyecto de informatica
Proyecto de informaticaProyecto de informatica
Proyecto de informatica
 
Social Media für Einzelpersonenunternehmen
Social Media für EinzelpersonenunternehmenSocial Media für Einzelpersonenunternehmen
Social Media für Einzelpersonenunternehmen
 
procesos del diseño
procesos del diseñoprocesos del diseño
procesos del diseño
 
Augenlasern in der Türkei
Augenlasern in der TürkeiAugenlasern in der Türkei
Augenlasern in der Türkei
 
E learning presentation
E learning presentationE learning presentation
E learning presentation
 
Suchmaschinen Optimierung und Eintrag für Malermeisterbetriebe
Suchmaschinen Optimierung und Eintrag für MalermeisterbetriebeSuchmaschinen Optimierung und Eintrag für Malermeisterbetriebe
Suchmaschinen Optimierung und Eintrag für Malermeisterbetriebe
 
Presentación1
Presentación1Presentación1
Presentación1
 
Temario estrategias
Temario estrategiasTemario estrategias
Temario estrategias
 
Taller manuel n° 4
Taller manuel n° 4Taller manuel n° 4
Taller manuel n° 4
 
Projektorganisation "Freie Fahrt ins Internet" 2012
Projektorganisation "Freie Fahrt ins Internet" 2012Projektorganisation "Freie Fahrt ins Internet" 2012
Projektorganisation "Freie Fahrt ins Internet" 2012
 
Whs
WhsWhs
Whs
 
arte sigloXX
arte sigloXXarte sigloXX
arte sigloXX
 
Como desarrollar el espíritu emprendedor
Como desarrollar el espíritu emprendedorComo desarrollar el espíritu emprendedor
Como desarrollar el espíritu emprendedor
 
Portafolio u4 (1)
Portafolio u4 (1)Portafolio u4 (1)
Portafolio u4 (1)
 

Más de Eric Eggert

DrupalCamp Vienna 2015
DrupalCamp Vienna 2015DrupalCamp Vienna 2015
DrupalCamp Vienna 2015Eric Eggert
 
How to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazyHow to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazyEric Eggert
 
Github introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWGGithub introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWGEric Eggert
 
Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0Eric Eggert
 
How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15Eric Eggert
 
New developments in Web Accessibility
New developments in Web AccessibilityNew developments in Web Accessibility
New developments in Web AccessibilityEric Eggert
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Eric Eggert
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Eric Eggert
 
Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)Eric Eggert
 
Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)Eric Eggert
 
How I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with NotesHow I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with NotesEric Eggert
 
How I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notesHow I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notesEric Eggert
 
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...Eric Eggert
 
Fronteers Jam Session: Principles of Accessible Web Design
Fronteers Jam Session: Principles of Accessible Web DesignFronteers Jam Session: Principles of Accessible Web Design
Fronteers Jam Session: Principles of Accessible Web DesignEric Eggert
 
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01Eric Eggert
 
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...Eric Eggert
 
Webtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetztWebtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetztEric Eggert
 

Más de Eric Eggert (20)

ARIA Serious
ARIA SeriousARIA Serious
ARIA Serious
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?
 
What is EOWG?
What is EOWG?What is EOWG?
What is EOWG?
 
DrupalCamp Vienna 2015
DrupalCamp Vienna 2015DrupalCamp Vienna 2015
DrupalCamp Vienna 2015
 
How to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazyHow to improve your website’s accessibility without going crazy
How to improve your website’s accessibility without going crazy
 
Github introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWGGithub introduction for W3C WCAG WG and EOWG
Github introduction for W3C WCAG WG and EOWG
 
Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0Neue Infos rund um WCAG 2.0
Neue Infos rund um WCAG 2.0
 
How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15How to Learn about accessibility without going crazy #fronteers15
How to Learn about accessibility without going crazy #fronteers15
 
New developments in Web Accessibility
New developments in Web AccessibilityNew developments in Web Accessibility
New developments in Web Accessibility
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)
 
Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)Internet-Geschichte und Webtechnologie (Historisches Dokument)
Internet-Geschichte und Webtechnologie (Historisches Dokument)
 
Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)Fehler im Webdesign (Historisches Dokument)
Fehler im Webdesign (Historisches Dokument)
 
How I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with NotesHow I stopped worrying and learned to love with defaults – with Notes
How I stopped worrying and learned to love with defaults – with Notes
 
How I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notesHow I stopped worrying and learned to love with defaults — Without notes
How I stopped worrying and learned to love with defaults — Without notes
 
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
Neue aufregende Web Technologien, HTML5 + CSS3 anhand von Praxisbeispielen le...
 
Fronteers Jam Session: Principles of Accessible Web Design
Fronteers Jam Session: Principles of Accessible Web DesignFronteers Jam Session: Principles of Accessible Web Design
Fronteers Jam Session: Principles of Accessible Web Design
 
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
Accessibility 101 @ Webmontag Frankfurt Ignite, 2010-03-01
 
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
Webmontag Frankfurt 18.01.2010 — Beyond Borders and Boxes – Fortgeschrittene ...
 
Webtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetztWebtech ’09 – Die Zukunft des Webs beginnt jetzt
Webtech ’09 – Die Zukunft des Webs beginnt jetzt
 

Das Web besteht nicht (nur) aus Pixeln