So nutzen Sie generative KI für UX-Design: Jan Mráz, Atheros

• Apr. 26 2024
• von Jan Mráz

Generative künstliche Intelligenz (KI) hat das enorme Potenzial, kreative Bereiche grundlegend zu verändern. Im Vorfeld des International Design Day 2024 teilt Jan Mráz, UX/UI-Design-Influencer und Gründer von Atheros, einem Unternehmen, das KI-Produkte für Organisationen entwickelt, zentrale Anwendungsfälle, Tipps und Grenzen beim Einsatz generativer KI im UX-Design. 

Lassen Sie uns zunächst die Grundlagen klären. User-Experience-Design (UX) ist ein schnell wachsender Bereich des Designs, der darauf abzielt, Ihr Produkt, Ihre Dienstleistung, Website, Kampagne usw. intuitiver und benutzerfreundlicher zu machen. 

Formell wird es als Prozess definiert, der sinnvolle Nutzererlebnisse für Endnutzer schafft und dabei mehrere Aspekte von Markenführung, Design, Nutzbarkeit und Funktion umfasst. Ich ziehe es jedoch vor, es auf drei zentrale „Wie“-Fragen einzugrenzen: 

• Wie einfach und angenehm ist die Interaktion mit Ihrem Produkt für Ihre Nutzer? 
• Wie effizient ist der Prozess, mit dem Ihre Nutzer eine gewünschte Handlung abschließen?
• Wie benutzerfreundlich ist Ihr gesamtes Markenerlebnis?

Generative KI beschreibt Algorithmen , die genutzt werden können, um neue Inhalte zu erstellen – darunter Text, Audio, Video, Designs, Code, Bilder, Simulationen und mehr – und sie hat das Potenzial, die Art und Weise, wie wir kreative Prozesse angehen, drastisch zu verändern. 

Viele kamen erstmals über ChatGPT damit in Kontakt, tatsächlich hat generative KI aber zahlreiche Anwendungen im Design. Tools wie DALL-E können UX-Designern helfen, mehrere Herausforderungen anzugehen – insbesondere Zeitdruck, repetitive Aufgaben und eine nie endende Folge von Iterationen. 

Anwendungsfälle für generative KI im UX-Design

Schauen wir uns einige Szenarien an, in denen ich generative KI im Arbeitsalltag hilfreich finde – und die Tools, mit denen ich gerne arbeite.

1. UI- und Web-Layouts generieren

Auch wenn die Aufgabe von UX-Designern darin besteht, einzigartige Probleme und Bedürfnisse zu lösen, gibt es dennoch repetitive Tätigkeiten. Effizienz bei der Erstellung von Layouts ist der erste Aspekt im Designprozess, bei dem ich eine Chance für die Integration von KI sehe. 

So beschleunigen KI-Tools beispielsweise die Ideenfindung im User-Interface-Design (UI) , etwa beim Wireframing oder beim Erstellen von Basis-Layouts. Sie können weiterhin Bibliotheken mit vordefinierten Komponenten nutzen. Oder Sie probieren Creatie.ai aus, ein Tool, das ich kürzlich entdeckt habe. Es generiert komplette Layouts basierend auf Größe und Position des Rahmens, den ein Designer zeichnet. Damit kommen Sie so schnell wie möglich zu einem Grundlayout und können sich auf spätere pixelgenaue Designs vorbereiten. 

Wenn es um die Auswahl von Bildern und Illustrationen für UI-Design geht, ermöglichen KI-Modelle und Tools wie Midjourney, Kittl oder Spline AI zur 3D-Generierung Designern, konsistente Visuals für jede Benutzeroberfläche wie Website oder App zu erzeugen. Zudem bieten sie erweiterte Funktionen – von schnellen Bildbearbeitungen wie Hintergrund entfernen oder Farben im Bild ändern bis hin zu Qualitätsverbesserungen. 

Im Webdesign können auch Dinge wie Layouts und Designsysteme recht repetitiv werden. Praktische Tools wie Framer AI oder 10web.io gehen über klassische No-Code-Website-Builder hinaus. Sie integrieren generative KI-Modelle und ermöglichen es, ein komplettes Web-Layout samt Grafiken und Texten mit nur einer Eingabe zu erstellen – ganz ohne weitere Code-Implementierung.

Effizienz bei der Layout-Erstellung kann in schnelllebigen Unternehmen entscheidend sein, insbesondere für Start-ups. Generative-KI-Tools helfen Ihnen, in kürzester Zeit ein grobes Layout zu skizzieren und Ihre Energie auf nicht klar beschriebene und schlecht strukturierte Probleme zu richten. Genau darin liegt der größte Mehrwert von Designern. 

2.  Personalisierung und frühes Feedback

Generative KI birgt außerdem enormes Potenzial für personalisierte Benutzeroberflächen und bietet maßgeschneiderte Erlebnisse, die auf individuelle Vorlieben eingehen. Eine breite Auswahl an nicht design-spezifischen, textorientierten generativen KI-Tools wie ChatGPT oder Gemini kann dabei helfen, skalierbare und zugleich individualisierte Inhalte zu erstellen, etwa Produktbeschreibungen, Blogbeiträge oder UX-Texte.

