UX Design Trends Retrospektive 2019

"Kreativität erfordert Mut." – Henri Matisse

Der Kampf um unsere Aufmerksamkeit ist größer denn je, da reichhaltige digitale Inhalte um Millionen von Augäpfeln wetteifern. Mit allgegenwärtigen Ablenkungen erreichen wir möglicherweise eine sogenannte „höchste kognitive Krise“. Bilder, Videos, Texte, Illustrationen, Animationen und Podcasts überladen unsere Sinne mit gesponserten Posts, gefälschten Nachrichten, den Urlaubsfotos unserer Freunde, Australien in Flammen, der Überschwemmung der Stadt Venedig und dem Vorzeichen eines Krieges, alles in weniger als einer Zeitspanne als 10 Sekunden, wenn wir durch einen Feed eines sozialen Netzwerks scrollen.

Durch diesen Sturm – Millionen von Ablenkungen, die alle um unsere Aufmerksamkeit konkurrieren – entstehen durch Innovation und Experimente Designtrends. Trends entstehen typischerweise, weil ein kreativer Kopf sich etwas ausgedacht, es geschaffen hat, es den Leuten gefallen hat und es sich verbreitet hat. Einige Trends haben eine kurze Lebensdauer, andere bleiben länger bestehen und einige werden in ein paar Jahrzehnten recycelt – erleben Sie das Comeback der 60er-Jahre-Mode und Vinyl-Schallplatten mit der Generation Z. Trends erscheinen in vielen Bereichen und Disziplinen: von Mode über Haare, Lebensmittel bis hin zu Autos, von Architektur über Design bis hin zur Politik.

Trends entstehen aus Kreativität und mutigem Experimentieren. Als Margaret Vinci, eine Haarstyling-Meisterin, 1960 vom Herausgeber der Zeitschrift Modern Beauty Salon ermutigt wurde, „etwas wirklich anderes“ zu tun, das das kommende Jahrzehnt bestimmen würde, erfand sie die Bienenstockfrisur. Es verbreitete sich wie ein Lauffeuer und wurde in den 60er Jahren zu einem heißen Trend. Audrey Hepburns Bienenstock, den sie wunderschön in dem Filmklassiker „Frühstück bei Tiffany“ inszenierte, ist eines der kultigsten Beispiele, ebenso wie Brigitte Bardots zerzauste Version davon.

Wie bei vielen Innovationen stellen Designer ihre neu geprägten und sorgfältig gefertigten Kreationen in verschiedenen Medien zur Schau, um sie zu testen und vorzuführen. Einige UX-Designs sind echte Bemühungen, Dinge besser aussehen und funktionieren zu lassen. Einige sind Eitelkeitsprojekte, die darauf abzielen, den Designer zu verherrlichen und ihn mit 10.000 Likes auf Dribbble zu Design-Halbgöttern zu erklären – selbst wenn es nur für einen kurzen Moment auf dem Radar ist.

In der chaotischen Fülle von Optionen werden einige Designs verworfen und einige behalten und entwickeln sich zu einem UX-Designtrend – nicht nur bei Verbrauchern, sondern auch bei Kollegen. Gleichaltrige antworten mit einem Daumen nach oben oder einem Daumen nach unten: Oooh, das gefällt mir. Das sieht großartig aus. Es lässt die Dinge besser funktionieren. Ich mag diesen Stil. Oder äh, funktioniert bei mir nicht… Manchmal, überwältigt von FOMO-Symptomen (Fear Of Missing Out), springen andere Designer auf den fahrenden Zug auf und senden: Schau, ich bin auch hip, modern und zeitgemäß! und ich bin mal mit der Zeit, schau mal, das ist das Neuste.

Nachahmung ist die aufrichtigste Form der Schmeichelei, die Mittelmäßigkeit der Größe zahlen kann. Oscar Wilde

Einige UX-Designer widersetzen sich möglicherweise Designtrends, weil sie nicht als Mitläufer angesehen werden wollen. Einige lehnen Designtrends rundweg ab, tun sie als flüchtige Modeerscheinungen ab und halten sich an die Prinzipien guten Designs. Nehmen Sie die „Minimalisten für immer“, die geschworene Feinde von allem Maximalistischen sind. Aber abweichende Designer sollten erkennen, dass jeder Stil und Trend seinen Platz in der Welt hat. Wenn der falsche Trend zur falschen Zeit, in den falschen Medien und im falschen Kontext verwendet wird, entsteht Chaos und die Leute schrecken zurück.

Sich von Designtrends inspirieren zu lassen, kann auf andere Weise nützlich sein. Wenn die gefürchtete kreative Blockade Designer lähmt, kann die Inspiration durch Designtrends helfen, sie zu überwinden. Es ist nichts falsch daran, nach neuen Inspirationsquellen zu suchen, solange es nicht zu sinnloser Nachahmung führt. Sich von einem bestimmten Designtrend inspirieren zu lassen, ist eine Hommage an seinen Schöpfer und die Anerkennung, dass es funktioniert, und was funktioniert, wird bald zu einer Best Practice, einer Konvention und einem etablierten Designmuster.

Lassen Sie uns auf die UX-Designtrends 2019 zurückblicken und ein Dutzend wichtige hervorheben.

UX-Trend des Jahres 2019: Illustrationen überall

In den letzten Jahren sickerten skurrile Illustrationen in die Welt des digitalen Designs ein, wurden aber 2019 in den Vordergrund gerückt. Der Trend wird durch den Wunsch nach einer organischen Sensibilität in der Grafik und einer Abkehr vom kalten, digitalen getrieben.“ technischer Look.“ Die Bewegung schließt sich mit dem jüngsten Comeback analoger Medien zusammen – Schallplatten, Vintage-Kleidung, Buchdruck – Dinge, die aus echten Rohmaterialien hergestellt werden. Die Menschen sehnen sich nach dem Greifbaren – nach Dingen, die natürlich, organisch und sinnvoll sind.

Stock Bilder und Stock Illustrationen sind out . Von skurrilen digitalen Illustrationen bis hin zu Schwarz-Weiß-Kohleskizzen ist alles mit einem organischen Gefühl in . Isometrische Illustrationen liegen voll im Trend, Skeuomorphismus ist nicht erlaubt. Es dreht sich alles um organisch aussehende, benutzerdefinierte Illustrationen auf Websites und in Apps, sogar für Schaltflächen und Symbole.

Wenn Designer ein wenig Bewegung in die Illustration einbringen können, noch besser. Eine sich langsam bewegende, subtile Animation fügt einer statischen Illustration ein interessantes Element hinzu und erweckt sie zum Leben.

Illustrationen, insbesondere für Onboarding-Sequenzen, haben auch Einzug in das mobile UX-Design gehalten.

Das Mischen von Trends ist nicht ungewöhnlich. Einfallsreiche Landing Pages präsentieren durch Scrollen ausgelöste, parallaxe Multimedia-Animationen, die manchmal animierte Illustrationen mit bewegten Hintergründen, Typografie, Fotos und Videos kombinieren.

Let's Go Dark: Dunkler Modus/dunkle Themen

Aufgrund der wachsenden Popularität dunkler Themen bewegen sich immer mehr digitale Designs auf die „dunkle Seite“. Der coole neue Dunkelmodus hat verschiedene Plattformen erobert: Betriebssysteme, Fernseher, Mobilgeräte und das Internet. Apple hat den Dark-Mode-Wahn mit seiner TV-Benutzeroberfläche, dann mit Mac OS Mojave und schließlich mit iOS 13 und seinem neuen iPadOS angeheizt. Benutzeroberflächen mit dunklem Design haben mehrere Vorteile: Sie schonen die Augen, können stilvoller und eleganter sein und sparen Akkulaufzeit.

Designer sollten jedoch vorsichtig vorgehen, wenn sie sich entscheiden, auf der dunklen Seite zu wandeln. Die nutzbare Farbpalette kann eingeschränkt sein und die falsche Farbkombination zur Qual für die Augen werden. Außerdem tauchen alle Arten von Usability-Problemen auf – hauptsächlich im Zusammenhang mit Scanbarkeit, Lesbarkeit und Kontrast. UX-Designer müssen sicherstellen, dass zwischen UI-Elementen wie Schaltflächen, Text und Hintergrund ein ausreichender Kontrast besteht. Der Verwendungskontext, dh die Betrachtungsumgebung, muss berücksichtigt werden, ebenso wie das Gerät, auf dem die Benutzeroberfläche mit dunklem Design voraussichtlich angezeigt wird.

Minimalismus/Maximalismus

