Damit der User ein Produkt kauft, oder sich an die von der Webseite vertretene Firma wendet, muss die Webseite dem User ein Gefühl von Service und Erfolg vermitteln. Ob dies gelingt wird bereits beim Entwurf der Webseite festgelegt. Hier finden sie die wichtigsten Tipps bzgl. des Aufbaus und des Designs.
Erfolgreiche Webseiten legen hohen Wert darauf, dass der User bei seiner Informationssuche ein Erfolgserlebnis hat und zufrieden mit der Suche ist. Deshalb sollte man bereits mit dem Aufbau und dem Design der Webseite Service vermitteln.
1. Aufbau
Der Aufbau von erfolgreiche Webseiten entspricht zumeist dem, was der User gewohnt ist. Jeder Internetnutzer hat sich im Laufe seines Lebens eine Schema aufgebaut, wie die meisten Webseiten zu bedienen sind. Das erlaubt ihm die benötigten Informationen einfach und schnell zu finden. Wird über das Schema die gewünschte Information nicht gefunden, springt der User ab und sucht woanders weiter. Erfolgreiche Webseiten entsprechen folglich diesem Schema und unterstützen die Suche zusätzlich z.B. durch einen konsistenten Aufbau, einer Sitemap, einem Home-Button und einem immer vorhanden Suchfeld.
Einmal gefunden, sollte der User sich die Information auch merken können. Um dies zu unterstützen, sollten nie mehr als 7 +/- 2 zentrale Informationseinheiten pro Thema bzw. Gestaltungselement wiederzufinden sein. Das Hauptmenü sollte folglich optimalerweise 5-9 Menüpunkte enthalten, wobei den einzelnen Menüpunkten wieder 7 +/- 2 Untermenüpunkte zugeordnet werden können.
Zuletzt muss der User einmal gefundene Informationen auch wiederfinden können. Dies unterstützt die Breadcrumbs-Navigation, eine kleine Zeile oberhalb der Texte die dem User anzeigt wie er zu der aktuellen Information gekommen ist.
2. Design
Ist eine Information einmal gefunden, ist es wichtig, dass sich der User gerne mit der Information beschäftigt. Das Design sollte so ausgelegt sein, dass der User ohne Anstrengung die Inhalte der Webseite lesen kann. In einem ersten Schritt bedeutet das, dass Farben harmonisch sowohl aufeinander wie auch auf das Corporate Design abgestimmt sein sollten. Extreme Farbgegensätze (z.B. rot, blau, gelb) wirken sehr aktiv, können das Betrachten der Webseite aber auf Dauer unangenehm machen. Es empfiehlt sich die Kontraste nicht ganz so stark zu wählen und auf benachbarte Farbtöne auszuweichen (z.B. Grün, Türkis, Blau). Die Gestaltung des Webseitenhintergrundes sollte dabei schlicht gehalten werden, um die Aufmerksamkeit nicht von den Inhalten der Webseite abzulenken.
In einem zweiten Schritt sollten die Texte so designed sein, dass sie leserlich und emotional eingängig sind. Texte, die leicht zu lesen sind, heben sich farblich deutlich von der Hintergrundfarbe ab und haben eine ausreichend große Schriftgröße. Helle Schrift auf dunklem Hintergrund lässt sich dabei generell schwerer lesen als dunkle Schrift auf hellem Hintergrund, weshalb hier besonders auf eine ausreichend große Schrift geachtet werden muss. Voneinander unabhängige Texte sollte desweiteren räumlich deutlich voneinander getrennt stehen.
Eine deutlich emotionale Note kann den Texten über Bilder beigefügt werden. Handelt es sich um Beschreibungen und Erklärungen können Bilder alternativ auch zur Illustration des Sachverhaltes herangezogen werden. In beiden Fällen sollten die Bilder direkt beim Text stehen.
Tags: Webdesign
