{"id":574,"date":"2026-01-13T08:19:05","date_gmt":"2026-01-13T08:19:05","guid":{"rendered":"https:\/\/itdd.au.dk\/lab\/?page_id=574"},"modified":"2026-01-22T08:46:38","modified_gmt":"2026-01-22T08:46:38","slug":"workshop-prototyping","status":"publish","type":"page","link":"https:\/\/itdd.au.dk\/lab\/workshop-prototyping\/","title":{"rendered":"Workshop 2. Semester &#8211; Prototyping"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">2. Semester &#8211; Prototyping og Pr\u00e6sentation<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Definition<\/h3>\n\n\n\n<p><strong>Hvad er en prototype?<\/strong> En prototype defineres her som en mere eller mindre funktionel udgave af et design, som kan testes systematisk med brugere i forholdsvis realistiske scenarier. Det er ikke det f\u00e6rdige produkt, men en repr\u00e6sentation, der g\u00f8r det muligt at evaluere id\u00e9er, f\u00f8r der bruges ressourcer p\u00e5 fuld implementering.<\/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> Som det amerikanske design og konsulenthus IDEO formulerer det: <em>&#8220;If a picture is worth 1000 words, a prototype is worth 1000 meetings&#8221;<\/em>. Prototypen fungerer som et f\u00e6lles sprog mellem designere og interessenter (stakeholders).<\/p>\n\n\n\n<p>Vi arbejder med prototyper for at:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Rammes\u00e6tte problemet:<\/strong> Med reference til Donald Sch\u00f6n bruger vi prototypen til at &#8220;frame&#8221; og &#8220;reframe&#8221; problemstillingen l\u00f8bende.<\/li>\n\n\n\n<li><strong>T\u00e6nke med h\u00e6nderne:<\/strong> Inspireret af Seymour Papert ser vi prototypen som en <em>&#8220;Thing-to-think-with&#8221;<\/em> \u2013 et objekt, der hj\u00e6lper os med at forst\u00e5 komplekse sammenh\u00e6nge ved at g\u00f8re dem konkrete.<\/li>\n\n\n\n<li><strong>Fejle tidligt:<\/strong> Det handler om at teste hypoteser og finde fejl tidligt i processen, hvor det er &#8220;billigt&#8221; at rette dem.<\/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>P\u00e5 ITDD arbejder vi med hele spektret fra de hurtige skitser til den polerede pr\u00e6sentation:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fra Lo-Fi til Hi-Fi:<\/strong> Vi starter ofte med analoge materialer (papir, post-its, LEGO) for hurtigt at teste koncepter, f\u00f8r vi bev\u00e6ger os over i digitale v\u00e6rkt\u00f8jer som Figma.<\/li>\n\n\n\n<li><strong>Video Pitch:<\/strong> En vigtig del af arbejdet er at kunne formidle designets v\u00e6rdi gennem fx et videopitch, der skitserer &#8220;nu-scenariet&#8221; (problemet) og &#8220;fremtidsscenariet&#8221; (l\u00f8sningen).<\/li>\n\n\n\n<li><strong>Afleveringsformat:<\/strong> Vi fokuserer ogs\u00e5 p\u00e5, hvordan et digitalt produkt g\u00f8res til genstand for eksamen. Dette indeb\u00e6rer ofte at samle elementerne (funktionel prototype, videopitch, forskningsplakat) p\u00e5 en samlet webside eller i en struktureret mappestruktur (fx &#8220;WEBSIDE&#8221; og &#8220;MEDIEFILER&#8221;).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Teoretiske begreber<\/h3>\n\n\n\n<p>I arbejdet med prototyper anvender vi flere distinktioner:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lo-Fi (Low Fidelity):<\/strong> Lav detaljegrad, ofte papir eller simple skitser. Fokus p\u00e5 koncept og flow.<\/li>\n\n\n\n<li><strong>Hi-Fi (High Fidelity):<\/strong> H\u00f8j detaljegrad, interaktiv og ligner det endelige produkt. Fokus p\u00e5 design og specifikke interaktioner.<\/li>\n\n\n\n<li><strong>Horizontal Prototype:<\/strong> En prototype der d\u00e6kker mange funktioner (bredden), men uden dybde (man kan se menuerne, men ikke klikke p\u00e5 alt).<\/li>\n\n\n\n<li><strong>Vertical Prototype:<\/strong> En prototype der d\u00e6kker f\u00e5 funktioner, men i fuld dybde (man kan gennemf\u00f8re et helt flow fra start til slut).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5. Litteraturliste<\/h3>\n\n\n\n<p>Teoretiske perspektiver, der underst\u00f8tter workshoppen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Donald Sch\u00f6n:<\/em> &#8220;The Reflective Practitioner&#8221; \u2013 om design som en samtale med materialet.<\/li>\n\n\n\n<li><em>Seymour Papert:<\/em> Om konstruktionisme og l\u00e6ring gennem skabelse af artefakter (&#8220;Objects-to-think-with&#8221;).<\/li>\n\n\n\n<li><em>IDEO:<\/em> Metoder til Human-Centered Design og prototyping.<\/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>Vi benytter en r\u00e6kke v\u00e6rkt\u00f8jer til at bygge og pr\u00e6sentere prototyper:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Google Sites \/ WordPress\/ CMS:<\/strong> Bruges ofte som &#8220;container&#8221; til at pr\u00e6sentere det samlede id\u00e9katalog og prototypen til eksamen.<\/li>\n\n\n\n<li><strong>Figma\/Miro:<\/strong> Industristandarden til UI-design og klikbare prototyper.<\/li>\n\n\n\n<li><strong>Video-v\u00e6rkt\u00f8jer:<\/strong> Til at lave scenarie-baserede pitches (fx videopitch af &#8220;WiFi-Klubben&#8221; eller &#8220;MotusPedagogus&#8221;).<\/li>\n<\/ul>\n\n\n\n<p><strong>Vejledninger:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/itdd.au.dk\/lab\/tag\/billedbehandling\/\">Billedbehandling<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/itdd.au.dk\/lab\/tag\/video\/\">Video<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/itdd.au.dk\/lab\/tag\/webdesign\/\" data-type=\"post_tag\" data-id=\"33\">Webdesign<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>2. Semester &#8211; Prototyping og Pr\u00e6sentation 1. Definition Hvad er en prototype? En prototype defineres her som en mere eller mindre funktionel udgave af et design, som kan testes systematisk med brugere i forholdsvis realistiske scenarier. Det er ikke det f\u00e6rdige produkt, men en repr\u00e6sentation, der g\u00f8r det muligt at evaluere id\u00e9er, f\u00f8r der bruges [&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-574","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/pages\/574","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=574"}],"version-history":[{"count":9,"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/pages\/574\/revisions"}],"predecessor-version":[{"id":759,"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/pages\/574\/revisions\/759"}],"wp:attachment":[{"href":"https:\/\/itdd.au.dk\/lab\/wp-json\/wp\/v2\/media?parent=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}