SlideShare ist ein Scribd-Unternehmen logo
1 von 59
Downloaden Sie, um offline zu lesen
Mediengerechtes
Webdesign
Denkanstöße von Gerrit van Aaken
5.6.2010 / TypograVieh, Weimar
praegnanz.de
beides.
Designer oder
Entwickler?
Mediengerechtigkeit
Was ist’s?
Browser sind nicht
aus Papier
So klein ...
... oder so groß!
... besser als Papier!
http://www.flickr.com/photos/urbaning/CC BY-ND
Haptik
Leitwerte
Flexibilität
Flexibilität
Trennung von Inhalt
und Layout
ePub ≈ HTML
Kontrollverlust
Kontrollverlust
Unsicherheits-
faktoren
• Breite des Browserfensters
• Höhe des Browserfensters
(Der Falz-Mythos)
• Eingestellte Schriftgröße
• Farbschema
• Vorhandene Schriften
• Schriftglättung
• Plugins
Ent
macht
ung?
Machtwechsel
• User erhalten mehr Macht über die
Darstellung des Inhalts.
• Designer geben nur noch Vorschläge
bzw. Gestaltungskorridore vor.
• Das ist eine gute Sache.
Das geht
gar nicht
(mehr):
http://www.flickr.com/photos/justinandelise/
CC BY-ND
Full Flash
Warum kein
Fullflash?
• keine echten Permalinks
• Inhalte nicht verarbeitbar/anpassbar
• Performanceschwäche
• kein mobiler Einsatz
Postkarten
Warum keine
Postkarten?
• Seitenscrolling ist okay (echt jetzt.)
• Kästchenscrolling ist scheiße.
• Scrollen ist einfacher als Klicken
Winz-
schriften
Warum keine
Winzschriften?
• Nicht alle kennen die
Vergrößerungsfunktion
• Seitenzoom ist (manchmal) scheiße
• Schriftglättung kann nicht
vorausgesetzt werden
Inverse Schrift
Explorative Navigation
Spielverderber!
Webdesign ist nicht
zum Spaß.
Aber es gibt Hoffnung!
Trend #1:
Kraftvoll überzeugen!
Trend #2:
Kreativer
Minimalismus
Trend #3:
Content fucks design
Trend #4:
Desktop/Web-Hybriden
Trend #5:
Magazin
Alles erlaubt!
… solange Usability und
Mediengerechtigkeit gesichert sind.
Vielen
Dank!

Weitere ähnliche Inhalte

Andere mochten auch

Qualitätssicherung in ADF Projekten der IKB Deutschen Industriebank AG
Qualitätssicherung in ADF Projekten der IKB Deutschen Industriebank AGQualitätssicherung in ADF Projekten der IKB Deutschen Industriebank AG
Qualitätssicherung in ADF Projekten der IKB Deutschen Industriebank AGTorsten Kleiber
 
Animalices
AnimalicesAnimalices
Animalicesalex
 
Kapazitätseffekte von E-Learning.
Kapazitätseffekte von E-Learning.Kapazitätseffekte von E-Learning.
Kapazitätseffekte von E-Learning.e-teaching.org
 
Medienmanagerinnen und Medienmanager in Deutschland - Projektbericht
Medienmanagerinnen und Medienmanager in Deutschland - ProjektberichtMedienmanagerinnen und Medienmanager in Deutschland - Projektbericht
Medienmanagerinnen und Medienmanager in Deutschland - ProjektberichtChristopher Buschow
 
Social TV in Deutschland - Synthese der IJK-Expertenbefragung aus dem Jahr 2012
Social TV in Deutschland - Synthese der IJK-Expertenbefragung aus dem Jahr 2012Social TV in Deutschland - Synthese der IJK-Expertenbefragung aus dem Jahr 2012
Social TV in Deutschland - Synthese der IJK-Expertenbefragung aus dem Jahr 2012Christopher Buschow
 
