Die Bedeutung des visuellen Kontextes im Webdesign

Laut den Ergebnissen einer oft zitierten Studie der Missouri University of Science and Technology benötigen Besucher weniger als zwei Zehntelsekunden, um sich eine Meinung über Ihre Unternehmenswebsite zu bilden. Es ist der visuelle Kontext, der ihnen hilft, zu verstehen, was vor sich geht, einen soliden Eindruck zu machen und länger zu bleiben. Visuals haben einen überzeugenden Einfluss auf die Benutzer, da sie eine schnelle Nachricht effektiver als Textinhalte übermitteln können.

In Bezug auf das geschriebene Wort macht es das Fehlen eines Kontextes für den Leser schwierig zu verstehen, was ein Schriftsteller vermitteln möchte. Dies geschieht auch im Webdesign. Eine Website muss einen visuellen Kontext schaffen, der das Hintergrundwissen und die Geschichte der Organisation, zu der sie gehört, vermittelt. 

Was ist visueller Kontext??

Visueller Kontext bezieht sich auf die Darstellung von Inhalten, die die Übermittlung einer Website-Nachricht verbessern.

Beispielsweise kann die Website eines Architekten ein Portfolio erfolgreicher Projekte enthalten. Es liegt im Ermessen eines Benutzers, diesen Fachbereich zu erkunden oder nicht. Der visuelle Kontext (Bildsprache, Farbe, Raum) wird jedoch von Anfang an sicherstellen, dass die Benutzer das Konstruktionswissen des Architekten, die Erfahrung im Bauwesen und das Verwaltungswissen kennenlernen.

Nehmen Sie ein anderes Beispiel dieses Luftfahrttechnikunternehmens. Die kühne Darstellung von Flugzeugen und Maschinen verdeutlicht auf einen Blick ihre Position in der Luft- und Raumfahrtindustrie. Der Benutzer ist nicht einmal verpflichtet, den Bannertext zu lesen.

www.mercaerospace.co.uk

Stellen Sie sich vor, wie diese Landing Page aussehen würde, wenn wir die Bilder des Flugzeugs entfernen würden? Zweifellos unbestimmt und komplex. Merc Aerospace bietet eine breite Palette an Engineering-Lösungen für verschiedene Branchen, ist jedoch hauptsächlich der Luft- und Raumfahrtindustrie ausgesetzt, die alle durch visuelle Darstellungen angemessen dargestellt werden.

Wie wird der visuelle Kontext erstellt??

Um einen visuellen Kontext zu erstellen, müssen Sie Ihre Benutzer verstehen. Die Perspektive eines Benutzers ändert sich mit Alter, Geschlecht und Ethnizität. Wenn Sie zum Beispiel Bilder mit weißer Farbe hinzufügen, kann dies für eine Gemeinschaft eine Glücksvorstellung sein, für andere jedoch Traurigkeit. Damit Visuals perfekt in einen geschäftlichen Kontext integriert werden können, müssen Sie das Verständnis der Personen, die Sie erreichen möchten, bewerten. Dies ist etwas, mit dem Benutzer-Personas Ihnen helfen können.

  • Beenden Sie das Platzieren von Benutzer-Personas in Ihrer Schreibtischschublade

    Personas haben wir aus der Werbebranche geholt. Leider passen sie zu oft nicht in den Webdesign-Prozess. Jetzt ist es Zeit zu ändern…
    Paul Boag
    UX
  • Das Web für jedermann mit inklusivem Design und verschiedenen Personas zugänglich machen

    In diesem Artikel wird untersucht, wie wir die Zugänglichkeit und die Menschen durch die Verwendung von "diversen Personas" in unserem Designprozess besser verstehen können.
    Graeme Fulton
    Zugänglichkeit

Im Folgenden sind einige nützliche Elemente für die Erstellung eines visuellen Kontextes aufgeführt:

  •          Bilder bezüglich der Art des Geschäfts
  •          Infografiken, um einen Text in einer durchsuchbaren Weise zusammenzufassen
  •          Pfeile, Linien und Schnörkel, um Zahlen hervorzuheben oder die Richtung anzuzeigen
  •          Die Auswahl von Wörtern und Ausdrücken bereichern den visuellen Kontext
  •          Storytelling durch kreativ gewebte Grafiken
  •          Ansprechende Symbole für eine hilfreiche Navigation

