10 visuelle Änderungen, die Ihre Website verbessern
Bei Droptica arbeiten wir viel mit Kunden zusammen, um ihre Unternehmenswebsites zu verbessern. Ihre Website kann immer besser werden. Wir haben eine Liste von Dingen vorbereitet, die Sie ändern können, um sie visuell zu verbessern. Dank dieser Liste wird Ihre Website besser aussehen.
1. Sorgen Sie für eine konsistente Typografie
Eines der Hauptelemente auf einer Seite ist Text. Damit Texte gut aussehen, sollten sie mit sorgfältig ausgewählten Schriftarten erstellt werden. Stellen Sie sicher, dass Sie auf Ihrer Seite höchstens 2-3 Schriftarten verwenden. Eine größere Anzahl von Schriftarten vermittelt den Eindruck von Unordnung und Inkonsequenz. Es wirkt auch nachlässig und zufällig. Wählen Sie eine Schriftart, die Sie für Überschriften verwenden, und eine für längere Texte, die in Absätzen unterteilt sind. Inspiration finden Sie in den Schriftarten-Sets auf Google Fonts (kostenlos) und indem Sie sie auf Ihre Website herunterladen.
2. Weißraum
Eine visuell ansprechende Website ist lesbar und ordentlich. Eine Methode, um einen professionellen und gut lesbaren Effekt zu erzielen, ist die Verwendung von Weißraum. Dies sind die Bereiche der Seite (und grafischen Entwürfe im Allgemeinen), die nur den Hintergrund enthalten. Sie bieten eine "Verschnaufpause" zwischen den Abschnittsbereichen der Seite. Weißraum erleichtert das Lesen der Seite und macht sie – ganz nebenbei – schöner. Die Meister dieser Lösung sind Apple-Designer, die das WS-Prinzip seit Jahren auf ihren Websites anwenden.
Um Ihre Seite zu verbessern, werfen Sie einen kritischen Blick darauf und überlegen Sie, ob es in einigen Teilen nicht zu eng ist oder ob die Menge an Inhalten nicht überwältigend ist. Wenn es solche Bereiche gibt, trennen Sie sie mit Weißraum. Beginnen Sie mit Überschriften und Absätzen. Erhöhen Sie den Abstand zwischen dem Absatz und der Überschrift darüber. Denken Sie daran, dass der geschaffene Abstand das Verständnis des Inhalts nicht erschweren sollte. Die Überschriften sollten sich auf bestimmte Absätze beziehen. Zu viel Abstand zwischen den Überschriften und dem Inhalt kann sie voneinander getrennt wirken lassen. Es gibt nie genug Weißraum.
3. Farbschema der Seite
Stellen Sie sicher, dass Ihre Seite ein gut durchdachtes Farbschema hat. Wie bei Schriften ist es nicht vorteilhaft, wenn es zu viele Farben gibt. Alle Überschriften sollten die gleiche Farbe haben, ebenso wie Absätze und Schaltflächen. Wenn Sie möchten, dass die Überschriften auf Ihrer Seite blau sind, stellen Sie sicher, dass jede Überschrift des gleichen Typs blau ist. Natürlich können Sie, wenn der Hintergrund das Lesen an einigen Stellen erschwert (z. B. ist er ebenfalls blau), eine weiße oder eine andere gut lesbare Überschrift erstellen. Wichtig ist, dass es nicht zu viele davon gibt.
Wählen Sie eine Farbe für den Text in Absätzen. Schwarz sieht immer gut aus. Wenn Sie einen Text hervorheben möchten, können Sie eine andere Farbe verwenden, aber denken Sie daran, dies in Maßen zu tun. Hervorhebungen wirken nur, wenn sie tatsächlich ein Element von seiner Umgebung abheben. Wenn alles umher regenbogenfarben ist, wird der hervorgehobene Teil schwer zu lesen sein.
Wenn Sie Schaltflächen auf Ihrer Seite haben (und das haben Sie wahrscheinlich), legen Sie ein einheitliches Farbsystem dafür fest. Wenn Sie zwei Arten von Schaltflächen haben (Haupt- und Unterstützungsbutton), lassen Sie die Hauptschaltfläche immer in der gleichen Farbe. Es hilft dem Nutzer, sich mit der Website vertraut zu machen und zu lernen, wie man sie nutzt. Mehr Farben verursachen ein Gefühl von Unordnung und Zufälligkeit. Erstellen Sie Farb-Richtlinien für wiederkehrende Elemente.
4. Wie Sie die richtigen Fotos auswählen
Fotos machen Ihre Seite interessanter. Wir alle mögen schöne Bilder. Wählen Sie Fotos so aus, dass sie mit Ihrer Seite konsistent sind. Wenn Sie eher minimalistische Fotos haben, versuchen Sie, dass die nächsten ähnlich aussehen. Versuchen Sie, gängige Stockfotos zu vermeiden. Einige dieser Aufnahmen sind sehr verbreitet und auf vielen Seiten zu finden. Manchmal werden Charaktere aus Stockfotos zu Memes. Vermeiden Sie es, diese zu verwenden, um sich nicht dem Spott auszusetzen. Um den Eindruck von Professionalität zu erreichen, versuchen Sie, originelle Fotos auszuwählen. Es wäre am besten, Fotos zu verwenden, die Sie selbst gemacht haben oder einen professionellen Fotografen zu engagieren. Dies macht Ihre Seite einzigartig und unverwechselbar.
5. Zeilenabstand und Aufbrechen langer Texte
Nicht viele Menschen wissen, dass die Lesbarkeit eines Textes durch den Zeilenabstand beeinflusst wird, also den Abstand zwischen den einzelnen Textzeilen. Um eine angenehme Lesbarkeit zu gewährleisten, erhöhen Sie den Abstand zwischen den Zeilen. Der ideale Abstand beträgt mindestens 150 % der Buchstabenhöhe, bei einer Zeile mit 40-80 Zeichen (inklusive Leerzeichen).
Ein weiterer wichtiger Schritt ist das Aufbrechen langer Absätze in mehrere kürzere. Dies erhöht die Lesbarkeit und ermutigt den Nutzer, den Text zu lesen. Absätze mit bis zu 10 Zeilen sind am besten zu lesen. Denken Sie daran, dass die Menschen im Internet eher scannen als lesen. Machen Sie es ihnen einfacher, und sie werden sich eher mit dem, was Sie mitteilen wollen, auseinandersetzen.
6. Verwenden Sie Icons
Wenn es viel Text auf Ihrer Seite gibt, ist es eine gute Idee, Grafiken zu verwenden, die das Aussehen der Seite auflockern. Solche Bilder können Icons oder Symbole sein. Icons sind sehr gut als auffällige Elemente geeignet. Sie funktionieren hervorragend, wenn sie Überschriften begleiten oder Aufmerksamkeit auf einen Textabschnitt lenken. Zum Beispiel, wenn Sie Lieferoptionen in Ihrem Online-Shop beschreiben, können Sie ein Symbol für ein Paket oder einen Lieferwagen verwenden. Wenn Sie nach Kontaktdaten fragen, können Sie daneben ein Icon eines Briefumschlags oder eines Telefons hinzufügen. Dies erleichtert dem Nutzer das Finden relevanter Inhalte, da diese leichter zu erkennen sind.
7. Favicon, oder Ihr Icon
Ein Favicon ist ein kleines Symbol in der Registerkarte des Browsers. Es ist ein markantes Bild, das es einfacher macht, Ihre Seite unter allen offenen Registerkarten zu finden. Wenn Ihre Seite noch kein Favicon hat, lohnt es sich, eines hinzuzufügen. Es ist eine einfache Maßnahme, die Ihre Website professioneller aussehen lässt.
8. Teilen Sie die Inhalte von Unterseiten in Abschnitte auf
Niemand mag es, von einer Textwand gelangweilt zu werden. Stellen Sie sicher, dass Ihr Nutzer den Abschnitt findet, der ihn interessiert. Das Aufbrechen langatmiger Abschnitte in kleinere, klar abgegrenzte Abschnitte wird dies erheblich erleichtern. Verwenden Sie Überschriften und teilen Sie den Text in übersichtliche Portionen auf. Es ist eine einfache Maßnahme, die das Benutzererlebnis auf Ihrer Seite verbessern wird. Verwenden Sie farbige Hintergründe in Abschnitten, sodass die Teilungen klar und lesbar sind. Diversifizieren Sie die Teile der Seite zwischen den einzelnen Texten mit visuell ansprechenden Objekten. Fotos und andere Bilder funktionieren hier gut. Sie können auch große Überschriften verwenden, die ins Auge fallen und Ihre Seite in kleinere Teile aufteilen.
9. Verwenden Sie Bilder als Hintergrund
Das Hinzufügen von Bildern, Texturen oder Mustern als Hintergrund kann Ihrer Seite Charakter verleihen. Es kann sich um ein Foto oder ein sich wiederholendes grafisches Motiv handeln. Wenn die Seite textbasiert ist, kann ein dezentes Muster oder ein unscharfes Foto sie ansprechender machen, und es wird die Aufmerksamkeit des Nutzers länger aufrechterhalten. Diese Maßnahme eignet sich hervorragend für Bereiche, die Sie mehr hervorheben möchten, und stellt sicher, dass der Leser sie nicht übersieht.
10. Weniger ist mehr
Abschließend ein sehr wichtiger allgemeiner Ratschlag. Konzentrieren Sie sich auf die Qualität der Inhalte, nicht auf die Quantität. Eine klare und lesbare Botschaft wird für den Nutzer attraktiver sein als zu ausufernde, lange Texte. Versuchen Sie nicht, auf der Seite "zu viel zu erzählen", sondern sagen Sie so viel wie nötig. Denken Sie daran, dass die meisten Benutzer Ihre Website auf ihrem Smartphone nutzen werden. Eine große Menge an Text wird darauf nicht gut aussehen und könnte Ihre Besucher vertreiben.
Zusammenfassung
Die meisten dieser Verbesserungen sollten nicht mehr als ein paar Stunden Arbeit in Anspruch nehmen, und der visuelle Effekt Ihrer Seite wird sofort sichtbar sein. Vergessen Sie nicht, dass Ihre Seite ständig aktualisiert werden sollte. Alles, was – Ihrer Meinung nach – momentan keine Änderungen benötigt, könnte sie bald benötigen. Besuchen Sie daher Ihre Seite oft und betrachten Sie sie mit einem kritischen Auge, indem Sie die Perspektive eines typischen Nutzers einnehmen. Verbessern Sie, experimentieren Sie, probieren Sie aus.
