{"id":16353,"date":"2023-08-31T14:46:36","date_gmt":"2023-08-31T12:46:36","guid":{"rendered":"https:\/\/www.centigrade.de\/?post_type=blog&p=16353"},"modified":"2023-09-04T11:18:49","modified_gmt":"2023-09-04T09:18:49","slug":"ki-superpower-im-visual-und-ux-design","status":"publish","type":"blog","link":"https:\/\/www.centigrade.de\/de\/blog\/ki-superpower-im-visual-und-ux-design\/","title":{"rendered":"KI: Superpower im Visual und UX Design?"},"content":{"rendered":"
\"Visual

Das Cover wurde von Midjourney erstellt. Eingabepromt: Visuelle Designer arbeiten mit KI, um kreative Softwarel\u00f6sungen zu entwickeln.<\/p><\/div>\n

Dieser Blog bietet bereits eine vielf\u00e4ltige Sammlung rund um das Thema K\u00fcnstliche Intelligenz (KI) aus den verschiedenen Disziplinen, die bei Centigrade unter einem Dach arbeiten. Da darf das visuelle Design nat\u00fcrlich nicht fehlen. In diesem Blogeintrag betrachte ich den aktuellen Stand und beleuchte, ob und wie wir Visual und UX Designer bei Centigrade die Potentiale der KI bereits nutzen. Ich frage mich und andere, wie wir uns eine zuk\u00fcnftige Symbiose zwischen unserer Disziplin und dieser Technologie vorstellen. In diesem Zusammenhang wird es auch um die aktuelle Nummer 1 unter den Design- und Prototyping-Plattformen gehen: Figma und wie die Plattform zuk\u00fcnftig eine KI in den Designprozess integrieren will. Was uns ebenfalls betrifft: Die Demokratisierung von Design und wie dadurch auch Laien mit Hilfe von KI zu \u201cDesignern\u201d werden.<\/strong><\/p>\n

Ich bin Gestalterin. Mit Texten habe ich wenig zu tun und leider musste ich feststellen, dass in mir auch kein tief verborgenes Talent daf\u00fcr schlummert. Dennoch m\u00f6chte ich diesen Blogeintrag schreiben und meine Recherche mit Euch teilen. Was also tun? Klar – ich lasse mir von der K\u00fcnstlichen Intelligenz (KI) helfen. Wie mein Kollege Marius so sch\u00f6n sagte: Die KI hilft uns Visual und UX Designern vor allem bei Aufgaben, von denen wir wenig Ahnung haben. Wie mir beispielsweise beim Ausformulieren dieses Artikels. Das stimmt und impliziert gleichzeitig, dass momentan kaum KI-Tools existieren, die uns Designer aus dem Bereich UX-Design effektiv in unserer anspruchsvollen Disziplin unterst\u00fctzen k\u00f6nnen. Daher mache ich mir auch keine Sorgen, dass die KI mir meinen Job streitig macht. Denn daf\u00fcr sind die Aufgabenstellungen zu komplex. W\u00e4hrend des Designprozesses jonglieren Visual und UX Designer mit vielen Anforderungen und schrauben an den verschiedenen Parametern: Wir l\u00f6sen herausfordernde Probleme, wir arbeiten nutzerzentriert und stellen die User Needs in den Mittelpunkt, wir erf\u00fcllen erwartungskonforme Interaktionsparadigmen und bereichern die User mit einem Kompetenzerlebnis. Eine KI kann nicht bewerten, was man erlebt, wenn man eine UI bedient. Auch deshalb wird der Mensch in the Loop kaum ersetzt werden k\u00f6nnen. Gleichzeitig gehen wir auf die Bed\u00fcrfnisse und Zielsetzungen der Kund*innen ein und m\u00fcssen uns dabei auch mal auf Kompromisse einlassen. Wir verstehen und erf\u00fcllen technische Anforderungen und ISO-Normen, wir gestalten inklusiv. Wir pr\u00e4sentieren und diskutieren unsere Screens, wir kommunizieren und begr\u00fcnden Designentscheidungen, wir lernen und \u00fcberarbeiten. Puh, ganz sch\u00f6n vielschichtig – solche komplexe Zusammenh\u00e4nge kann aktuell noch keine KI herstellen.<\/p>\n

Mein Berufsalltag als Visual Designerin mit der KI<\/strong><\/h2>\n

Ich selber nutze die KI-Technologie, hier seien vor allem ChatGPT<\/a> und <\/u>DeepL Write<\/a> genannt, aktiv in meinem Arbeitsalltag. Die KI ist mir eine ausdauernde Tischnachbarin, die ich st\u00e4ndig alles fragen kann und die immer eine Antwort parat hat. Sie spricht jede Sprache, hilft auf der Suche nach visuelle Metaphern, Synonyme und Rechtschreibfehlern. Sie erkl\u00e4rt mir die komplexesten Sachverhalte. Und das, wenn ich es m\u00f6chte, als w\u00e4re ich wieder in der f\u00fcnften Klasse. Insbesondere im Dienstleistungssektor erweist sich diese Unterst\u00fctzung als \u00e4u\u00dferst wertvoll. Bei Centigrade arbeiten wir gemeinsam mit internationalen Kund*innen, beispielsweise aus dem Gesundheits- und Bildungssektor, aus dem Bereich Finanzen oder der Industrie. Die daraus resultierende Vielfalt an Disziplinen, Sprachen und Kulturen macht die Arbeit so spannend, und nat\u00fcrlich besonders anspruchsvoll. Oftmals sehen wir uns mit Themen konfrontiert, von denen wir bislang nur wenig Kenntnis hatten. Um L\u00f6sungen zu gestalten und Probleme zu bearbeiten ist es wichtig, tief in die Materie einzudringen. Genau an dieser Stelle leistet KI wertvolle Dienste. \u201cChat GPT bringt auf beeindruckende Weise ein solides Dom\u00e4nenverst\u00e4dnis mit.“, wie Thomas in seinem Blogartikel UX trifft auf KI<\/strong><\/a> aus dem M\u00e4rz diesen Jahres bemerkte. Doch wir m\u00fcssen uns dar\u00fcber bewusst sein, dass alles, was man in die KI einspeist, sie an anderer Stelle auch wieder ausspuckt. Deshalb m\u00fcssen wir besonders darauf achten unsere Fragestellungen an sie so allgemein wie m\u00f6glich zu halten, um keine Informationen unserer Kund*innen weiterzugeben. Eine meiner letzten Anfragen an Chat GPT lautete: \u201cBeschreibe mir kurz die Arbeitsumgebung eines modernen Labors und unter welchen Vorraussetzungen die Labormitarbeitende dort an den Ger\u00e4ten arbeiten.\u201d Und so wie f\u00fcr mich ist die konversationsbasierte KI auch f\u00fcr viele meiner Kolleg*innen zu einem bew\u00e4hrten Werkzeug geworden. Sie bef\u00e4higt uns, schenkt uns Wissen und Unterst\u00fctzung, ohne dass wir dabei auf mehr angewiesen sind als einen Computer und eine Internetverbindung.<\/p>\n

Wie stellen wir Visual und UX Designer uns die Symbiose zwischen unserer Disziplin und der KI-Technologie in der Zukunft vor?<\/h2>\n

Reid Hoffman, Mitbegr\u00fcnder von LinkedIn und Autor von „Impromptu\u201d, sprach auf der Figma-Softwarekonferenz in diesem Jahr (Config 2023) in seinem Talk The crescendo of AI in our collective Future<\/a> von der KI als Superpower f\u00fcr das Gehirn.<\/p>\n

\u201cK\u00fcnstliche Intelligenz ist eine verst\u00e4rkende Intelligenz: Sie kultiviert und verst\u00e4rkt unser besseres Selbst. Sie nimmt die Kraft des menschlichen Geistes und macht sie st\u00e4rker und schneller.\u201c Reid Hoffmann auf der Config 2023<\/p><\/blockquote>\n

Er verglich die Entwicklung der KI mit der der Dampfmaschine, die er als eine Art Superpower f\u00fcr die Muskeln beschreibt. Mit ihrer Entwicklung konnten Dinge leichtf\u00e4llig und ausdauernd bewegt werden, die vorher nur mit gro\u00dfer Anstrengung in Bewegung zu bringen und zu halten waren. Welche Superkr\u00e4fte verleiht KI uns Visual und UX Designern? Wird sie unsere Geschwindigkeit im Umgang mit der Maus erh\u00f6hen und l\u00e4sst uns so schneller und sorgf\u00e4ltiger arbeiten? Wird sie unsere Kreativit\u00e4t auf Hochtouren bringen und l\u00e4sst uns so Neues, Aufregendes und Innovatives gestalten?<\/p>\n

Ich erhoffe mir von der KI vor allem, dass sie mir mehr Zeit f\u00fcr meine eigentliche Profession (und Leidenschaft) verschaffen kann, n\u00e4mlich „Probleme auf die sch\u00f6nste Art und Weise zu l\u00f6sen“, so wie es Aline Barr\u00e9, unsere Head of Visual Design so sch\u00f6n und treffend in ihrem Blogeintrag Gebrauchsanweisung f\u00fcr Digital Designer*innen<\/strong><\/a> formuliert hat. Als Designerin m\u00f6chte und sollte ich mich der KI annehmen und sie in meinen Designprozess integrieren. Ich will ihre Vorteile nutzen und davon profitieren. Und so wie ich, versuchen Designer auf der ganzen Welt Maschine zu sprechen.<\/a> Die Implementierung von KI in unseren Arbeitsalltag kann uns gezielt bei wiederkehrenden und zeitraubenden Aufgaben entlasten. Ich stelle mir vor, dass die KI wie ein Heinzelm\u00e4nnchen die Flei\u00dfarbeit \u00fcbernimmt, w\u00e4hrend wir Designer unsere Aufmerksamkeit auf jene T\u00e4tigkeiten lenken k\u00f6nnen, die exklusiv dem menschlichen Einfallsreichtum vorbehalten sind.<\/p>\n

\u201cSo k\u00f6nnen wir uns auf die Dinge konzentrieren, die nur Menschen tun k\u00f6nnen: ein bisschen mehr Zeit als unbedingt n\u00f6tig aufwenden, um etwas Unerwartetes zu erreichen.\u201d John Maeda in Running up that hill: Creativity, AI, and the human pursuit of uphill thinking<\/strong><\/a><\/p><\/blockquote>\n

Diese symbiotische Zusammenarbeit zwischen Mensch und KI kann eine einzigartige Dynamik erschaffen, die uns Raum f\u00fcr kreative Entfaltung und Zeit f\u00fcr mutige Designexperimente bietet. Dazu m\u00f6chte ich einen Blick auf Figma werfen. Denn vor allem solche Designsoftware-Tools f\u00fcr Digital Design Professionals haben das Potential durch die Implementierung der KI-Technologie unseren Workflow zu ver\u00e4ndern.<\/p>\n

Was tut sich bei Figma im Bereich KI?<\/h2>\n

Figma ist ein cloudbasiertes Design-Tool, das es Teams erm\u00f6glicht, in Echtzeit an Benutzeroberfl\u00e4chen und Grafikprojekten zusammenzuarbeiten. Auch wir bei Centigrade nutzen die Software bei den meisten unserer Projekte im Bereich Visual und UX Design. Auf der diesj\u00e4hrigen Config 2023 hat das Unternehmen seine Vision im Umgang mit KI auf der Plattform gezeigt. <\/u>Erst im Fr\u00fchsommer 2023 hat Figma die KI-Software Firma Diagram \u00fcbernommen. <\/a>Diagram<\/a> wurde Ende 2021 gegr\u00fcndet, um das zu erforschen, was sie die „designtools from the future\u201d nennen. Vor der \u00dcbernahme hat Diagram bereits sehr erfolgreich Plugins f\u00fcr Figma entwickelt, wie Automator, <\/a>mit dem repetitive Arbeitsprozesse in Figma ohne Code automatisiert werden k\u00f6nnen.<\/p>\n

\"KI

Screenshots https:\/\/diagram.com\/<\/a><\/p><\/div>\n

Mit der \u00dcbernahme von Diagram<\/u> k\u00fcndigt Figma ein gro\u00dfes KI-Update an, welches unseren Workflow mit dem Design-Tool in Zukunft grundlegend ver\u00e4ndern k\u00f6nnte. Bekommen wir Designer mit der Implementierung von KI in Figma endlich die Superpower von der Reid Hoffman sprach? Die Vision des Teams rund um Diagram-Gr\u00fcnder und CEO Jordan Singer ist vielversprechend. Auf der Pr\u00e4sentation Designing with AI<\/a> (Config 2023) erkl\u00e4ren sie Gestalter*innen unter anderem dort Unterst\u00fctzung, wo wir sie gerne h\u00e4tten. Sie stellen das Plugin Magician<\/a> vor, welches bereits in der Beta-Phase ist. Mit diesem k\u00f6nnen Icons auf Basis von kurzen Prompts generiert werden. Weiter f\u00fcllt der Magician Screens mit passenden Fotos, Bildern und Texten, wenn man ihn dazu auffordert.<\/p>\n

\"KI<\/p>\n

\"KI

Screenshots\u00a0https:\/\/magician.design\/<\/a><\/p><\/div>\n

Das Highlight der Pr\u00e4sentation ist Genius<\/a>, den Diagram als \u201cyour AI design companion\u201d vorstellt. Dieser soll in Zukunft die Technologie der K\u00fcnstlichen Intelligenz in Figma integrieren. In der Pr\u00e4sentation wurde gezeigt, wie durch die Eingabe des Prompts \u201cadd hover, pressed, and focus states for each variant\u201d die verschiedenen States durch die KI angelegt wurden – passend zu den Styles der anderen Komponenten.<\/p>\n

\"Design<\/p>\n

\"Design

Screenshots from\u00a0Designing with AI<\/a>\u00a0(Config 2023)<\/p><\/div>\n

Genius ist dazu f\u00e4hig, eigenst\u00e4ndig smarte Layouts zu erstellen und automatisch Designvorschl\u00e4ge anzubieten. Das funktioniert durch die st\u00e4ndige Analyse der Arbeitsweise und Pr\u00e4ferenzen der Designer. Er sorgt daf\u00fcr, dass Abst\u00e4nde, Ausrichtungen und Proportionen auf den Screens und Komponenten einheitlich bleiben, was zu einer konsequenten und effizienten Gestaltung beitr\u00e4gt. Weiter wurde vorgef\u00fchrt, wie die KI bestehende Designmuster analysiert und so situative Gestaltungsempfehlungen aussprechen kann. In der Pr\u00e4sentation zeigen sie, wie Genius verschiedene Darstellungen und Anordnungen von Albumcovern erstellt und anbietet, w\u00e4hrend der Designer gerade an einer Musik-App arbeitet. Genius bedient sich auch in der reichhaltigen Palette an Figma Plugins. In der Pr\u00e4sentation erh\u00e4lt er den Eingabeprompt: \u201ccreate a color palette from these images, then create a style guide with 10 shades for each color.\u201d Daf\u00fcr kombiniert er intelligent zwei Plugins miteinander: Image Palette <\/strong>und Foundation: Color Generator.<\/strong><\/p>\n

\"Design<\/p>\n

\"Design

Screenshots from Designing with AI<\/a> (Config 2023)<\/p><\/div>\n

Es bleibt abzuwarten, wie sich diese Entwicklung gestaltet. Denn Genius ist noch nicht verf\u00fcgbar. Sobald Figma das KI-Tool der breiten Masse zug\u00e4nglich macht, wird es spannend sein zu sehen, ob und wie diese „Superkr\u00e4fte“ unsere Workflow mit der Software tats\u00e4chlich ver\u00e4ndern werden.<\/p>\n

Demokratisierung von Design<\/h2>\n

Im Bereich des visuellen Designs gibt es auch andere Einsatzm\u00f6glichkeiten f\u00fcr KI, die sich zwar im visuellen Design ansiedeln lassen, sich aber nicht an die Designer selbst richten. Auch hierauf m\u00f6chte ich kurz eingehen – einfach weil es mir ein wichtiges Anliegen ist. Erst k\u00fcrzlich habe ich mit meinem Kollegen David den Uizard Autodesigner<\/a> getestet. Die Firma beschreibt das Tool folgenderma\u00dfen: \u201cText zu Design ist da! Generieren Sie editierbare Designs auf mehreren Screens aus einfachen Textvorgaben\u201d. Das Unternehmen hat es sich zur Aufgabe gemacht, \u201cDesign zu demokratisieren, um es auch Nicht-Designern zu erm\u00f6glichen, digitale, interaktive Produkte zu entwickeln\u201d.<\/p>\n

\"KI

Screenshots Uizard Autodesigner<\/p><\/div>\n

Dazu m\u00f6chte die Software in maximal 300 Zeichen erfahren welches Konzept das gew\u00fcnschte Design haben soll. Weitere 150 Zeichen kann der Nicht-Designer nutzen, um die \u00c4sthetik des zu entstehenden digitalen Produktes zu beschreiben. Es liegt nat\u00fcrlich auf der Hand, dass mit solch kurzen Prompts keine ausgearbeitete individuelle Produkte entstehen k\u00f6nnen. Im Gegenteil, der \u201cNicht-Designer\u201d m\u00fcsste noch eine ganze Menge Energie und Zeit investieren, je nach Talent und Expertise, um die Designs zu editieren.<\/p>\n

Es ist nicht zu untersch\u00e4tzen, welche Herausforderungen solch eine Demokratisierung von Design, also das Zug\u00e4nglichmachen von Design-Werkzeugen und -praktiken f\u00fcr eine breitere Masse, mit sich bringt. F\u00fcr uns Designer, aber auch genauso f\u00fcr die \u201cNicht-Designer\u201d. Es kann dem Unternehmen, das solche Tools nutzt, implizieren, dass sie auf das Wissen von Expert*innen verzichten k\u00f6nnen. Nat\u00fcrlich ist Design viel mehr als nur das kataloghafte Erstellen und Aneinanderreihen von Screens. Es ist ein Handwerk und beruht somit auf Erfahrung, Studien, Experimenten, Recherche, Heuristiken und Iterationsschleifen. Das Arbeiten von Nicht-Designern mit solchen KI-Wizards, vor allem in einer kollaborativen Arbeitsumgebung, k\u00f6nnen falsche Erwartungen sch\u00fcren und visuelle Erscheinungen manifestieren, die weder die Zielgruppe treffen noch den technischen Anforderungen gerecht werden, geschweige denn konzeptionell die Erwartungen treffen. Als Diskussionsgrundlage sind solche Screens daher nur bedingt geeignet. Ich m\u00f6chte an dieser Stelle auch f\u00fcr die Nicht-Designer eintreten. Denn der Druck, sich in Designfragen engagieren zu m\u00fcssen, weil solche Werkzeuge dies erm\u00f6glichen und einen schnellen Einstieg in das Handwerk versprechen, kann f\u00fcr Menschen, die keine Designer sind und sich nicht als solche verstehen, sicherlich \u00fcberw\u00e4ltigend und \u00fcberfordernd sein.<\/p>\n

Zum Schluss<\/h2>\n

Im Visual und UX Design zeigt sich, dass trotz der vielversprechenden Ans\u00e4tze momentan noch begrenzte Optionen existieren, die Gestalterinnen von zeitaufwendigen Aufgaben entlasten, um ihnen mehr Raum f\u00fcr anspruchsvolle und kreative Designherausforderungen zu bieten. Vieles befindet sich in der Beta-Phase. Es bleibt abzuwarten, wie sich diese Entwicklung gestaltet. Sobald Figma die KI-Tools implementiert, wird es spannend sein zu sehen, ob und wie diese „Superkr\u00e4fte“ tats\u00e4chlich Einfluss auf die Arbeitsweise und Ergebnisse der Visual UX Designer haben werden – ich bin gespannt!<\/p>\n

Links:
\nhttps:\/\/www.centigrade.de\/en\/blog\/ux-meets-ai-can-designers-and-their-ideas-still-be-saved\/<\/a><\/p>\n

https:\/\/config.figma.com\/video-on-demand\/6330286715112<\/a> https:\/\/www.centigrade.de\/en\/blog\/digital-designers-manual-how-to-lead-stubborn-digital-designers-to-drive-them-to-excellence\/<\/a><\/p>\n

https:\/\/howtospeakmachine.com\/<\/a><\/p>\n

https:\/\/www.figma.com\/blog\/ai-the-next-chapter-in-design\/<\/a><\/p>\n

https:\/\/www.figma.com\/blog\/uphill-thinking\/<\/a><\/p>\n

https:\/\/config.figma.com\/video-on-demand?slug=6329924726112<\/a><\/p>\n

https:\/\/www.linkedin.com\/posts\/figma_figma-acquires-diagram-activity-7077699980509016064-v-ct<\/a>
\nhttps:\/\/diagram.com\/<\/a><\/p>\n

https:\/\/diagram.com\/#automator<\/a>
\nhttps:\/\/uizard.io\/autodesigner\/<\/a><\/p>\n","protected":false},"author":74,"featured_media":0,"template":"","tags":[839,390,584],"class_list":["post-16353","blog","type-blog","status-publish","hentry","tag-ki","tag-ux-design","tag-visual-design-de-en-de"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/16353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/users\/74"}],"version-history":[{"count":4,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/16353\/revisions"}],"predecessor-version":[{"id":16381,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/16353\/revisions\/16381"}],"wp:attachment":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/media?parent=16353"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/tags?post=16353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}