Es ist kein Geheimnis, dass einfach oft besser ist, wenn es um das Design von Websites geht. Eine Benutzeroberfläche, die einfach zu verstehen ist und die ebenso einfach zu verwenden ist, wird wahrscheinlich eher zu aktiven Benutzern, die später zu Ihrer Website zurückkehren.
Aber wie vereinfachen Sie Ihre Website? Auch wenn Sie nicht von Grund auf etwas Neues bauen, besteht der Trick darin, Ziele zu setzen und dann den Weg zu suchen, um diese für Benutzer zu erreichen. Alles, was diesem Weg im Weg steht, sollte beseitigt werden. Alles, was zu verstehen versteht, was ein Benutzer tun soll, sollte aus dem Entwurf entfernt werden.
Das ist es, was wir heute betrachten werden - ein paar Tricks, mit denen Sie das Design Ihrer Website vereinfachen können. Und diese Ideen funktionieren für vorhandene Websites und neue Builds. (Dieser Artikel enthält Beispiele von einfachen einfachen Designs. Besuchen Sie jede Website, um noch mehr Inspiration zu erhalten.)
1. Konzentrieren Sie sich auf Aufrufe zum Handeln
Ihre Website sollte für jeden Benutzer ein Endziel haben, etwas zu tun. Dieses Ziel sollte für jede Person offensichtlich sein, die auf dem Design landet.
Handlungsaufforderungen müssen klar und groß genug sein, um zu sehen, und an genügend Orten, damit Benutzer nie zu weit von dem Klicken der Taste entfernt sind.
2. Optimieren Sie die Anzahl der Seiten
Ist Ihr Design mit Seiten und Informationsseiten gefüllt? Muss es sein?
Rationalisieren Sie Inhalte in überschaubare Abschnitte, aber überfordern Sie Benutzer nicht mit zu vielen Seiten, die Sie durchklicken können. Behalten Sie alle verwandten Inhalte zusammen, um das Lesen und Fließen zu erleichtern.
Beseitigen Sie Seiten mit alten, veralteten Informationen oder solchen, die nur ein Widget oder eine Karte eines Drittanbieters enthalten. (Diese Elemente können normalerweise an anderer Stelle eingefügt werden.)
3. Bleiben Sie bei einer Farbpalette
Während eine Vielzahl von Farben Spaß machen und fesselnd sein kann, ist sie auch überwältigend. Halten Sie sich an eine Farbpalette mit nur zwei oder drei Optionen, um die Farbe unter Kontrolle zu halten.
Wenn Sie supereinfach arbeiten möchten, sollten Sie eine monotone Farbpalette mit nur wenigen Farbtönen und Tönen einer einzigen Farbe in Betracht ziehen. Es ist erstaunlich, wie schön etwas so einfaches sein kann, und es ist auch für Benutzer einfach. Weniger Farben verursachen weniger Überlastung und sorgen für ein harmonischeres und organisierteres Erscheinungsbild. (Etwas, das fast jeder mit einem hektischen Leben schätzen kann.)
4. Entscheiden Sie sich für die Standardnavigation
Obwohl versteckte oder alternative Navigationsstile cool aussehen können, sind diese trendigen Optionen nicht so benutzerfreundlich, wie Sie vielleicht erwarten. Jede Abweichung von? Normal? Die Benutzermuster können etwas erschüttern und dazu führen, dass die Benutzer zu sehr über die Website nachdenken. Entscheiden Sie sich für Standardmuster, damit Ihre Website einfach zu verwenden ist.
Vor diesem Hintergrund ist der Standard ziemlich schlank. Oberste oder Pop-Out-Navigationselemente mit drei bis acht Menüoptionen sind die Norm. Und vergessen Sie die Mega-Navigationsmenüs, die einst beliebt waren. Wenn Sie kein großer E-Commerce-Händler sind, gibt es keinen Grund für jede Seite des Designs, einen Platz in der Navigation zu haben. (Und viele dieser Mega-Optionen funktionieren auf mobilen Geräten überhaupt nicht.)
5. Betrachten Sie die 80-20-Regel
Die 80-20-Regel ist ein guter Ausgangspunkt, wenn Sie über Änderungen an einem Design nachdenken. Es gibt zwei Möglichkeiten, über die Regel nachzudenken und sie zu implementieren.
- Beachten Sie, dass 20 Prozent der Elemente auf Ihrer Website zu 80 Prozent der gewünschten Benutzeraktionen führen. Das bedeutet, dass eine Handvoll Handlungsaufforderungen, Schaltflächen oder andere Elemente der Benutzeroberfläche einen erheblichen Teil der Benutzerinteraktion auslösen. Das ist völlig normal.
- Wenn Sie Änderungen vornehmen, sollten Sie sich auf die oberen 20 Prozent des Inhalts konzentrieren, um 80 Prozent der Änderungen vorzunehmen, wenn Sie ein Design aktualisieren oder neu überdenken. Die 20-prozentigen Elemente, über die Sie vielleicht nachdenken möchten, umfassen dieselben Elemente, die die meisten Klicks erzeugen - CTAs, Traffic-Trichter und Bilder. Leerraum ist ein weiterer wichtiger Faktor.
Wenn die 80-20-Regel bekannt ist, wird sie auch als Pareto-Prinzip oder Gesetz der vitalen wenigen bezeichnet. Es wurde vom Ökonom Vilfredo Pareto entwickelt, hat aber Anwendungen in allen Disziplinen.
6. Verwenden Sie UI-Elemente mit Zweck
Icons, Bilder und jedes andere Element der Benutzeroberfläche im Design sollte aus einem bestimmten Grund vorhanden sein. (Denken Sie nur daran, wie ärgerlich es ist, auf ein Facebook-Symbol zu klicken und nicht auf die Seite der Marke verlinkt zu werden.)
Überfordern Sie Benutzer nicht mit coolen Divots, nur weil Sie sie haben. Planen und verwenden Sie Elemente nur dann, wenn sie im Gesamtentwurf tatsächlich verwendet werden.
7. Passen Sie auf Typografie auf
Das Modell für die Verwendung von Typografie ist genau wie das Verwenden von Farbe: Weniger ist mehr.
Die am einfachsten lesbaren Schriftarten haben Standardformen, einheitliche Strichstärken und keinen Überfluss an Verzierungen. Eine solide Schriftfamilie verfügt über Optionen, sodass Sie nicht nach zusätzlichen Schriftarten suchen müssen, wenn Sie bestimmte Schriftzüge hervorheben möchten. Die Buchstaben müssen genug Gewicht enthalten, um lesbar zu sein und sich vom Hintergrund abzugrenzen.
Und fange mit nur zwei Schriften an. Eine für den Haupttext auf der Website und eine für die Anzeige. Das ist es. Das ist alles was du brauchst.
8. Erhöhen Sie die Textgröße
Und während Sie über Typografie nachdenken, erhöhen Sie die Schriftgröße. Bildschirme werden immer größer, sodass sie Ihre Nachricht leichter sehen können, als mehr Text auf der Leinwand zu stopfen.
Während dies bei mobilen Geräten kontraproduktiv erscheinen mag, gilt das Gleiche. Größere Beschriftungen können leichter lesbar sein. Vergiss das alte Sprichwort, dass alles über der Schriftrolle stehen muss. Während Schlüsselwörter Benutzer zum Scrollen animieren sollten, muss nicht alles auf dem ersten Bildschirm angezeigt werden. Die Benutzer verstehen es, weiterzumachen, und sie sind an das Scrollen gewöhnt, insbesondere wenn sie Websites auf ihrem Telefon betrachten.
9. Erstellen Sie eine mühelose Kopie
Typografie kann einen großen Unterschied machen, wenn es darum geht, wie einfach oder komplex Ihr Design aussieht, aber die eigentlichen Wörter sind genauso wichtig.Jedes Wort sollte dieselbe Bedeutung wie Ihre Grafik haben, sodass eine eindeutige Übereinstimmung vorliegt.
Bearbeiten Sie die Kopie. Bearbeiten Sie es dann erneut.
Websites sind ein Medium, das als lesbare Kommunikationsform gedacht ist. Stellen Sie sicher, dass die Unterhaltung, die Sie mit den Besuchern führen, diejenige ist, die Sie mit einer sauberen, übersichtlichen und gut lesbaren Kopie erwarten. Erstellen Sie einen Ton, der durch das Design fließt und Wörter und Sprache verwendet, die die Benutzer ansprechen.
Bearbeiten Sie dann noch einmal und nehmen Sie alle Textstellen heraus, die nicht mehr benötigt werden.
10. Brich eine Regel, aber nur eine
Regeln sind da, um gebrochen zu werden. Aber brich nur eine Regel.
Wenn Sie etwas anderes machen möchten, dürfen Sie das Design nicht mit vielen anderen oder ungewöhnlichen Elementen verschmutzen. Wenn Sie sich auf eine komplexere oder ungewöhnlichere Sache konzentrieren, können Sie Interesse wecken, ohne die Benutzer zu überfordern.
Das hört sich ziemlich einfach an, oder? (Lassen Sie sich nicht in eine der üblichen Fallen fallen, zu viel zu tun.)
Fazit
Ein Website-Design, das zu kompliziert ist oder zu? kann im Wege stehen, was Sie mit Benutzern kommunizieren möchten. Erinnern Sie sich an Ihre Conversion-Ziele und was die Benutzer mit dem Design machen sollen. Egal, ob Sie ein Formular ausfüllen, eine App herunterladen oder einen ausgestopften Hasen kaufen - jedes Gestaltungselement sollte Wert darauf legen, an dieses Ziel zu gelangen.
Entfernen Sie alle Gestaltungselemente, die diesem Pfad im Wege stehen. Benutzer mögen saubere, einfache und benutzerfreundliche Designs. Dies gilt insbesondere für kleinere Geräte, wie z. B. Telefone, bei denen Unordnung das Benutzererlebnis innerhalb von Nanosekunden ruinieren kann.
Minimalistisches Grafikdesign
Minimalistisches Grafikdesign ist eine Philosophie, bei der jedes Element einen Zweck erfüllt. Es ist einfach, sauber und schön. Es ist sehr brauchbar. Unser Feature erforscht verschiedene Ansätze und Techniken für minimalistisches Grafikdesign (mit vielen inspirierenden Beispielen!)