6 Schritte zur Perfektionierung des Minimalismus im Webdesign
In den letzten Jahren wurde das Webdesign von verschiedenen Trends beeinflusst, die sich verändert haben. Einer der Trends mit Durchhaltevermögen ist der Minimalismus, einfach weil es ein zeitloses Konzept ist, das in verschiedenen Medien im Laufe der Zeit beliebt war. Warum also nicht im Webdesign?
Eines der Dinge über Minimalismus ist, dass es auch die Benutzererfahrung verbessert und dabei nett aussieht. Eine Beschwerde vieler Nutzer im Laufe der Jahre war, dass einige Websites einfach zu kompliziert zu navigieren sind. Es sind einfach zu viele Dinge im Spiel, die den Benutzer weniger erleben lassen, als er sein sollte oder könnte.
Das alte Sprichwort: "Weniger ist mehr" ist immer noch wahr, besonders wenn es um Design im 21. Jahrhundert geht.
1) Umfassen Sie flaches Design
Wir alle wissen, dass flaches Design im Wesentlichen die Antwort der Design-Welt auf den Skeuomorphismus ist, der in letzter Zeit stark in Ungnade gefallen ist, wobei Apple ein Paradebeispiel für diesen Umbruch ist. Das flache Design zeichnet sich insbesondere durch das Fehlen von Schlagschatten, 3D-Effekten und Farbverläufen aus; Es verwendet auch kräftige und lebendige Farben, um das Auge des Benutzers zu zeichnen.
Eine große Marke, die sich durch ein flaches Design auszeichnet, ist Microsoft, insbesondere mit seinem Windows 8-Betriebssystem. Auf der offizielle Website des Unternehmens für die neueste Version , 8.1, sehen wir flach gestaltet in all seiner Pracht. Dies ist unter Konsistenzgesichtspunkten durchaus sinnvoll, da Windows 8 für das flache Design seines Startbildschirms bekannt war.
Daher sehen Sie auf der Website keine Anzeichen von Schatten oder Farbverläufen - Sie sehen nur alles in 2D. Die Typografie verschiedener Schriftarten für Überschriften und Textkopien weist keinerlei Texturen auf; das Seitenlayout ist sehr sauber und ohne Unordnung; Symbole und Schaltflächen sind lebendig und flach wie es sein kann; und die Bilder von Windows 8 Startbildschirmen sind eine Studie in flachem Design.
2) Integriere Leerraum
Wie auch immer Sie es nennen wollen, Negativ- oder White-Space ist nicht nur ein außergewöhnlich schlaues Designelement, das den Weg dorthin führt, wohin Sie es auf einer Webseite wollen, sondern es ist auch ein Standardträger für Minimalismus. Mehr und mehr Websites gehen zu dieser Design-Technik, da sie erkennen, wie nützlich es ist.
Das einzige beste Beispiel für Negativ- oder Leerraum im Internet ist wahrscheinlich die Seite, mit der Sie es am wenigsten verbinden - nur weil Sie es für selbstverständlich halten. Sie benutzen es so sehr, dass es einfach Ihrer Aufmerksamkeit entgeht ... aber es ist da! Ich rede von Google-Suche . Es ist eine Studie im weißen Raum, aus Gründen, die ganz offensichtlich sein sollten.
Da der Zweck der Website zu suchen ist, hat das Unternehmen geschickt so viel negativen oder weißen Platz auf der Seite verwendet, dass jeder Benutzer im gesamten Universum nicht durch etwas anderes abgelenkt werden könnte, während auf der Suchseite. Alle Elemente wurden entfernt und Leerraum umgibt die Suchleiste. Offensichtlich lenkt dies das Auge des Benutzers an den Punkt der größten und einzigen Wichtigkeit: wo Sie Ihre Suche eingeben müssen.
Während der Negativ- oder Weißraum ein ideales Beispiel für Minimalismus ist, muss auch betont werden, dass er nicht Leerheit per se darstellt. Es ist tatsächlich ein sehr schlaues Design-Element, das hilft, die Augen des Benutzers zu führen.
3) Auswahl einschränken
Eine der größten Regeln bei der Steigerung von Conversions auf jeder E-Commerce- oder B2B-Website besteht darin, die Anzahl der Auswahlmöglichkeiten zu entfernen, die Sie Nutzern, Käufern oder Besuchern geben. Es liegt auf der Hand: Wenn Sie so viele Auswahlmöglichkeiten wie möglich wegnehmen, lassen Sie Ihre Besucher nicht von irgendetwas abgelenkt werden, das sie daran hindern könnte, das Ziel der Seite zu erreichen, nämlich zu konvertieren. Daher ist weniger Auswahl ein weiteres beeindruckendes Beispiel für Minimalismus im Webdesign.
Einer der besten Orte, um die Magie des Minimalismus der Wahl zu sehen, ist in den Landing Pages-Landing Pages, die richtig herumlaufen. Eine Firma, die das Prinzip des Minimalismus in der Wahl hat, ist Gengo, die professionelle Untertitelübersetzungsfirma.
Auf seine Zielseite , Sie sehen eine völlige Abwesenheit der Wahl. Das liegt daran, dass die Zielseite deutlich macht, was der nächste (und einzige) Schritt für Besucher sein sollte: Konvertieren, indem Sie den Text eingeben oder Ihre Datei zur Übersetzung hochladen. Sicher, die eingefleischten Puristen im Bereich der Minimierung der Wahl würden sogar argumentieren, dass das Navigationsmenü oben in der Kopfzeile entfernt werden sollte, da die Benutzer immer noch dort klicken können, anstatt sich auf den Übersetzungsdienst zu konzentrieren.
4) Konzentrieren Sie sich auf fette Typografie
Wenn Sie den Minimalismus im Webdesign wirklich bis zu den grundlegenden Grundlagen schätzen möchten, dann schauen Sie nach Brian Danaher's Seite . Brian ist Art Director, Designer und Illustrator.
Wie Sie sehen können, beruht sein Website-Design im Wesentlichen auf zwei Dingen: kühne Typografie, die Sie nicht übersehen können, und ein einspaltiges Layout. Das ist es! Ja, diese Herangehensweise an den Minimalismus mag für manche Geschmäcker zu extrem sein, aber sie erfüllt immer noch zwei sehr wichtige Ziele, die für jeden von Bedeutung sind, wenn sie eine eigene Website haben, um ihre Karriere zu fördern:
- Da die Navigation im Wesentlichen in das einspaltige Layout eingebettet ist, ist Brian in der Lage, direkt auf den Punkt zu kommen, was er tut, wer er ist und wie Besucher der Site mit ihm in Kontakt treten können
- Brian gelingt es, den Kontrast (in den Schrift- und Hintergrundfarben genauso wie zwischen den Größen und Stilen der Schriften) zu nutzen, um den Besuchern seiner Website etwas Interessantes zu bieten
5) Vereinfachen Sie Ihre Navigation
Das Navigationsmenü kann oft übersehen werden, wenn wir eine Diskussion über Minimalismus im Site-Design führen, aber es kann auch ein großer (wenn auch stiller) Beitrag sein, Minimalismus auf Ihrer Website zu arbeiten. Ein Navigationsmenü, das nicht aufdringlich ist und leise in den Hintergrund mischt, ist der Schlüssel, um eine Website auf einer funktionalen Ebene minimalistisch zu gestalten.
Schauen Sie sich Fotograf und Designer an Cristian Ordonez Website Das ist eine Studie im minimalistischen Navigationsmenü. Die Speisekarte ist eine so engagierte Herangehensweise an Minimalismus, dass sie sich nicht über die Breite der gesamten Homepage erstreckt; Stattdessen ist es irgendwie ruhig in der oberen rechten Ecke der Seite versteckt. Darüber hinaus gibt es keine Slide-Out-Menüaktionen, sodass keine unterschiedlichen oder zusätzliche Navigationsebenen vorhanden sind. Schließlich fügen sich die Farben des Menüs (zumindest auf der Homepage) auch subtil in die Hintergrundfarbe ein.
6) Verwenden Sie Farbe in Patches
Wenn Sie kleine Farbflecken in Ihrem Website-Design verwenden, können Sie sich an den minimalistischen Ansatz halten und gleichzeitig Website-Besuchern das Auffinden wichtiger Inhalte auf einer bestimmten Seite erleichtern. Indem Sie hier und da kleine Farbtupfer einfügen, gelingt es Ihnen, die Aufmerksamkeit Ihrer Besucher auf bestimmte Bereiche zu lenken.
Die Website der 960 Gittersystem , dessen Aufgabe es ist, den Web-Entwicklungsprozess zu rationalisieren, verkörpert diese intelligente Verwendung von Farbe sehr gut. Auffällig sind beispielsweise die kleinen gelben Spritzer, die für interne Links wie "Download" und "Demo anzeigen" verwendet werden. Selbst das klickbare Twitter-Logo oben links sorgt für ein leuchtendes Blau, das den Blick auf sich zieht Website-Besucher (Sie gelangen direkt zum Twitter-Feed von Eigentümer / Designer Nathan Smith).
Minimalismus funktioniert, wenn Sie wissen, wie man es benutzt
Erwähnen Sie das Wort "Minimalismus" für einige Designer, und sie werden besorgt, weil sie fälschlicherweise denken, dass ein übermäßig vereinfachter Website-Entwurf unattraktiv sein wird. Wie die obigen Beispiele zeigen, kann jedoch nichts weiter von der Wahrheit entfernt sein.
Richtig gemacht, Minimalismus im Website-Design kann zu einigen neuen und heißen Trends wie flaches Design führen oder dazu beitragen, dass Websitebesitzer mehr Geld verdienen, indem sie die Conversions erhöhen, wenn die Auswahl begrenzt ist. Alles in allem schafft Minimalismus eine saubere, gut organisierte und übersichtliche Website, die Ihren Website-Besuchern die Arbeit erleichtert. Das ist Grund allein, um es in Ihrem Website-Design zu verwenden.