Die Verständniskosten für Kunden bezeichnen die kognitive Anstrengung, die Nutzer beim Erfassen von Informationen aufbringen müssen. Auf der Unternehmenswebsite führen willkürlich benannte, kontextlose, langsam ladende oder themenfremde Bilder dazu, dass Kunden zusätzliche Zeit aufwenden müssen, um zu erraten, was das Bild ausdrücken soll – dies erhöht unbemerkt die Verständniskosten. Wie sollten Bildressourcen also gestaltet, benannt, kombiniert und präsentiert werden, damit Kunden sie wirklich schnell verstehen? Im Folgenden werden fünf Schlüsselbereiche mit konkreten Ansätzen vorgestellt.
1. Bilddateinamen mit „menschlicher Semantik“ statt Maschinennummern
Viele Websites laden direkt von der Kamera exportierte Dateien hoch (z. B. IMG_20240301_1234.jpg oder photo_1.png). Diese Benennung ist weder für die Suche noch für Kunden sinnvoll. Wenn Kunden im Browser-Tab oder in den Entwicklertools den Dateinamen sehen, können sie den Bildinhalt nicht erkennen. Empfehlung:
- Verwenden Sie kurze englische Wörter oder Pinyin, um das Hauptmotiv zu beschreiben, z. B. „shouye-banner-gongyi.jpg“ oder „chanpin-jieshao-tu01.jpg“.
- Vermeiden Sie reine Zahlen, Daten oder bedeutungslose Buchstabenkombinationen.
- Bei mehrsprachigen Websites verwenden Sie englische Wörter für allgemeine Verständlichkeit.
Obwohl Kunden die Dateinamen normalerweise nicht direkt sehen, liest die Suchmaschine sie, und Suchergebnisse sind ein wichtiger Einstieg für Kunden, um Seiteninhalte zu verstehen. Klare Dateinamen senken indirekt die Schwierigkeit, Bilder zu entdecken und zu verstehen.
2. ALT-Tag als „Satzbeschreibung“ statt Keyword-Stuffing
Der ALT-Tag ist der alternative Text für Bilder. Wenn ein Bild nicht geladen wird oder Kunden einen Screenreader verwenden, wird der ALT-Text direkt angezeigt. Viele Unternehmenswebsites füllen den ALT-Tag mit einer Reihe von Keywords (z. B. „Unternehmen, Produkt, Dienstleistung, Fallstudie“), sodass Kunden nach dem Lesen immer noch nicht wissen, was das Bild konkret zeigt. Die richtige Vorgehensweise:
- Fassen Sie die Kerninformation des Bildes in einem Satz zusammen, z. B. „Team der Firma XYZ diskutiert im Konferenzraum über ein Projekt“ ist klarer als „Teamdiskussion“.
- Wenn das Bild Text oder Daten enthält, sollte der ALT-Tag die wichtigsten Zahlen oder Schlussfolgerungen enthalten.
- Wiederholen Sie nicht den Seitentitel oder Artikelüberschrift im ALT-Tag – Kunden kennen das Seitenthema bereits.
Gute ALT-Tags ermöglichen es Kunden, den Kontext auch ohne Bild zu verstehen, was besonders auf mobilen Geräten mit langsamer Verbindung oder schwachem Netz hilfreich ist.
3. Bildlayout mit „Leselogik“ – Informationsüberflutung vermeiden
Der Verstehensprozess eines Bildes verläuft in etwa: „Kurzer Blick → Fokus auf das Wesentliche → Verknüpfung mit Text“. Wenn das Layout komplex, überladen oder die Beschriftung unübersichtlich ist, müssen Kunden mehrmals nachprüfen. Grundsätze zur Reduzierung der Verständniskosten:
- Ausreichend Weißraum: Lassen Sie zwischen Bildrändern und internen Elementen genügend Abstand, damit das Auge Ruhezonen hat.
- Hervorhebung des Wesentlichen: Bei Flussdiagrammen oder Vergleichsgrafiken markieren Sie den Schlüsselpfad mit Farben, Fettdruck oder Pfeilen.
- Zurückhaltender Einsatz von Animationen oder Karussells: Automatisch abspielende GIFs oder Karussells lassen Kunden nicht genug Zeit zum Erfassen und unterbrechen das Verständnis. Wenn nötig, fügen Sie manuelle Steuerung oder längere Verweilzeiten hinzu.
Zudem sollten Bildgröße und -verhältnis an verschiedene Geräte angepasst werden, um auf Mobilgeräten Abschneiden oder Verzerrungen zu vermeiden – sonst müssen Kunden zoomen, was die Verständniskosten vervielfacht.
4. Ladegeschwindigkeit beeinflusst direkt die „Verständniskontinuität“
Der Verstehensprozess ist kontinuierlich. Wenn der Text bereits angezeigt wird, das Bild aber noch nicht erscheint, entsteht bei Kunden „Warteangst“, sie überspringen das Bild und lesen weiter, wodurch die Bildinformation verloren geht. Optimierungsmethoden:
- Komprimieren Sie die Dateigröße bei gleichbleibender visueller Qualität. JPG eignet sich für Fotos, PNG für Icons oder Screenshots.
- Verwenden Sie responsive Bild-Tags, die je nach Bildschirmbreite unterschiedliche Bildgrößen laden.
- Aktivieren Sie Lazy Loading, aber mit Platzhalterbildern oder Hintergrundfarben, um große leere Flächen zu vermeiden.
Jede Sekunde Verzögerung kann die Geduld und Verständniseffizienz um über 10 % senken. Dies ist ein oft übersehener, aber entscheidender Faktor für die Verständniskosten.
5. Bild und Text „ergänzen sich gegenseitig“ statt „sich zu wiederholen“
Viele Unternehmenswebsites wiederholen Bild und Textinhalt stark, z. B. schreibt der Text „Unser Team ist professionell“ und daneben steht ein Teamfoto ohne zusätzliche Informationen. Kunden haben nach dem Lesen des Textes und Betrachten des Bildes keinen Mehrwert und fühlen sich eher Zeitverschwendung. Besser ist es, dass das Bild Informationen liefert, die der Text nicht bietet:
- Wenn der Text Produktfunktionen beschreibt, zeigt das Bild Anwendungsszenarien oder Schritte.
- Wenn der Text Daten liefert, zeigt das Bild Trends oder Vergleiche in Diagrammen oder Infografiken.
- Wenn der Text Unternehmensstärke beschreibt, zeigt das Bild Büroumgebung, Kooperationsorte oder Patentzertifikate (unter Beachtung von Datenschutz und Compliance).
Wenn Kunden aus dem Bild Inhalte gewinnen, die der Text nicht direkt ausdrückt, sinken die Verständniskosten wirklich. Im Gegensatz dazu erhöht ein reines Dekorationsbild die kognitive Belastung, da Kunden entscheiden müssen, ob es sich lohnt, es anzusehen.
Zusammenfassung
Der Kern zur Reduzierung der Verständniskosten ist: Bilder „für sich selbst sprechen lassen“ – schnell, präzise und mühelos. Von der Dateibenennung über den ALT-Tag, das Layout, die Ladegeschwindigkeit bis hin zur Zusammenarbeit mit dem Text – jeder Bereich kann optimiert werden. Bei der Aktualisierung von Bildressourcen auf der Unternehmenswebsite sollten die oben genannten fünf Aspekte überprüft werden, um die Benutzererfahrung deutlich zu verbessern. Bei Unsicherheiten in der Umsetzung können branchenspezifische Anpassungen vorgenommen werden, mit dem Ziel, dass Kunden die Seite sofort verstehen, ohne raten zu müssen.