Eröffnungspodium Opco12 - Fragebogen
Eröffnungspodium Opco12 - FragebogenEröffnungspodium Opco12 - Fragebogen
Eröffnungspodium Opco12 - Fragebogene-teaching.org
 
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Prof....
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Prof....Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Prof....
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Prof....e-teaching.org
 
Gingerbread Men
Gingerbread MenGingerbread Men
Gingerbread MenCindy Rolf
 
ditact it summer school 2010 kurzvorstellung
ditact it summer school 2010 kurzvorstellungditact it summer school 2010 kurzvorstellung
ditact it summer school 2010 kurzvorstellungBrigitte Jellinek
 
Strategische Institutionalisierung als Wertbeitrag für Medienunternehmungen -...
Strategische Institutionalisierung als Wertbeitrag für Medienunternehmungen -...Strategische Institutionalisierung als Wertbeitrag für Medienunternehmungen -...
Strategische Institutionalisierung als Wertbeitrag für Medienunternehmungen -...Christopher Buschow
 
Sonderbeilage Berliner Zeitung Festival of Lights
Sonderbeilage Berliner Zeitung Festival of LightsSonderbeilage Berliner Zeitung Festival of Lights
Sonderbeilage Berliner Zeitung Festival of LightsChristian Oblasser
 
Medienkompetenz und Wikipedia an Hochschulen.
Medienkompetenz und Wikipedia an Hochschulen.Medienkompetenz und Wikipedia an Hochschulen.
Medienkompetenz und Wikipedia an Hochschulen.e-teaching.org
 
Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un...
Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un...Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un...
Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un...Christoph Schlachte
 
E-Prüfungs-Szenarien: Im Klausurraum, mit Prüfungslaptop und am eigenen Lapto...
E-Prüfungs-Szenarien: Im Klausurraum, mit Prüfungslaptop und am eigenen Lapto...E-Prüfungs-Szenarien: Im Klausurraum, mit Prüfungslaptop und am eigenen Lapto...
E-Prüfungs-Szenarien: Im Klausurraum, mit Prüfungslaptop und am eigenen Lapto...e-teaching.org
 
Auto Brand Horst 3 Juli 2008
Auto Brand Horst 3 Juli 2008Auto Brand Horst 3 Juli 2008
Auto Brand Horst 3 Juli 2008mmm112
 
Podium Mathe-Online 2: Folien Anne Rickert
Podium Mathe-Online 2: Folien Anne RickertPodium Mathe-Online 2: Folien Anne Rickert
Podium Mathe-Online 2: Folien Anne Rickerte-teaching.org
 
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...e-teaching.org
 

Andere mochten auch (20)

Qualitätssicherung in ADF Projekten der IKB Deutschen Industriebank AG
Qualitätssicherung in ADF Projekten der IKB Deutschen Industriebank AGQualitätssicherung in ADF Projekten der IKB Deutschen Industriebank AG
Qualitätssicherung in ADF Projekten der IKB Deutschen Industriebank AG
 
Animalices
AnimalicesAnimalices
Animalices
 
Kapazitätseffekte von E-Learning.
Kapazitätseffekte von E-Learning.Kapazitätseffekte von E-Learning.
Kapazitätseffekte von E-Learning.
 
Medienmanagerinnen und Medienmanager in Deutschland - Projektbericht
Medienmanagerinnen und Medienmanager in Deutschland - ProjektberichtMedienmanagerinnen und Medienmanager in Deutschland - Projektbericht
Medienmanagerinnen und Medienmanager in Deutschland - Projektbericht
 
Social TV in Deutschland - Synthese der IJK-Expertenbefragung aus dem Jahr 2012
Social TV in Deutschland - Synthese der IJK-Expertenbefragung aus dem Jahr 2012Social TV in Deutschland - Synthese der IJK-Expertenbefragung aus dem Jahr 2012
Social TV in Deutschland - Synthese der IJK-Expertenbefragung aus dem Jahr 2012
 
