Skip to main content

Wie viele Ihrer Nutzer haben sich bereits einen Dunkelmodus in Ihrem Produkt gewünscht? Ich schätze, es sind mindestens ein Dutzend, wenn nicht sogar deutlich mehr. Tatsächlich erhielt ich einmal eine Anfrage für den Dunkelmodus von einem Regierungsbeamten, der unser Produkt zur Zollabwicklung nutzte!

Wie ich und viele andere stehen Sie vielleicht vor einem Dilemma: Soll ich auf diese scheinbar alberne Anfrage eingehen oder sie ignorieren? Sie wissen, dass der Dunkelmodus ein beliebter Designtrend ist, aber macht er Ihr Produkt tatsächlich besser oder löst er mehr Probleme Ihrer Nutzer?

Die Antwort ist: Ja! Manche Dinge kommen nie aus der Mode (wie sorgfältige UX-Research-Planung), aber es ist auch entscheidend, die neuesten Designtrends zu verfolgen und in Ihrem Produkt einzusetzen. Ja, aktuelle Designtrends können tatsächlich die Benutzerfreundlichkeit und Effektivität Ihres Produkts erheblich steigern.

Du willst mehr vom The CPO Club?

Registriere dich für eine kostenlose Mitgliedschaft, um diesen Artikel vollständig zu lesen:

This field is for validation purposes and should be left unchanged.
Name*
This field is hidden when viewing the form
This field is hidden when viewing the form
This field is hidden when viewing the form
By submitting, you agree to receive our newsletter and occasional emails related to The CPO Club. You can unsubscribe at any time. For details, review our Privacy Policy.

Schauen wir uns also die wichtigsten Trends im Designbereich an und wie Sie von jedem einzelnen profitieren können.

UX-Trends sind die neuesten Designprinzipien, Arbeitsabläufe, Interface-Typen, UX-Design-Tools und Technologien, die sich in der Welt von UI/UX verbreiten und mit hoher Wahrscheinlichkeit zum Mainstream werden und in den meisten digitalen Produkten auftauchen werden.

Einige von ihnen werden irgendwann verschwinden (wie skeuomorphes Design) oder stagnieren (wie Sprachbenutzerschnittstellen), aber die meisten werden überdauern und in jedem modernen User Interface ein Muss sein.

Beispiele für Trends, die sich bewährt haben, sind minimalistisches Design, datengesteuertes Design und weitere.

Aber wenn die Gefahr besteht, dass diese Trends wieder verschwinden, lohnt es sich dann wirklich, ihnen zu folgen?

Es ist wichtig, sich mit den aktuellen Designtrends zu beschäftigen und zu versuchen, diese in bestehende Projekte zu integrieren.

Der Grund ist einfach: Diese Designtrends sind deshalb populär geworden, weil sie in der Lage sind, reale Probleme zu lösen und die Benutzerfreundlichkeit digitaler Produkte zu verbessern.

Der Dunkelmodus zum Beispiel ermöglicht es Menschen, auch nachts in dunklen Räumen zu arbeiten, ohne schlafende Familienmitglieder zu stören. Responsives Design wiederum sorgt dafür, dass Oberflächen auf allen Geräten gut funktionieren.

Ich weiß, dass einige Trends wieder verblassen können. Aber es dauert zumindest ein paar Jahre (oder sogar Jahrzehnte), bis sie in Vergessenheit geraten. Das heißt, Sie können von diesen Trends eine ganze Weile profitieren, bevor Sie Ihr Design erneut überarbeiten müssen.

Die Designlandschaft entwickelt sich rasant weiter und jede Woche tauchen neue Trends auf. Die meisten davon sind jedoch eher klein und unbedeutend – sie verschwinden meist genauso schnell wieder.

Im Gegensatz dazu gibt es diese 10 Designtrends, die besonders im Bereich UX hervorstechen und uns voraussichtlich langfristig begleiten werden. Besprechen wir also jeden einzelnen davon im Detail.

Wir haben die wichtigsten Ressourcen gesammelt – KI-Prompts, exklusive Angebote und eine Bibliothek mit Materialien für Produktverantwortliche. Schalte dein Konto frei für den Zugriff.

