{"id":10310,"date":"2025-03-24T09:00:00","date_gmt":"2025-03-24T08:00:00","guid":{"rendered":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/?p=10310"},"modified":"2025-03-21T15:10:45","modified_gmt":"2025-03-21T14:10:45","slug":"ki-und-design-forschungspraktikum-von-tom-luther","status":"publish","type":"post","link":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/ki-und-design-forschungspraktikum-von-tom-luther\/","title":{"rendered":"KI und Design &#8211; Forschungspraktikum von Tom Luther"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"500\" height=\"280\" src=\"http:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild00-1-500x280.jpg\" alt=\"\" class=\"wp-image-10323\" srcset=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild00-1-500x280.jpg 500w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild00-1-250x140.jpg 250w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild00-1-768x430.jpg 768w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild00-1-1536x861.jpg 1536w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild00-1-2048x1148.jpg 2048w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild00-1-300x168.jpg 300w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild00-1-750x420.jpg 750w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><figcaption><em>Interface Mock-Up in OP-Saal, erstellt mit v0 und Midjourney<\/em><\/figcaption><\/figure>\n\n\n\n<p>In den vergangenen Jahren sind KI-Tools der breiten Masse zug\u00e4nglich geworden. Besonders bekannt sind dabei sogenannte Large-Language-Models, wie ChatGPT von OpenAI, und Algorithmen, die Bilder generieren k\u00f6nnen, wie Midjourney. Als intelligent werden diese Programme bezeichnet, weil sie in der Lage sind, Probleme zu l\u00f6sen, deren Bearbeitung bislang menschliche F\u00e4higkeiten erfordert hat. Die Verbreitung dieser Technologien hat ebenfalls zur Folge, dass nun Aufgabentypen automatisiert werden k\u00f6nnten, welche bislang nur manuell bearbeitbar waren.<\/p>\n\n\n\n<p>Diese Entwicklungen versprechen somit ebenfalls vielf\u00e4ltige Anwendungsm\u00f6glichkeiten im Design von Mensch-Maschine-Schnittstellen (HMIs). Bis zu diesem Zeitpunkt wurde die effektive Anwendung solcher intelligenten Algorithmen in Design-Prozessen sehr wenig erforscht. Au\u00dferdem ist die gro\u00dfe Vielfalt an Tools un\u00fcbersichtlich und schwer zu \u00fcberblicken.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"500\" height=\"281\" src=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild01-500x281.png\" alt=\"\" class=\"wp-image-10312\" srcset=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild01-500x281.png 500w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild01-250x141.png 250w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild01-768x432.png 768w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild01-1536x864.png 1536w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild01-2048x1152.png 2048w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild01-300x169.png 300w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild01-750x422.png 750w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><figcaption><em>Abstrakte Funktionsweise von intelligenten Algorithmen<\/em><\/figcaption><\/figure>\n\n\n\n<p>Daher hat sich Tom Luther diesen Problemen in seinem Forschungspraktikum systematisch gen\u00e4hert. Ziel war es zum einen, einen \u00dcberblick \u00fcber das Spektrum aller existierenden intelligenten Features zu erlangen. Zum anderen sollten Einsatzgebiete und Grenzen der generativen F\u00e4higkeiten innerhalb des HMI-Design-Prozesses identifiziert und konkrete Anwendungsempfehlungen erarbeitet werden. Als Ergebnis der Analyse lie\u00dfen sich die verf\u00fcgbaren KI-Tools grob in drei Kategorien unterteilen.<\/p>\n\n\n\n<p>\u2014&nbsp;&nbsp;&nbsp; Large-Language-Models: Algorithmen zur Verarbeitung nat\u00fcrlicher Sprache<\/p>\n\n\n\n<p>\u2014&nbsp;&nbsp;&nbsp; Tools zur Bildgenerierung: Algorithmen, welche basierend auf einer Texteingabe Bilder erstellen<\/p>\n\n\n\n<p>\u2014&nbsp;&nbsp;&nbsp; Spezialisiert auf Interface-Design<\/p>\n\n\n\n<p>Nachfolgend wurden vier repr\u00e4sentative Tools ausgew\u00e4hlt und in einem exemplarischen Design-Prozess bez\u00fcglich ihrer Eignung im HMI-Design evaluiert. Dieser Prozess setzte sich aus drei Phasen zusammen:<\/p>\n\n\n\n<p>\u2014&nbsp;&nbsp;&nbsp; Analyse: Extrahieren von Anforderungen aus bekannten Informationen und Recherche<\/p>\n\n\n\n<p>\u2014&nbsp;&nbsp;&nbsp; Definition: Exploration und Evaluation von L\u00f6sungsans\u00e4tzen zur Erstellung eines Interaktionskonzeptes<\/p>\n\n\n\n<p>\u2014&nbsp;&nbsp;&nbsp; Visuelle Gestaltung: Ausarbeitung des finalen Interfaces<\/p>\n\n\n\n<figure class=\"wp-container-2 wp-block-gallery-1 wp-block-gallery has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"500\" height=\"500\" data-id=\"10313\"  src=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild03-500x500.png\" alt=\"\" class=\"wp-image-10313\" srcset=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild03-500x500.png 500w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild03-250x250.png 250w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild03-768x768.png 768w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild03-300x300.png 300w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild03-750x750.png 750w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild03.png 1024w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"500\" height=\"500\" data-id=\"10315\"  src=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild04-500x500.jpg\" alt=\"\" class=\"wp-image-10315\" srcset=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild04-500x500.jpg 500w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild04-250x250.jpg 250w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild04-768x768.jpg 768w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild04-300x300.jpg 300w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild04-750x750.jpg 750w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild04.jpg 1024w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"500\" height=\"500\" data-id=\"10314\"  src=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild02-500x500.png\" alt=\"\" class=\"wp-image-10314\" srcset=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild02-500x500.png 500w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild02-250x250.png 250w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild02-768x768.png 768w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild02-300x300.png 300w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild02-750x750.png 750w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild02.png 1024w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n<figcaption class=\"blocks-gallery-caption\"><em>Visualisierungen f\u00fcr eine sogenannte User Journey, erstellt mit Midjourney<\/em><\/figcaption><\/figure>\n\n\n\n<p>Obwohl mithilfe der ausgew\u00e4hlten Werkzeuge keine Interfaces mit finaler Qualit\u00e4t generiert werden konnten, lie\u00dfen sich f\u00fcr Teilschritte dennoch sehr hilfreiche Erkenntnisse gewinnen.<\/p>\n\n\n\n<p>Insbesondere zur Variantenbildung und Generierung von L\u00f6sungsvorschl\u00e4gen k\u00f6nnen intelligente Systeme eingesetzt werden. Au\u00dferdem eignen sich Tools, welche Bilder generieren k\u00f6nnen, dazu, unterst\u00fctzende Visualisierungen wie Icons oder Abbildungen von Szenen zu erstellen. Als Schw\u00e4chen von KI-Tools zeigten sich die inhaltliche Pr\u00e4zision und Qualit\u00e4t der generierten Resultate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"500\" height=\"408\" src=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild05-500x408.jpg\" alt=\"\" class=\"wp-image-10317\" srcset=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild05-500x408.jpg 500w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild05-250x204.jpg 250w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild05-300x245.jpg 300w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild05.jpg 534w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><figcaption><em>Interface zur Steuerung eines chirurgischen Roboters, generiert mit v0<\/em><\/figcaption><\/figure>\n\n\n\n<p>Die Ergebnisse von Toms Arbeit zeigen, dass KI-Tools bereits zum Zeitpunkt der Erarbeitung zur Steigerung der Kreativit\u00e4t und Effizienz im Designprozess von HMIs f\u00fchren k\u00f6nnen. Dies erreichen sie vor allem durch die Bereitstellung von Inspirationsmaterial und Generierung von L\u00f6sungsvarianten. Au\u00dferdem erlauben ausgew\u00e4hlte Features auch Unerfahrenen den Zugang zur Gestaltung interaktiver Systeme. Ein Large-Language-Model kann beispielsweise Ratschl\u00e4ge geben, welche Schritte als n\u00e4chstes gegangen werden m\u00fcssen. Auch das Erstellen von aufwendigen Visualisierungen k\u00f6nnen KI-Tools in manchen F\u00e4llen bereits \u00fcbernehmen. Die Finalisierung und Umsetzung eines professionellen Entwurfes obliegen jedoch weiterhin ge\u00fcbten Designern.<\/p>\n\n\n\n<p>Zuk\u00fcnftige Fortschritte in der Entwicklung von k\u00fcnstlicher Intelligenz werden die Ergebnisse der bereits existierenden Werkzeuge weiter verbessern. Dies h\u00e4ngt auch mit spezifischerem Training zusammen, welches die Anwendung im Interaktionsdesign ebenfalls relevanter machen wird. Ebenso wird die Bedienung der Tools selbst einfacher und wahrscheinlich pr\u00e4ziser auf bestimmte Anwendungsbereiche, wie das HMI-Design, zugeschnitten. M\u00f6glicherweise ver\u00e4ndert die Anwendung von intelligenten Systemen grundlegend die Art und Weise, wie Designer arbeiten. Es besteht die M\u00f6glichkeit, dass alternative Prozessmodelle entwickelt werden, um die Innovationskraft von KI und Designern zusammenzubringen. Ob in Zukunft die automatische Gestaltung von interaktiven Systemen m\u00f6glich sein wird, bleibt vorerst offen. Angesichts der Geschwindigkeit des Fortschrittes werden diese Erkenntnisse jedoch in naher Zukunft m\u00f6glich sein.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"500\" height=\"281\" src=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild06-500x281.png\" alt=\"\" class=\"wp-image-10321\" srcset=\"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild06-500x281.png 500w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild06-250x141.png 250w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild06-768x432.png 768w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild06-1536x864.png 1536w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild06-2048x1152.png 2048w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild06-300x169.png 300w, https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-content\/uploads\/Bild06-750x422.png 750w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><figcaption><em>M\u00f6gliche Nutzung von bestimmten KI-Tools im Interface-Design (blau: gute Ergebnisse; grau: nur eingeschr\u00e4nkt nutzbar)<\/em><\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In den vergangenen Jahren sind KI-Tools der breiten Masse zug\u00e4nglich geworden. Besonders bekannt sind dabei sogenannte Large-Language-Models, wie ChatGPT von OpenAI, und Algorithmen, die Bilder generieren k\u00f6nnen, wie Midjourney. Als intelligent werden diese Programme bezeichnet, weil sie in der Lage sind, Probleme zu l\u00f6sen, deren Bearbeitung bislang menschliche F\u00e4higkeiten erfordert hat. Die Verbreitung dieser Technologien [&hellip;]<\/p>\n","protected":false},"author":39,"featured_media":10318,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,4,6,42,643],"tags":[161,47,49,50,778,535,818,815,816,817,163,78],"_links":{"self":[{"href":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-json\/wp\/v2\/posts\/10310"}],"collection":[{"href":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-json\/wp\/v2\/comments?post=10310"}],"version-history":[{"count":5,"href":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-json\/wp\/v2\/posts\/10310\/revisions"}],"predecessor-version":[{"id":10324,"href":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-json\/wp\/v2\/posts\/10310\/revisions\/10324"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-json\/wp\/v2\/media\/10318"}],"wp:attachment":[{"href":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-json\/wp\/v2\/media?parent=10310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-json\/wp\/v2\/categories?post=10310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/technischesdesign.mw.tu-dresden.de\/blog\/wp-json\/wp\/v2\/tags?post=10310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}