Webdesign: Was ist im neuen Jahr angesagt?

Wie werden Websites sich im nächsten Jahr verändern?
Was ist angesagt und welche Webtrends sind wichtig?

Drei wichtige Fragen für drei unterschiedliche Gruppen: Website- Betreiber, Designer und ihre Entwickler .

In einem veränderlichen Umfeld wie dem Internet ist ein Vorsprung vor Wettbewerbern wichtig. Wenn Sie kommende Entwicklungen und Trends kennen, können Sie eigene Websites und Kundenprojekte an aktuelle Webtrends anpassen.
Wir stellen Design- und Technologietrends vor, die voraussichtlich das kommende Jahr prägen.

Viele sind Fortsetzungen oder leichte Veränderungen früherer Entwicklungen. Alle beeinflussen jedoch, wie wir Websites nächstes Jahr erstellen und gestalten.

Der echte Mobile-first-Ansatz

Mobile-first ist seit Jahren ein Designtrend, doch erst in den letzten zwei Jahren gab es wesentliche Fortschritte.

Inzwischen gibt es offiziell mehr Mobilgeräte als Desktopcomputer. Das zeigt ihre wachsende Bedeutung. Für viele Menschen sind sie das wichtigste Werkzeug zur Webnavigation.
Google plant seinen ersten Mobile-first-Index, der mobilgerechte Websites stärker gewichtet und bevorzugt. Mobile Gestaltung darf deshalb kein später Zusatz sein, sondern gehört zu den ersten Planungsschritten.

Responsive Design ist gereift. Das zeigt auch die Übernahme mobiler Elemente auf Desktopseiten: große Typografie, Hamburgermenüs und Inhalte oberhalb der ersten Bildschirmkante.

Dieser Trend setzt sich fort. Ein Beispiel sind fixierte Elemente am unteren Seitenrand – ja, UNTEN. Mobilnutzer gewöhnen sich daran, weil sie leichter erreichbar sind. Wir erwarten, sie bald überall zu sehen.

AMP-Unterstützung (Accelerated Mobile Pages) bildet beinahe eine eigene Trendkategorie und dürfte im neuen Jahr häufiger eingesetzt werden.

Pushbenachrichtigungen

Pushmeldungen gehören zu den kommenden Marketingkanälen. Dieses Jahr werden mehr Websites anbieten, Nutzer damit aktuell zu halten.

Warum sollten Sie Pushmeldungen in WordPress ergänzen? Weil sie:

• Von vielen Geräten und Browsern unterstützt werden
• Auf Mobilgeräten hervorragend funktionieren
• Eine höhere Klickrate als E-Mail-Marketingkampagnen haben

Sie können allerdings stören. Schon die Erlaubnisanfrage kann viele Nutzer zur Ablehnung bewegen. Darin liegt die wichtigste Designherausforderung: Bei verbreiteten Pushmeldungen muss die Anfrage intelligent und ansprechend in die Gestaltung integriert werden.

Individuelle Grafiken und Illustrationen

Visuelles ist ein zentraler Bestandteil von Webinhalten.
Bilder sprechen an und vermitteln Informationen, die Worte nicht auf natürliche Weise transportieren. Richtig optimiert besitzen sie zudem SEO-Wert.

Stockfotos funktionieren weiterhin, doch ein neuer Trend führt zu handgefertigtem Material. Statt allgemeiner Stockbilder kommen individuelle Grafiken und Illustrationen nach Websitebedarf ins Spiel.

Ihre Vorteile sind eigener Charakter und Ton, die Websites im wachsenden Umfeld hervorheben. Illustrationen sind zudem oft leichter als Fotos. Zusammen mit SVG-Grafiken erfüllen sie den starken Bedarf nach schnelleren Websites.

Animierte Grafiken

Fortgeschrittene Browsertechnologie ermöglicht Designern, statische Bilder durch Bewegung zu ergänzen. Websiteanimation ist einfach verfügbar geworden!

Animation belebt ältere Designs. Besonders mit Mikrointeraktionen schafft sie ein markanteres, interaktiveres Nutzererlebnis.

Mögliche Animationsarten:

• Logos• Animation macht Logos unvergesslich. Nutzer erkennen nicht nur das Logo, sondern auch seine Präsentation. Es kann selbst eine Markengeschichte erzählen.
• Lade- animationen• Ladeanimationen erfüllen eine Funktion. Sie überbrücken die Wartezeit bis Website und Informationen erscheinen und verhindern eher, dass gelangweilte Nutzer vorzeitig gehen.
• Navigation• Durch Mobilgeräte entfernen wir uns von klassischen Navigationsmenüs. Versteckte Menüs liegen im Trend.
• Hover -Effekte• Hovereffekte zeigen, welche Elemente interaktiv sind. Sie weisen auf Handlungsmöglichkeiten hin und erhöhen die Wahrscheinlichkeit einer Aktion..
• Scrolleffekte• Effekte beim Scrollenbegleiten das Bewegen nach unten. Sie können statt einer bloß verschobenen statischen Seite eine ganze Geschichte erzählen. Außerdem können sie Schaltflächen und Menüs ersetzen und Produkte erklären, wie Apple es tut.

