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

Druckunterlagen

Vieles kann gedruckt werden, doch sind für ein Ergebnis in hoher Qualität professionelle Druckunterlagen erforderlich. Hier ein kurzer Überblick was es dabei zu beachten gilt ... Mehr
AllgemeinBildbearbeitungBildschirm/DruckCorporate DesignDruckWebdesign/Screendesign
27. August 2021
Beitrag teilen

Design-Tipps: Bildschirm und Druck

Die Gestaltung von Präsentationen auf Bildschirmen im Vergleich zu gedruckten Unterlagen sollte sich deutlich unterscheiden, da wir Text auf unterschiedlichen Medien anders wahrnehmen ... Mehr
AllgemeinBildbearbeitungBildschirm/DruckCorporate DesignDruckWebdesign/Screendesign
1. August 2021
Beitrag teilen

Design: Bildschirm vs. Druck

Infos auf einem Bildschirm werden im Vergleich zu gedruckten Unterlagen anders wahrgenommen. Gelungenes Design verstärkt die Wirkung Ihrer Präsentationsunterlagen – ob am Bildschirm oder gedruckt ... Mehr
AllgemeinBildbearbeitungBildschirm/DruckCorporate DesignDruckWebdesign/Screendesign
13. Juli 2021
Beitrag teilen