Aufbau eine Website

Wenn es um die Struktur oder Relaunch einer Website geht, kann man sich leicht an der Ästhetik aufhängen. Sieht dieser Blauton richtig aus? Sollte das Logo auf der rechten oder linken Seite des Bildschirms stehen? Was wäre, wenn wir ein riesiges animiertes GIF oder Video in die Mitte der Seite setzen würden?

Aber in einer Welt, in der es mehr als fast 2 Milliarden Websites gibt, auf denen man landen kann, muss man sicherstellen, dass die eigene nicht nur ein hübsche Oberfläche präsentiert. Der allgemeine Aufbau (dazu gehört auch die Informationsarchitektur) auf Benutzerfreundlichkeit (Usability) ausgelegt sein, d. h. darauf, wie einfach Ihre Website zu bedienen ist, und auf Benutzererfahrung (UX), d. h. darauf, wie angenehm & effektiv die Interaktionen mit Ihrer Website sind.

Nicht falsch verstehen: Ästhetik & Design sind wichtig und beeinflussen auch den Gesamteindruck, der beim Benutzer hinterlassen wird. Um Ihnen einige Anhaltspunkte zu geben, haben wir eine Liste der grundlegenden Richtlinien und bewährten Verfahren zusammengestellt, die Sie bei der Gestaltung Ihrer Website anwenden können.

Schlichtheit

Das Aussehen Ihrer Website ist sicherlich wichtig, aber die meisten Besucher kommen nicht auf Ihre Website, um zu beurteilen, wie raffiniert das Design ist. Sie wollen eine bestimmte Aktion ausführen oder eine bestimmte Information finden.

Und die Suchmaschinen interessieren sich überhaupt nicht für aufeinander abgestimmte Farben, sondern ausschließlich für Lesbarkeit, die sie (neben der Schriftgröße) am Kontrast messen. Und der deutlichste Kontrast ist Schwarz/Weiß und nicht Grau auf Grau.

Aus Sicht der Benutzerfreundlichkeit und UX ist Einfachheit Ihr bester Freund. Wenn Sie alle technisch möglichen Elemente verwenden, ist es schwer, einfach zu sein. Sie können dieses Prinzip in einer Vielzahl verschiedener Formen anwenden, wie zum Beispiel:

Farben: Verwenden Sie grundsätzlich nicht zu viele. Das "Handbook of Computer-Human Interaction" empfiehlt, maximal 5 (plus oder minus 2) verschiedene Farben in Ihrem Design zu verwenden.
Schriftarten: Die von Ihnen gewählten Schriftarten sollten gut lesbar sein, also nicht zu kunstvoll und möglichst wenig Schriftarten, wenn überhaupt. Auch bei der Textfarbe sollten Sie sich auf ein Minimum beschränken und darauf achten, dass sie mit der Hintergrundfarbe kontrastiert. Eine allgemeine Empfehlung lautet, maximal 3 verschiedene Schriftarten in maximal 3 verschiedenen Größen zu verwenden.
Grafiken: Verwenden Sie Grafiken nur dann, wenn sie dem Benutzer helfen, Informationen zu verstehen oder eine bestimmte Funktion auszuführen. Fügen Sie nicht einfach wahllos Grafiken hinzu - eine Webseite ist keine Zeitschrift!

Visuelle Hierarchie

Die visuelle Hierarchie ist eng mit dem Prinzip der Einfachheit verbunden und bedeutet, dass die Elemente der Website so angeordnet und organisiert werden, dass die Besucher auf natürliche Weise zuerst die wichtigsten Elemente wahrnehmen und dann ansteuern können.

Indem Sie die Position, Farbe oder Größe bestimmter Elemente anpassen, können Sie Ihre Website so strukturieren, dass die Betrachter zuerst zu diesen Elementen geführt werden. Nicht alles ist gleich wichtig!

Die Planung einer intuitiven Navigation auf Ihrer Website ist von entscheidender Bedeutung, um den Besuchern zu helfen, das zu finden, wonach sie suchen. Im Idealfall sollte ein Besucher auf Ihrer Website landen und nicht lange darüber nachdenken müssen, wo er als Nächstes klicken muss. Der Weg von Punkt A zu Punkt B sollte so reibungslos wie möglich sein.

Und: gerade die Hauptnavigation muss sowohl den Nutzern als auch den Suchmaschinen verdeutlichen was genau die "Schwerpunkte" ihrer Domain sind. Im Folgenden finden Sie einige Tipps zur Optimierung der Navigation Ihrer Website:

Halten Sie die Struktur Ihrer Hauptnavigation einfach (und in der Nähe des oberen Seitenrandes).
Bieten Sie nicht zu viele Navigationsoptionen pro Seite an. Drop-Down Menüs sind ein No-Go!
Erwägen Sie die Verwendung von Breadcrumbs, damit sich die Benutzer an ihren Seitenstruktur gewöhnen.
Binden Sie optional ein Suchfeld am oberen Rand Ihrer Website ein, damit die Besucher nach Stichworten suchen können.
Lassen Sie die Benutzer nicht zu tief graben. Erstellen Sie eine Übersicht aller Seiten Ihrer Domain, der wie eine Pyramide angeordnet ist: Ihre Homepage steht ganz oben, und jede verlinkte Seite der vorherigen bildet die nächste Ebene. In den meisten Fällen ist es ausreichend, wenn diese "Karte" nicht mehr als 3 Ebenen tief ist.

Zugänglichkeit

Das Ziel der Barrierefreiheit ist es, eine Website zu erstellen, die jeder nutzen kann, auch Menschen mit Behinderungen oder Einschränkungen, die das Surferlebnis beeinträchtigen. Als Website-Designer ist es Ihre Aufgabe, in Ihrem UX-Plan an diese Nutzer zu denken.

Konventionen

Eine große Herausforderung beim Webdesign ist der Spagat zwischen Originalität und den Erwartungen der User. Die meisten von uns sind erfahrene Internetnutzer, und es gibt bestimmte Konventionen, an die wir uns mit der Zeit gewöhnt haben:

Die Hauptnavigation oben (oder links) auf einer Seite zu platzieren.
Die Platzierung eines Logos oben links (oder in der Mitte) auf einer Seite.
Das Logo muss anklickbar sein, damit es den Besucher immer zur Startseite zurückbringt.
Links innerhalb der Texte müssen deutlich hervorgehoben sein und das Ziel muss den Benutzererwartungen entsprechen.
Verwendung eines Einkaufswagen-Symbols auf einer E-Commerce-Website (inklusive Anzahl der Artikel im Warenkorb).
Impressum, Datenschutz, AGB, etc. sind im Footer platziert.

Manch einer mag sich dafür entscheiden, diese Prinzipien aus Gründen der Einzigartigkeit zu verwerfen, aber das ist ein Fehler. Wenn Sie gegen die Erwartungen der Nutzer verstoßen, fühlen sich diese auf Ihrer Website möglicherweise unwohl oder sind sogar frustriert.

Authentizität

Eine der besten Methoden die Glaubwürdigkeit zu betonen besteht darin, das Produkt oder die Dienstleistung, die Sie verkaufen, klar & kurz und ehrlich darzustellen (inkl. Kosten / Preis). Zwingen Sie Ihre Besucher nicht, sich durch Dutzende von Seiten, oder endlose Texte zu wühlen, um herauszufinden, was Sie anbieten.