Aktualisiert am 9. Juli 2019
Wie wichtig ist Ihr Website-Design? Wenn Nutzer gefragt wurden, warum sie einer Website nicht vertrauen, bezogen sich 94% der Kommentare direkt auf das Design der Website. Eine gut gebaute Website generiert besseren Kundenverkehr und eine verbesserte Benutzeroberfläche führt zu erhöhten Conversions.
Kreativität ist wichtig, aber es gibt einige Grundregeln für Design und Benutzererfahrung, die Ihnen helfen, Ihre Website zu erweitern. Beachten Sie beim Erstellen oder Neugestalten Ihrer Website die folgenden Vorschläge.
Gewinnen Sie Vertrauen mit einem sauberen, ansprechenden Website-Design
Die digitale Designwelt hat die Einfachheit angenommen, sich von Schnickschnack entfernt und sich auf die Grundlagen konzentriert. Aus Benutzersicht hat dies die Navigation auf Websites für ein angenehmeres Erlebnis erleichtert. Integrieren Sie diese 8 Designregeln in Ihre Website, um Ihr Publikum besser einzubinden.
1 Halten Sie das Layout einfach.
Je einfacher Ihr Website-Layout, desto besser. Das bedeutet nicht, dass es langweilig sein muss, aber es bedeutet, dass es sich auf das Wesentliche konzentrieren sollte. Saubere, funktionale Layouts erleichtern das Laden, Navigieren und Verwenden Ihrer Website auf verschiedenen Plattformen und Geräten.
Harrys Website stellt die wichtigsten Informationen — ihre Produkte – in den Mittelpunkt. Sie enthalten visuelle Elemente mit minimalem Text, um die Interaktion mit dem Inhalt zu erleichtern.
2 Erleichtern Sie die Navigation.
Wenn Sie möchten, dass Besucher Zeit auf Ihrer Website verbringen, müssen Sie es ihnen leicht machen, sich fortzubewegen. Es mag verlockend sein, mit dem Design Ihrer Navigationsmenüs etwas Kreatives zu tun, aber die Einfachheit und intuitive Informationsarchitektur sind wichtiger. Machen Sie Ihre Menüs Standard im Aussehen hilft Ihren Lesern sich wohl fühlen, wie sie auf Ihrer Website bewegen.
Vogue verfügt über anschauliche, übersichtliche Navigationsmenüs, mit denen Sie die Art des gesuchten Inhalts finden und mit ihm interagieren können.
3 Verwenden Sie klare Handlungsaufforderungen.
Was möchten Sie, dass Website-Besucher tun? Produkte kaufen? Für einen E-Mail-Newsletter anmelden? Für einen guten Zweck spenden? Denken Sie an Ihre Calls to Action. Gestalten Sie sie so, dass sie sich von einem Besucher Ihrer Website abheben. Wenn Sie Schaltflächen in Ihrem Design verwenden, stellen Sie sicher, dass der Text kurz und direkt ist.
Der World Wildlife Fund verwendet helle Schaltflächen neben seiner Navigationsleiste, die die Besucher auffordern, „zu spenden“ und „zu adoptieren“, zusammen mit starken Aufrufen zum Handeln in ihrem gesamten Inhalt.
4 Mit Inhalt ist weniger mehr.
Nutzen Sie das, was Sie über Ihre Besucher wissen, um ihre Optionen zu minimieren und ihre Aufmerksamkeit auf Ihre Produkte zu lenken. Zeigen Sie nur die Text- und visuellen Elemente an, für die sie Maßnahmen ergreifen sollen.
Websites für mobile Apps — wie Pocket – leisten damit hervorragende Arbeit. Sie konzentrieren sich auf die Erklärung der App und enthalten starke Handlungsaufforderungen zur Installation. Weniger wichtige Inhalte, wie ihr About-Bereich und ihr Blog, sind weniger prominent und werden in der Fußzeile verlinkt.
5 Haben Sie keine Angst vor Leerzeichen.
Leerraum ist einfach leerer Raum auf einer Seite. Es muss nicht wirklich weiß sein — es muss nur keinen Text oder Bilder enthalten. Wenn es gut gemacht wird, kann es die Lesbarkeit verbessern und Unordnung aus Ihrem Website-Design entfernen. Weißraum kann auch helfen, Fokus und Aufmerksamkeit zu lenken. Es bietet eine Möglichkeit, Funktionen und Ideen zu trennen, sodass Besucher auf einen Blick genau erkennen können, was sie sehen sollen, anstatt ein lautes und überfülltes Layout visuell sortieren zu müssen.
Google ist das ultimative Beispiel für die Verwendung von Leerzeichen. Es könnte nicht sauberer sein – nur eine leere Seite mit einem Logo und einem Suchfeld.
6 Verschönern Sie Ihr Website-Design mit auffälligen Farben.
Wählen Sie eine Farbe, die die Grundlage für Ihr gesamtes Website-Design bildet, und wählen Sie dann eine kontrastierende Akzentfarbe für wichtige Schaltflächen und andere Oberflächenelemente. Sie können mehr über die Auswahl der richtigen Farbpalette für Ihre Marke erfahren.
Whole Foods Market verwendet Grün als primäre Markenfarbe, und die kleinen Pops des sekundären Oranges lenken das Auge auf besondere Handlungsaufforderungen.
7 Integrieren Sie attraktive, leicht lesbare Schriftarten.
Verwenden Sie einen attraktiven Typ, der visuell ausgewogen und einzigartig ist, um Ihren Website-Text klar und faszinierend zu gestalten. Vier der beliebtesten Schriftarten sind Brandon Grotesque, Museo Sans, Railway und Playfair Display.
Die belgische Kinderbekleidungswebsite Studio Aimee verwendet Brandon Grotesque für ein sauberes, lesbares Einkaufserlebnis.
8 Binden Sie Benutzer mit Videos und reichhaltigen Bildern ein.
Videos und Bilder sind ansprechender als Text allein — tatsächlich können Zielseiten mit Videos die Conversions um mehr als 80% steigern. Verwenden Sie skalierbare Bilder (SVG), um eine qualitativ hochwertige Benutzererfahrung auf Desktop- und Mobilgeräten zu gewährleisten.
Nonprofit charity: water zeigt ein Video auf ihrer Homepage an, was es zu einem der ersten Dinge macht, die Sie sehen, wenn Sie ihre Website besuchen, um maximale Wirkung zu erzielen.
Halten Sie Besucher mit einer benutzerfreundlichen Website in Kontakt
Sie können die attraktivste Website der Welt haben, aber wenn sie schwer zu bedienen ist, werden Ihre Besucher nicht zu Kunden. Diese sieben Regeln stellen sicher, dass Ihr Publikum eine reibungslose Benutzererfahrung hat.
1 Machen Sie Ihre Website mobilfreundlich.
Wussten Sie, dass bis zu 70% des Web-Traffics von einem mobilen Gerät kommt? Das heißt, es besteht eine gute Chance, dass jemand, der Ihre Website zum ersten Mal besucht, sein Smartphone verwendet. Und wenn das mobile Erlebnis negativ ist, haben Sie gerade einen Kunden verloren. Erfahren Sie, warum und wie Sie Ihre Website mobilfreundlicher gestalten können.
Everlanes mobiles Einkaufserlebnis ist sauber und einfach zu bedienen. Das Design umfasst modulare Inhalte, sodass es reaktionsschnell ist und auf mobilen Geräten gut übersetzt werden kann. Die Website enthält auch Aufrufe zum Herunterladen der Shopping-App, ohne dass Sie das Gefühl haben, auf der Website weniger Erfahrung zu haben.
2 Optimieren Sie Ihre Navigation.
Je mehr Seiten jemand auf Ihrer Website navigieren muss, um zu finden, wonach er sucht, desto wahrscheinlicher wird der Kunde Ihre Website aus Frustration verlassen. Tatsächlich verlassen 40% der Besucher einer durchschnittlichen Website nur eine Seite, nachdem Sie sie gesehen haben!
Inhalte sollten nicht vergraben werden. Lassen Sie Ihre Besucher nicht nach dem suchen, wofür sie gekommen sind. Ihre Navigation sollte aus Benutzersicht gut organisiert und logisch sein. Es sollte sich auch vertraut anfühlen, damit Ihre Benutzer keine steile Lernkurve haben.
Tilde Inc. hat eine einfache Navigationsleiste oben auf der Website, mit den wichtigen Punkten, die unten mit einer kurzen Erklärung im Abschnitt „Was wir tun“ verlinkt sind. Dies macht es einfach zu finden, was Sie suchen.
3 Verwenden Sie Handlungsaufforderungen, um das Auffinden zu erleichtern.
Überlegen Sie, wo Sie Schaltflächen auf Ihrer Website platzieren können, damit Besucher die wichtigen Dinge leichter finden können. Wenn Sie eine E-Commerce-Website sind, haben Schaltflächen mit der Aufschrift „Jetzt einkaufen“ viel mehr Einfluss als ein einfacher Navigationslink; Wenn Sie eine gemeinnützige Organisation sind, wird eine Schaltfläche „Spenden“ neben Ihrer Navigationsleiste das Spenden für Besucher zum Kinderspiel machen.
Square hat einen einfachen Aufruf zum Handeln, der Geschäftsinhaber ermutigt, mit dem Verkauf zu beginnen. Ihre CTA-Schaltfläche lautet „Starten Sie ein Square-Konto.“ Es wird nicht viel einfacher als das.
4 Geben Sie Benutzern robuste Suchfunktionen.
Es ist ebenso wichtig, darüber nachzudenken, wie Besucher Ihre Website durchsuchen und wie Ergebnisse angezeigt werden. Die Sucherfahrung sollte Ihre Navigationserfahrung mit der Organisation der Ergebnisse widerspiegeln. Durch die Integration von Funktionen wie der automatischen Vervollständigung wird die Suche auch aus Benutzersicht vereinfacht.
Zappos verfügt über ein intelligentes Suchwerkzeug, das sehr genau ist und auch die Filter auf der linken Seite basierend auf Suchbegriffen aktualisiert.
5 Trennen Sie Inhalte mit Abschnittsüberschriften.
Wenn Sie mit inhaltslastigen Bereichen auf Ihrer Website zu tun haben, teilen Sie diese mit Überschriften auf. Ob es sich um einen Artikel oder eine Produktbeschreibung handelt, Header geben Ihrem Inhalt Struktur und erleichtern das Scannen.
WebMD zerlegt seinen Inhalt effektiv in verdauliche Teile mit vielen Abschnittsüberschriften, damit Sie die gesuchten Informationen finden.
6 Sprechen Sie wie eine echte Person.
Je mehr Jargon und Marketingsprache Benutzer beim Besuch Ihrer Website entschlüsseln müssen, desto unwahrscheinlicher ist es, dass sie sich mit Ihrer Marke beschäftigen. Ein freundlicher, unterhaltsamer Ton erleichtert es den Besuchern, Ihre Inhalte zu lesen und zu verstehen sowie auf Ihrer Website zu navigieren.
Zipcar macht ihren Service einfacher zu verstehen — und ihre Website einfacher zu navigieren – mit ihrer lockeren Markenstimme.
7 Bestätigen Sie die Aktionen Ihrer Besucher.
Wenn Ihre Besucher ein Produkt von Ihnen kaufen, einen Newsletter abonnieren oder sogar Ihre Inhalte teilen, empfiehlt es sich, einen Bestätigungsbildschirm anzuzeigen, der ihnen zeigt, dass ihre Aktion erfolgreich abgeschlossen wurde. Es tut auch nicht weh, diesen Bildschirm zu benutzen, um ihnen zu danken.
theSkimm gratuliert und begrüßt Sie, nachdem Sie sich für den Newsletter angemeldet haben, mit der Aufforderung, ihn in den sozialen Medien zu teilen.
Testen Sie Ihre Website vor dem Start
Es gibt immer Knicke, die Sie beim Start — oder Relaunch — einer Website herausfinden müssen. Es ist wichtig, sich die Zeit zu nehmen, Ihre Website zu testen und Feedback zu sammeln, bevor sie live geschaltet wird.
1 Führen Sie Qualitätssicherungstests durch.
Wenn Sie über die Ressourcen verfügen, stellen Sie ein Qualitätssicherungsteam ein, damit es alle Aspekte Ihrer Website testen kann. Wenn Sie keine Mitarbeiter speziell für die QS-Rolle einstellen können, lassen Sie Ihre Website vor dem Start von internen und externen Mitarbeitern Ihres Unternehmens testen. Sie können auf alle Links klicken, alle Formulare ausfüllen und alle Dienste ausprobieren. Grundsätzlich gilt, wenn es etwas auf der Website zu tun, sie sollten es tun. Auf diese Weise können Sie alle Fehler beheben, bevor Sie starten.
2 Sammeln Sie Benutzerfeedback, bevor Sie Ihre Website live schalten.
Laden Sie eine ausgewählte Gruppe von Betatestern ein, Feedback zu Elementen wie Navigation, Design und wichtigen Benutzerströmen zu geben. Möglicherweise nehmen Sie keine Änderungen auf der Grundlage des gesamten Feedbacks vor, das Sie vor dem Start erhalten haben.
Eine Website von Grund auf neu zu erstellen — auch wenn Sie eine Agentur beauftragt haben – ist keine Kleinigkeit. Wir haben eine praktische 3-Schritte-Checkliste zum Erstellen einer ansprechenden Website-Design-Checkliste (PDF) erstellt, damit Sie sicherstellen können, dass Sie alle wichtigen Elemente von der Liste entfernen.