Eröffnungspodium Opco12 - Fragebogen
Eröffnungspodium Opco12 - FragebogenEröffnungspodium Opco12 - Fragebogen
Eröffnungspodium Opco12 - Fragebogen
 
Schlachte coaching-tools-iii
Schlachte coaching-tools-iiiSchlachte coaching-tools-iii
Schlachte coaching-tools-iii
 
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Prof....
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Prof....Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Prof....
Mobiles Lernen” - ein Überblick über Szenarien und Technologien (Folien Prof....
 
Gingerbread Men
Gingerbread MenGingerbread Men
Gingerbread Men
 
ditact it summer school 2010 kurzvorstellung
ditact it summer school 2010 kurzvorstellungditact it summer school 2010 kurzvorstellung
ditact it summer school 2010 kurzvorstellung
 
Strategische Institutionalisierung als Wertbeitrag für Medienunternehmungen -...
Strategische Institutionalisierung als Wertbeitrag für Medienunternehmungen -...Strategische Institutionalisierung als Wertbeitrag für Medienunternehmungen -...
Strategische Institutionalisierung als Wertbeitrag für Medienunternehmungen -...
 
Sonderbeilage Berliner Zeitung Festival of Lights
Sonderbeilage Berliner Zeitung Festival of LightsSonderbeilage Berliner Zeitung Festival of Lights
Sonderbeilage Berliner Zeitung Festival of Lights
 
Georg (saksakeelne)
Georg  (saksakeelne)Georg  (saksakeelne)
Georg (saksakeelne)
 
Medienkompetenz und Wikipedia an Hochschulen.
Medienkompetenz und Wikipedia an Hochschulen.Medienkompetenz und Wikipedia an Hochschulen.
Medienkompetenz und Wikipedia an Hochschulen.
 
Green Meetings - How?
Green Meetings - How?Green Meetings - How?
Green Meetings - How?
 
Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un...
Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un...Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un...
Wenn es zu komplex wird im Coaching – über den Gebrauch von Werkzeugen zur Un...
 
E-Prüfungs-Szenarien: Im Klausurraum, mit Prüfungslaptop und am eigenen Lapto...
E-Prüfungs-Szenarien: Im Klausurraum, mit Prüfungslaptop und am eigenen Lapto...E-Prüfungs-Szenarien: Im Klausurraum, mit Prüfungslaptop und am eigenen Lapto...
E-Prüfungs-Szenarien: Im Klausurraum, mit Prüfungslaptop und am eigenen Lapto...
 
Auto Brand Horst 3 Juli 2008
Auto Brand Horst 3 Juli 2008Auto Brand Horst 3 Juli 2008
Auto Brand Horst 3 Juli 2008
 
Podium Mathe-Online 2: Folien Anne Rickert
Podium Mathe-Online 2: Folien Anne RickertPodium Mathe-Online 2: Folien Anne Rickert
Podium Mathe-Online 2: Folien Anne Rickert
 
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...
 

Ähnlich wie Mediengerechtes Webdesign

Creasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der ZukunftCreasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der ZukunftCreasoft AG
 
Web Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionWeb Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionBjörn Wilmsmann
 
20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel
20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel
20140703 Display & Video Reloaded mit HTML 5 adbalancer HantschelWerbeplanung.at Summit
 
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Andreas Wissel
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDConny Stier
 
Browserstrategien und Progressive Enhancement
Browserstrategien und Progressive EnhancementBrowserstrategien und Progressive Enhancement
Browserstrategien und Progressive EnhancementAperto Nachname
 
Echte Lösungen, keine Tricks
Echte Lösungen, keine TricksEchte Lösungen, keine Tricks
Echte Lösungen, keine TricksJens Grochtdreis
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Eric Eggert
 
Hightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenHightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenPeter Rozek
 
Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010SharepointUGDD
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden BlendMartin Hey
 
Plone im Kontext des WCMS Marktes
Plone im Kontext des WCMS MarktesPlone im Kontext des WCMS Marktes
Plone im Kontext des WCMS MarktesAlexander Loechel
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Stephan Hamberger
 
Webseiten sind keine Gemälde
Webseiten sind keine GemäldeWebseiten sind keine Gemälde
Webseiten sind keine GemäldeJens Grochtdreis
 
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...Stefan Seifarth
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Eric Eggert
 
Digitale Revolution fuer Verlage und lineare Medien
Digitale Revolution fuer Verlage und lineare MedienDigitale Revolution fuer Verlage und lineare Medien
Digitale Revolution fuer Verlage und lineare Medienneveroff.net
 

Ähnlich wie Mediengerechtes Webdesign (20)

Creasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der ZukunftCreasoft c-Day 2009 - Webtechnologien der Zukunft
Creasoft c-Day 2009 - Webtechnologien der Zukunft
 
Web Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionWeb Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und Interaktion
 
20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel
20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel
20140703 Display & Video Reloaded mit HTML 5 adbalancer Hantschel
 
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
Robuste Design Systems mit Storybook und Angular: vom Konzept zur lebendigen ...
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
 
Browserstrategien und Progressive Enhancement
Browserstrategien und Progressive EnhancementBrowserstrategien und Progressive Enhancement
Browserstrategien und Progressive Enhancement
 
HTML5-Features
HTML5-FeaturesHTML5-Features
HTML5-Features
 
Echte Lösungen, keine Tricks
Echte Lösungen, keine TricksEchte Lösungen, keine Tricks
Echte Lösungen, keine Tricks
 
Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)Vorteile von Webstandards (Historisches Dokument)
Vorteile von Webstandards (Historisches Dokument)
 
Hightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign TestenHightway to Hell - Responsive Webdesign Testen
Hightway to Hell - Responsive Webdesign Testen
 
GUIs mit Expression Blend
GUIs mit Expression BlendGUIs mit Expression Blend
GUIs mit Expression Blend
 
Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden Blend
 
Plone im Kontext des WCMS Marktes
Plone im Kontext des WCMS MarktesPlone im Kontext des WCMS Marktes
Plone im Kontext des WCMS Marktes
 
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
Netd@ys 08/09 Workshop - "Von der kreativen Idee zum innovativen Projekt"
 
Barrierefreiheit
BarrierefreiheitBarrierefreiheit
Barrierefreiheit
 
Webseiten sind keine Gemälde
Webseiten sind keine GemäldeWebseiten sind keine Gemälde
Webseiten sind keine Gemälde
 
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
Morning Session: Qualitätskriterien für erfolgreiche Websites - für "Nicht-Te...
 
Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)Internet und Webdesign (Historisches Dokument)
Internet und Webdesign (Historisches Dokument)
 
Digitale Revolution fuer Verlage und lineare Medien
Digitale Revolution fuer Verlage und lineare MedienDigitale Revolution fuer Verlage und lineare Medien
Digitale Revolution fuer Verlage und lineare Medien
 

Mehr von Gerrit van Aaken

Mehr von Gerrit van Aaken (8)

11designer
11designer11designer
11designer
 
Web-Branding in der Usability-Diktatur
Web-Branding in der Usability-DiktaturWeb-Branding in der Usability-Diktatur
Web-Branding in der Usability-Diktatur
 
Webfonts in the wild
Webfonts in the wildWebfonts in the wild
Webfonts in the wild
 
Webfonts im Jahr 2010
Webfonts im Jahr 2010Webfonts im Jahr 2010
Webfonts im Jahr 2010
 
Videotechnik im web
Videotechnik im webVideotechnik im web
Videotechnik im web
 
Die 7 Todsünden des Blogdesign
Die 7 Todsünden des BlogdesignDie 7 Todsünden des Blogdesign
Die 7 Todsünden des Blogdesign
 
Design im Immer- und Ueberall-Web
Design im Immer- und Ueberall-WebDesign im Immer- und Ueberall-Web
Design im Immer- und Ueberall-Web
 
(Web ) Typography
(Web ) Typography(Web ) Typography
(Web ) Typography
 

Mediengerechtes Webdesign