{"type":"data","nodes":[{"type":"data","data":[{"lab":1,"legalFooterLinks":37},{"identity":2,"contacts":13,"office_hours":30,"web":32,"languages":34,"locale":36},{"name":3,"short_name":4,"description":5,"organisation":6,"organisation_url":7,"organisation_logo":8,"university":9,"university_url":10,"university_logo":11,"established":12},"Human-Centered Intelligent Systems Lab","HCIS Lab","We are shaping the future of automotive technology through intelligent systems that seamlessly integrate human needs with cutting-edge AI innovation.","AImotion Bavaria","https://www.thi.de/forschung/aimotion/","/content/lab/aimotion-bavaria.png","Ingolstadt University of Applied Sciences","https://www.thi.de/","/content/lab/thi.png",2025,{"addresses":14,"emails":21,"phones":24,"primary_type":16,"primary_email":23,"emailsByType":27,"addressesByType":28,"phonesByType":29},[15],{"type":16,"title":9,"street":17,"city":18,"postal_code":19,"country":20},"office","Esplanade 10","Ingolstadt","85049","Germany",[22],{"type":16,"email":23},"hcis@thi.de",[25],{"type":16,"number":26},"+49 841 9348 0",{"office":23},{"office":15},{"office":26},{"days":31,"timezone":-1},{},{"social":33},{},["Set",35,36],"DE","EN",[38,42,47],{"slug":39,"name":40,"label":40,"href":41},"datenschutzerklaerung","Datenschutzerklärung","/legal/privacy/datenschutzerklaerung",{"slug":43,"name":44,"label":45,"href":46},"barrierefreiheitserklaerung","Erklärung zur Barrierefreiheit","Barrierefreiheit","/legal/accessibility/barrierefreiheitserklaerung",{"slug":48,"name":49,"label":49,"href":50},"impressum","Impressum","/legal/impressum"],"uses":{}},{"type":"data","data":[{"post":1,"authors":23,"externalAuthors":8},{"slug":2,"title":3,"subtitle":4,"authors":5,"external_authors":8,"tags":10,"category":12,"description":13,"cover":14,"attachments":15,"updatedAt":19,"publishedAt":20,"isPublished":21,"html":22},"ai-for-interfaces","Prompt Patterns We Actually Use","AI-Driven Design for Interfaces and Prototyping Tools",[6,7],"laura-radetzky","tugcan-onbas",[9],"John Smith",[11],"HCI","Project Diary","Productive prompts, guardrails, and design.","assets/images/default-post-cover.png",[16],{"label":17,"url":18},"PDF version","/blog/ai-for-interfaces/ai-for-interfaces.pdf","2025-11-11","2025-06-13",true,"\u003Chr>\n\u003Cp>title: “Exploring the Wonders of Markdown: A Complete Demonstration”\r\nauthor: “AI Research Collective”\r\ndate: “2025-11-11”\r\ntags: [“markdown”, “documentation”, “syntax”, “tutorial”]\u003C/p>\n\u003Chr>\n\u003Ch1 id=\"exploring-the-wonders-of-markdown-\">\u003Ca href=\"#exploring-the-wonders-of-markdown-\">Exploring the Wonders of Markdown 📝\u003C/a>\u003C/h1>\n\u003Cp>Markdown is a lightweight markup language designed for readability and simplicity. This post demonstrates \u003Cstrong>every major Markdown element\u003C/strong>, showing how you can combine structure, clarity, and design into a single file.\u003C/p>\n\u003Chr>\n\u003Ch2 id=\"table-of-contents\">\u003Ca href=\"#table-of-contents\">Table of Contents\u003C/a>\u003C/h2>\n\u003Col>\n\u003Cli>\u003Ca href=\"#introduction\">Introduction\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#headings-and-text-styles\">Headings and Text Styles\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#lists\">Lists\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#tables\">Tables\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#code-blocks\">Code Blocks\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#links-and-images\">Links and Images\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#blockquotes-and-citations\">Blockquotes and Citations\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#math-and-latex\">Math and LaTeX\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#footnotes\">Footnotes\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#task-lists\">Task Lists\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#horizontal-rules-and-escapes\">Horizontal Rules and Escapes\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#html-embeds\">HTML Embeds\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"#conclusion\">Conclusion\u003C/a>\u003C/li>\n\u003C/ol>\n\u003Chr>\n\u003Ch2 id=\"introduction\">\u003Ca href=\"#introduction\">Introduction\u003C/a>\u003C/h2>\n\u003Cp>Markdown allows writers and developers to create clean, structured documents with minimal syntax. It’s widely used in \u003Cstrong>GitHub README files\u003C/strong>, \u003Cstrong>academic papers\u003C/strong>, and \u003Cstrong>technical blogs\u003C/strong>.\u003C/p>\n\u003Cblockquote>\n\u003Cp>“Markdown is writing with structure, not decoration.” — \u003Cem>Unknown\u003C/em>\u003C/p>\n\u003C/blockquote>\n\u003Chr>\n\u003Ch2 id=\"headings-and-text-styles\">\u003Ca href=\"#headings-and-text-styles\">Headings and Text Styles\u003C/a>\u003C/h2>\n\u003Ch3 id=\"heading-levels\">\u003Ca href=\"#heading-levels\">Heading Levels\u003C/a>\u003C/h3>\n\u003Ch1 id=\"h1-heading\">\u003Ca href=\"#h1-heading\">H1 Heading\u003C/a>\u003C/h1>\n\u003Ch2 id=\"h2-heading\">\u003Ca href=\"#h2-heading\">H2 Heading\u003C/a>\u003C/h2>\n\u003Ch3 id=\"h3-heading\">\u003Ca href=\"#h3-heading\">H3 Heading\u003C/a>\u003C/h3>\n\u003Ch4 id=\"h4-heading\">\u003Ca href=\"#h4-heading\">H4 Heading\u003C/a>\u003C/h4>\n\u003Ch5 id=\"h5-heading\">\u003Ca href=\"#h5-heading\">H5 Heading\u003C/a>\u003C/h5>\n\u003Ch6 id=\"h6-heading\">\u003Ca href=\"#h6-heading\">H6 Heading\u003C/a>\u003C/h6>\n\u003Ch3 id=\"text-styles\">\u003Ca href=\"#text-styles\">Text Styles\u003C/a>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003Cem>Italic\u003C/em> or \u003Cem>Italic\u003C/em>\u003C/li>\n\u003Cli>\u003Cstrong>Bold\u003C/strong> or \u003Cstrong>Bold\u003C/strong>\u003C/li>\n\u003Cli>\u003Cstrong>\u003Cem>Bold Italic\u003C/em>\u003C/strong>\u003C/li>\n\u003Cli>\u003Cdel>Strikethrough\u003C/del>\u003C/li>\n\u003Cli>\u003Ccode>Inline code\u003C/code>\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch2 id=\"lists\">\u003Ca href=\"#lists\">Lists\u003C/a>\u003C/h2>\n\u003Ch3 id=\"unordered-list\">\u003Ca href=\"#unordered-list\">Unordered List\u003C/a>\u003C/h3>\n\u003Cul>\n\u003Cli>Item A\n\u003Cul>\n\u003Cli>Subitem A1\u003C/li>\n\u003Cli>Subitem A2\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>Item B\u003C/li>\n\u003Cli>Item C\u003C/li>\n\u003C/ul>\n\u003Ch3 id=\"ordered-list\">\u003Ca href=\"#ordered-list\">Ordered List\u003C/a>\u003C/h3>\n\u003Col>\n\u003Cli>Step One\u003C/li>\n\u003Cli>Step Two\u003C/li>\n\u003Cli>Step Three\n\u003Col>\n\u003Cli>Nested Step\u003C/li>\n\u003C/ol>\n\u003C/li>\n\u003C/ol>\n\u003Ch3 id=\"definition-list\">\u003Ca href=\"#definition-list\">Definition List\u003C/a>\u003C/h3>\n\u003Cp>Term 1\u003Cbr>\n: Definition for term 1\u003C/p>\n\u003Cp>Term 2\u003Cbr>\n: Definition for term 2\u003C/p>\n\u003Chr>\n\u003Ch2 id=\"tables\">\u003Ca href=\"#tables\">Tables\u003C/a>\u003C/h2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Name\u003C/th>\n\u003Cth>Role\u003C/th>\n\u003Cth>Experience\u003C/th>\n\u003C/tr>\n\u003C/thead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Alice\u003C/td>\n\u003Ctd>UX Designer\u003C/td>\n\u003Ctd>5 years\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>Bob\u003C/td>\n\u003Ctd>Backend Engineer\u003C/td>\n\u003Ctd>7 years\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>Charlie\u003C/td>\n\u003Ctd>Data Scientist\u003C/td>\n\u003Ctd>3 years\u003C/td>\n\u003C/tr>\n\u003C/tbody>\n\u003C/table>\n\u003Cp>\u003Cstrong>Table Alignment Example:\u003C/strong>\u003C/p>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth align=\"left\">Left Aligned\u003C/th>\n\u003Cth align=\"center\">Center Aligned\u003C/th>\n\u003Cth align=\"right\">Right Aligned\u003C/th>\n\u003C/tr>\n\u003C/thead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd align=\"left\">Alpha\u003C/td>\n\u003Ctd align=\"center\">Beta\u003C/td>\n\u003Ctd align=\"right\">Gamma\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd align=\"left\">10\u003C/td>\n\u003Ctd align=\"center\">20\u003C/td>\n\u003Ctd align=\"right\">30\u003C/td>\n\u003C/tr>\n\u003C/tbody>\n\u003C/table>\n\u003Chr>\n\u003Ch2 id=\"code-blocks\">\u003Ca href=\"#code-blocks\">Code Blocks\u003C/a>\u003C/h2>\n\u003Cp>Inline example: \u003Ccode>console.log(\"Hello, Markdown!\");\u003C/code>\u003C/p>\n\u003Ch3 id=\"javascript-example\">\u003Ca href=\"#javascript-example\">JavaScript Example\u003C/a>\u003C/h3>\n\u003Cpre>\u003Ccode class=\"language-javascript\">function greet(name) {\r\n\tconsole.log(`Hello, ${name}!`);\r\n}\r\ngreet('World');\n\u003C/code>\u003C/pre>",[24,44],{"slug":6,"firstname":25,"lastname":26,"email":27,"role":28,"quote":29,"quote_author":30,"image":31,"interests":32,"skills":33,"social":40,"updatedAt":42,"isPublished":21,"html":43},"Laura","Radetzky","laura.radetzky@thi.de","UXD / Accessibility","The greatest barrier to success is the fear of failure.","Eriksson","/content/people/laura-radetzky/profile.png",[],[34,35,36,37,38,39],"User-Centered Design (UCD)","Human-Computer Interaction (HCI)","Accessibility (WCAG & Inclusive Design Principles)","Wireframing & Prototyping","Interaction & Interface Design","Heuristic Evaluation",{"website":41},"https://lauraradetzky.wixsite.com/portfolio","2025-10-31","\u003Cp>I’m Laura Radetzky, a UX designer and Master’s student in User Experience Design at Technische Hochschule Ingolstadt, where I also earned my Bachelor of Science in UX Design. I specialize in accessibility and inclusive design, creating digital experiences that work for everyone.\u003C/p>",{"slug":7,"firstname":45,"lastname":46,"email":47,"role":48,"quote":49,"image":50,"interests":51,"skills":52,"social":61,"updatedAt":42,"isPublished":21,"html":65},"Tuğcan","ÖNBAŞ","tugcan.oenbas@thi.de","UXD / AI","Fusing creativity and technology to design experiences that bridge imagination and intelligent systems.","/content/people/tugcan-onbas/profile.png",[],[53,54,55,56,57,58,59,60],"Human–Computer Interaction (HCI)","Human-Centered & AI-Driven Experience Design","Multimodal Interaction","User Experience Research","Experience Engineering","Interactive Systems Prototyping & Development","Data-Driven Interaction Design","Applied Research Communication",{"website":62,"github":63,"linkedin":64},"https://tugcanonbas.com","https://github.com/tugcanonbas","https://www.linkedin.com/in/tugcanonbas","\u003Cp>Tuğcan ÖNBAŞ is a student assistant in the Human-Centered Intelligent Systems at Ingolstadt University of Applied Sciences (THI), where he is pursuing a Master’s degree in User Experience Design with a focus on the intersection of design, technology, and intelligent systems within mobility and automotive contexts.\u003C/p>\n\u003Cp>His portfolio includes a range of independent engagements—from iOS and web apps to design systems and Swift packages—bridging software engineering with visual communication. This experience informs his research in human–AI interaction, where he integrates design reasoning with technical experimentation to explore how intelligent systems can support intuitive, transparent interactions across diverse digital domains.\u003C/p>\n\u003Cp>His academic work explores human-centered AI across mobility, intelligent systems, and digital experience design, focusing on how AI-driven technologies can enhance interaction, perception, and engagement in both physical and digital contexts. His research interests include multimodal interaction, affect-sensitive interfaces, and the integration of large language models into user experience, emphasizing clarity, contextual awareness, and the creation of meaningful, adaptive systems that advance human-centered innovation.\u003C/p>"],"uses":{"params":["slug"]}}]}