Großartige Produkte erreichen mit weniger mehr. Minimalismus als UX-Designtrend ist beliebt, wie die neuesten Web- und Mobile-App-Designtrends zeigen. Als Aushängeschild des Minimalismus war Apple sein einflussreichster und stärkster Befürworter. In Anlehnung an die Ideologie von Designikone Dieter Rams und die Kraft des „herausragenden Designs“ sind die minimalistischen Hardware- und Softwaredesigns von Apple nichts weniger als außergewöhnlich. UX-Designer lehnen sich an Apples Playbook an und betonen seit langem, wie wichtig es ist, digitales Design auf das Nötigste zu reduzieren und den Menschen nur das absolut Notwendige zu geben, das zur Bewältigung einer Aufgabe erforderlich ist.

Fans des Minimalismus erkennen, dass die kognitiven Ressourcen der Menschen begrenzt sind, ebenso wie ihre Fähigkeit, die Komplexität von Informationen zu verarbeiten und zu verstehen. Menschen können nicht jede Nuance von Reizen erfassen, die erforderlich sind, um ihre vollständige Bedeutung zuzuordnen. Hervorstechende Informationen werden in einer bestimmten Situation höchstwahrscheinlich Aufmerksamkeit erregen und den größten Einfluss darauf haben, wie die Reize wahrgenommen werden.

„Kreativität ist die Fähigkeit, Risiken einzugehen. Sich tatsächlich aufs Spiel setzen und Spott riskieren, an den Pranger gestellt, kritisiert, was auch immer. Aber … Sie müssen dieses Risiko eingehen.“ - Stachel

Das Gegenteil von spärlichem, kaltem Minimalismus, Maximalismus ist eine Designbewegung mit hohem Risiko und hohen Belohnungen, die Engagement und Vertrauen erfordert. Subversive, rebellische UX-Designer – „Design-Hippies“ der Gegenkultur – wenden sich dem Maximalismus zu, um groß und laut zu werden und Wirkung zu erzielen. Doch der Anspruch, sich aus der Landschaft der konformistischen Minimalisten abzuheben, ist nicht ohne Risiken. Maximalismus kann einen Schlag versetzen, aber er kann auch nach hinten losgehen. Es ist nur für die Kühnsten, die bereit sind, alles zu riskieren und gelegentlich in Flammen aufzugehen.

Maximalisten glauben, dass der Geist Reize liebt. Manchmal an der Grenze zum Bizarren schreien die Farb-, Textur- und Musterschichten des Maximalismus nach Aufmerksamkeit, und sein Manifest erklärt: „Wir werden nicht ignoriert!“ Maximalistisches Design berührt viele Facetten des Designs: Grafikdesign, Webdesign, mobiles Design, Innenarchitektur, Mode, Architektur und mehr – es ist eine Möglichkeit für Designer, zu stimulieren und zu begeistern.

Neumorphismus

Designer entwickelten den Neumorphismus aus dem Wunsch heraus, bei einer minimalistischen Sensibilität zu bleiben, aber das Beste aus Skeuomorphismus und Materialdesign zu kombinieren. Skeuomorphismus war ein bisschen zu viel – der Versuch, Objekte in der realen Welt nachzuahmen – und Materialdesign war zu flach. Neumorphismus liegt irgendwo in der Mitte. Doch so aufregend es oberflächlich auch aussehen mag, dieser UX-Designtrend könnte laut einigen Kritikern nur von kurzer Dauer sein.

Neumorphismus ermöglicht „saubere Designs“, ohne Farbe – was normalerweise verwendet wird, um Elemente in einer Benutzeroberfläche zu kennzeichnen – und stattdessen verwendet die Technik einen leicht erhöhten oder eingerückten weichen Schlagschatten, um UI-Komponenten zu trennen. Wie bei vielen Trends können auch Designtrends gemischt werden, und Designer können „Designtrend-Gumbos“ kreieren, ein aufregendes Medley der neuesten Geschmacksrichtungen. Beispielsweise kann Neumorphismus mit anderen Trends kombiniert werden, wie z. B. Benutzeroberflächen mit dunklen Themen.

Sinnvolle Mikrointeraktionen

„Die Details sind nicht die Details. Sie machen das Design.“ – Charles Eames.

Es sind all die kleinen Details, die ein gutes digitales Produkt zu einem großartigen machen. Dan Saffer, Autor des Buches Microinteractions, definiert Mikrointeraktionen als „in sich geschlossene Produktmomente, die sich um einen einzigen Anwendungsfall drehen – sie haben eine Hauptaufgabe“. Jenseits der Ästhetik können gut ausgeführte, reibungslose Mikrointeraktionen bei Menschen in Momenten der Interaktion Freude hervorrufen. Bei Mikrointeraktionen geht es um die kritischen Details, die den Unterschied zwischen einer freundlichen und einer frustrierenden Erfahrung ausmachen.