Wir haben die wichtigsten Ressourcen gesammelt – KI-Prompts, exklusive Angebote und eine Bibliothek mit Materialien für Produktverantwortliche. Schalte dein Konto frei für den Zugriff.

This field is for validation purposes and should be left unchanged.
Name*
This field is hidden when viewing the form
This field is hidden when viewing the form
This field is hidden when viewing the form
By submitting, you agree to receive our newsletter and occasional emails related to The CPO Club. You can unsubscribe at any time. For details, review our Privacy Policy.

1. Mikro-Interaktionen

Damit ist gemeint, dass Ihre Benutzeroberfläche dem Nutzer Rückmeldungen gibt und auf subtile Weise mit ihm interagiert. Auch wenn kleine Interaktionen auf den ersten Blick unwichtig erscheinen, ergibt die Summe vieler entlang der zentralen Nutzungspfade letztlich ein insgesamt positives Nutzererlebnis.

Beispiele für Mikro-Interaktionen sind die Animation des Like-Icons bei Instagram und anderen sozialen Netzwerken, wenn der Nutzer darauf klickt.

micro-interactions gif

Ein weiteres Beispiel stammt von Apple – einem Unternehmen, das ich für seine Designorientierung bewundere. Wenn Sie auf Macbooks das Trackpad etwas stärker drücken als gewöhnlich, gibt das Pad ein haptisches Feedback, um Ihnen mitzuteilen, dass Sie gerade "Force Touch" durchgeführt haben.

2. Aufgeräumte Benutzeroberflächen

Ich verstehe, dass es in unserem Produkt viele tolle Seiten oder Funktionen gibt, die wir unseren Nutzern präsentieren möchten. Aber das bedeutet nicht, dass wir die sichtbare Oberfläche mit einer Vielzahl von Bildern, Buttons, Listen und anderen Elementen überladen sollten.

Schauen Sie sich zum Beispiel die Startseite von MSN an.

msn hompage screenshot
Credit: MSN

Sie haben zwei Navigationsleisten, sechs Listen und zwei Karten – alle präsentieren unterschiedliche Inhalte auf einem einzigen Bildschirm. Ich fordere Sie heraus, keine Augenmüdigkeit zu bekommen, wenn Sie auf einer Seite wie dieser surfen.

Aufgeräumte Benutzeroberflächen machen es genau umgekehrt, indem sie dem Nutzer nur wenige UI-Elemente anzeigen – und zwar die, die gerade relevant für die aktuelle Aufgabe sind. Google Maps ist hierfür mein Lieblingsbeispiel.

google map screenshot
Credit: Google

Die Navigationsleiste am oberen Rand ermöglicht es Ihnen, Restaurants, Museen und andere interessante Orte anzuzeigen. Die Symbole erscheinen erst, wenn Sie weit genug in die Karte hineinzoomen, sodass Städte sichtbar werden.

3. Dunkelmodus

Obwohl viele Benutzer den Dunkelmodus noch immer als eine modische Funktion betrachten, die nur von Softwareentwicklern genutzt wird, ist er ein unvermeidbarer Trend. Der Dunkelmodus wird mit ziemlicher Sicherheit in den nächsten Jahren weiter an Popularität gewinnen.

Warum? Weil es bestimmte Vorteile im echten Leben bringt, wenn Sie Ihre Designelemente auf dunklere Farbverläufe umstellen.

Zum einen entlastet er die Augen bei der Arbeit in einem dunklen Raum. In der immer beliebteren Welt der Nebenjobs, flexiblen Arbeitszeiten und des Arbeitens aus verschiedenen Zeitzonen arbeiten viele Menschen abends. Der Dunkelmodus sorgt dafür, dass sie sich vor ihrem Gerät auch bei schwacher Beleuchtung wohlfühlen.

Zweitens geht es um die Erhaltung der Akkulaufzeit. Dunkle Benutzeroberflächen verbrauchen weniger Energie, da LED-Bildschirme viel weniger Helligkeit benötigen, um schwarze Hintergründe anzuzeigen.

4. Metaversum

Unsere Welt bewegt sich langsam auf eine grundlegend neue Form der Benutzerinteraktion zu – Augmented Reality (AR) und Virtual Reality (VR). Zugegeben, die Popularität dieser beiden ist derzeit noch relativ gering, da die AR-/VR-Geräte noch teuer sind (es handelt sich schließlich um eine neue Technologie), doch auch hier ist der Wandel hin zu diesen Oberflächen unvermeidlich.

