Renate Leitner
Grafik- und Mediendesign
Blog
Sie befinden sich hier: Home > Blog > Ihre Website – der erste Eindruck zählt

Ihre Website – der erste Eindruck zählt

Screendesign Illustration
Illustration: Renate Leitner

… oder, warum Screendesign so wichtig ist!

Ein bekanntes Sprichwort lautet: »Der erste Eindruck zählt.« Allerdings ist die Zeitspanne dafür kürzer als man annehmen würde. Nach einer Studie von Psychologinnen und Psychologen unter der Leitung von Gitte Lindgaard, veröffentlicht in der Zeitschrift »Behaviour and Information Technology« (V. 25, Number 2/March-April 2006, pp. 115-126), haben Userinnen und User bereits nach 50 Millisekunden einen nachhaltigen Eindruck der visuellen Erscheinung einer Website.

Diese erste Wahrnehmung bestimmt die Verweildauer auf der Seite und darüber, ob weitere Links angeklickt werden. Es ist also entscheidend, wie die Seite aussieht, welche Elemente »ins Auge springen« und in weiterer Folge, wie man sich auf der Website zurechtfindet. Kurz gesagt: Das Design, auch »Screendesign« genannt ist wichtig.

Was ist Screendesign?

Die Gestaltung der grafischen Benutzeroberfläche einer Website ist Teil der Maschine-Mensch-Kommunikation, des »User-Interface-Designs« und des Grafikdesigns.

Zentrale Themen, die im Screendesign geklärt werden:

  • das (individuelle!) Layout, also die Anordnung der Inhalte
  • der Einsatz und die Gestaltung grafischer Elemente nach dem Corporate Design
  • die optimale Darstellung auf unterschiedlichen Bildschirmgrößen

Folgende Themen werden im Screendesign berücksichtigt:

  • Ziel(e) der Website (z.B. Webpräsenz, Shop oder Verkauf von Dienstleistungen; B2B oder B2C)
  • die »Usability« – Einbeziehung der Sicht des Users / der Userin (Orientierung geben)
  • Erwartungen spezifischer Nutzergruppen sowie die »User Experience«
  • die Umsetzbarkeit aller Elemente in HTML und CSS

Ergebnisse aus diesem Prozess sind (statische) Bilder der Website(s) für unterschiedliche Bildschirmauflösungen sowie die Definition grafischer Elemente und Stile (»style guide«), die für die Programmierung notwendig sind.

Vom Screendesign zur fertigen Website

  • Schritt 1: Grundlagen für optimale Screendesigns sind eine klare Positionierung des Unternehmens (Corporate Identity, USP), sowie definierte Marketing-Ziele und das Corporate Design. Die daraus resultierenden Inhalte, sollten außerdem bereits definiert sein.
  • Schritt 2: In enger Abstimmung baue ich die verschiedenen »Screens« als statische Bilder für Sie auf. In mehreren Korrekturdurchgängen stimmen wir diese ab und optimieren sie. Grafische Elemente werden entworfen und der Einsatz des Bildmaterials geklärt. Sollten Sie (noch) nicht genug Fotos haben, ist es möglich auf sog. »Stock-Fotos« von Bilderplattformen zurückzugreifen. Sie sehen so bereits vor der Programmierung wie die neuen Seiten aussehen werden. Dies ermöglicht auch die Überlegungen zur Usability zu veranschaulichen.
  • Schritt 3: Nach der Freigabe definiere ich die ausgearbeiteten Stile in einem »style guide«. Danach erfolgt die Übergabe aller »Vorlagen« (Screens, style guide) sowie die von mir für Web optimierten Bilder/Fotos an eine IT-Fachkraft (»Webentwickler/in« oder »Programmierer/in«), die die Website umsetzt. Im Idealfall ist nur noch wenig Abstimmung zwischen Screendesigner/in (Grafiker/in) und IT notwendig.
  • Fertig: Die neue Website ist online und sieht der »Vorlage« aus dem Screendesign sehr ähnlich.

Als erfahrene Grafik- und Screendesignerin begleite ich Sie gerne auf dem Weg zu Ihrer individuellen Online-Präsenz. Sollte das nötige Corporate Design (z.B. Logo, Farbklang, Typografie, Bildsprache) noch fehlen, helfe ich auch hier gerne weiter!

Ich freue mich über Ihre Anfrage!

  Jetzt anfragen

Beitrag teilen
Webdesign/Screendesign
7. Februar 2021
Beitrag teilen
zur Blog-Übersicht

Weitere Beiträge

Kreative Dienstleistung

Struktur und Kreativität sind notwendig um ein Kreativprojekt zum Erfolg zu führen. Erfahren Sie mehr über Vorbereitungen und den Ablauf der Zusammenarbeit. ... Mehr
AllgemeinBildbearbeitungCorporate DesignWebdesign/Screendesign
24. April 2021
Beitrag teilen

Bildbearbeitung – weil Bilder wirken

Wie Profis Fotos bearbeiten – hier erfahren Sie, was alles gebraucht wird um die maximale Bildwirkung zu erreichen. ... Mehr
AllgemeinBildbearbeitungCorporate DesignWebdesign/Screendesign
17. März 2021
Beitrag teilen

Corporate Design ist wichtig – 5 gute Gründe

Darum ist ein Corporate Design so wichtig: Einzigartigkeit, Wiedererkennen, Identifikation, Markenbildung, Positionierung auf dem Markt ... Erfahren Sie, wie Sie Ihr Auftreten professionell gestalten und Ihre Marke stärken können! ... Mehr
AllgemeinBildbearbeitungCorporate DesignWebdesign/Screendesign
24. Februar 2021
Beitrag teilen