mediengerechtes webdesign

59
Mediengerechtes Webdesign Denkanstöße von Gerrit van Aaken 5.6.2010 / TypograVieh, Weimar

Upload: gerrit-van-aaken

Post on 18-May-2015

836 views

Category:

Documents


0 download

DESCRIPTION

TypograVieh, Weimar, 5.6.2010

TRANSCRIPT

Page 1: Mediengerechtes Webdesign

Mediengerechtes Webdesign

Denkanstöße von Gerrit van Aaken5.6.2010 / TypograVieh, Weimar

Page 2: Mediengerechtes Webdesign

praegnanz.de

Page 3: Mediengerechtes Webdesign

beides.

Designer oder Entwickler?

Page 4: Mediengerechtes Webdesign

MediengerechtigkeitWas ist’s?

Page 5: Mediengerechtes Webdesign

Browser sind nicht aus Papier

So klein ...

Page 6: Mediengerechtes Webdesign

... oder so groß!

Page 7: Mediengerechtes Webdesign
Page 9: Mediengerechtes Webdesign

Haptik

Leitwerte

Flexibilität

Page 10: Mediengerechtes Webdesign

Flexibilität

Page 11: Mediengerechtes Webdesign

Trennung von Inhalt und Layout

Page 12: Mediengerechtes Webdesign

ePub ≈ HTML

Page 13: Mediengerechtes Webdesign

Kontrollverlust

Page 14: Mediengerechtes Webdesign

Kontrollverlust

Page 15: Mediengerechtes Webdesign
Page 16: Mediengerechtes Webdesign
Page 17: Mediengerechtes Webdesign

Unsicherheits-faktoren

• Breite des Browserfensters

• Höhe des Browserfensters (Der Falz-Mythos)

• Eingestellte Schriftgröße

• Farbschema

• Vorhandene Schriften

• Schriftglättung

• Plugins

Page 18: Mediengerechtes Webdesign

Entmachtung?

Page 19: Mediengerechtes Webdesign

Machtwechsel

• User erhalten mehr Macht über die Darstellung des Inhalts.

• Designer geben nur noch Vorschläge bzw. Gestaltungskorridore vor.

• Das ist eine gute Sache.

Page 21: Mediengerechtes Webdesign

Full Flash

Page 22: Mediengerechtes Webdesign

Warum kein Fullflash?

• keine echten Permalinks

• Inhalte nicht verarbeitbar/anpassbar

• Performanceschwäche

• kein mobiler Einsatz

Page 23: Mediengerechtes Webdesign

Postkarten

Page 24: Mediengerechtes Webdesign

Warum keine Postkarten?

• Seitenscrolling ist okay (echt jetzt.)

• Kästchenscrolling ist scheiße.

• Scrollen ist einfacher als Klicken

Page 25: Mediengerechtes Webdesign

Winz-schriften

Page 26: Mediengerechtes Webdesign

Warum keine Winzschriften?

• Nicht alle kennen die Vergrößerungsfunktion

• Seitenzoom ist (manchmal) scheiße

• Schriftglättung kann nicht vorausgesetzt werden

Page 27: Mediengerechtes Webdesign

Inverse Schrift

Page 28: Mediengerechtes Webdesign

Explorative Navigation

Page 29: Mediengerechtes Webdesign

Spielverderber!

Page 30: Mediengerechtes Webdesign

Webdesign ist nicht zum Spaß.Aber es gibt Hoffnung!

Page 31: Mediengerechtes Webdesign

Trend #1:Kraftvoll überzeugen!

Page 32: Mediengerechtes Webdesign
Page 33: Mediengerechtes Webdesign
Page 34: Mediengerechtes Webdesign
Page 35: Mediengerechtes Webdesign
Page 36: Mediengerechtes Webdesign
Page 37: Mediengerechtes Webdesign
Page 38: Mediengerechtes Webdesign

Trend #2:Kreativer

Minimalismus

Page 39: Mediengerechtes Webdesign
Page 40: Mediengerechtes Webdesign
Page 41: Mediengerechtes Webdesign
Page 42: Mediengerechtes Webdesign
Page 43: Mediengerechtes Webdesign

Trend #3:Content fucks design

Page 44: Mediengerechtes Webdesign
Page 45: Mediengerechtes Webdesign
Page 46: Mediengerechtes Webdesign
Page 47: Mediengerechtes Webdesign
Page 48: Mediengerechtes Webdesign

Trend #4:Desktop/Web-Hybriden

Page 49: Mediengerechtes Webdesign
Page 50: Mediengerechtes Webdesign
Page 51: Mediengerechtes Webdesign
Page 52: Mediengerechtes Webdesign

Trend #5:Magazin

Page 53: Mediengerechtes Webdesign
Page 54: Mediengerechtes Webdesign
Page 55: Mediengerechtes Webdesign
Page 56: Mediengerechtes Webdesign
Page 57: Mediengerechtes Webdesign
Page 58: Mediengerechtes Webdesign

Alles erlaubt!… solange Usability und

Mediengerechtigkeit gesichert sind.

Page 59: Mediengerechtes Webdesign

Vielen Dank!