UI-Trends 2020: Was kommt?

2020 ist da und damit bietet sich die Gelegenheit, einen Rückblick darauf zu werfen, welche UI-Trends im letzten Jahr funktioniert haben und welche dies wahrscheinlich auch in diesem Jahr tun werden. Der Beginn des neuen Jahres bietet eine hervorragende Gelegenheit, einen Blick auf aufkommende UI-Designtrends zu werfen, die weiterhin an Popularität gewinnen werden.

Auf dem Laufenden zu bleiben, was es Neues in der Designbranche gibt, was nützlich (oder nicht) ist und was in Ungnade fällt, ist für UI-Designer, die ihren Kunden innovative Ideen anbieten möchten, von entscheidender Bedeutung. Die Überprüfung von Trends und die Betrachtung, wie sie sich in Zukunft entwickeln könnten, ist für dieses Unterfangen von entscheidender Bedeutung.

Zu den UI-Trends 2020 gehören Storytelling im UI-Design (anstatt über ein Projekt nur in Bezug auf UX nachzudenken), 3D-Grafiken und -Animationen, einzigartige Mikrointeraktionen, dunkle Themen, Einfachheit, Sprachinteraktion und mehr.

Geschichtenerzählen

Storytelling wird oft nur in Bezug auf UX gedacht. UI-Designer können jedoch auch eine wesentliche Rolle im Storytelling-Prozess spielen.

Durch den Einsatz von Farbe, Typografie, Animation und Interaktionsdesign können UI-Designer die Geschichten umsetzen, die für eine gute UX erforderlich sind.

Googles Landingpage für Pixel Earbuds ist ein überzeugendes Beispiel für UI-Storytelling. Es führt den Besucher durch durchdachte Animationen, zuordenbare Bilder und herausragende Typografie durch die Vorteile des Produkts, um eine positive emotionale Reaktion zu erzeugen.

3D-Grafik und -Animation

3D-Grafiken und -Animationen sind keine Neulinge im UI-Design. Ihre Häufigkeit hat in den letzten Jahren über mehrere Produktkategorien hinweg zugenommen. Insbesondere VR- und AR-Apps haben sich diese Elemente zunutze gemacht, um beispielsweise Möbel in einem realen Raum anzuzeigen. Ein weiteres häufiges Beispiel ist die 360-Grad-Produktansicht, die auf E-Commerce-Websites populär geworden ist.

Wenn ein UI-Design besonders auffällig sein soll, sind 3D-Grafiken eine hervorragende Möglichkeit, dies zu erreichen. Animation trägt zur visuellen Attraktivität bei. Obwohl diese Effekte zeitaufwändiger sind als 2D-Versionen und spezielle Fähigkeiten erfordern, sind sie die zusätzlichen Ressourcen wert, wenn sie das allgemeine Benutzererlebnis verbessern.

Einzigartige Mikrointeraktionen

Mikrointeraktionen sind ein wesentliches Element jedes guten digitalen Produktdesigns. Dennoch werden sie von vielen UI-Designern und Stakeholdern immer noch übersehen.

Mikrointeraktionen bieten Benutzern zusätzliche Einblicke und Feedback. Sie können Dinge wie Interaktionsanimationen, Farbänderungen zur Anzeige verschiedener Zustände und haptisches Feedback in mobilen Apps beinhalten. Mikrointeraktionen können ein Design von funktional zu außergewöhnlich machen.

Dunkle Themen

Dunkle Themen gibt es schon seit einigen Jahren, aber sie haben 2019 stark an Bedeutung gewonnen. Apple hat viel getan, um diesen Trend voranzutreiben, als sie ihr Mojave-Update mit der Möglichkeit veröffentlichten, in Apps, die es unterstützen, automatisch ein dunkles Thema zu verwenden. Sie haben auch ein Update für iOS veröffentlicht, das die gleiche Dunkelmodus-Funktionalität bietet.

Dunkle UI-Designs werden im Jahr 2020 weiter zunehmen. Einer der wichtigsten Vorteile – über die visuelle Attraktivität hinaus – besteht darin, dass dunkle Designs mit angemessenem Kontrast für manche Menschen die Augen ermüden können.

Eine der neuesten wichtigen Apps, die die dunkle Themenbehandlung erhalten, ist Gmail, das bereits im September mit der Einführung der Option begonnen hat. Jetzt, da alle drei großen Technologiegiganten (Apple, Google und sogar die mobile App von Facebook) auf den Dark-Theme-Zug aufgesprungen sind, ist es unwahrscheinlich, dass dieser Trend in naher Zukunft verschwinden wird.

Einfachheit

Einfachheit und Minimalismus kommen im UI-Design alle paar Jahre in und aus der Mode. Jetzt sind sie drin.

Bei schlichten Designs steht die Funktionalität im Vordergrund. Einfachheit ist eher eine Sammlung von Designprinzipien als ein einzelner Trend. Einfache Designs beinhalten oft Gestaltprinzipien, kühne Typografie, minimalistische Farbpaletten und viel Weißraum.

Einfachheit im Design ist nicht einfach zu erstellen. Es erfordert Vertrauen seitens des Designers, und jedes Element muss perfekt sein, da nichts fragwürdige Designentscheidungen verbergen kann. Wenn es gut gemacht ist, erzeugt es ein elegantes, hochwertiges Gefühl, das die Menschen gerne verwenden.

Sprachinteraktionen