Wie wichtig ist der visuelle Kontext??

Schauen wir uns einige Gründe für die Bedeutung des visuellen Kontextes an:

Erste Eindrücke zählen

Wie bereits erwähnt, benötigen Benutzer einen Bruchteil einer Sekunde, um sich eine Meinung über Ihre Website zu bilden. Eine konzentriertere Meinung wird in nur wenigen Sekunden danach verstärkt. Branding, Bildsprache und Icons müssen in kurzer Zeit einen großartigen ersten Eindruck erzeugen. Um Benutzer dazu zu ermutigen, länger zu bleiben, erhalten sie durch den visuellen Kontext des Herstellers einen fundierten Einblick in das, worum es auf der Website geht und wofür sie steht.

Es unterstützt die Bereitstellung von Informationen

Die visuellen Elemente einer Website wirken im Vergleich zum textuellen Kontext "sinnlich". Ein Benutzer wird wahrscheinlich die ergänzenden Bilder bemerken, die den Gesamtzusammenhang unterstützen, und nicht Phrasen und Absätze. Wie gut Ihre Geschichte auch sein mag, die anfängliche emotionale Reaktion des Benutzers hängt stark von visuellen Elementen ab und hilft dabei, Informationen endgültig zu übermitteln.

  • Stellen Sie sicher, dass sich Benutzer an Sie erinnern, erzählen Sie eine Geschichte

    Obwohl das Storytelling von Unterhaltung bis Werbung alles beherrscht, verwenden wir es selten auf unseren Websites. Es ist Zeit, das zu ändern.
    Paul Boag
    UX

Besseres Nutzerverständnis

Der visuelle Kontext lässt eine Geschichte lebendig werden. Dadurch wird einem Benutzer (der die Website nicht kennt) ein Unternehmen und seine Vorgänge verstanden. Er oder sie erhält die Kerngeschäftsidee aus dem Kontext und sucht dann nach verfügbaren Optionen, Produkten und Dienstleistungen. 

Wenn Sie eine innovative Benutzeroberfläche verfolgen, die Konventionen missachtet, wird der visuelle Kontext dazu beitragen, die Kluft zwischen Benutzern und Ihrem Produkt zu schließen.

Emotionale Bindungen sind wichtig

Der visuelle Kontext ist hilfreich, um die Emotionen einer Zielgruppe auszulösen. Nehmen Sie das Beispiel von Lend With Care, einer Mikrofinanzorganisation. Zählen Sie die Anzahl der menschlichen Gesichter auf der Startseite, geben Sie sofort den Kontext an und stellen Sie eine Verbindung mit dem Benutzer her. Die warmen, sanften Farben machen die Website einladend, das Lächeln vermittelt Positivität und ein Gefühl der Gemeinschaft.

www.lendwithcare.org

Innerhalb weniger Augenblicke haben Besucher eine emotionale Bindung an die Website. 

  • Großes Lächeln und glückliche Gesichter im Webdesign

    In dieser inspirierenden Zusammenfassung der Woche werden wir ein Lächeln auf die Gesichter zaubern, indem wir uns die glücklichen Illustrationen aus dem Internet ansehen.
    Ian Yates
    Inspiration

Und dies kann für Produkte gleichermaßen gelten, wie Kunden auch Verbindungen zu verschiedenen Produkten herstellen können. Als Designer ist es Ihre Aufgabe, Visuals zu erstellen, die die inneren Sinne einer Zielgruppe berühren. 

Fazit

Der visuelle Kontext hilft Benutzern, insbesondere erstmaligen Besuchern, die Eigenschaften und Werte einer Website zu interpretieren. Als Designer können Sie das, was wir besprochen haben, diese entscheidende Kombination aus Bildmaterial, Farbe, visuellen Daten, Infografiken, Videos, Animationen, Symbolen, Richtung und allen anderen visuellen Werkzeugen, die Ihnen zur Verfügung stehen, verwenden, um diesen wichtigen Kontext zu erstellen.