5 Tipps zur Vereinfachung Ihres Webdesigns
Einfachheitsregeln! Es macht Webseiten schlanker, reduziert Verwirrung und führt zu gewünschten Zielen und Ergebnissen (z. B. mehr Anmeldungen, Abonnenten und Umsatz). Zu oft scheint es jedoch schwierig, das Design Ihrer Website zu vereinfachen. Egal wie sehr Sie es versuchen, Sie können Ihre Arbeit nicht wie Apples aussehen lassen. Was muss ein Website-Designer wirklich tun?? Ärgern Sie sich nicht, denn es gibt 5 Ausgangspunkte, um das Design Ihrer Website zu vereinfachen.
Ein einfaches Website-Design sollte keine gewaltige Herausforderung sein - Sie können Ihr Design durch kleine Schritte vereinfachen. Einfache Aufgaben wie das Fokussieren nur auf die wesentlichen Elemente Ihrer Website, Beseitigen des Unnötigen, Verringern der Anzahl von Seiten, die Ihre Website enthält, mehr Inhalt über die Falte bringen und die Anzahl der verwendeten Farben begrenzen. Sie können Ihr einfaches Design jederzeit verfeinern und verbessern. Wichtig ist jedoch, dass Sie damit beginnen.
Sind Sie bereit, Ihr Website-Design zu vereinfachen? Genial. Ohne weiteres, hier sind 5 Ausgangspunkte, um das Design Ihrer Website zu vereinfachen.
1. Konzentrieren Sie sich nur auf wesentliche Elemente
Dieser erste Schritt scheint wahrscheinlich auf die Stirn zu schlagen: von KursIch sollte den Fokus auf die wesentlichen Elemente meiner Website legen, was ich, ein Idiot, bin? Eine überraschend große Anzahl von Websites erreicht dies jedoch nicht und das Ergebnis ist ein großes Durcheinander wichtiger und unwichtiger Elemente, die auf eine Seite übertragen werden. Ich bin in der Vergangenheit genauso schuld wie jeder andere. Es ist schwierig, objektiv zu sein und Prioritäten zu setzen, was wichtig ist oder nicht, weil alles scheint wesentlich zu sein. Wenn Sie das Design Ihrer Website einfacher gestalten möchten, ermitteln Sie, was muss fokus sein, wie bei jedem guten visuellen Design oder Kunstwerk. Und das bedeutet, den Fokus nur auf die wesentlichen Elemente zu legen.
Verwenden Sie die 80-20-Regel
Welche 20% von dem, was auf einer Seite steht, geben 80% des Werts und des Inhalts an, für den die Nutzer dort gehen? Es könnte sich dabei beispielsweise um die Kopie, einige soziale Beweise (Review-Snippets, Testimonials, Medienabzeichen) und um ein Anmeldeformular oder einen Call-to-Action-Button handeln. Das sind die 20% genau da. Auf Ihrer Website sowie auf jeder einzelnen Seite, konzentrieren Sie sich darauf, nur die 20% der Website-Elemente anzuzeigen, die 80% dieses Nutzens liefern.
Dies ist kein technischer Schritt, sondern ein Prinzip, das Sie als Leitfaden verwenden können, um das Design Ihrer Website ständig zu vereinfachen. Die 80-20-Regel vereinfacht die Gestaltung Ihrer Website, indem Sie die Elemente Ihrer Website auf das Wesentliche reduzieren. Was wirklich cool ist, ist, dass die 80-20-Regel auch dazu beitragen kann, die gewünschten Ergebnisse, die Sie auf Ihrer Website erzielen möchten, zu steigern. Zum Beispiel eine erhöhte Conversion-Rate bei Besuchern, die abonnieren, sich anmelden oder kaufen. Wie? Du machst es so, dass es weniger Ablenkungen gibt und Dinge, auf die Besucher klicken können, um die Seite zu verlassen.
Wie wir alle wissen, suchen wir immer nach einer Ausrede, um im letzten Schritt nichts zu kaufen, und jeder Grund, sich fortzubewegen, ist gut. Reduzieren Sie diese Gründe und Klickoptionen mit der 80-20-Regel.
Chris Pearson, der Schöpfer des beliebten Thesis-WordPress-Theme-Frameworks, sagt, dass genau dies zur Steigerung des Umsatzes auf seiner Website beigetragen hat.
2. Beseitigen Sie alle unnötigen Elemente
Wir setzen hier die 80-20-Regel fort.
Nachdem Sie nun die 20% der Website-Elemente ermittelt haben, mit denen Sie 80% der gewünschten Ergebnisse erzielen, ist es an der Zeit, dies zu tun Alle unnötigen Elemente loswerden. In anderen Worten, die 80% der Website-Elemente, bei denen Sie nur 20% der Ergebnisse erzielen. Es könnten Widgets für das Teilen sozialer Medien, Elemente der Seitenleiste, Meta-Details zu Blogbeiträgen (Datum, Uhrzeit, Autor, Anzahl der Kommentare usw.) oder Links in der Fußzeile sein (dies ist besonders häufig ein großer Übeltäter, vor allem wenn dies der Fall ist) Besucher sucht die vorgenannte Ausrede, um von der Seite wegzurollen).
3. Reduzieren Sie die Anzahl der Seiten
Ein großer Teil der Vereinfachung Ihres Website-Designs besteht darin, dass Sie einfach weniger Orte zum Erkunden und Herumklicken haben. Sie können das durch Trimmen der Seitenanzahl. Entfernen Sie entweder unnötige Seiten, die Sie im Inneren nicht kennen, oder schließen Sie zumindest mehrere Seiten zu einer zusammen. Ich meine, du tust es nicht Ja wirklich Sie müssen die Seiten "Über die Site" und "Über mich" voneinander trennen.
Stellen Sie sich zunächst auf die Denkweise des Besuchers ein, wenn Sie auf Ihre Website gelangen, Was sind die wichtigsten Dinge, die Sie tun möchten?? Zum Beispiel Finden Sie heraus, worum es bei Ihren Sachen geht? Oder dich kontaktieren? Nächster, Stellen Sie sicher, dass Ihre Seiten das Notwendige erleichtern und nicht mehr. Behalten Sie keine unnötigen Seiten auf Ihrer Website, weil Sie dies für notwendig erachten oder auf anderen Websites vorhanden sind. Wenn Sie die Anzahl der Seiten auf Ihrer Website reduzieren, ist es nicht nur einfacher für Ihre Besucher, sich auf Ihren Inhalt zu konzentrieren, da weniger Orte zum Klicken vorhanden sind, sondern auch Ihr Navigationsmenü.
Wir waren alle auf Websites mit zu vielen Nav-Menüpunkten. Wir wissen nicht, wo wir anfangen sollen, weil wir von den Entscheidungen überwältigt werden. Und wenn wir überwältigt werden, weil wir zu viele Möglichkeiten haben, wählen wir nichts. Mit so wenigen Nav-Menüelementen wie möglich gestalten Sie Ihre Website nicht nur einfacher, sondern auch einladender und freundlicher für Besucher.
4. Holen Sie sich mehr Inhalt über die Falte
Studien haben gezeigt, dass die Mehrheit der Menschen die meiste Zeit auf Webseiten verbringt (was auf dem Bildschirm angezeigt wird, ohne nach unten zu scrollen). Wenn Sie also die Effektivität Ihrer Website erhöhen möchten, sollten Sie die Hauptinhalte und die Handlungsaufforderungen über der Website anzeigen. Sie können etwas so einfaches tun, wie die Kopfhöhe zu verkürzen, wenn Sie oben auf Ihrer Website ein Logo und ein Navigationsmenü haben.
Dies bedeutet nichts anderes als das Ändern der Höhe der Kopfzeile in Ihrem Stylesheet (normalerweise style.css
oder stylesheet.css
). Überprüfen Sie auch, ob sich ein Anmeldeformular oder eine Schaltfläche unterhalb der Falzfläche befindet. Bewegen Sie dieses Element auf der Seite nach oben, sodass es das erste ist, was ein Besucher sieht. Nach alledem ist Ihre gewünschte Handlungsaufforderung des Besuchers, so verringern Sie die Arbeit, die benötigt wird, um dorthin zu gelangen (dh Scrollen).
5. Begrenzen Sie Ihr Farbschema
Es ist leicht, sich mit Farben hinreißen zu lassen. Warum sollten Sie sich für 2 oder 3 Farben entscheiden, wenn Sie 12 oder 13 haben können? Um das Design Ihrer Website jedoch visuell zu vereinfachen, müssen Sie Ihr Farbschema einschränken. Verwenden Sie im Zweifelsfall weniger Farben. Es hängt natürlich von Ihrem Design ab, aber versuchen Sie es mit nicht mehr als zwei oder drei Farben. Wenn Sie für Ihr visuelles Design mehr Subtilität und Textur benötigen, verwenden Sie Farbtöne der gleichen Farbe - hellblau für den Hintergrund und dunkleres Blau für Kopf- und Menüelemente.
Ich bin genauso schuldig wie alle, die in der Vergangenheit mit Farben wild geworden sind. Ich füge diese Farbe hinzu, dann eine andere und noch eine - und bevor ich es weiß, sieht es auf meiner Website wie ein Regenbogendurchfall aus. Sie können Ihre Website konstruktiv vereinfachen lassen, aber wenn die Farben die Augen ablenken, wenn Sie sie betrachten, anstatt den Inhalt zu vervollständigen, dann waren alle Anstrengungen umsonst. Verwenden Sie daher weniger Farben für Ihr Website-Design.
Probleme beim Auswählen einer Farbe für den Anfang? Vorher Nachher Das Magazin hat ein nützliches kostenloses E-Book, wie Sie hier die perfekte Farbe finden. Benötigen Sie Hilfe bei der Auswahl eines Farbschemas? Probieren Sie diesen praktischen Farbschema-Generator aus.
Zu guter Letzt
Hoffentlich sind Sie jetzt gerüstet und können Ihr Website-Design vereinfachen. Sie werden stolz darauf sein, Ihre Website vorzuführen, denn sie sieht gottverdammt sexy aus und Ihre Besucher werden ein viel angenehmeres Erlebnis beim Browsen auf Ihrer Website haben.
Um es zusammenzufassen: Hier sind die 5 Ausgangspunkte, um das Design Ihrer Website zu vereinfachen:
- Stellen Sie den Fokus nur auf die wesentlichen Elemente
- Beseitigen Sie alle unnötigen Elemente
- Reduzieren Sie die Anzahl der Seiten
- Holen Sie sich mehr Inhalte über die Falte
- Schränken Sie Ihre Farbpalette ein
In Verbindung stehende Artikel
- 11 häufige Fehler im Webdesign. Dinge wie das Vermeiden komplizierter Formulare, unorganisierte Inhalte, schlechte Lesbarkeit und eine nicht leicht zu lokalisierende Suchleiste helfen Ihnen dabei, das Design Ihrer Website zu vereinfachen, die Besucher zu begeistern und die Conversion-Rate für Sie zu steigern.
- Saubere, einfache und minimalistische Website-Designs. Alle diese Website-Beispiele beweisen, dass ein einfaches Design nicht nur gut aussieht und Angehörige des anderen Geschlechts beeindruckt, sondern auch die Benutzererfahrung stark verbessert
Ihnen gegenüber: Was sind Ihre Lieblings-Website-Design-Tipps zur Vereinfachung? Haben Sie eine Steigerung Ihrer gewünschten Ergebnisse durch die Vereinfachung Ihres Designs gesehen??
Anmerkung des Herausgebers:Dieser Beitrag wird geschrieben von Oleg Mokhov für Hongkiat.com. Oleg Mokhov ist der mobilste elektronische Musiker der Welt, ein begeisterter Web- und visueller Designer sowie Mitbegründer des erstklassigen lizenzfreien Musikgeschäfts Soundtrackster.