Jedes Jahr schreitet das Webdesign rasant voran, und fast täglich erscheinen neue Designs. Ich kann mir vorstellen, dass 2015 die besten Websites hervorbringen wird, einschließlich vieler Trends, die bereits 2014 vorhergesagt wurden. Während diese Trends um 2015 herum Wirklichkeit werden, ist jetzt der richtige Zeitpunkt, um die neuen Trends vorherzusagen, die 2015 aufkommen könnten. Alle denken über 2014 nach und freuen sich auf 2015. Werfen wir einen Blick auf die Webdesign-Trends, die 2015 auftauchen könnten.

Scroll-Navigation wird immer beliebter

Die meisten neuen Websites von heute neigen zu längeren Seiten und werden durch Scrollen navigiert. Da mobile Geräte immer beliebter werden, wird das Scrollen durch Inhalte auf einem Display immer üblicher und ersetzt das Klicken, insbesondere auf der Startseite des Geräts. Für Nutzer ist es eindeutig einfacher, Informationen durch Scrollen zu erhalten, als ständig auf Schaltflächen zu klicken.

Die Startseite ist nicht der einzige Ort, an dem Scroll-Navigation immer beliebter wird. Da extrem lange scrollende Websites (d. h. One-Page-Websites) immer beliebter werden, wachsen die Vorteile des Scrollens, und dieses Muster taucht zunehmend an vielen Orten außerhalb der Startseite auf, wie etwa auf Über-uns-Seiten und Produktseiten, die alle zu einfachen Möglichkeiten geworden sind, verschiedene Inhalte darzustellen. Beispielsweise nutzt die Website des iPhone 6 von Apple in vielen Abschnitten Scroll-Navigation, um die verschiedenen Funktionen und die Leistung des Produkts zu präsentieren. Darüber hinaus fügt die iPhone-6-Website auch sanfte Animationen hinzu, um das Scrollerlebnis visuell ansprechender zu machen.

Storytelling + Interaktion

Für eine Website sind großartige Inhalte immer entscheidend, und diese Inhalte zu nutzen, um eine Geschichte zu erzählen, ist ein großer Vorteil. Das Webdesign im Jahr 2015 wird sich wahrscheinlich darauf konzentrieren, Nutzern Geschichten zu erzählen. Zum Beispiel ist die Website der Space Needle (das ikonische Wahrzeichen in Seattle, USA) sehr schön und führt Fakten über die Space Needle durch Storytelling ein, unterstützt durch ein Scroll-Design. Die Space Needle zeigt auch einen weiteren Trend für 2015 – Interaktion. Webdesign fügt mehr interaktive und animierte Elemente hinzu, um Inhalte auf einzigartige und ansprechende Weise zu präsentieren. Interaktivität und Animation in das Webdesign einzubauen, kann ein Überraschungsmoment auf Ihre Website bringen. Zum Beispiel ist die Website von Impossible Bureau hochgradig interaktiv und reagiert auf Ihr Scrollen und Hovern.

Fehlen von Hero-Hintergrundbildern

In den letzten Jahren waren Hero-Hintergrundbilder im Webdesign sehr beliebt, oft mit Textbeschriftungen darüber, und sie sind das Erste, was die meisten Besucher beim Browsen einer Website sehen. Da Hero-Hintergrundbilder so beliebt sind, wie kann sich Ihre Website abheben? Tun Sie das Gegenteil. Einige kürzlich erschienene Websites gehen gegen den Trend und verwenden keine Hero-Hintergrundbilder. Ich vermute, sie tun dies nicht nur, weil sie nicht dem Trend folgen wollen, sondern auch, weil sie die Leistung und Geschwindigkeit ihrer Website verbessern möchten. Die Website von New Wave Company verkörpert diese Eigenschaften. Sie begrüßt Besucher mit einem großen Titel, wobei großer Text auf der Seite zentriert ist, aber hinter dem Titel gibt es kein großes Hintergrundbild. Dies ist ein eleganter Ansatz und nicht weniger effektiv als andere beliebte Website-Designs, die große Hintergrundbilder verwenden.

Unnötige Designelemente entfernen

Es gibt eine Designphilosophie, nach der ein Website-Design vollständig ist, wenn alle nicht wesentlichen Elemente entfernt wurden. Ich denke, im Jahr 2015 werden wir diese Philosophie besser widergespiegelt sehen, da mehr Websites versuchen, ihr Design durch das Entfernen unnötiger Designelemente zu vereinfachen. Das Entfernen großer Hintergrundbilder auf der Website von New Wave Company ist eines der besten Beispiele. Ein weiteres großartiges Beispiel für das Entfernen unnötiger Designelemente, um eine saubere Website zu gewährleisten, ist die Website von Rareview Digital Agency, die ebenfalls keine großen Hintergrundbild-Header verwendet, um Besucher zu begrüßen. Designer haben tatsächlich viele Designelemente entfernt, die auf aktuellen Websites beliebt sind, wie Hintergrundfarben, zahlreiche Bilder und komplexe Layouts. Stattdessen wählen sie ein klareres, einfacheres Website-Design, das sich unter aktuellen Websites, die sich auf Design, Bilder und Farben konzentrieren, abhebt.

Zentriertes Website-Layout mit fester Breite

