{"id":568,"date":"2026-01-13T08:17:49","date_gmt":"2026-01-13T08:17:49","guid":{"rendered":"https:\/\/itdd.au.dk\/lab\/?page_id=568"},"modified":"2026-01-22T08:41:34","modified_gmt":"2026-01-22T08:41:34","slug":"workshop-design","status":"publish","type":"page","link":"https:\/\/itdd.au.dk\/lab\/workshop-design\/","title":{"rendered":"Workshop 2. Semester &#8211; Designv\u00e6rkt\u00f8jer"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">2. Semester &#8211; Introduktion til designv\u00e6rkt\u00f8jer til den interne designprocess<\/h1>\n\n\n\n<h3 class=\"wp-block-heading\">1. Definition<\/h3>\n\n\n\n<p><strong>Hvad er designv\u00e6rkt\u00f8jer?<\/strong> I denne sammenh\u00e6ng definerer vi designv\u00e6rkt\u00f8jer bredt som de digitale hj\u00e6lpemidler, der underst\u00f8tter den <em>interne designproces<\/em><sup><\/sup><sup><\/sup>. Det d\u00e6kker over alt fra &#8220;Whiteboard for teams&#8221; (som Miro og FigJam) til projektstyringsv\u00e6rkt\u00f8jer og prototyping. Det handler ikke kun om at producere det endelige design, men om at strukturere samarbejdet, tidsstyringen og id\u00e9genereringen undervejs<sup><\/sup>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Beskrivelse og Form\u00e5l<\/h3>\n\n\n\n<p><strong>Hvorfor arbejder vi med det?<\/strong> Designprocesser kan v\u00e6re kaotiske og kr\u00e6ver struktur for at lykkes. Form\u00e5let med workshoppen er at ruste jer til at h\u00e5ndtere komplekse gruppeprocesser gennem visualisering og planl\u00e6gning.<\/p>\n\n\n\n<p>Vi fokuserer p\u00e5:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Procesoverblik:<\/strong> At kunne visualisere opgaver over tid, s\u00e5 man undg\u00e5r &#8220;flaskehalse&#8221; i projektet.<\/li>\n\n\n\n<li><strong>Samarbejde:<\/strong> At skabe f\u00e6lles digitale arbejdsrum, hvor id\u00e9er kan deles og udvikles synkront og asynkront.<\/li>\n\n\n\n<li><strong>Professionalisering:<\/strong> At stifte bekendtskab med industristandarder som Figma og Miro, der bruges ude i virkeligheden.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3. Hvordan g\u00f8r vi p\u00e5 studiet?<\/h3>\n\n\n\n<p>Vi arbejder praktisk med v\u00e6rkt\u00f8jer, der potentielt d\u00e6kker hele designprocessen fra planl\u00e6gning til prototype:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Planl\u00e6gning:<\/strong> Vi l\u00e6rer at bruge <strong>Gantt-kort<\/strong> til tidsstyring. I skal kunne identificere afh\u00e6ngigheder mellem opgaver.<\/li>\n\n\n\n<li><strong>Id\u00e9generering:<\/strong> Vi bruger <strong>Miro<\/strong> som et &#8220;uendeligt l\u00e6rred&#8221; til brainstorming, affinity diagrams og proces-mapping.<\/li>\n\n\n\n<li><strong>Prototyping:<\/strong> Vi installerer og bruger <strong>Figma for Education<\/strong>, som er standarden for interface-design og klikbare prototyper.<\/li>\n\n\n\n<li><strong>AI:<\/strong> Vi f\u00e5r en status p\u00e5 <strong>GenAI<\/strong> (Generativ AI\/ Sprogmodeller) og deres rolle i designarbejdet.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Teoretiske begreber<\/h3>\n\n\n\n<p>For at styre designprocessen arbejder vi med f\u00f8lgende begreber:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Gantt-kort:<\/strong> Udviklet af Henry Gantt omkring 1910-1915. Det visualiserer projektets tidslinje, hvorn\u00e5r opgaver starter og slutter, og hvem der er ansvarlig.<\/li>\n\n\n\n<li><strong>Design Thinking:<\/strong> En iterativ procesmodel (Empathize, Define, Ideate, Prototype, Test), der sikrer, at vi l\u00f8ser de rigtige problemer for brugerne.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5. Litteraturliste<\/h3>\n\n\n\n<p>Kilder og ressourcer til workshoppen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Nielsen Norman Group:<\/em> &#8220;Design Thinking 101&#8221; \u2013 rammev\u00e6rket for vores proces.<\/li>\n\n\n\n<li><em>TeamGANTT:<\/em> &#8220;What is a Gantt Chart?&#8221; \u2013 om projektstyring og historik.<\/li>\n\n\n\n<li><em>Miro:<\/em> &#8220;The Visual Workspace for Innovation&#8221; \u2013 om kollaborative whiteboards.<\/li>\n\n\n\n<li><em>Figma:<\/em> &#8220;Figma for Education&#8221; \u2013 om adgang til professionelle designv\u00e6rkt\u00f8jer.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">6. V\u00e6rkt\u00f8jer + Links til vejledninger<\/h3>\n\n\n\n<p>Her finder du de konkrete v\u00e6rkt\u00f8jer, vi installerer og bruger:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/miro.com\/\" data-type=\"link\" data-id=\"https:\/\/miro.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Miro<\/a>:<\/strong> Vores prim\u00e6re v\u00e6rkt\u00f8j til samarbejde og brainstorming. Det fungerer som et online whiteboard.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/www.figma.com\/\" data-type=\"link\" data-id=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Figma<\/a>:<\/strong> V\u00e6rkt\u00f8j til UI-design og prototyping. Vi gennemg\u00e5r installation af &#8220;Education&#8221;-licensen, s\u00e5 I f\u00e5r fuld adgang gratis.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/www.teamgantt.com\/\" data-type=\"link\" data-id=\"https:\/\/www.teamgantt.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">TeamGANTT<\/a>:<\/strong> Eksempel p\u00e5 specialiseret software til at lave detaljerede tidsplaner og Gantt-kort.<\/li>\n\n\n\n<li><a href=\"https:\/\/digitalsocietyschool.org\/playbook\/\" data-type=\"link\" data-id=\"https:\/\/digitalsocietyschool.org\/playbook\/\"><strong>Design Method Toolkit <\/strong><\/a>&#8211; oversigt over designhandlinger og metoder<\/li>\n<\/ul>\n\n\n\n<p>Vejledninger:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/itdd.au.dk\/lab\/tag\/design\/\" data-type=\"link\" data-id=\"https:\/\/itdd.au.dk\/lab\/tag\/design\/\">Design<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>2. Semester &#8211; Introduktion til designv\u00e6rkt\u00f8jer til den interne designprocess 1. Definition Hvad er designv\u00e6rkt\u00f8jer? I denne sammenh\u00e6ng definerer vi designv\u00e6rkt\u00f8jer bredt som de digitale hj\u00e6lpemidler, der underst\u00f8tter den interne designproces. Det d\u00e6kker over alt fra &#8220;Whiteboard for teams&#8221; (som Miro og FigJam) til projektstyringsv\u00e6rkt\u00f8jer og prototyping. Det handler ikke kun om at producere det [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-568","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/pages\/568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/comments?post=568"}],"version-history":[{"count":6,"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/pages\/568\/revisions"}],"predecessor-version":[{"id":755,"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/pages\/568\/revisions\/755"}],"wp:attachment":[{"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/media?parent=568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}