Einer der bekanntesten Akteure in diesem Markt ist Mark Zuckerbergs Meta (früher Facebook) mit seinem Metaversum.

image of metaverse
Credit: Meta

Das Metaversum ermöglicht es Ihnen, im virtuellen Raum mit Freunden zu interagieren, Produkte zu kaufen und an Konzerten oder anderen Unterhaltungen teilzunehmen.

5. Erweiterte Cursor-Interaktionen

Wir kennen alle die Grundlagen der Cursor-Benutzererfahrung. Wenn ein Nutzer mit der Maus über eine Schaltfläche oder einen Link fährt, wird der Zeiger-Cursor angezeigt. Fährt er über ein Texteingabefeld, erscheint der Text-Cursor.

Darüber hinaus gibt es jedoch fortgeschrittenere Möglichkeiten, die Interaktion Ihrer Nutzer mit der Oberfläche zu unterstützen. Apple etwa hat unter iPadOS den Cursor in einen Kreis verwandelt und damit eigene Interaktionen eingeführt.

image of apple cursor
Credit: Sixcolors

Der Grund für diese Änderung liegt darin, dass die Benutzeroberfläche des iPad für Touch-Bedienung optimiert ist. Einen herkömmlichen Cursor hinzuzufügen, würde sich einfach nicht natürlich anfühlen. Also hat Apple – ganz im Sinne ihres konsequent auf Nutzererlebnis ausgerichteten Denkens – diesen Kreiscursor entwickelt. Er ist sowohl mit Trackpad als auch mit Maus einfach nutzbar und erhält dennoch das auf Touch ausgerichtete Gesamterlebnis des Betriebssystems.

6. Datenvisualisierung

Ein weiterer bedeutender Trend in der digitalen Welt ist die ständig wachsende Verfügbarkeit von Big Data und Analysen. Das bedeutet: Es ist heute unerlässlich, Ihren Nutzern nützliche Analysen zu ihrer Produktnutzung bereitzustellen.

Man könnte sagen, Datenvisualisierung ist eine eigene Kunstform. Mit gutem User Experience Design und Inklusivität können Sie selbst äußerst komplexe Nutzerdaten für Ihr Zielpublikum verständlich und einprägsam aufbereiten. Sehen Sie sich nur dieses Beispiel an.

image of user data
Credit: UXPlanet

Obwohl im obigen Bild drei verschiedene Datentypen enthalten sind, können Sie sie leicht voneinander unterscheiden und sogar ihre wechselseitigen Beziehungen erkennen.

7. Personalisierte Erlebnisse 

Personalisierung ist nicht nur ein Designtrend; sie betrifft alles im digitalen Bereich. Da uns jetzt echte Nutzungsdaten zur Verfügung stehen, können wir die individuellen Bedürfnisse der Benutzer besser verstehen.

Damit können wir Benutzeroberflächen und Inhalte schaffen, die für jede einzelne Person, die unser Produkt nutzt, relevant sind – und das ganz ohne aufwändige UX-Recherche. Dadurch lassen sich hochgradig immersive Erlebnisse gestalten und der Gedanke des inklusiven Designs auf eine neue Stufe heben.

8. KI-generierte Inhalte

Künstliche Intelligenz ist eine der Schlüsselfaktoren, die die Personalisierung, die ich gerade erwähnt habe, erst möglich gemacht haben. Mit dem Aufkommen fortschrittlicher Algorithmen und generativer KI (z. B. ChatGPT und anderen KI-gestützten Tools) sind wir in der Lage, die Informationen aus unserer Nutzerforschung sowie die Präferenzen einzelner Benutzer als Kontext für die Modelle zu nutzen, um Inhalte zu generieren, die für unsere Nutzer höchst relevant sind.

Beispielsweise berücksichtigen die KI-Modelle von Spotify deinen Standort, die Tageszeit und frühere Streaming-Gewohnheiten, um zu erkennen, dass du joggen gehst, und schlagen dir dazu eine Playlist mit energiegeladenen Songs vor.

