Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

26
Bilder im Netz

Transcript of Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Page 1: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Bilder im Netz

Page 2: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Großformatiges Foto, knapper Text: Ansprechend und informativ.

Page 3: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Großformatig, plakativ, ansprechend: Bannerfoto mit integrierter Textzeile

Page 4: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Bildergalerien bringen Kicks und Klicks

User nützen Fotostrecken gerne. Sie machen Spaß und sind bedienungsfreundlich.

Auch die Seiten-Anbieter lieben Bildergalerien. Sie generieren hohe Klickzahlen.

Page 5: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Voraussetzung für eine gut gemachte Bildergalerie ist eine klare Navigation

Page 6: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Bilderleisten dramaturgisch eingesetzt

In der Bildunterschrift wird eine fortlaufende Geschichte erzählt.

Page 7: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.
Page 8: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Kleines Foto: Unattraktiv und nichts sagend.

Eine starke Geschichte wie diese hat eine bessere Teaser-Illustration verdient.

Page 9: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Bildunterschrift:Unsitte zu Weihnachten: Hunde als Kuschelgeschenk

Alt-Text:Leicht ergrauter Labrador sitzt hinter einem braunen Teddybär.

Fotos im Internet sollten zwei unterschiedliche Begleittexte haben:

Bildunterschrift - für sehende User.

Alt-Text – für blinde User.

Den Alt-Text („Alt-Tag“) lassen sich Blinde und Sehbehinderte durch „Screenreader“ vorlesen.

Page 10: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Foto-Collage als Teaser-Illustration.

Hier erübrigt sich eine Bildunterschrift. Dagegen ist ein Alt-Text für die blinden User trotzdem angebracht.

Page 11: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Aktion + Information = Gelungene Teaser-Illustration

Page 12: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Banner-Grafik als Teaser-Illustration zu einem Dossier der Deutschen Welle

Page 13: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Bildergalerie aus SPIEGEL-Online: Überschrift – Vorschaubilder - Angabe der Zahl der zu erwartenden Fotos.

Page 14: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Bildunterschriften können auch Zitate aus dem Beitragstext enthalten.

Diese sollten aber stark und aussagekräftig sein.

Page 15: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Schwaches Teaserfoto.

Zu klein. Nicht aussagestark.

Page 16: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Schwaches Foto!

Die dargestellten Personen sind so gut wie nicht zu erkennen.

Page 17: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Störend: Blickrichtung sollte nach Möglichkeit in die Seite hinein und nicht aus der Seite heraus führen.

Außerdem fehlt eine Bildunterschrift

Page 18: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Bilddynamik 1: Das Flugzeug sollte in die Seite hinein fliegen und nicht aus der Seite heraus.

Page 19: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Bilddynamik 2: In diesem Fall ist der Blick aus der Seite heraus angebracht. Die Blickrichtung symbolisiert: Clement geht.

Page 20: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Blick nach innen

Blick nach außen

Page 21: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Ein Mann verlässt die Seite.

Abschied nehmen ist negativ besetzt.

Eintreten = willkommen = positiv

Page 22: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Suchbild im Internet:

Was soll sich der User darunter vorstellen?

Page 23: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

• Starke Bilder verdienen einen starken Text.

• Schwache Bilder brauchen einen starken Text.

• Manche Bilder wirken auch ohne Text.

• Bilder wirken nur in der richtigen Größe.

• Briefmarkenformate haben im Internet nichts zu suchen!

Bildunterschriften

Page 24: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

Manche Fotos wirken besser ohne Worte. Ein Bildtext stört eher.

Page 26: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com.

„Mit wenigen, aber ausgewähltenFotos könnte sich ein deutsches Online-

Medium leicht von der Konkurrenz unterscheiden.“

Stefan Niggemeier - Medienjournalist