Sprachinteraktionen waren einst dem Reich der Science-Fiction vorbehalten. Smartphones und mobile Apps haben das geändert und die Sprachinteraktion nicht nur möglich, sondern zum Mainstream gemacht. Menschen die Interaktion mit Anwendungen über Sprachbefehle zu ermöglichen, eröffnet eine Welt voller Möglichkeiten für die Interaktion mit einem Produkt. Wenn ein Verbraucher Sprachbefehle geben kann, kann er eine App in Situationen verwenden, in denen Berührungsschnittstellen nicht sicher oder praktisch sind – beispielsweise beim Autofahren oder beim Befolgen eines Rezepts oder einer Anleitung.

Die Sprachinteraktion ist nicht neu, aber frühe Iterationen waren klobig und funktionierten oft nicht gut. In den letzten Jahren hat sich die Sprachinteraktion (normalerweise mit KI-gestützter Unterstützung) zu einer praktischen Kommunikationsmethode mit einer App entwickelt. Da sich die Sprachsteuerung noch weiter verbessert, ist dies ein Trend, der wahrscheinlich nicht verschwinden wird. Google kündigte auf der I/O 2019 bedeutende Upgrades seiner Google Assistant-Funktion an, von denen einige spekulieren, dass dies der Beginn von Sprachinteraktionen sein könnte, die Touch-Interaktionen fast vollständig ersetzen.

UI-Designer werden davon profitieren, sich damit vertraut zu machen, wie Sprachinteraktionen funktionieren und wie sie sie am besten in ihre Produkte integrieren können, insbesondere in mobile Apps. Letztendlich können Sprachinteraktionen andere Arten von Interaktionen überholen, einschließlich im Web.

Typografische UI-Designtrends

Jedes Jahr tauchen neue Typografie-Trends auf, und letztes Jahr war das nicht anders. Einige der prominenteren UI-Trends, die sich wahrscheinlich im Jahr 2020 fortsetzen werden, umfassen die Rückkehr zu Serifenschriften, nicht ganz so übergroßem Heldentext und der Überlagerung von Schrift mit anderen Elementen.

Als zum ersten Mal grafische Benutzeroberflächendesigns auftauchten, waren Serifen im Allgemeinen verpönt, da sie auf einem Bildschirm schwer zu lesen waren. Niedrige Bildschirmauflösungen bedeuteten, dass die feineren Details von Buchstabenformen (und kleine visuelle Details im Allgemeinen) verloren gingen, wodurch viele Schriftarten, die traditionell gut im Druck funktionierten, auf einem Computerbildschirm schrecklich aussehen.

Als die Bildschirmauflösungen zunahmen, hielt sich irgendwie die Idee, dass Serifen auf dem Bildschirm schwer zu lesen seien. Das hat sich in den letzten Jahren geändert, und Serifen sind überall aufgetaucht, auch in Kopfzeilen und Heldentexten, wo sie normalerweise weniger verbreitet waren als ihre Sans-Serif- und Display-Font-Gegenstücke.

Es scheint, als ob Hero Text jedes Jahr größer und größer wird und oft den gesamten Platz „above the fold“ auf einer Website einnimmt. Das änderte sich 2019, als kleinerer (wenn auch immer noch prominenter) Text über Hero- und Header-Bildern verwendet wurde. Es ist eine willkommene Abwechslung, die Whitespace als wertvollen Teil des Hero-Designs wieder einführt.

Das Überlagern von Schrift mit grafischen Elementen, entweder unter oder über Bildern (oder manchmal beides), ist ein weiterer wachsender Trend. Manchmal wird Text mit umrahmten Bildern oder Farben über- oder unterlegt, während er manchmal vollständig in andere visuelle Elemente integriert ist.

Ausblick auf die UI-Trends 2020

Die besten UI-Trends sind optisch ansprechend und verbessern gleichzeitig das Gesamterlebnis und die Nützlichkeit eines digitalen Produkts. Die oben genannten Trends werden sich weiterentwickeln, und im Jahr 2020 werden wahrscheinlich neue entstehen.

Wenn größere Marken Trends übernehmen und allgegenwärtiger werden, entwickeln sie sich zu Standards und werden Teil der digitalen Landschaft. Diese Entwicklung findet bereits bei Trends wie dunklen Themen statt.

In anderen Fällen bleiben Trends einige Jahre bestehen und bleiben dann auf der Strecke, wenn bessere Ideen und Methoden auftauchen. Ein Beispiel dafür ist die Parallax-Scrolling-Benutzeroberfläche, die vor ein paar Jahren unglaublich beliebt war, aber im Jahr 2020 nicht annähernd so prominent ist.

Im Jahr 2020 werden neue Trends auftauchen, und einige der hier aufgeführten könnten bis Ende des Jahres verschwinden. Erfahrene UI-Designer suchen immer nach besseren Möglichkeiten, Inhalte zu präsentieren, was bedeutet, dass einige UI-Trends 2020 bis 2021 praktisch aus dem digitalen Zeitgeist verschwunden sein werden.

• • •

Weiterführende Literatur im Toptal Design Blog:

• Blick in die Zukunft – Designtrends 2020
• Toptal Design Blog Farbe des Jahres 2020
• UX Design Trends Retrospektive 2019
• Lohnen sich alle Trends? Die 5 häufigsten UX-Fehler, die Webdesigner machen
• Folgende Trends: Hommage vs. Designplagiat