Gerade im UX-Design kann generative KI durch die Analyse von Nutzerverhalten und -präferenzen zukünftige Aktionen vorhersagen und proaktiv UI-Optionen vorschlagen. So könnte eine E-Commerce-Plattform prognostizieren, welche Produkte ein Nutzer wahrscheinlich kauft, und diese prominent anzeigen – das strafft das Einkaufserlebnis. 

Attentioninsight.com oder neuronsinc.com sind für diese Aufgabe meine bevorzugten Tools. Designer können Links zu Figma-Dateien oder zu Live-Websites und -Apps einfügen, um reichhaltige Verhaltensanalysen zu erhalten und Schwachstellen klar zu erkennen. So lässt sich der Prozess der Erhebung von Nutzerdaten überspringen, und man bekommt frühzeitig erstes Feedback. 

So habe ich es in einem meiner eigenen Projekte eingesetzt. Mithilfe von frühem Heatmap-A/B-Testing an zwei Figma-Prototypen habe ich zwei Checkout-Seiten-Layouts in einem E-Commerce-Projekt verglichen. Einer der wichtigsten Aspekte war ein größeres „Kostenloser Versand“-Banner, das prominenter neben dem CTA-Button platziert wurde. Dadurch erzielte die Gewinner-Variante auf der Live-Website 8,4 % mehr Conversions.

3. Inspiration aus Daten

KI ist eine wichtige Inspirationsquelle für UX-Designer. Sie kann riesige Datensätze analysieren, Trends herausarbeiten und Berichte für die erste Recherche erstellen. So kann selbst mit einem einzigen Prompt in ChatGPT oder Gemini ein Junior-Designer Sekundärdaten für UX-Research finden, Ideen zur Definition von Personas erhalten oder Erklärungen zu verschiedenen Designmethoden bekommen.

Generative KI eignet sich außerdem gut, um Moodboards zu kuratieren, indem sie Bilder nach Stil und Farbschemata kategorisiert. Darüber hinaus kann KI Echtzeitstatistiken für datengestützte Entscheidungen liefern und Kreativität fördern, indem sie Einblicke und Analysen bereitstellt – und so innovative digitale Erlebnisse mitprägt.

Kann generative KI einen UX-Designer ersetzen?

Das ist die Millionenfrage. Ich höre oft von angehenden UX-Designern, die sich Sorgen um die nahe Zukunft von UX/UI-Arbeit machen. Bei dieser riesigen Auswahl kreativer Tools und den wachsenden Fähigkeiten der KI könnte es so wirken, als schrumpfe der Raum für menschliche UX-Designer von Tag zu Tag. Ich persönlich glaube das nicht – und hier ist der Grund.

• Grundlagen vs. Raffinesse. UX-Designer können von generativer KI profitieren, indem sie Tools direkt in ihren Workflow integrieren, statt den gesamten Prozess zu ersetzen. In den meisten Fällen liefert KI Grundlagen auf Junior-Niveau für benutzerfreundliche und reibungslose Designs – aber es ist der erfahrene menschliche Designer, der ein wirklich starkes UX-Design entwickeln kann, das einzigartige Markenaspekte und Nutzerverhalten widerspiegelt.

• Struktur vs. Umgang mit Chaos. KI kann gut strukturierte Probleme lösen. Dennoch haben die meisten Designherausforderungen unstrukturierte Kontexte. Jedes Unternehmen arbeitet mit unterschiedlichen Ressourcen, Branchen und Nutzerproblemen. Genau hier kommen menschliche Aspekte ins Spiel. So kann etwa die Lösung von User-Flows wie dem Onboarding nach der Anmeldung für SaaS-Produkte von KI profitieren, wenn es um das Durchsuchen von Dokumenten geht – doch bei der Ausgestaltung von Details wie Zahlungssicherheit und -prozess ist menschlicher Input entscheidend. 

• Standardisierung vs. Differenzierung. KI-Tools können Designs und Layouts auf Basis der Daten generieren, mit denen sie trainiert wurden. Das bedeutet: Sie liefern ein standardisiertes Ergebnis, das manche als langweilig empfinden könnten. Ein menschliches Auge, das emotionale Wirkung erkennt, ist der Schlüssel zu einem differenzierten UX-Design. 

Zusammengefasst kann generative KI für UX-Designer ein echter Wendepunkt sein, weil sie repetitive Aufgaben und Iterationen beschleunigt und Zeit für Kreativität und einzigartige Impulse schafft. Gleichzeitig fordert sie Junior-Designer heraus, ihr Niveau zu erhöhen und Wege zu finden, zusätzlichen Mehrwert zu schaffen. 

Lassen Sie uns die Zukunft des UX-Designs gemeinsam gestalten – schauen Sie sich an, was ich auf meiner Website (mit einem personalisierten Domainnamen von it.com Domains!) mache, und vernetzen Sie sich, um konstruktive Ansätze für den Einsatz von KI im Design zu diskutieren.

Brauchen Sie Inspiration von führenden Branchenexperten? Besuchen Sie den it.com Domains Blog und folgen Sie uns in den sozialen Medien.

Dieser Artikel wurde von einer künstlichen Intelligenz übersetzt und kann Ungenauigkeiten enthalten. Siehe das Original auf Englisch.

Beitrag teilen!