Leitfaden: Was ist gutes Design?

Webdesign ist interaktiv, ganz im Gegensatz zum Design eines Flyers oder einer Broschüre. Es muss funktional und benutzbar sein und nicht nur schön aussehen. Außerdem muss es je nach Gerät des Betrachters angepasst werden und ist nicht auf eine bestimmte Größe festgelegt. Heutzutage surfen viele Leute nur noch mit dem Smartphone im Internet. Im privaten Rahmen ersetzt dieses den Laptop und den Desktop-PC nahezu komplett.

Aus diesem Grund ist Webdesign heutzutage oftmals “mobile first”. Ausgehend vom kleinsten und am häufigsten genutzten Betrachtungsgerät, dem Smartphone, wird das Design aufgebaut und ausgebaut.

Gutes Webdesign macht eine Webseite für den Besucher verständlich. Er muss nicht überlegen, wie die Webseite funktioniert und wo er klicken muss, um an sein gewünschtes Ziel zu kommen. Das Design erklärt die Webseite für ihn.

Ein gutes Webdesign ist wie ein Witz. Wenn man es erklären muss, ist es nicht gut.

Mit technischen Spielereien protzen und zeigen, welche tollen Animation man basteln kann ist laut vielen Webdesignern State of the Art. Das ist aber häufig ein sehr großer Fehler, denn mit eben diesem Schnickschnack lenkt man vom eigentlich Wichtigen ab: dem Inhalt.

Elemente, die den Besucher vom eigentlichen Inhalt der Webseite ablenken, sind bspw.:

Manchmal behindern sie sogar die Konzentration und stören uns beim Lesen. Das wären dann fatale Fehler, wenn potenzielle Kunden zu sehr abgelenkt werden und sich nicht darauf einlassen können, was sie eigentlich wollten: Kontakt aufnehmen, ein Angebot einholen oder gar einkaufen.

Außerdem zu beachten ist, dass viele solcher Elemente die Ladezeit und Performance Ihrer Webseite negativ beeinflussen. Zudem sind vollflächige Bilder auch schwer zu handhaben, wenn man möglichst viele Bildschirmgrößen beliefern möchte. Für einen großen Monitor muss ein solches Bild bspw. auch sehr groß sein, da es sonst verpixelt und verschwommen erscheint. Bilder in dieser Größe werden langsamer geladen als normale Bilder.

Auf die Schriftart, die Schriftgrößen und den Zeilenabstand sollte bei der Erstellung des Webdesigns besonderes Augenmerk gelegt werden. Nichts ist wichtiger als eine gute Lesbarkeit Ihrer Texte.

Als gute Grundlage gilt:

Die Schriftfarbe und der Kontrast zum Hintergrund sind ebenso wichtig wie die Schrift an sich. Je höher dieser Kontrast ist, desto besser lesbar ist Ihr Text.

Auch die passende Länge der Textzeilen unterstützt Ihre Besucher beim Erfassen der Texte. Empfohlen sind Zeilenlängen von 50 – 80 Zeichen.

Faktoren, die User Experience beeinflussen:

Es ist wichtig, dass Ihre Besucher Ihre Webseite auch verstehen und Inhalte erkennen.  

Ein Design, das über viele Jahre bestehen bleiben kann, richtet sich nicht zwingend nach den aktuellen Trends und lässt sich nicht von der neuesten Mode beeinflussen.

Ein zeitloses Design

Momentan sind die Web Content Accessibility Guidelines (WCAG) 2.1 ein Bestandteil der harmonisierten Europäischen Norm EN 301 549 (https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf). Die Norm wird derzeit für die Umsetzung des European Accessibility Acts überarbeitet.

Es ist anzunehmen, dass die Veröffentlichung der neuen EN 301 549 Ende 2025 / Anfang 2026 stattfindet. Damit wird die Norm dann zur harmonisierten Norm und damit für Betreiber von Webseiten, die über Bundes- oder Landesgesetzte harmonisierten Normen verpflichtet sind, bindend.

Aber selbst, wenn es keine gesetzliche Vorgäbe wäre, ist es wünschenswert, das Internet für alle zugänglich zu machen.

Wir achten beim Erstellen des Designs und Ihrer Webseite bereits darauf, dass Ihr CI korrekt eingebracht wurde. Dennoch gibt es ein paar Dinge, die auch Sie beim Arbeiten im Backoffice beachten können und sollten:

Sie können Ihr bestehendes Webdesign auch auf diese Ansätze hin selbst testen. Es gibt verschiedene Tools, die auch die Barrierefreiheit kritisieren können: