Drei Design-Trends für WordPress-Websites, die Sie kennen müssen

Denken Sie darüber nach, wie viel sich seit 2011 geändert hat. Wie viele Website-Design-Trends und neue Technologien sind in Ungnade gefallen? Wie viele neue Geräte kamen auf den Markt? Wie viele neue Trends sind aufgetaucht und haben an Popularität gewonnen?

Es ist keine Überraschung, dass sich WordPress mit dem Web weiterentwickelt hat. Das WordPress von heute ist ein ganz anderes Biest als das WordPress von vor fünf Jahren und im Vergleich zum WordPress von 2003 kaum wiederzuerkennen. Aber das ist gut so.

Denn die einzige Konstante im Web ist der Wandel. Als Designer wissen Sie das besser als jeder andere – genauso wie Sie wissen, dass es Ihre Aufgabe ist, den Überblick zu behalten, was sich ändert und was sich in Zukunft ändern wird. Glücklicherweise ist das nicht schwer, wenn Sie wissen, wo Sie suchen müssen.

Ich habe für Sie gesucht – hier sind einige der prominentesten und wichtigsten Trends, die dieses Jahr die WordPress-Designwelt (und das größere Web) treffen, die alle eng mit Mobilität verbunden sind.

Pageless Design wird weiterhin dominieren

Single-Page-Websites, die irgendwann im Jahr 2014 ihren Weg ins Internet fanden, haben mit der Geschwindigkeit eines außer Kontrolle geratenen Güterzugs an Popularität gewonnen. Diese „Landing Page“-Websites eignen sich besonders gut für kleine Unternehmen, Designagenturen und Produktseiten und sind sowohl für die Lead-Erfassung als auch für das Storytelling ideal. Vor diesem Hintergrund ist es nicht verwunderlich, dass auch Single-Page-WordPress-Themes stark auf dem Vormarsch sind.

Aber was treibt diesen Trend genau an? Warum sind „seitenlose“ Websites jetzt so prominent? Und wie können Sie feststellen, ob Ihre eigene Website nachziehen sollte?

„Herkömmliche Websites haben eine ganze Liste gleichermaßen vernichtender Probleme“, erklärt Chuck Longanecker von Digital Telepathy. „Sie sind die Motormäuler auf der Cocktailparty, die jeden in Hörweite mit einer Flut von selbstherrlichen Informationen anplappern, ohne irgendein Interesse an der Person zu haben, die zuhört … Mit schnellen Verbindungen und einem Publikum, das an lange Scroll-Erlebnisse in mobilen Apps gewöhnt ist, seitenloses Design geht dem Besucher aus dem Weg, damit er den Fluss genießen und sein Ziel erreichen kann.“

Mit anderen Worten, mobile Geräte haben die Surfgewohnheiten unseres Publikums verändert. Als Designer müssen Sie ihre neuen Gewohnheiten berücksichtigen – ihre Erwartung einer einfachen, optimierten Website, ihre Tendenz, auf ihren Telefonen oder Tablets zu surfen, und ihren Wunsch nach leicht verdaulichen Inhalten.

Diese Marktverschiebung hat einen weiteren, unerwarteten Nebeneffekt: Mehrzweckthemen sind in den letzten Jahren explodiert. Diese funktionsreichen und einfach zu installierenden Themen ermöglichen es Website-Eigentümern, ihre Seiten einfach für mobile Geräte, Desktop-Computer und alles andere anzupassen. Sie sind zukunftssicher und ermöglichen die Erstellung gut gestalteter Websites, die auch noch hochfunktional sind.

Mehr Bilder, mehr Typografie, mehr Parallaxe

In engem Zusammenhang mit dem Trend zum seitenlosen Design legen Websites einen zunehmenden Fokus auf Typografie, Bilder und Parallax-Scrolling. Minimalismus ist hier der König der Burg, und je weniger visuelle Elemente eine Seite auf den Benutzer werfen kann, während sie dennoch ihre Botschaft vermittelt, desto besser. Es trägt nicht nur dazu bei, dass eine Website schärfer aussieht, sondern verkürzt auch die Ladezeiten erheblich.

Was die Typografie anbelangt, so erwarten Website-Eigentümer, Herausgeber und Benutzer mit dem Übergang zum Minimalismus gleichermaßen sauberere Designs auf den von ihnen besuchten Websites. Ein Teil des Schlüssels dazu liegt in der Bereitstellung besser aussehender und besser präsentierter Texte. Tools wie Google Fonts und Adobe Typekit haben ebenfalls viel dazu beigetragen, die Dinge voranzubringen und es viel einfacher zu machen, Websites mit besseren, professionelleren Texten zu erstellen.