Partikelhintergründe

Im kommenden Jahr werden wir mehr Hintergrundanimationen sehen. Partikelhintergründe lösen einige Probleme von Hintergrundvideos, etwa deren Dateigröße.

Da sie mit JavaScript erstellt werden, sind sie relativ leicht. Sie bringen Bewegung in den Hintergrund und ziehen Aufmerksamkeit an, ohne die Website zu beeinträchtigen.

Lebendige Farbpaletten und Verläufe

Früher mussten Farbpaletten im Web auf sichere Bereiche begrenzt bleiben. Dank besserer Bildschirme und lebendiger Farbwiedergabe lassen sich heute Tausende Farben verwenden.

Webdesigner nutzen diese Möglichkeiten.
Der neueste Trend setzt auf starke Kontraste und kräftige, mutige Farben.
Auch Farbverläufe rücken wieder in den Vordergrund!

Asymmetrische und bewusst unregelmäßige Gestaltung

Websites erscheinen heute auf großen Fernsehern ebenso wie kleinsten Smartphones. Das traditionelle Raster ist nicht mehr zwingend. Asymmetrische Layouts werden deshalb häufiger genutzt

und dürften im kommenden Jahr weiter zunehmen.

Inhaltsreiche Websites setzen weiterhin häufig auf Raster. Designorientierte Seiten versuchen dagegen, sich durch ungewöhnliche Gestaltung abzuheben.
Asymmetrisches Design mit Parallaxeffekten kann ein mehrschichtiges, effektvolles Erlebnis schaffen.

Markante Schriften und große Typografie

Große, kräftige Typografie ist in den letzten Jahren zunehmend beliebt geworden.

Mehr frei verfügbare Schriften und leistungsfähigere Geräte erlauben wirklich große Buchstaben. Viel Freiraum verbessert dabei die Lesbarkeit.

Fast alle aktuellen Browser unterstützen TrueType- und OpenType-Schriften. Unternehmen können daher eigene Schriften online einsetzen, statt sich auf wenige Optionen zu beschränken.

Webdesigner werden dies im kommenden Jahr stärker nutzen, besonders zum lange gewünschten Ersetzen von Bildern durch Text. Schriften sind leicht und skalierbar und ermöglichen
visuelle Botschaften ohne große Bilddownloads mit ihren Folgen wie Datenverbrauch und langen Ladezeiten.

Mikrointeraktionen

Mikrointeraktionen sind kleine Reaktionsmöglichkeiten auf Websites, besonders sozialen Netzwerken. Sie sind dort bereits verbreitet und oft mit kleinen Animationen verbunden.

Sie ermöglichen unterschiedliche Reaktionen auf Inhalte je nach persönlichem Empfinden.

Ihre Vorteile:

• Visuelle Rückmeldung auf Nutzeraktionen
• Interaktion ohne Neuladen
• Besseres Nutzererlebnis

Sie gehören bereits zu den Trends des neuen Jahres. Medium führte beispielsweise vor Kurzem das „Applaudieren“ für beliebte Artikel ein.

Auch WordPress-Plugins ermöglichen Ähnliches. Contact Form von WPForms kann etwa nach dem Absenden bisherigen Text ersetzen. Plugins wie Animate It! ergänzen Bewegungseffekte auf Schaltflächen.

Chatbots

Chatbots wachsen zweifellos. Nach Facebooks Aufruf an Entwickler, Bots für Kunden-Messengerkonten zu erstellen, stieg ihre Zahl innerhalb eines Jahres von 30.000 auf 100.000.

Erste WordPress-Chatbot-Plugins sind schon verfügbar. Sie beantworten Fragen und leisten zumindest grundlegenden Kundensupport.

Zusammenfassung

Jährliche Webtrendprognosen sind nie hundertprozentig genau. Erst am Jahresende wissen wir, welche Entwicklungen sich durchgesetzt haben.
Dennoch lohnt vorausschauendes Denken.

Wer Websites betreibt oder daran arbeitet, sollte aktuelle Entwicklungen verfolgen.

Vieles hier ist bereits teilweise sichtbar und wird im neuen Jahr zunehmen. Außerdem werden völlig neue Dinge auftauchen, die bisher nicht im Vordergrund standen.