Glücklicherweise ist generative KI inzwischen in Design-Software fest etabliert und erleichtert dir den Einsatz dieser Technologie in deinen Designentscheidungen. Figma besitzt eine Reihe von KI-Funktionen, ebenso wie viele andere große Player in diesem Bereich (mehr zu den Vorteilen von KI-Design-Software hier).

9. 3D-Designs

Moderne Geräte sind heute sehr leistungsstark, wenn es um die Verarbeitung aufwendiger Visualisierungen geht. Das eröffnet neue Möglichkeiten im Produktdesign, 3D-Elemente, Typografie und Animationen in Benutzeroberflächen einzubinden.

Mit 3D kannst du deinen mobilen und Web-Designs jetzt erweiterte Interaktionen hinzufügen und das gesamte Nutzungserlebnis für deine Zielgruppe unterhaltsamer gestalten.

Die E-Commerce-Sparte von IKEA hat beispielsweise kürzlich ihre 3D-AR-App namens IKEA Place auf den Markt gebracht.

ikea 3d designs screenshot
Quelle: IKEA

Mit dieser App können Nutzer IKEA-Möbel virtuell in ihrem Zuhause platzieren, beurteilen, wie sie zum Rest des Raums passen, und entscheiden, ob sie geeignet sind.

10. Responsives Design

Die Welt ist mobile first. Rund 75 % aller aktiven Geräte weltweit sind mobil – es gibt also keine Ausrede dafür, die eigenen Produkte nicht ebenfalls mobile first zu gestalten.

Der wichtigste Bestandteil ist das sogenannte Responsive Design. Dabei handelt es sich um eine Entwicklungs- und Designmethode, die deinem Produkt erlaubt, seine Benutzeroberfläche an die jeweilige Gerätegröße anzupassen – egal, ob mobil oder Desktop.

Glücklicherweise bieten moderne Design-Tools wie Figma eine große Bandbreite an Funktionalitäten (einschließlich Prototyping und KI-Features), sodass du mit diesem UI-Design-Trend responsive Layouts mit Leichtigkeit erstellen kannst.

Die 5 Merkmale von fortgeschrittenem UX

Nachdem wir nun die wichtigsten Designtrends behandelt haben, möchte ich ein weiteres verwandtes Thema ansprechen – wie sich fortgeschrittenes UX von anderen unterscheidet und auf welche Aspekte du achten musst.

Warum ist das wichtig? Diese Designtrends wirst du meist erst in späteren Phasen der Design-Reife deines Produkts anwenden können – wenn du die Grundlagen gemeistert hast und über die Zeit und Ressourcen verfügst, um dein Design mit den neuesten Trends zu verbessern.

Sehen wir uns also diese fünf wichtigen Eigenschaften fortgeschrittener UX-Designs an.

1. Finanzialisierung

Angenehme Nutzererlebnisse zu schaffen und den Anwendern zu helfen, das Optimum aus deinem Produkt herauszuholen, ist nur ein Teil des Aufgabenspektrums nutzerfreundlichen Designs.

Wenn dein Produkt reif wird und die wichtigen Produktflüsse optimiert sind, verschiebt sich dein Fokus zunehmend auf die finanzielle Seite des UX.

Speziell wirst du anfangen, die Conversion-Reisen deines Produkts zu optimieren, um deine Nutzer zu motivieren und zu unterstützen, zahlende Kunden zu werden. Finanzialisierung ist insbesondere im E-Commerce-Bereich verbreitet, wenn tolles UX dazu beiträgt, dass Nutzer schnell das gewünschte Produkt finden und einfach kaufen können.

Dieses UX-Element wird immer wichtiger für SaaS-Produkte. Ein gutes Beispiel ist Mixpanel.

saas product screenshot

Bist du kostenloser Nutzer von Mixpanel, kannst du nur 5 Berichte speichern. Jedes Mal, wenn du einen Bericht speicherst, zeigt dir das Produkt dieses Limit an und fordert dich auf, auf einen kostenpflichtigen Plan zu wechseln, um unbegrenzt Berichte speichern zu können.

2. Sättigung