Mikrointeraktionen sind nicht ausschließlich für mobile Apps gedacht; Sie können auch für Websites, Desktop-Apps und Webanwendungen (SaaS) konzipiert werden. Designer sollten jedoch, wie beim Trend zu dunklen Themen, vorsichtig vorgehen. Zu viel am falschen Ort kann nach hinten losgehen und die Benutzererfahrung ruinieren; Daher ist eine umsichtige Überlegung, wie viel davon und in welchem ​​Kontext bereitgestellt werden soll, von entscheidender Bedeutung.

Mehr Gesteninteraktionen auf Mobilgeräten

Das Suchen nach Hinweisen auf die Benutzeroberfläche und das Antippen von Symbolen ist auf Mobilgeräten zu einem No-Go geworden. Die Menschen erwarten zunehmend, dass verschiedene UI-Elemente auf Mobilgeräten wischt werden können, was sich zu einer Best Practice für das mobile Design entwickelt. Es bietet eine bessere UX, da Menschen Gesten auf ungenaue Weise ausführen können. Das Wischen ist beispielsweise schneller und einfacher als das Suchen und Tippen auf ein Symbol, um eine Karte zu schließen. In den meisten Fällen sind beide Interaktionsmöglichkeiten vorgesehen.

Für kleinere mobile Interaktionen wie Teilen, Speichern, Einstellungen, Vergrößern eines Bildes oder Ansehen eines Videos in einem sozialen Feed werden mehrschichtige, durchwischbare Karten immer häufiger verwendet. In Apples neuestem iOS 13 wird die mehrschichtige Kartenmodalität in ihren nativen Apps ausgiebig verwendet. Auch andere Apps nutzen diese natürliche und schnelle mobile Interaktionstechnik.

3D-Visualisierung verleiht Produkten ein realistisches Gefühl

Anspruchsvolle High-End-Fotografie ist teuer und Stock-Fotos sind out . 3D-Visualisierungen sind in . Wenn Objekte in 3D gerendert werden, ist es fast vorstellbar, dass sie zum Anfassen da sind. Von digitalen Versionen von Produkten für den E-Commerce und Produktverpackungskonzepten bis hin zu Visualisierungen von Innenarchitekturen und isometrischen Bürogrundrissen hilft 3D Menschen dabei, sich vorzustellen, wie etwas aussehen und sich anfühlen würde. Im Gegensatz zur Fotografie können 3D-gerenderte Bilder sofort in ein alternatives Farbschema geändert, skaliert und in einer anderen Umgebung platziert werden.

Sprachinteraktionen

Das Komfortniveau der Menschen mit Sprachinteraktionen wächst. Wir sprechen mit unbelebten Objekten und sie sprechen mit uns. Nicht nur wenn wir alle Hände voll zu tun haben, unsauber sind oder Auto fahren, nutzen wir Sprachinteraktionen auf unseren Handys. Immer mehr Menschen suchen mit ihrer Stimme, diktieren Textnachrichten und spielen Musik per Sprachbefehl ab.

Wir gewinnen mehr Akzeptanz beim Mainstream und sprechen mit den digitalen Sprachassistenten Alexa, Cortana, Google Assistant und Siri, um Reise- und Wetterinformationen zu erhalten, einzukaufen und eine Fahrt zu bestellen. Neben den beliebten Sprachassistenten ist die Möglichkeit zur Nutzung von Sprachinteraktionen zunehmend in verschiedene Geräte und Apps integriert. Eine kürzlich durchgeführte Umfrage ergab, dass der Grund, warum Menschen gerne ihre Stimme zur Interaktion verwenden, darin besteht, dass sie schnell und genau ist und kein Tippen erfordert. Mit anderen Worten, es reduziert die Reibung und bietet eine bessere UX.

Conversational UIs und Chatbots

Herkömmliche Zielseiten mit großen Heldenbildern, Schaltflächen, Links und Formularen weichen allmählich einem der intuitivsten und natürlichsten Interaktionsmuster – der Konversation. Conversational UIs bieten ein ansprechendes, personalisierteres und reibungsloseres Erlebnis.

Typischerweise sind Chatbots Plattformen für künstliche Intelligenz, die Instant Messaging als Anwendungsschnittstelle verwenden. Anstatt die Benutzer zu belasten, indem sie sie bitten, Formulare auszufüllen, entlasten Chatbots diese Belastung, indem sie die Interaktion natürlicher und dialogorientierter gestalten. Einige Bots sind keine KI, sondern echte Menschen, die per Chat interagieren, um überzeugendere Benutzererlebnisse zu bieten.

