Qualitätskriterien für die Bilder von Adobe Stock

Hintergrund

Die Landesredaktion Berlin.de stellt Behörden einen Zugang zur Bilddatenbank Adobe Stock bereit. Die Landesredaktion trägt die Kosten für die Bilder zentral. Die Behörden laden die Bilder in die für alle zugängliche Imperia-Rubrik “Allgemein/Adobe Stock” im MAM hoch. So teilen alle Behörden die Bilder und verwenden das Material mehrfach. Für diese gemeinsame Nutzung brauchen die Bilder eine hohe Qualität. Klare Regeln sichern diese Standards.

Menschen bewerten Webseiten in Bruchteilen von Sekunden. Sie nehmen Bilder wahr, noch bevor sie den Text lesen. Die Bildsprache signalisiert unbewusst Qualität, Vertrauen und Professionalität. Sie bestimmt, wie Nutzende Inhalte verstehen und bewerten. Deshalb spielt die Bildauswahl eine wichtige Rolle beim Erstellen einer Webseite. Achten Sie darauf, dass Sie nur geeignete Bilder für die zentrale Bilddatenbank herunterladen. Auch Bilder, die Sie für Printprojekte oder soziale Medien herunterladen, müssen ins MAM hochgeladen werden und den Qualitätskriterien entsprechen.

Es kann sinnvoll sein, auf Bilder zu verzichten, weil der effiziente Informationszugang im Vordergrund steht. Dazu zählt, dass die Informationen schnell gefunden werden und übersichtlich sind. Bilder konkurrieren oft mit diesen Zielen.

Wir möchten Ihnen die Entscheidung bei der Bildauswahl erleichtern. Deshalb gehen wir im Folgenden näher auf die verschiedenen Kriterien ein und geben Beispielbilder.

Unrealistische Bilder

Wenn Bilder gestellt wirken, halten die Betrachter auch die Inhalte für unehrlich oder unrealistisch. Wir zeigen deshalb möglichst Personen, mit denen sich die Nutzenden identifizieren. Authentische Fotos zeigen Menschen in realistischen Handlungssituationen. Die Menschen wirken nicht perfekt und lächeln nicht aufgesetzt. Sie spiegeln die vielfältige Lebensweise in Berlin wider. Ein realistischer Hintergrund zeigt eine Wohnung, ein Büro, einen Park oder ein Klassenzimmer, die optisch nach Berlin passen. Zeitgemäße Kleidung oder Einrichtung runden das Motiv ab.

Ungeeignet - wirkt künstlich (Licht, Hintergrund)

Geeigneter - lebendiger, unaufgeräumter, Menschen in Aktion

Ungeeignet - Businesskleidung, inszenierte Situation, wirkt veraltet

Geeigneter - trotz ähnlicher Aufmachung, wirkt es zeitgemäßer

Ungeeignet - inszenierte Situation, aufgesetztes Lächeln

Geeigneter - Aktion steht im Fokus, Alltagssituation

Freigestellte Motive bzw. weiße Hintergründe

Weiße Bildhintergründe verschmelzen optisch mit den weißen Internetseiten. Die Bilder füllen den vom Designsystem vorgegebenen Größenrahmen nicht aus. Dadurch verschwimmen die Ränder und die Seiten wirken unruhig. Freigestellte Bilder erzeugen zudem die Wirkung eines Online-Handels oder Marktplatzes, bei denen die Produkte in den Vordergrund rücken sollen.
Außerdem leidet die Barrierefreiheit, weil der vollständige Klickbereich des Bildes unsichtbar bleibt.

Wenn Bilder mit weißem Hintergrund neben Bildern mit farbigem Hintergrund stehen, entstehen unterschiedliche visuelle Gewichte und unstabile Bildgrößen.

Ungeeignet - weißer Rand

Geeignet - ähnliches Motiv, aber mit Hintergrund

Ungeeignet - weißer Rand

Geeignet - gleiche Bildaussage, aber mit Hintergrund

Veraltete Bildsprache

Nutzende werten die optische Gestaltung unbewusst als Zeichen für die Qualität einer Webseite. Moderne Bilder wirken echt. Sie vermeiden sinnbildliche Motive oder Metaphern. Veraltete Bilder zeigen beispielsweise 3D-Kegelmännchen, Tastaturen mit Schlagwörtern, Wortwolken oder Tafeln mit Text.

Solche alten Motive wirken im klaren Designsystem von Berlin.de oft wie ein Fremdkörper. Bilder mit Text verletzen außerdem die Regeln der Barrierefreiheit. Vorleseprogramme erkennen die Schrift auf den Bildern nicht. Zudem übersetzen automatische Programme das geschriebene Wort auf den Fotos nicht in andere Sprachen.

Wählen Sie Bilder, die Ihren Text verdeutlichen und Emotionen wecken. Bei Stellenausschreibungen sind beispielsweise Bilder geeignet, die Menschen bei der zukünftigen Tätigkeit zeigen.

Ungeeignet

Geeigneter - Person in entsprechender Tätigkeit

Ungeeignet

Geeigneter - Bilder mit glaubwürdigen Menschen erzeugen mehr Vertrauen als abstrakte Motive

Klischees der Verwaltung

Klischeehafte Bilder vermitteln nicht die Werte der Berliner Verwaltung. Sie bedienen bestehende Vorurteile über die Bürokratie. Aktenberge stehen symbolisch für langsame Prozesse und Distanz. Im Kontext der Digitalisierung kommunizierte die Berliner Verwaltung positiv und präsentiert sich zugänglich, serviceorientiert und zeitgemäß.

Ungeeignet - Symbol vermittelt Bürokratie

Geeigneter - Person in Aktion, digitale Beantragung

Ungeeignet - Klischee von Überforderung, Ineffizienz

Geeigneter - Person in Aktion

Grafiken/Illustrationen und Montagen aus Foto und Grafik

Grafiken und kreative Montagen aus der Adobe Stock-Bilderdatenbank eignen sich nicht für berlin.de. Sie wirken werblich oder verspielt und beeinträchtigen das Vertrauen. Grafiken oder Montagen sollten passgenau für den jeweiligen Zweck von professionellen Agenturen erstellt werden. Das unterstützt Kampagnen oder sorgt für eine einheitliche Bildsprache des Auftritts.

Ungeeignet

Geeigneter - Person/Situation auf realistischem Bild dargestellt

Ungeeignet

Geeigneter - realistisches Foto

Diversity-Merkmale, stereotype oder diskriminierende Darstellungen

Durch Bilder sollen alle Menschen erreicht werden. Achten Sie deshalb bei der Bildauswahl auf Diversität, zeigen Sie Vielfalt und vermeiden Sie diskriminierende Darstellungen. Gestalten Sie Ihre gesamte Webseite vielfältig und beschränken Sie dieses Thema nicht auf einzelne Bereiche, um Diversity-Themen zu markieren. Wählen sie auch für allgemeine Verwaltungsthemen Bilder aus, die unterschiedliche Menschen und Lebensrealitäten zeigen.

Im Folgenden sehen Sie eine Auswahl an Bildern, die Diversität und Vielfalt berücksichtigen.

Beachten Sie dazu auch den Kriterienkatalog für eine diversitysensible Bildauswahl der LADS.

Diversitätsmerkmal steht nicht im Vordergrund

Alltagssituation von Familien, die nicht nur stereotypisch dargestellt wird.