Wenn du ein Produkt in einem ausgereiften Markt anbietest, besteht eine der größten Herausforderungen darin, dich von anderen abzuheben. Sättigung bedeutet, dass sich die Nutzererfahrungen unterschiedlicher Produkte am Markt zu sehr ähneln. Dies ist meist die Folge davon, dass Unternehmen erfolgreiche Designs anderer kopieren, um wettbewerbsfähig zu bleiben.

Diese Situation stellt Designteams vor die Aufgabe, Innovationen zu schaffen und Erlebnisse zu gestalten, die sich abheben und besser sind als das, was bereits existiert.

Ein berühmtes Beispiel für eine solche Differenzierung ist LinkedIn, das für seine Nische spezifische User Journeys wie Empfehlungen (Endorsements) hinzugefügt hat. Dadurch konnte sich die Website erfolgreich von anderen großen sozialen Netzwerken abheben, indem sie die Nische des professionellen Netzwerkens besetzte.

3. Desintegration

Desintegration bezeichnet den Prozess, bei dem ähnliche User Journeys in Ihrem Produkt verschiedene Elemente und Erlebnisse aufweisen. Beispielsweise sieht der Erstellen-Button auf Ihrer Hauptseite anders aus und verhält sich auch anders als auf anderen Seiten.

Dies ist ein häufiges Problem bei ausgereiften Produkten, da verschiedene Teams und Designer an unterschiedlichen Produktteilen arbeiten. Sie kommunizieren ihre Designentscheidungen oft nicht miteinander und erschaffen so unterschiedliche Erlebnisse für das gleiche Feature.

Google ist hierfür berühmt. Jedes seiner Produkte unterscheidet sich in Aussehen und Verhalten der grundlegenden Elemente vom Rest.

4. Kommodifizierung 

Ein weiteres typisches Problem bei ausgereiften Produkten und Märkten ist die Über-Standardisierung von Designelementen und Nutzererlebnissen. Zum Beispiel funktioniert ein Login-Prozess überall exakt gleich.

Im Allgemeinen ist das großartig für die Nutzererfahrung. Sie müssen nicht mehr erklären, wie ein bestimmtes Feature funktioniert, da es allgemein bekannt ist. Andererseits bleibt wegen dieses Phänomens den Produktdesignern kaum noch Raum für Kreativität und Innovation.

5. Automatisierung

Mit zunehmender Reife Ihres Produkts und steigendem Umsatz können Sie Tools bezahlen, die Ihrem Designteam in der Startphase noch nicht zur Verfügung standen.

Einer der besten Investitionen in Ihren Designprozess ist die Automatisierung. Moderne Tools verfügen über maschinelles Lernen (machine learning), die Ihnen helfen, die Erstellung adaptiver Interfaces, Usability-Tests, das Nachverfolgen der Nutzeraufmerksamkeit und mehr zu automatisieren.

Viele Trends gelangen schnell in den Designbereich, gewinnen etwas an Fahrt und verschwinden dann wieder – nicht unähnlich zahlreicher seltsamer Modetrends in Kleidung und Fashion. Die hier besprochenen sind jedoch sehr präsent und bieten die Möglichkeit, echte Nutzerprobleme zu lösen.

Stellen Sie also sicher, dass Sie diesen Trends folgen, um das Design Ihres Produkts modern und relevant zu halten. Ich empfehle außerdem, einer Webdesign-Community oder Community für UX-Designer beizutreten, um von anderen zu lernen und vielleicht sogar selbst ein Trendsetter in der Branche zu werden!

Um mehr über weitere Trends aus der Produkt- und Designwelt zu erfahren, sollten Sie auch unseren Newsletter abonnieren sowie einige dieser UX-Design-Newsletter lesen. (Hören Sie außerdem in unseren neuesten Podcast zum UX Design rein – es lohnt sich!)

Suren Karapetyan

Suren Karapetyan, MBA, ist leitender Produktmanager mit Schwerpunkt auf KI-gesteuerten SaaS-Lösungen. Er fühlt sich in der schnelllebigen Welt von Start-ups in der Frühphase zu Hause und findet für sie die passende Produkt-Markt-Kombination. Sein Portfolio ist vielfältig und reicht von Software zur Geräuschunterdrückung für Homeoffice-Mitarbeiter bis hin zu Zollabfertigungsprogrammen für Regierungsbehörden.