Genügend Weißraum lassen
Auf einer Webseite genügend Weißraum zu schaffen ist eines der wichtigsten Dinge beim Webdesign. Es seperiert den Content in bestimmte Abschnitte, “polstert” diese und trägt zu einem sinngemäßen Aufbau der Webseite bei. Mit Weißraum muss nicht unbedingt die Farbe weiß gemeint sein, sondern kann genauso gut “Freiraum” bedeuten. Dadurch lässt man der Seite Luft zum Atmen und vermeidet eventuelle Quetschungen, die nicht schön anzusehen sind.
Nicht zu viele Schriftarten verwenden
Wenn man sich das Angebot an freien Font-Paketen im Internet anschaut, ist die Verlockung natürlich groß so viele wie möglich davon in einem Design unterzubringen. Serifenlose Schriften mit Serifenschriften zu kombinieren kann ganz gut aussehen, solange man weiß was man tut, ansonsten könnte das Ergebnis seltsam aussehen. Sinnvoll ist es natürlich nicht alle auf einmal zu verwenden, sondern sich erstmal auf wenige Schriftfamilien zu fokussieren und mit den einzelnen Schriftgrößen, –stärken und –farben zu spielen.
Überschaubare Farbpalette anlegen
Wenn man jedem einzelnen Element auf einer Webseite eine andere Farbe zuweist, kann es nützlich sein, solange man dadurch versucht die Elemente hervorzuheben, ohne dabei die hierarchische Struktur aus dem Gleichgewicht zu bringen. Ansonsten können viele Farbverläufe und –sättigungen irritierend sein und auf den User erdrückend wirken. Zu Beginn sollte man sich am Besten auf ein oder zwei Farben festlegen und mit der entsprechenden Komplementärfarbe und den monochromatische Farben wie schwarz, weiß und grau spielen, um ein ausgeglichenes Resultat zu erzeilen. Ebenso wichtig ist es mit Kontrasten zu spielen und wichtige Bereiche der Webseite, wie z.B. “Anmelde‑/oder Jetzt-Kaufen-Buttons”, vom Farbkontrast her stärker hervorzuheben, da diese das Auge des User auffangen sollten.
Content-Hierarchie schaffen
Der User mag es die Elemente einer Webseite mit seinem Auge zu Ordnen und erwartet z.B. das Logo, die Navigation, den Inhalt und den Footer in der Regel immer an einem bestimmten Platz. Von daher ist es ratsam eine Art hierarchisches System auf der Webseite zu schaffen, da es dem Verstand hilft eine Struktur reinzubringen und die Webseite nach Informationen zu sortieren. Es macht Sinn den Inhalt auf eine Art zu organisieren, die es dem User ermöglicht den Inhalt auf eine intuitive Art zu durchforsten.
Auflösung beachten
Eine Bildschirmauflösung mit einer Breite von 2560px mag großartig sein, jedoch darf man nicht vergessen, dass viele Internetuser noch mit einer Auflösung von 800 × 600px oder gar 640 × 480px unterwegs sind.
Während die Zahl der User, die solch eine Auflösung verwenden, zum Glück, immer kleiner wird, sind mobile Engeräte mit ihren kleinen Auflösungen immer mehr im Kommen. Die heutige Standardbreite beim Webdesign beträgt 960px, mit der man in Regel nichts falsch machen, da es dem Großteil der Internetuser entgegenkommt. Falls man einen hohen Ansturm von mobilen Usern erwartet, sollte man ohnehin eine mobile Variante seiner Webseite anbieten.
Kein Doppelgemoppel
Es ist immer gut, wenn man versucht dem User zu ermöglichen auf zwei Arten zu seinem Ziel zu gelangen. Die Hauptnavigation noch einmal im Footer als Liste darzustellen und einen “Back-to-top”-Button zu platzieren, der einen wieder an den Anfang der Seite bringt, kann von daher durchaus sinnvoll sein. Jedoch darf die Usability nicht darunter leiden. Man sollte trotzdem versuchen das Ganze so überschaubar und einfach wie möglich zu halten, so dass sich auch die eigene Großmutter zurechtfinden würde.
Textlängen und –abstände
Da das Auge vor dem Monitor relativ schnell ermüdet, muss man diesen Prozess nicht unnötig beschleunigen, indem man versucht die Texte in die Länge zu ziehen ohne auch nur einen Absatz einzufügen. Deswegen sollte man dem User immer kleine Häppchen an Texten servieren, die von dem Auge schmerzfrei zu verdauen sind. Sie sollten jedoch weder zu lang noch zu kurz sein. Eine Zeilelänge von 50–70 Zeichen bei einspaltigem und 40 – 50 Zeichen bei mehrspaltigem Text sind in der Regel als Standard zu betrachten. Ebenso sollte der Zeilenabstand stets 120 % der verwendeten Zeichengröße betragen (z.B. 12 Pt. Zeilenabstand bei einer Schriftgröße von 10 Pt.).