Auch wenn die Zeit, die etwas braucht, dieselbe sein kann – zum Beispiel um eine Reisebuchung abzuschließen –, weil die Interaktion dialogorientiert und in Blöcke aufgeteilt ist, wird die kognitive Belastung reduziert und das Benutzererlebnis verbessert.

Durch Scrollen ausgelöste Animationen erzählen Geschichten, verkaufen Produkte und Dienstleistungen

High-End-3D-Rendering von Produkten in Super-Nahaufnahme ist der letzte Schrei, wenn es um den Verkauf von Produkten im Internet geht. Auf Lifestyle-Marketing ausgerichtete, durch Scrollen ausgelöste Animationen erzählen fesselnde, kinoreife Geschichten mit beeindruckender Grafik. Oft mischen sie Stop-Motion-Animation, Fotografie und Video mit eleganter Typografie und sind so konzipiert, dass sie Menschen ansprechen und anziehen.

Verschiedene Dienstleistungsunternehmen konzentrieren sich auf einzigartige Besuchererlebnisse, die fesselnder sind als die statischen Webseiten, die Menschen auf die altmodische Weise durchsuchen, und nutzen auch den UX-Trend der durch Scrollen ausgelösten Animationen, um alles von kreativen Dienstleistungen bis hin zu digitalem Design und Branding zu verkaufen.

Mixed-Media-Sites mit starker Typografie

In den letzten Jahren erwachte das Web mit Multimedia-Seiten zum Leben, die mit selbstspielenden Videos, animierten GIFs, 3D-Animationen und durch Scrollen ausgelösten animierten Illustrationen vollgestopft waren. Zusammen mit lauter Typografie und Parallax-Scrolling fühlt es sich an, als wäre alles außer der Küchenspüle hineingeworfen worden – aber wenn sie mit etwas Zurückhaltung und in einem raffinierten Stil gut gemacht sind, werden sie die Aufmerksamkeit der Besucher auf sich ziehen. Erlebnisse sind nicht mehr linear, sondern reichhaltig und ansprechend gestaltet.

E-Commerce erwacht mit 3D, AR und Bewegung zum Leben

Einkaufen in der physischen Welt ist ein haptisches Erlebnis. Studien haben gezeigt, dass Video- oder 3D-Animationen auf Produktseiten von E-Commerce-Websites dazu neigen, mehr Produkte zu verkaufen, weil die Leute ein besseres Gefühl dafür bekommen können. Produkte, die über Augmented Reality (AR) in das reale Leben eingefügt werden, funktionieren tendenziell auch besser, da die Menschen sie „anprobieren“ oder die Produkte in realen Umgebungen platzieren können. Da immer schnellere Internetverbindungen zunehmen und Browser alle Arten von Multimedia-Inhalten besser wiedergeben, werden sich diese E-Commerce-UX-Trends mit Sicherheit fortsetzen.

Ausgewählte UX-Designtrends sind gekommen, um zu bleiben

Obwohl es eine Falle sein kann, mit den neuesten UX-Trends Schritt zu halten, wenn es nicht vernünftig gemacht wird, ist es entscheidend, auf dem Laufenden zu bleiben. Dies kann einem UX-Designer helfen, innovativ zu werden oder zu bleiben. UX-Designtrends können die Bemühungen von UX-Designern ankurbeln, die hohen Erwartungen der Menschen zu erfüllen, da sie in den meisten Fällen durch UX-Designexperimente gefiltert wurden und nachweislich funktionieren.

Jedes Jahr entstehen heiße neue UX-Designtrends. Einige werden populär werden, andere werden nachlassen und schließlich verschwinden. Durch einen Prozess der gnadenlosen Eliminierung werden nur die nützlichsten und langlebigsten überleben, was großartig ist, um die Kunst und Wissenschaft der Gestaltung außergewöhnlicher Benutzererlebnisse voranzubringen.

• • •

Weiterführende Literatur im Toptal Design Blog:

• Blick in die Zukunft – Designtrends 2020
• Die erprobten und wahren Gesetze von UX (mit Infografik)
• Meistern Sie heiße Designtrends mit diesen Photoshop-Tutorials
• Prominente E-Commerce-Trends und ihr Einfluss auf das Design (mit Infografik)
• Lohnen sich alle Trends? Die 5 häufigsten UX-Fehler, die Webdesigner machen