Schließlich bekommt das Parallax-Scrolling – das ich immer sehr genossen habe – in letzter Zeit viel Liebe. Für Uneingeweihte ist die Funktionsweise ziemlich einfach: Sie konfigurieren Ihre Website einfach so, dass sich der Hintergrund langsamer bewegt als der Vordergrund (wenn überhaupt). Dies erzeugt nicht nur die Illusion von Tiefenschärfe, sondern ist auch eine großartige Möglichkeit, Single-Page-Websites ein wenig mehr Glanz zu verleihen.

Viel Lärm um Mikrointeraktionen

Mobile Apps haben den Endnutzer ein wenig verwöhnt, wenn man mal darüber nachdenkt. Die am besten gestalteten sind mit Funktionen gefüllt, die als Mikrointeraktionen bekannt sind: kleine Teile von Feedback, die einem Besucher gegeben werden, basierend darauf, wie er mit Ihrer Website interagiert. Zugegeben, besonders neu ist dieses Konzept nicht. Bereits 2013 bezeichnete Foster of Mysterious Trousers sie als Interaktionen mit Luftpolsterfolie. Dies liegt daran, dass sie zufriedenstellend sind und die Benutzererfahrung erheblich verbessern, indem sie die Dinge viszeraler machen.

Für Sie bedeutet dies, dass Sie sich – insbesondere angesichts der Umstellung auf Mobilgeräte – über Mikrointeraktionen und deren Integration in Ihre Website informieren müssen.

„Bei UX kommt es darauf an, wie Sie mit Benutzern umgehen und wie sie sich fühlen, wenn sie das Produkt verwenden [in diesem Fall Ihre Website]“, schreibt Dmytro Svarytsevych von Web Designer Depot. „Mikrointeraktionen liefern den Benutzern das nötige Feedback und ein Verständnis der laufenden Prozesse und machen eine Schnittstelle zugänglich, egal wie kompliziert die dahinter stehende Logik sein mag.“
So können Sie laut Creative Bloq Ihrer Website eine Mikrointeraktion hinzufügen:

• Den Auslöser kennen: Dies geschieht, um die Mikrointeraktion auszulösen. Dies kann alles sein, von einem Benutzer, der sich zum ersten Mal auf Ihrer Website anmeldet, bis hin zu einem Kommentar zu einem Artikel oder dem Kauf eines Produkts. Die besten Auslöser sind diejenigen, bei denen das System das Verhalten eines Benutzers beobachtet und es für den Kontext verwendet – dh. Stellen Sie ihnen eine Seite zur Verfügung, die sie häufig besuchen, wenn sie auf Ihrer Website landen.
• Regeln aufstellen: „Regeln“ ist hier vielleicht etwas irreführend. Im Wesentlichen sind sie die Richtlinien, die bestimmen, wie eine bestimmte Mikrointeraktion funktioniert – was passieren kann, was passieren sollte und was nicht oder nicht passieren kann. Eine E-Commerce-Website könnte Sie beispielsweise warnen, wenn Sie versehentlich zweimal dasselbe Produkt in Ihren Einkaufswagen legen.
• Bestimmen Sie das Feedback: Welches Feedback werden Sie dem Benutzer geben? Wie werden Sie ihre Erfahrung mit Ihrer Website verbessern?
• Finden Sie heraus, wie lange die Mikrointeraktion andauert: Endet Ihre Mikrointeraktion automatisch ohne Benutzereingabe? Wie verändert es sich bei jeder Anwendung?

„Feedback ist der Ort, an dem Sie Ihrer Mikrointeraktion einen Hauch von Persönlichkeit verleihen können“, heißt es bei Creative Bloq. „Manchmal kann ein bisschen Humor oder Schärfe sehr gut funktionieren und wird geschätzt – besonders in Situationen, die frustrierend sein können, wie eine Fehlermeldung oder wenn etwas lange zum Laden braucht.“

Bleiben Sie auf dem Laufenden über Website-Design-Trends

WordPress entwickelt sich ständig weiter, Seite an Seite mit dem Web. Sie müssen von dieser Entwicklung nicht überrascht werden. Indem Sie die neuesten Trends im Auge behalten, können Sie sicherstellen, dass Sie der Zeit weit voraus sind, wenn diese Trends endlich Realität werden.