In den letzten paar Jahren haben die meisten Websites ein Full-Width-Layout verwendet, das Bilder oder visuelle Erweiterungen über den gesamten Browser-Viewport hinweg vollständig anzeigen kann. Bevor dieser Trend populär wurde, waren die meisten Websites festbreit, wobei der Inhalt auf der Seite zentriert war, und man konnte die Ränder der Website auf beiden Seiten sehen. Der Festbreiten-Trend scheint in modernerer Form zurückzukehren, außer dass die Website und ihr Inhalt nicht mehr an den Rändern des Viewports liegen; einige Websites wählen eine maximale Breite, um sicherzustellen, dass ihr Inhalt im Viewport zentriert bleibt. Dies ist bei Michele Mazzuccos Website der Fall.

Professionelle, hochwertige individuelle Fotografie

Stockfotos haben immer noch ihren Platz im Design, aber bei den meisten der neuesten Websites werden Stockfotos durch hochwertige professionelle Fotografie ersetzt, die normalerweise einzigartig und speziell für die Website aufgenommen wurde. Die Verwendung von individueller Fotografie ist ein größerer Fortschritt im Design als bloß die Auswahl von Stockfotos; sie macht Ihre Website einzigartig, und andere Websites können nicht dieselben Fotos verwenden. Zum Beispiel werden die individuellen Fotos auf der Website von Grain and Mortar im Hero-Bereich verwendet, was einen personalisierten Effekt erzeugt, weil die abgebildeten Personen und Büroszenen bei Grain and Mortar real sind; schließlich gibt es keine Stockfotos von falschen Büroräumen!

Pop-up-/Slide-out-Menüs im App-Stil

Responsives Webdesign ist seit einer Weile beliebt, aber bis vor Kurzem konzentrierte sich das meiste Webdesign darauf, Websites auf Desktop-Geräten besser aussehen zu lassen, während sie auf Telefonen oder Tablets nur akzeptabel waren. Unabhängig vom Gerät bewegt sich responsives Webdesign auf ein besseres Erlebnis zu. Wir sehen, wie sich dieses Designelement auf mobile Geräte verlagert und breiter eingesetzt wird. Zum Beispiel demonstrieren 24ways und Rawnet dieses Konzept, indem sie app-ähnliche responsive Menüs zur gesamten Website hinzufügen, nicht nur für Geräte mit kleineren Viewports. In diesem Fall wählen diese beiden Websites vertikale Menüs mit Ausrichtung links oder rechts statt eines horizontalen Menüs oben, wodurch sie sich eher wie Pop-up-/Slide-out-App-Menüs verhalten. Diese Technik ermöglicht es, Web-Apps und responsives Design auf kleineren Viewports zu verwenden.

Verstecktes Hauptmenü

Dies ist sehr ähnlich zu den oben besprochenen Pop-up-/Slide-out-App-Menüs. Ich erwarte, dass mehr Websites das Hauptmenü vor Erstbesuchern verbergen. Diese versteckten Menüs werden erst sichtbar, wenn der Besucher bereit ist, sich zu bewegen und auf das entsprechende Symbol zu klicken. Diese Technik des responsiven Designs beginnt, im Webdesign aufzutauchen, nicht nur in kleineren Viewports. Die neue Website von Brian Hoff Design ist das beste Beispiel. Er verwendet das Hamburger-Symbol in der oberen rechten Ecke der Website, um die Navigation zu verbergen, bis der Besucher darauf klickt. In den letzten zwei Jahren wurde dieses Verhalten allmählich akzeptiert, und Besucher sind es gewohnt, dies in Web-Apps oder mobilen Apps zu tun. Er wendet dieses Muster auf seine Website an, was dazu beiträgt, dass die Website unabhängig von der Viewport-Größe einfach und voll funktionsfähig bleibt.

Sehr große Schriftarten

Im Jahr 2014 spielte Typografie in vielen Website-Designs eine wichtige Rolle, und ich sehe keine Anzeichen dafür, dass sich dieser Trend kurzfristig ändern wird. Doch 2015 sehe ich, dass Überschriften und Schriftarten auf Websites immer größer werden. Um es zu übertreiben: Sogar Flugzeuge am Himmel könnten die Schrift am Boden sehen. Wenn Sie die Website von Tiny Giant besuchen, sehen Sie sehr große Schriftarten. Dies ist im Wesentlichen eine Aussage, die schwer zu übersehen ist. Große Typografie wird 2015 weiterhin eine wichtige Rolle im Webdesign spielen, um die visuelle Hierarchie für Besucher zu verbessern. Besucher sehen die größten Schriftarten zuerst, weil sie zuerst ihre Aufmerksamkeit erregen.

Leistung und Geschwindigkeit

Viele Designtrends werden durch die Notwendigkeit vorangetrieben, Websites schneller laden zu lassen und weniger Bandbreite zu verbrauchen. Die meisten der in diesem Artikel diskutierten Trends erfordern möglicherweise eine Verkleinerung der Websites, um schnellere Lademethoden für Nutzer auf Mobiltelefonen, Tablets oder langsameren Netzwerken zu finden. Webdesigner und Entwickler sind sich zunehmend des Gewichts ihrer Websites und der Art und Weise bewusst, wie Nutzer mit ihnen interagieren. Responsives Webdesign hat geholfen, diese Bedenken zu mildern. Faktoren wie langsame Netzwerkgeschwindigkeiten und Gerätetypen zwingen Designer und Entwickler, genau auf Datei- und Websitegröße zu achten, und die Ladegeschwindigkeiten von Websites variieren unter verschiedenen Netzwerkbedingungen. Wenig überraschend fordert 2015 nahtlose Websites, die schneller laden und keine Verzögerung haben.

Quelle: Tencent Technology