{"id":170,"date":"2026-05-07T08:24:14","date_gmt":"2026-05-07T08:24:14","guid":{"rendered":"https:\/\/itdd.au.dk\/notorious-ects\/?p=170"},"modified":"2026-05-18T08:00:54","modified_gmt":"2026-05-18T08:00:54","slug":"prototype","status":"publish","type":"post","link":"https:\/\/itdd.au.dk\/notorious-ects\/2026\/05\/07\/prototype\/","title":{"rendered":"Prototype"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/215413c4-8f33-4bfa-8a72-08d2a183a321.png\" alt=\"\" class=\"wp-image-183\" srcset=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/215413c4-8f33-4bfa-8a72-08d2a183a321.png 1024w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/215413c4-8f33-4bfa-8a72-08d2a183a321-300x300.png 300w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/215413c4-8f33-4bfa-8a72-08d2a183a321-150x150.png 150w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/215413c4-8f33-4bfa-8a72-08d2a183a321-768x768.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Projektets prototype og den efterf\u00f8lgende testning i Test-fasen har til form\u00e5l at afpr\u00f8ve konkrete designid\u00e9er i praksis. Fundamentet for projektets prototype bygger p\u00e5 brugerinvolveringen fra Ideate-fasens id\u00e9workshops samt de efterf\u00f8lgende etablerede designprincipper #2.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">P\u00e5 nedenst\u00e5ende knap kan projektets Miro tilg\u00e5s, indeholdende et grafisk indblik i Prototype-fasen samt dets kobling til de resterende delfaser.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/miro.com\/app\/board\/uXjVGvJu9Ek=\/\">G\u00e5 til Miro<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Projektets prototype er skabt ved hj\u00e6lp af den digitale teknologi Figma. P\u00e5 nedenst\u00e5ende billede kan prototypen ses, i et ikke-interaktionsbart format. <\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Skaermbillede-2026-05-06-kl.-11.24.10-1024x657.png\" alt=\"\" class=\"wp-image-175\" srcset=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Skaermbillede-2026-05-06-kl.-11.24.10-1024x657.png 1024w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Skaermbillede-2026-05-06-kl.-11.24.10-300x193.png 300w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Skaermbillede-2026-05-06-kl.-11.24.10-768x493.png 768w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Skaermbillede-2026-05-06-kl.-11.24.10-1536x986.png 1536w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Skaermbillede-2026-05-06-kl.-11.24.10-2048x1314.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">P\u00e5 nedenst\u00e5ende knap kan prototypen afpr\u00f8ves i Figma. Pr\u00f8v den gerne af og smid en kommentar i kommentarsporet i bunden af bloggen!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.figma.com\/proto\/Ok2WOw3tHpx2IWKLfIFByq\/Notorious-E.C.T.S.-prototype--kopi-?node-id=0-1&amp;t=1CkNNUMmC4klFM6O-1\">Tryk her for at afpr\u00f8ve prototypen i Figma<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prototype 1.0 og graden af fidelty<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vores prototype 1.0 er udviklet i Figma med udgangspunkt i projektets designprincipper om tilg\u00e6ngelighed af varer, overblik og navigation i supermarkedet. Prototypen er udformet som en interaktiv digital l\u00f8sning, hvor brugeren kan tilg\u00e5 et varekatalog, unders\u00f8ge aktuelle lagerstatusser samt navigere til varers placering i butikken. Derudover indeholder prototypen funktioner som push-notifikationer, indk\u00f8bsliste og alternative produkter ved manglende lagerstatus. I relation til (Lim et al., 2008) forst\u00e5else af prototypers manifestation dimensions kan prototype 1.0 karakteriseres som en prototype, der befinder sig mellem en high fidelity og low fidelity-prototype. Dette kommer til udtryk ved, at prototypen indeholder konkrete funktioner og visuelle elementer, som giver brugerne mulighed for at interagere med l\u00f8sningen i en praksisn\u00e6r kontekst. Form\u00e5let med denne grad af fidelity har v\u00e6ret at skabe en realistisk brugeroplevelse og dermed styrke brugernes foruds\u00e6tninger for at evaluere l\u00f8sningens funktionalitet og anvendelighed gennem prototype-testen (Lim et al., 2008). Det er dog v\u00e6sentligt at bem\u00e6rke, at prototype 1.0 prim\u00e6rt har fokus p\u00e5 funktionalitet frem for visuel \u00e6stetik og &#8220;appearance&#8221;, da form\u00e5let ikke har v\u00e6ret at udvikle et f\u00e6rdigt visuelt design, men derimod at underst\u00f8tte brugernes mulighed for at afpr\u00f8ve og evaluere de centrale funktioner i l\u00f8sningen. Prototype 1.0 skal derfor ikke forst\u00e5s som en f\u00e6rdig l\u00f8sning, men som f\u00f8rste iteration af projektets designl\u00f8sning, udviklet med henblik p\u00e5 at unders\u00f8ge og kvalificere designprincipperne gennem brugerfeedback og iterative tilpasninger.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Visualisering af prototypens anatomi<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"513\" src=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Uden-titel-1.jpg\" alt=\"\" class=\"wp-image-222\" style=\"aspect-ratio:1.4659090909090908;width:542px;height:auto\" srcset=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Uden-titel-1.jpg 752w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Uden-titel-1-300x205.jpg 300w\" sizes=\"auto, (max-width: 752px) 100vw, 752px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prototype-test og brugerfeedback gennem MoSCoW-metoden<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I vores prototypefase har vi arbejdet med at teste og videreudvikle vores f\u00f8rste designl\u00f8sning gennem brugerfeedback. Til dette anvendte vi MoSCoW-metoden som et prioriteringsv\u00e6rkt\u00f8j, hvor brugerne vurderede forskellige funktioner som henholdsvis Must Have, Should Have, Could Have og Won\u2019t Have (Miranda, 2022). Form\u00e5let med testen var ikke l\u00e6ngere at generere nye id\u00e9er, men derimod at unders\u00f8ge hvilke funktioner brugerne oplevede som mest centrale for l\u00f8sningens anvendelighed. Gennem testen fik vi indblik i brugernes oplevelser af funktioner som varekatalog, lagerstatus og navigation i supermarkedet, hvilket gav os et konkret grundlag for de videre iterationer og refleksioner i designprocessen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"421\" src=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Uden-titel.jpg\" alt=\"\" class=\"wp-image-220\" srcset=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Uden-titel.jpg 752w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/Uden-titel-300x168.jpg 300w\" sizes=\"auto, (max-width: 752px) 100vw, 752px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Skema over fordelingen p\u00e5 vores brugerfeedback ved hj\u00e6lp af MoSCoW-metoden<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"339\" src=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/result.jpg\" alt=\"\" class=\"wp-image-214\" srcset=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/result.jpg 732w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/result-300x139.jpg 300w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Hvad d\u00e6kker vores funktioner over<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Som n\u00e6vnt f\u00f8r er vores prototype 1.0 placeret et sted mellem low og high fidelty, s\u00e5 flere af de ovenn\u00e6vnte funktioner er lavet f\u00e6rdig, men giver brugeren en ide om hvad de skal kunne:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Varekatalog:<\/strong> Oversigt over butikkens varer og informationer om produkterne. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Lagerstatus:<\/strong> Visning af om varer er p\u00e5 lager eller udsolgt. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Navigationsfunktion:<\/strong> Hj\u00e6lp til at finde varer i butikken. AR-navigation i beta. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Push-notifikationer:<\/strong> Beskeder og opdateringer sendt direkte til brugeren. I prototypen er det mere et t\u00e6nkt eksempel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Indk\u00f8bsliste:<\/strong> Funktion til at oprette og gemme varer til indk\u00f8b. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Alternative produkter:<\/strong> Forslag til lignende varer som erstatning for et produkt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Resultater fra brugerevalueringen<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Resultaterne viser, at testpersonerne var mest enige om funktionerne: varekatalog og lagerstatus. Begge funktioner blev vurderet som Must Have af alle fire deltagere, hvilket peger p\u00e5, at de opfattes som centrale funktioner i l\u00f8sningen. Navigationsfunktionen blev vurderet lidt mere forskelligt blandt deltagerne, hvor to vurderede den som Must Have og to som Should Have. Funktionen anses dog generelt som vigtig og v\u00e6rdiskabende, men ikke n\u00f8dvendigvis som helt afg\u00f8rende for alle brugerne. Indk\u00f8bslisten blev ogs\u00e5 vurderet positivt af testpersonerne. En deltager placerede den som Must Have, to som Should Have og \u00e9n som Could Have. Besvarelserne er lidt mere tvetydig, men viser, at funktionen generelt opfattes som nyttig og relevant af st\u00f8rstedelen af deltagerne. Alternative produkter blev af tre testpersoner vurderet som Should Have, mens \u00e9n vurderede funktionen som Won\u2019t Have. Flere deltagere fremh\u00e6vede, at forslagene til alternative produkter skal v\u00e6re relevante for at give v\u00e6rdi. Push-notifikationer var den funktion, hvor vurderingerne var mest delte. En deltager vurderede funktionen som Must Have, to som Could Have og \u00e9n som Won\u2019t Have. Flere testpersoner n\u00e6vnte desuden, at de havde sv\u00e6rt ved at f\u00e5 \u00f8je p\u00e5 funktionen i prototypen, og at de forbandt notifikationerne med reklamer, hvilket p\u00e5virkede deres vurdering negativt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Hvad savner\/\u00f8nsker testpersonerne sig?<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"907\" height=\"525\" src=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/image.png\" alt=\"\" class=\"wp-image-228\" srcset=\"https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/image.png 907w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/image-300x174.png 300w, https:\/\/itdd.au.dk\/notorious-ects\/wp-content\/uploads\/sites\/102\/2026\/05\/image-768x445.png 768w\" sizes=\"auto, (max-width: 907px) 100vw, 907px\" \/><figcaption class=\"wp-element-caption\">Gruppering\u00a0af\u00a0testpersonernes\u00a0besvarelser.\u00a0I\u00a0f\u00f8lgende\u00a0link\u00a0kan\u00a0besvarelserne\u00a0ses,\u00a0samt\u00a0deres\u00a0relation\u00a0til\u00a0resten\u00a0af\u00a0projektet:\u00a0<a href=\"https:\/\/miro.com\/app\/board\/uXjVGvJu9Ek=\/?moveToWidget=3458764671442319885&amp;cot=14\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/miro.com\/app\/board\/uXjVGvJu9Ek=\/?moveToWidget=3458764671442319885&amp;cot=14<\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Testpersonernes \u00f8nsker var s\u00e6rligt p\u00e5 navigation, lagerstatus, alternative varer, indk\u00f8bslister og tidsoptimering som centrale temaer. Flere fremh\u00e6vede behovet for en hurtig og overskuelig brugerflade, hvor det er nemt at finde rundt mellem funktionerne. Derudover blev muligheden for at se lagerstatus og f\u00e5 relevante alternative varer fremh\u00e6vet som vigtigt i forbindelse med indk\u00f8bssituationen. Indk\u00f8bslisten spillede ogs\u00e5 en central rolle i besvarelserne, hvor der bl.a. blev lagt v\u00e6gt p\u00e5 fleksibilitet, overblik og muligheden for at dele lister med andre brugere. Samtidig pegede flere p\u00e5 funktioner, der kunne optimere indk\u00f8bstiden, eksempelvis effektive ruter gennem butikken og indsigt i travlhed.I besvarelserne blev der desuden peget p\u00e5, at notifikationer og adviseringer b\u00f8r balanceres, s\u00e5 de underst\u00f8tter brugeroplevelsen uden at opleves som forstyrrende eller kommercielle.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Litteratur<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lim, Y.-K.,&nbsp;Stolterman, E., &amp;&nbsp;Tenenberg, J. (2008). The anatomy of prototypes: Prototypes as filters, prototypes as manifestations of design ideas.&nbsp;<em>ACM Transactions on&nbsp;Computer-Human&nbsp;Interaction, 15<\/em>(2), Article 7.&nbsp;<a href=\"https:\/\/doi.org\/10.1145\/1375761.1375762\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/doi.org\/10.1145\/1375761.1375762<\/a>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Miranda, E. (2022).&nbsp;<em>Moscow rules: A quantitative expos\u00e9<\/em>.&nbsp;I&nbsp;<em>Agile&nbsp;Processes in Software Engineering and Extreme Programming<\/em>&nbsp;(s. xx\u2013xx). Springer.&nbsp;<a href=\"https:\/\/doi.org\/xxxxx\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/doi.org\/xxxxx<\/a>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Projektets prototype og den efterf\u00f8lgende testning i Test-fasen har til form\u00e5l at afpr\u00f8ve konkrete designid\u00e9er i praksis. Fundamentet for projektets prototype bygger p\u00e5 brugerinvolveringen fra Ideate-fasens id\u00e9workshops samt de efterf\u00f8lgende etablerede designprincipper #2. P\u00e5 nedenst\u00e5ende knap kan projektets Miro tilg\u00e5s, indeholdende et grafisk indblik i Prototype-fasen samt dets kobling til de resterende delfaser. Projektets prototype [&hellip;]<\/p>\n","protected":false},"author":71,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-170","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/itdd.au.dk\/notorious-ects\/wp-json\/wp\/v2\/posts\/170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itdd.au.dk\/notorious-ects\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itdd.au.dk\/notorious-ects\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/notorious-ects\/wp-json\/wp\/v2\/users\/71"}],"replies":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/notorious-ects\/wp-json\/wp\/v2\/comments?post=170"}],"version-history":[{"count":19,"href":"https:\/\/itdd.au.dk\/notorious-ects\/wp-json\/wp\/v2\/posts\/170\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/itdd.au.dk\/notorious-ects\/wp-json\/wp\/v2\/posts\/170\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/itdd.au.dk\/notorious-ects\/wp-json\/wp\/v2\/media?parent=170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itdd.au.dk\/notorious-ects\/wp-json\/wp\/v2\/categories?post=170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itdd.au.dk\/notorious-ects\/wp-json\/wp\/v2\/tags?post=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}