{"id":1109,"date":"2026-05-02T13:01:30","date_gmt":"2026-05-02T13:01:30","guid":{"rendered":"https:\/\/itdd.au.dk\/single-user-mode\/?page_id=1109"},"modified":"2026-05-18T14:10:27","modified_gmt":"2026-05-18T14:10:27","slug":"prototyper","status":"publish","type":"page","link":"https:\/\/itdd.au.dk\/single-user-mode\/prototyper\/","title":{"rendered":"Prototyper og afpr\u00f8vning"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\"><div class=\"wp-block-post-date\"><time datetime=\"2026-05-02T15:08:58\">maj 2, 2026<\/time><\/div>\n\n\n<h2 class=\"wp-block-heading\">Prototyper og afpr\u00f8vning<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I denne fase arbejder jeg med enkle mockups som samtaleobjekter. De er ikke f\u00e6rdige l\u00f8sninger, men forel\u00f8bige forslag, som skal hj\u00e6lpe mig med at unders\u00f8ge, hvad der giver mening i praksis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Projektet handler nu is\u00e6r om ankomsten til \u00c1 handil:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>find vej \u2192 f\u00e5 \u00f8je p\u00e5 \u00c1 \u2192 g\u00e5 trygt ind<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tidligere i processen arbejdede jeg med mere f\u00e6rdige HTML-prototyper og visuelle forslag. De gjorde id\u00e9erne konkrete, men de kom ogs\u00e5 hurtigt til at se mere f\u00e6rdige ud, end de egentlig var. Derfor bruger jeg nu enklere mockups, som kan \u00e5bne for kritik, sp\u00f8rgsm\u00e5l og \u00e6ndringsforslag.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Form\u00e5let er ikke at v\u00e6lge en endelig l\u00f8sning endnu, men at kvalificere designretningen f\u00f8r Deliver.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-style-default is-layout-flow wp-block-column-is-layout-flow\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;flex-basis:33.33%\">\n<div style=\"height:83px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Mockups-1024x768.png\" alt=\"\" class=\"wp-image-1189\" srcset=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Mockups-1024x768.png 1024w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Mockups-300x225.png 300w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Mockups-768x576.png 768w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Mockups.png 1448w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Mockups som samtaleobjekter<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mockupperne viser ikke en f\u00e6rdig l\u00f8sning. De viser forskellige m\u00e5der at unders\u00f8ge designretningen p\u00e5.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n  .xmas-full-separator {\n    --xmas-red: #b5121b;\n    --xmas-red-dark: #7f0d14;\n\n    width: 100vw;\n    margin: 34px 0;\n    margin-left: calc(50% - 50vw);\n    height: 18px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  .xmas-full-separator::before {\n    content: \"\";\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(181, 18, 27, 0.25) 12%,\n      var(--xmas-red) 35%,\n      var(--xmas-red-dark) 50%,\n      var(--xmas-red) 65%,\n      rgba(181, 18, 27, 0.25) 88%,\n      transparent 100%\n    );\n    background-size: 180% 100%;\n    animation: xmasSoftMove 6s ease-in-out infinite;\n    opacity: 0.8;\n  }\n\n  @keyframes xmasSoftMove {\n    0%, 100% {\n      background-position: 0% 50%;\n      opacity: 0.55;\n    }\n    50% {\n      background-position: 100% 50%;\n      opacity: 0.95;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .xmas-full-separator::before {\n      animation: none;\n    }\n  }\n<\/style>\n\n<div class=\"xmas-full-separator\" aria-hidden=\"true\"><\/div>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\">M1: Kort med mulige st\u00f8ttepunkter<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">M1 er et kort over ankomsten til \u00c1 handil.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">P\u00e5 kortet markerer jeg steder, hvor bes\u00f8gende uden lokalkendskab kan blive i tvivl. Det kan fx v\u00e6re ved den brede vej, ved broen, ved kortet i bygden eller t\u00e6ttere p\u00e5 selve butikken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mockuppen skal hj\u00e6lpe mig med at unders\u00f8ge:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>hvor tvivlen opst\u00e5r<\/li>\n\n\n\n<li>hvor fysisk st\u00f8tte kan placeres<\/li>\n\n\n\n<li>om der er brug for \u00e9t tydeligt punkt eller flere sm\u00e5 bekr\u00e6ftelser<\/li>\n\n\n\n<li>om den brede vej er det rigtige sted at st\u00f8tte ankomsten<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h4 class=\"wp-block-heading\">M1: S\u00e6t X p\u00e5 et kort<\/h4>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a38a8d99d332&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a38a8d99d332\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-3-1024x585.png\" alt=\"\" class=\"wp-image-1112\" srcset=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-3-1024x585.png 1024w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-3-300x171.png 300w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-3-768x439.png 768w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-3-1536x878.png 1536w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-3-2048x1170.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\"><strong>M1-Figur 1: Kort med markeringer<\/strong><br>Kortet viser mulige steder i ankomsten, hvor bes\u00f8gende kan blive i tvivl eller have brug for st\u00f8tte.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n  .xmas-full-separator {\n    --xmas-red: #b5121b;\n    --xmas-red-dark: #7f0d14;\n\n    width: 100vw;\n    margin: 34px 0;\n    margin-left: calc(50% - 50vw);\n    height: 18px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  .xmas-full-separator::before {\n    content: \"\";\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(181, 18, 27, 0.25) 12%,\n      var(--xmas-red) 35%,\n      var(--xmas-red-dark) 50%,\n      var(--xmas-red) 65%,\n      rgba(181, 18, 27, 0.25) 88%,\n      transparent 100%\n    );\n    background-size: 180% 100%;\n    animation: xmasSoftMove 6s ease-in-out infinite;\n    opacity: 0.8;\n  }\n\n  @keyframes xmasSoftMove {\n    0%, 100% {\n      background-position: 0% 50%;\n      opacity: 0.55;\n    }\n    50% {\n      background-position: 100% 50%;\n      opacity: 0.95;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .xmas-full-separator::before {\n      animation: none;\n    }\n  }\n<\/style>\n\n<div class=\"xmas-full-separator\" aria-hidden=\"true\"><\/div>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\">M2: Skilt og \u00c1-mark\u00f8r<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">M2 unders\u00f8ger, hvordan et fysisk holdepunkt kunne se ud.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det kan v\u00e6re et enkelt skilt eller en \u00c1-mark\u00f8r, der viser, at man er p\u00e5 rette vej mod butikken. Mockuppen handler is\u00e6r om placering, st\u00f8rrelse, farver, tekst, pil og sammenh\u00e6ng med \u00c1 handils eksisterende visuelle udtryk.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Her vil jeg is\u00e6r unders\u00f8ge:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>om \u00c1-logo og pil er nok<\/li>\n\n\n\n<li>om der ogs\u00e5 skal st\u00e5 \u201c\u00c1 handil\u201d<\/li>\n\n\n\n<li>om skiltet skal ligne butikkens facade<\/li>\n\n\n\n<li>om udtrykket bliver for stort, for generisk eller for turistet<\/li>\n\n\n\n<li>hvad der passer til \u00c1 handil som lokalt sted<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h3 class=\"wp-block-heading\">M2: Forskellige skilte<\/h3>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a38a8d99eb37&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a38a8d99eb37\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"757\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-2-5-1024x757.png\" alt=\"\" class=\"wp-image-1260\" srcset=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-2-5-1024x757.png 1024w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-2-5-300x222.png 300w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-2-5-768x568.png 768w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-2-5-1536x1135.png 1536w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-2-5-2048x1514.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\"><strong>M2-Figur 1: Mulige \u00c1-mark\u00f8rer og skiltestil<\/strong><br>Billedet viser forskellige mulige m\u00e5der at give fysisk bekr\u00e6ftelse p\u00e5. Det skal bruges til at tale om logo, farver, materialer, tekst, pil og hvor tydeligt skiltet skal v\u00e6re.<\/p>\n\n\n\n<div style=\"height:21px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n  .xmas-full-separator {\n    --xmas-red: #b5121b;\n    --xmas-red-dark: #7f0d14;\n\n    width: 100vw;\n    margin: 34px 0;\n    margin-left: calc(50% - 50vw);\n    height: 18px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  .xmas-full-separator::before {\n    content: \"\";\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(181, 18, 27, 0.25) 12%,\n      var(--xmas-red) 35%,\n      var(--xmas-red-dark) 50%,\n      var(--xmas-red) 65%,\n      rgba(181, 18, 27, 0.25) 88%,\n      transparent 100%\n    );\n    background-size: 180% 100%;\n    animation: xmasSoftMove 6s ease-in-out infinite;\n    opacity: 0.8;\n  }\n\n  @keyframes xmasSoftMove {\n    0%, 100% {\n      background-position: 0% 50%;\n      opacity: 0.55;\n    }\n    50% {\n      background-position: 100% 50%;\n      opacity: 0.95;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .xmas-full-separator::before {\n      animation: none;\n    }\n  }\n<\/style>\n\n<div class=\"xmas-full-separator\" aria-hidden=\"true\"><\/div>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\">M3: QR-sticker, QR-plakat og digitalt supplement<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">M3 unders\u00f8ger, om QR kan fungere som et frivilligt digitalt supplement i to forskellige formater.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det f\u00f8rste format er en <strong>QR-sticker p\u00e5 kortet i bygden<\/strong>. Her kan QR-koden st\u00f8tte vejvisning det sidste stykke mod \u00c1 handil, hvis en bes\u00f8gende st\u00e5r ved kortet og pr\u00f8ver at orientere sig.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det andet format er en <strong>QR-plakat ved butikken eller indgangen<\/strong>. Her kan QR-koden fungere som et lille velkomstlag med praktisk information, facadebillede, \u00e5bningstider, sprog og en kort introduktion til stedet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">QR-sporet skal alts\u00e5 ikke erstatte den fysiske skiltning. Det skal heller ikke v\u00e6re noget, man forventes at bruge, mens man k\u00f8rer og er i tvivl. Men det kan m\u00e5ske give mening d\u00e9r, hvor man kan stoppe op, kigge, scanne og f\u00e5 lidt mere information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I afpr\u00f8vningen f\u00e5r bestyreren f\u00f8rst materialerne som printede samtaleobjekter. F\u00f8rst bagefter viser jeg den fungerende QR-side. P\u00e5 den m\u00e5de kan jeg skelne mellem:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>hvordan QR-sticker eller QR-plakat virker som fysisk element<\/li>\n\n\n\n<li>om placeringen giver mening<\/li>\n\n\n\n<li>om den digitale side bag QR-koden faktisk er relevant<\/li>\n\n\n\n<li>om QR f\u00f8les hj\u00e6lpsomt eller un\u00f8dvendigt<\/li>\n\n\n\n<li>om det digitale lag passer til butikkens lokale karakter<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Her vil jeg is\u00e6r unders\u00f8ge:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>om QR-sticker p\u00e5 kortet i bygden giver mening<\/li>\n\n\n\n<li>om QR-plakat ved indgangen giver mening<\/li>\n\n\n\n<li>om QR kan st\u00f8tte vejvisning det sidste stykke<\/li>\n\n\n\n<li>om QR bedre fungerer som velkomst og praktisk info<\/li>\n\n\n\n<li>hvem der realistisk ville scanne koden<\/li>\n\n\n\n<li>om siden skal indeholde kort, \u00e5bningstider, facadebillede, tilbudsblad eller kort tekst om butikken<\/li>\n\n\n\n<li>om QR-sporet virker venligt eller for turistet<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h4 class=\"wp-block-heading\">M3: QR Plakat og Sticker<\/h4>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a38a8d9a05c1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a38a8d9a05c1\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Nyher-724x1024.jpeg\" alt=\"\" class=\"wp-image-1291\" srcset=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Nyher-724x1024.jpeg 724w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Nyher-212x300.jpeg 212w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Nyher-768x1086.jpeg 768w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Nyher-1086x1536.jpeg 1086w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Nyher-1448x2048.jpeg 1448w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Nyher-scaled.jpeg 1811w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"830\" height=\"1024\" src=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-4-830x1024.png\" alt=\"\" class=\"wp-image-1391\" srcset=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-4-830x1024.png 830w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-4-243x300.png 243w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-4-768x947.png 768w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-4-1245x1536.png 1245w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/Unavngivet-4-4-1660x2048.png 1660w\" sizes=\"auto, (max-width: 830px) 100vw, 830px\" \/><\/figure>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">En enkel QR-plakat og sticker med QR. Det unders\u00f8ger om et frivilligt digitalt supplement f\u00f8les naturligt og hj\u00e6lpsomt.<\/p>\n\n\n\n<div style=\"height:22px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">M3: Flersproget QR-side med draw.io<\/h4>\n\n\n\n<div style=\"max-width:900px; margin:28px auto; padding:0 12px;\">\n  <div style=\"border:1px solid rgba(0,0,0,0.12); overflow:hidden; background:#f7f7f7; box-shadow:0 8px 22px rgba(0,0,0,0.06);\">\n    <iframe loading=\"lazy\" \n      src=\"https:\/\/drive.google.com\/file\/d\/1x3kDLzzFnGrw4o-cQBWxWKCjptOEZwBo\/preview\" \n      width=\"100%\" \n      height=\"480\" \n      style=\"border:0; display:block;\" \n      allow=\"autoplay\">\n    <\/iframe>\n  <\/div>\n<\/div>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">En enkel mobilprototype med facadebillede, \u00e5bningstider, kort tekst.<\/p>\n\n\n\n<div style=\"height:22px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n  .xmas-full-separator {\n    --xmas-red: #b5121b;\n    --xmas-red-dark: #7f0d14;\n\n    width: 100vw;\n    margin: 34px 0;\n    margin-left: calc(50% - 50vw);\n    height: 18px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  .xmas-full-separator::before {\n    content: \"\";\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(181, 18, 27, 0.25) 12%,\n      var(--xmas-red) 35%,\n      var(--xmas-red-dark) 50%,\n      var(--xmas-red) 65%,\n      rgba(181, 18, 27, 0.25) 88%,\n      transparent 100%\n    );\n    background-size: 180% 100%;\n    animation: xmasSoftMove 6s ease-in-out infinite;\n    opacity: 0.8;\n  }\n\n  @keyframes xmasSoftMove {\n    0%, 100% {\n      background-position: 0% 50%;\n      opacity: 0.55;\n    }\n    50% {\n      background-position: 100% 50%;\n      opacity: 0.95;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .xmas-full-separator::before {\n      animation: none;\n    }\n  }\n<\/style>\n\n<div class=\"xmas-full-separator\" aria-hidden=\"true\"><\/div>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\">M4: Sprogtjek, lokalisering og mikrocopy<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">M4 er et lille sprogtjek- og lokaliseringsv\u00e6rkt\u00f8j, som jeg har lavet p\u00e5 GitHub.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I projektet arbejder jeg ogs\u00e5 med mikrocopy. Det vil sige de korte, brugerrettede tekster i QR-side-prototypen: overskrifter, knapper, hj\u00e6lpetekster, sm\u00e5 forklaringer, kontakttekster og formuleringer som \u201cNy her?\u201d, \u201cNew here?\u201d, \u201cHevur t\u00fa veri\u00f0 her fyrr?\u201d og \u201cSp\u00f8rg os gerne\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Disse sm\u00e5 tekster er en del af designet. De skal ikke bare overs\u00e6ttes korrekt. De skal ogs\u00e5 lyde naturlige, venlige og passe til \u00c1 handil som lokalt sted. En forkert tone kan hurtigt f\u00e5 QR-siden til at virke for turistet, for formel eller sprogligt fremmed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">M4 tester derfor ikke hele designet. Det har en mere afgr\u00e6nset funktion: at kvalificere sproget i QR-sporet, hvis det digitale lag bevares som en del af designretningen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e6rkt\u00f8jet indeholder de fleste tekstdele fra QR-side-prototypen: sidetitel, velkomsttekst, knapper, \u00e5bningstider, beskrivelser af butikken, hj\u00e6lpetekster, kontaktoplysninger og sm\u00e5 forklaringer. P\u00e5 den m\u00e5de kan sproget vurderes som en samlet brugeroplevelse og ikke kun som l\u00f8srevne overs\u00e6ttelser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">M4 skal hj\u00e6lpe mig med at vurdere:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>om formuleringerne er sprogligt korrekte<\/li>\n\n\n\n<li>om teksterne lyder naturlige p\u00e5 f\u00e6r\u00f8sk, dansk, engelsk og eventuelt tysk\/fransk<\/li>\n\n\n\n<li>om tonen er venlig uden at blive for turistet<\/li>\n\n\n\n<li>om nogle formuleringer virker for formelle eller for direkte oversatte<\/li>\n\n\n\n<li>om de sm\u00e5 tekster faktisk hj\u00e6lper brugeren videre<\/li>\n\n\n\n<li>hvilke tekster der b\u00f8r \u00e6ndres, fjernes eller forenkles<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Hvis du vil hj\u00e6lpe med sproget, kan du \u00e5bne v\u00e6rkt\u00f8jet, v\u00e6lge det eller de sprog, du har blik for, rette eller kommentere formuleringerne og derefter hente dit svar som PDF eller Excel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du beh\u00f8ver ikke gennemg\u00e5 det hele. Det er ogs\u00e5 en stor hj\u00e6lp, hvis du kun kommenterer \u00e9t sprog, enkelte formuleringer eller bare skriver, hvad der lyder naturligt eller forkert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Link til M4, sprogtjek- og lokaliseringsv\u00e6rkt\u00f8j:<\/strong><br><a href=\"https:\/\/katof.github.io\/Ord-ord-ord\/ret.html\">https:\/\/katof.github.io\/Ord-ord-ord\/ret.html<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h4 class=\"wp-block-heading\">M4: Respons p\u00e5 sprog<\/h4>\n\n\n\n<style>\n  #ahM4Ticket {\n    --paper: #f9f5eb;\n    --ink: #1a1a1a;\n    --muted: #555;\n    --red: #b5121b;\n    --line: #1a1a1a;\n\n    width: 100%;\n    max-width: 600px;\n    margin: 28px auto;\n    padding: 15px 10px;\n    background: var(--paper);\n    color: var(--ink);\n    font-family: \"Courier New\", Courier, monospace;\n    line-height: 1.5;\n    box-sizing: border-box;\n  }\n\n  #ahM4Ticket,\n  #ahM4Ticket * {\n    box-sizing: border-box;\n  }\n\n  #ahM4Ticket .inner {\n    padding: 0 8px;\n  }\n\n  #ahM4Ticket .header {\n    text-align: center;\n    border-bottom: 2px solid var(--line);\n    padding-bottom: 14px;\n    margin-bottom: 18px;\n  }\n\n  #ahM4Ticket .kicker {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: var(--muted);\n    margin-bottom: 6px;\n  }\n\n  #ahM4Ticket h2 {\n    margin: 0;\n    color: var(--ink);\n    font-size: 24px;\n    line-height: 1.1;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n\n  #ahM4Ticket .lead {\n    margin: 0 0 18px;\n    font-size: 14px;\n    color: var(--ink);\n  }\n\n  #ahM4Ticket .lead strong {\n    color: var(--red);\n  }\n\n  #ahM4Ticket .route {\n    border-top: 1px solid var(--line);\n    border-bottom: 1px solid var(--line);\n    padding: 9px 0;\n    margin: 18px 0;\n    text-align: center;\n    font-size: 13px;\n    font-weight: bold;\n    text-transform: uppercase;\n  }\n\n  #ahM4Ticket .section {\n    margin: 22px 0 10px;\n    border-bottom: 1px solid var(--line);\n    padding-bottom: 5px;\n    font-size: 14px;\n    font-weight: bold;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n\n  #ahM4Ticket .section::before {\n    content: \"\u25a0 \";\n    color: var(--red);\n  }\n\n  #ahM4Ticket .steps {\n    display: grid;\n    gap: 10px;\n  }\n\n  #ahM4Ticket .step {\n    border: 1px solid var(--line);\n    padding: 10px;\n    background: var(--paper);\n    display: grid;\n    grid-template-columns: 34px minmax(0, 1fr);\n    gap: 10px;\n    align-items: start;\n  }\n\n  #ahM4Ticket .no {\n    width: 26px;\n    height: 26px;\n    border: 1px solid var(--line);\n    display: grid;\n    place-items: center;\n    color: #fff;\n    background: var(--red);\n    font-size: 13px;\n    font-weight: bold;\n    line-height: 1;\n  }\n\n  #ahM4Ticket h3 {\n    margin: 0 0 4px;\n    color: var(--ink);\n    font-size: 14px;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  #ahM4Ticket p {\n    margin: 0;\n    color: var(--ink);\n    font-size: 13px;\n  }\n\n  #ahM4Ticket .note {\n    border-left: 4px solid var(--red);\n    padding-left: 10px;\n    margin-top: 14px;\n    font-size: 13px;\n  }\n\n  #ahM4Ticket .mailbox {\n    border: 1px solid var(--line);\n    margin-top: 14px;\n    padding: 10px;\n    background: var(--paper);\n    font-size: 13px;\n    overflow-wrap: anywhere;\n  }\n\n  #ahM4Ticket .mailbox strong {\n    display: block;\n    margin-bottom: 4px;\n    color: var(--red);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n\n  #ahM4Ticket a {\n    color: var(--ink);\n    font-weight: bold;\n    text-decoration: underline;\n    text-decoration-thickness: 1px;\n    text-underline-offset: 3px;\n  }\n\n  #ahM4Ticket .button {\n    display: block;\n    width: 100%;\n    margin-top: 14px;\n    border: 1px solid var(--red);\n    background: var(--red);\n    color: #fff !important;\n    padding: 10px 12px;\n    font-family: \"Courier New\", Courier, monospace;\n    font-size: 13px;\n    line-height: 1.2;\n    font-weight: bold;\n    text-align: center;\n    text-transform: uppercase;\n    text-decoration: none !important;\n  }\n\n  #ahM4Ticket .button:hover {\n    filter: brightness(0.94);\n  }\n\n  #ahM4Ticket .stamp {\n    display: inline-block;\n    margin-top: 18px;\n    border: 2px solid var(--red);\n    color: var(--red);\n    padding: 5px 9px;\n    font-size: 12px;\n    font-weight: bold;\n    text-transform: uppercase;\n    transform: rotate(-2deg);\n  }\n\n  @media (max-width: 430px) {\n    #ahM4Ticket {\n      padding: 12px 8px;\n    }\n\n    #ahM4Ticket h2 {\n      font-size: 21px;\n    }\n\n    #ahM4Ticket .step {\n      grid-template-columns: 30px minmax(0, 1fr);\n    }\n  }\n<\/style>\n\n<div id=\"ahM4Ticket\">\n  <div class=\"inner\">\n\n    <div class=\"header\">\n      <div class=\"kicker\">M4 \u00b7 respons p\u00e5 sprog<\/div>\n      <h2>Hj\u00e6lp med sproget<\/h2>\n    <\/div>\n\n    <p class=\"lead\">\n      Jeg tester QR-sidens korte tekster:\n      <strong>ord, tone og mikrocopy<\/strong>.\n    <\/p>\n\n    <div class=\"route\">ret \u00b7 komment\u00e9r \u00b7 send PDF\/Excel<\/div>\n\n    <div class=\"section\">S\u00e5dan g\u00f8r du<\/div>\n\n    <div class=\"steps\">\n\n      <div class=\"step\">\n        <div class=\"no\">01<\/div>\n        <div>\n          <h3>V\u00e6lg sprog<\/h3>\n          <p>Du kan kigge p\u00e5 f\u00e6r\u00f8sk, dansk, engelsk, fransk eller tysk. \u00c9t sprog er nok.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"step\">\n        <div class=\"no\">02<\/div>\n        <div>\n          <h3>Ret ordene<\/h3>\n          <p>Komment\u00e9r det, der lyder forkert, for formelt, for oversat eller for turistet.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"step\">\n        <div class=\"no\">03<\/div>\n        <div>\n          <h3>Send filen<\/h3>\n          <p>Hent dit svar som PDF eller Excel, s\u00e5 jeg kan bruge det som dokumentation.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"note\">\n      Form\u00e5let er ikke bare at overs\u00e6tte teksten, men at finde en tone, der passer til \u00c1 handil og til det f\u00f8rste m\u00f8de med stedet.\n    <\/div>\n\n    <div class=\"mailbox\">\n      <strong>Send til mig<\/strong>\n      <a href=\"mailto:karina.toftegaard@gmail.com\">\n        karina.toftegaard@gmail.com\n      <\/a>\n    <\/div>\n\n    <a\n      class=\"button\"\n      href=\"https:\/\/katof.github.io\/Ord-ord-ord\/ret.html\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\">\n      \u00c5bn M4 sprogtjek\n    <\/a>\n\n    <div class=\"stamp\">M4 \u00b7 sprogtjek<\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<div style=\"height:22px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n  .xmas-full-separator {\n    --xmas-red: #b5121b;\n    --xmas-red-dark: #7f0d14;\n\n    width: 100vw;\n    margin: 34px 0;\n    margin-left: calc(50% - 50vw);\n    height: 18px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  .xmas-full-separator::before {\n    content: \"\";\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(181, 18, 27, 0.25) 12%,\n      var(--xmas-red) 35%,\n      var(--xmas-red-dark) 50%,\n      var(--xmas-red) 65%,\n      rgba(181, 18, 27, 0.25) 88%,\n      transparent 100%\n    );\n    background-size: 180% 100%;\n    animation: xmasSoftMove 6s ease-in-out infinite;\n    opacity: 0.8;\n  }\n\n  @keyframes xmasSoftMove {\n    0%, 100% {\n      background-position: 0% 50%;\n      opacity: 0.55;\n    }\n    50% {\n      background-position: 100% 50%;\n      opacity: 0.95;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .xmas-full-separator::before {\n      animation: none;\n    }\n  }\n<\/style>\n\n<div class=\"xmas-full-separator\" aria-hidden=\"true\"><\/div>\n\n\n\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2 class=\"wp-block-heading\">Afpr\u00f8vning og kvalificering<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mockupperne bliver afpr\u00f8vet gennem tre spor: go-along, samtale med bestyreren og sprogtjek.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De tre spor unders\u00f8ger ikke det samme. Go-along-forl\u00f8bene viser, hvor tvivlen opst\u00e5r i ankomsten, og hvorn\u00e5r \u00c1 handil bliver genkendelig. Samtalen med bestyreren skal give et praksisn\u00e6rt blik p\u00e5, hvad der passer til butikkens hverdag, placering og lokale udtryk. Sprogtjekket handler om, hvorvidt de korte tekster i QR-sporet lyder naturlige, venlige og stedssvarende.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tilsammen skal afpr\u00f8vningen ikke pege p\u00e5 \u00e9n f\u00e6rdig l\u00f8sning, men g\u00f8re designretningen skarpere: Hvor skal der gives fysisk st\u00f8tte? Hvilken rolle kan QR spille? Og hvilken tone passer til \u00c1 handil?<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">N\u00e6ste skridt<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Efter afpr\u00f8vningen samler jeg alt p\u00e5 Deliver-siden.<\/p>\n\n\n\n<div id=\"deliverCtaScope\">\n  <a href=\"https:\/\/itdd.au.dk\/single-user-mode\/deliver\/\" target=\"_blank\" rel=\"noopener\" class=\"deliver-cta\">\n    <span class=\"deliver-cta-text\">G\u00e5 til deliver<\/span>\n    <span class=\"deliver-cta-arrow\" aria-hidden=\"true\">\u2192<\/span>\n  <\/a>\n<\/div>\n\n<style>\n  #deliverCtaScope {\n    --paper: #f9f5eb;\n    --ink: #1a1a1a;\n    --red: #b5121b;\n    --line: #1a1a1a;\n\n    display: inline-block;\n    font-family: \"Courier New\", Courier, monospace;\n  }\n\n  #deliverCtaScope,\n  #deliverCtaScope * {\n    box-sizing: border-box;\n  }\n\n  #deliverCtaScope .deliver-cta {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n    padding: 10px 12px !important;\n    background: var(--paper) !important;\n    border: 1px solid var(--line) !important;\n    color: var(--ink) !important;\n    text-decoration: none !important;\n    font-family: \"Courier New\", Courier, monospace !important;\n    font-size: 13px !important;\n    font-weight: bold !important;\n    line-height: 1.2 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.04em !important;\n    box-shadow: none !important;\n    border-radius: 0 !important;\n    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;\n  }\n\n  #deliverCtaScope .deliver-cta:link,\n  #deliverCtaScope .deliver-cta:visited,\n  #deliverCtaScope .deliver-cta:hover,\n  #deliverCtaScope .deliver-cta:active {\n    color: var(--ink) !important;\n    text-decoration: none !important;\n  }\n\n  #deliverCtaScope .deliver-cta:hover {\n    background: var(--red) !important;\n    border-color: var(--red) !important;\n    color: #ffffff !important;\n    transform: translateY(-1px);\n  }\n\n  #deliverCtaScope .deliver-cta-text {\n    color: inherit !important;\n  }\n\n  #deliverCtaScope .deliver-cta-arrow {\n    display: inline-grid !important;\n    place-items: center !important;\n    width: 24px !important;\n    height: 24px !important;\n    border: 1px solid var(--red) !important;\n    background: var(--red) !important;\n    color: #ffffff !important;\n    font-size: 15px !important;\n    font-weight: bold !important;\n    line-height: 1 !important;\n    flex-shrink: 0 !important;\n    border-radius: 0 !important;\n    transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease;\n  }\n\n  #deliverCtaScope .deliver-cta:hover .deliver-cta-arrow {\n    background: #ffffff !important;\n    color: var(--red) !important;\n    transform: translateX(2px);\n  }\n\n  @media (max-width: 430px) {\n    #deliverCtaScope .deliver-cta {\n      font-size: 12px !important;\n      padding: 9px 10px !important;\n    }\n\n    #deliverCtaScope .deliver-cta-arrow {\n      width: 22px !important;\n      height: 22px !important;\n      font-size: 14px !important;\n    }\n  }\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\">Her vil jeg vise, hvad deltageren reagerede p\u00e5 i go-along-forl\u00f8bet, hvad bestyreren vurderede som realistisk og stedssvarende, og hvordan feedback fra sprogkyndige p\u00e5virker websiden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det vigtigste er ikke at finde en f\u00e6rdig l\u00f8sning med det samme. Det vigtigste er at f\u00e5 en mere pr\u00e6cis designretning:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Hvor skal der gives fysisk st\u00f8tte?<br>Hvad skal QR-sporet bruges til \u2014 hvis det skal bruges?<br>Hvilket sprog og hvilken tone passer til \u00c1 handil?<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">P\u00e5 den m\u00e5de bliver Deliver-fasen ikke bare en pr\u00e6sentation af prototyper, men en opsamling p\u00e5, hvad afpr\u00f8vningen faktisk viser.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading\">Go-along, snik-snak og sprog<\/h2>\n\n\n\n<style>\n  #ahPlanTicket {\n    --paper: #f9f5eb;\n    --ink: #1a1a1a;\n    --muted: #555;\n    --red: #b5121b;\n    --line: #1a1a1a;\n\n    width: 100%;\n    max-width: 600px;\n    margin: 28px auto;\n    padding: 15px 10px;\n    background: var(--paper);\n    color: var(--ink);\n    font-family: \"Courier New\", Courier, monospace;\n    line-height: 1.5;\n    box-sizing: border-box;\n  }\n\n  #ahPlanTicket,\n  #ahPlanTicket * {\n    box-sizing: border-box;\n  }\n\n  #ahPlanTicket .inner {\n    padding: 0 8px;\n  }\n\n  #ahPlanTicket .header {\n    text-align: center;\n    border-bottom: 2px solid var(--line);\n    padding-bottom: 14px;\n    margin-bottom: 18px;\n  }\n\n  #ahPlanTicket .kicker {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: var(--muted);\n    margin-bottom: 6px;\n  }\n\n  #ahPlanTicket h2 {\n    margin: 0;\n    color: var(--ink);\n    font-size: 24px;\n    line-height: 1.1;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n\n  #ahPlanTicket .lead {\n    margin: 0 0 18px;\n    font-size: 14px;\n    color: var(--ink);\n  }\n\n  #ahPlanTicket .lead strong {\n    color: var(--red);\n  }\n\n  #ahPlanTicket .route {\n    border-top: 1px solid var(--line);\n    border-bottom: 1px solid var(--line);\n    padding: 9px 0;\n    margin: 18px 0;\n    text-align: center;\n    font-size: 13px;\n    font-weight: bold;\n    text-transform: uppercase;\n  }\n\n  #ahPlanTicket .section {\n    margin: 22px 0 10px;\n    border-bottom: 1px solid var(--line);\n    padding-bottom: 5px;\n    font-size: 14px;\n    font-weight: bold;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n\n  #ahPlanTicket .section::before {\n    content: \"\u25a0 \";\n    color: var(--red);\n  }\n\n  #ahPlanTicket .steps {\n    display: grid;\n    gap: 10px;\n  }\n\n  #ahPlanTicket .step {\n    border: 1px solid var(--line);\n    padding: 10px;\n    background: var(--paper);\n    display: grid;\n    grid-template-columns: 34px minmax(0, 1fr);\n    gap: 10px;\n    align-items: start;\n  }\n\n  #ahPlanTicket .no {\n    width: 26px;\n    height: 26px;\n    border: 1px solid var(--line);\n    display: grid;\n    place-items: center;\n    color: #fff;\n    background: var(--red);\n    font-size: 13px;\n    font-weight: bold;\n    line-height: 1;\n  }\n\n  #ahPlanTicket h3 {\n    margin: 0 0 4px;\n    color: var(--ink);\n    font-size: 14px;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  #ahPlanTicket p {\n    margin: 0;\n    color: var(--ink);\n    font-size: 13px;\n  }\n\n  #ahPlanTicket .note {\n    border-left: 4px solid var(--red);\n    padding-left: 10px;\n    margin-top: 14px;\n    font-size: 13px;\n  }\n\n  #ahPlanTicket .plan-button {\n    display: block;\n    width: 100%;\n    margin-top: 14px;\n    border: 1px solid var(--red);\n    background: var(--red);\n    color: #fff;\n    padding: 10px 12px;\n    font-family: \"Courier New\", Courier, monospace;\n    font-size: 13px;\n    line-height: 1.2;\n    font-weight: bold;\n    text-align: center;\n    text-transform: uppercase;\n    cursor: pointer;\n  }\n\n  #ahPlanTicket .plan-button:hover {\n    filter: brightness(0.94);\n  }\n\n  #ahPlanTicket .plan-note {\n    border: 1px solid var(--line);\n    margin-top: 12px;\n    padding: 10px;\n    background: var(--paper);\n    font-size: 13px;\n  }\n\n  #ahPlanTicket .plan-note[hidden] {\n    display: none;\n  }\n\n  #ahPlanTicket .plan-note strong {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--red);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n\n  #ahPlanTicket .stamp {\n    display: inline-block;\n    margin-top: 18px;\n    border: 2px solid var(--red);\n    color: var(--red);\n    padding: 5px 9px;\n    font-size: 12px;\n    font-weight: bold;\n    text-transform: uppercase;\n    transform: rotate(-2deg);\n  }\n\n  @media (max-width: 430px) {\n    #ahPlanTicket {\n      padding: 12px 8px;\n    }\n\n    #ahPlanTicket h2 {\n      font-size: 21px;\n    }\n\n    #ahPlanTicket .step {\n      grid-template-columns: 30px minmax(0, 1fr);\n    }\n  }\n<\/style>\n\n<div id=\"ahPlanTicket\">\n  <div class=\"inner\">\n\n    <div class=\"header\">\n      <div class=\"kicker\">Prototype-plan<\/div>\n      <h2>Jeg har en plan<\/h2>\n    <\/div>\n\n    <p class=\"lead\">\n      Mockupperne tager afs\u00e6t i go-along-fundet fra Develop og skal bruges til at unders\u00f8ge en mere l\u00e6sbar ankomst:\n      <strong>to fysiske skilte, QR-plakat og sprogtjek<\/strong>.\n    <\/p>\n\n    <div class=\"route\">go-along-fund \u2192 mockups \u2192 designretning<\/div>\n\n    <div class=\"section\">Planens tre spor<\/div>\n\n    <div class=\"steps\">\n\n      <div class=\"step\">\n        <div class=\"no\">01<\/div>\n        <div>\n          <h3>Go-along-fund<\/h3>\n          <p>Go-along viste, at tvivlen opst\u00e5r, f\u00f8r \u00c1 handil bliver tydelig. Facaden bekr\u00e6fter, men den kommer for sent.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"step\">\n        <div class=\"no\">02<\/div>\n        <div>\n          <h3>Mockups<\/h3>\n          <p>Mockupperne unders\u00f8ger, hvordan ankomsten kan st\u00f8ttes med et skilt ved den brede vej og et sekund\u00e6rt \u00c1-tegn inde p\u00e5 omr\u00e5det.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"step\">\n        <div class=\"no\">03<\/div>\n        <div>\n          <h3>Afpr\u00f8vning<\/h3>\n          <p>Planen er at tale med bestyreren og f\u00e5 sprogtjekket QR-teksterne, s\u00e5 l\u00f8sningen passer til stedet og ikke bliver for turistet.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"note\">\n      Det centrale sp\u00f8rgsm\u00e5l er: Hvor lidt skal der til, f\u00f8r en bes\u00f8gende uden lokalkendskab f\u00f8ler sig sikker nok til at forts\u00e6tte mod \u00c1?\n    <\/div>\n\n    <button\n      type=\"button\"\n      class=\"plan-button\"\n      id=\"ahPlanTicketButton\"\n      aria-expanded=\"false\"\n      aria-controls=\"ahPlanTicketNote\">\n      \u00c5bn planen\n    <\/button>\n\n    <div class=\"plan-note\" id=\"ahPlanTicketNote\" hidden>\n      <strong>Det jeg pr\u00f8ver at finde ud af<\/strong>\n\n      Et go-along i Develop-fasen viste, at tvivlen opst\u00e5r, f\u00f8r \u00c1 handil bliver tydelig. Mockupperne tager afs\u00e6t i det fund og unders\u00f8ger, hvad der kan give tidligere fysisk bekr\u00e6ftelse i ankomsten.\n      <br><br>\n\n      Det f\u00f8rste greb er et vejvisende \u00c1-skilt ved den brede vej f\u00f8r broen. Det skal give hurtig retning: \u00c1 handil er denne vej.\n      <br><br>\n\n      Det andet greb er et mindre \u00c1-skilt eller en \u00c1-mark\u00f8r inde p\u00e5 omr\u00e5det. Det skal bekr\u00e6fte, at brugeren er kommet rigtigt ind og hj\u00e6lpe videre mod butikken.\n      <br><br>\n\n      QR-sporet afpr\u00f8ves som et frivilligt supplement ved indgangen. Det skal ikke erstatte de fysiske skilte, men give ekstra information, n\u00e5r den f\u00f8rste orientering er p\u00e5 plads.\n      <br><br>\n\n      Hos bestyreren unders\u00f8ger jeg, hvad der passer til butikkens praksis: placering, realisme, ejerforhold, sprog, tone og lokal karakter.\n      <br><br>\n\n      Sprogtjekket handler om, om ordene hj\u00e6lper uden at overforklare stedet eller g\u00f8re det for turistet.\n    <\/div>\n\n    <div class=\"stamp\">Kvalificeres nu<\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    var button = document.getElementById(\"ahPlanTicketButton\");\n    var note = document.getElementById(\"ahPlanTicketNote\");\n\n    if (!button || !note) return;\n\n    button.addEventListener(\"click\", function () {\n      var isClosed = note.hasAttribute(\"hidden\");\n\n      if (isClosed) {\n        note.removeAttribute(\"hidden\");\n        button.setAttribute(\"aria-expanded\", \"true\");\n        button.textContent = \"Luk planen\";\n      } else {\n        note.setAttribute(\"hidden\", \"\");\n        button.setAttribute(\"aria-expanded\", \"false\");\n        button.textContent = \"\u00c5bn planen\";\n      }\n    });\n  });\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n  .xmas-full-separator {\n    --xmas-red: #b5121b;\n    --xmas-red-dark: #7f0d14;\n\n    width: 100vw;\n    margin: 34px 0;\n    margin-left: calc(50% - 50vw);\n    height: 18px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  .xmas-full-separator::before {\n    content: \"\";\n    width: 100%;\n    height: 2px;\n    background: linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(181, 18, 27, 0.25) 12%,\n      var(--xmas-red) 35%,\n      var(--xmas-red-dark) 50%,\n      var(--xmas-red) 65%,\n      rgba(181, 18, 27, 0.25) 88%,\n      transparent 100%\n    );\n    background-size: 180% 100%;\n    animation: xmasSoftMove 6s ease-in-out infinite;\n    opacity: 0.8;\n  }\n\n  @keyframes xmasSoftMove {\n    0%, 100% {\n      background-position: 0% 50%;\n      opacity: 0.55;\n    }\n    50% {\n      background-position: 100% 50%;\n      opacity: 0.95;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .xmas-full-separator::before {\n      animation: none;\n    }\n  }\n<\/style>\n\n<div class=\"xmas-full-separator\" aria-hidden=\"true\"><\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@600;700&#038;family=Patrick+Hand&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .postit-wrap {\n    padding: 0 28px;\n  }\n\n  .postit-row {\n    display: flex;\n    gap: 22px;\n    align-items: flex-start;\n    flex-wrap: wrap;\n  }\n\n  .floating-postit {\n    position: relative;\n    display: inline-block;\n    width: 118px;\n    min-height: 138px;\n    padding: 18px 14px 14px;\n    border: 0;\n    border-radius: 2px;\n    text-align: left;\n    text-decoration: none;\n    cursor: pointer;\n    color: #111 !important;\n    box-shadow:\n      0 10px 14px rgba(0,0,0,0.17),\n      5px 7px 10px rgba(0,0,0,0.09);\n    transition: transform 0.18s ease, box-shadow 0.18s ease;\n    overflow: visible;\n    background: none;\n    font: inherit;\n  }\n\n  .floating-postit:hover {\n    transform: translateY(-2px);\n    box-shadow:\n      0 14px 18px rgba(0,0,0,0.19),\n      7px 10px 12px rgba(0,0,0,0.11);\n  }\n\n  .floating-postit.note-yellow {\n    background: linear-gradient(182deg, #f7e45d 0%, #efd429 100%);\n  }\n\n  .floating-postit.note-red {\n    background: linear-gradient(179deg, #ff5a45 0%, #f83824 100%);\n  }\n\n  .floating-postit.note-orange {\n    background: linear-gradient(181deg, #ffab46 0%, #f58a11 100%);\n  }\n\n  .floating-postit.note-blue {\n    background: linear-gradient(181deg, #74c7ff 0%, #2f97f5 100%);\n  }\n\n  .floating-postit::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0.02) 28%, rgba(0,0,0,0.03) 100%),\n      radial-gradient(circle at 18% 24%, rgba(255,255,255,0.10) 0, transparent 18%),\n      radial-gradient(circle at 78% 70%, rgba(0,0,0,0.04) 0, transparent 20%);\n    pointer-events: none;\n    opacity: 0.8;\n  }\n\n  .floating-postit::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 13px;\n    width: 24px;\n    height: 21px;\n    background: linear-gradient(135deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.12) 70%);\n    clip-path: polygon(0 0, 100% 0, 100% 100%);\n    opacity: 0.88;\n  }\n\n  .floating-postit:nth-child(1) { transform: rotate(-1.4deg); }\n  .floating-postit:nth-child(2) { transform: rotate(1.2deg); }\n  .floating-postit:nth-child(3) { transform: rotate(-0.8deg); }\n  .floating-postit:nth-child(4) { transform: rotate(1deg); }\n\n  .floating-postit:nth-child(1):hover,\n  .floating-postit:nth-child(2):hover,\n  .floating-postit:nth-child(3):hover,\n  .floating-postit:nth-child(4):hover {\n    transform: translateY(-2px) rotate(0deg);\n  }\n\n  .floating-postit .pin {\n    position: absolute;\n    top: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: radial-gradient(circle at 35% 35%, #ff8d8d 0%, #cf1010 58%, #850000 100%);\n    box-shadow:\n      0 2px 2px rgba(0,0,0,0.22),\n      inset -1px -2px 2px rgba(0,0,0,0.24);\n    z-index: 3;\n  }\n\n  .floating-postit .pin::after {\n    content: \"\";\n    position: absolute;\n    top: 11px;\n    left: 6px;\n    width: 2px;\n    height: 18px;\n    background: linear-gradient(180deg, rgba(75,75,75,0.9), rgba(170,170,170,0.4));\n    transform: rotate(31deg);\n    transform-origin: top center;\n    border-radius: 2px;\n    z-index: -1;\n  }\n\n  .floating-postit strong {\n    display: block;\n    margin-top: 10px;\n    margin-bottom: 8px;\n    font-family: \"Caveat\", cursive !important;\n    font-size: 1.35rem;\n    line-height: 0.95;\n    font-weight: 700;\n    color: #111 !important;\n    position: relative;\n    z-index: 1;\n  }\n\n  .floating-postit span.text {\n    display: block;\n    font-family: \"Patrick Hand\", cursive !important;\n    font-size: 1rem;\n    line-height: 1.15;\n    color: #111 !important;\n    position: relative;\n    z-index: 1;\n  }\n\n  .focus-modal {\n    position: fixed;\n    inset: 0;\n    width: 100vw;\n    height: 100vh;\n    z-index: 999999;\n    display: none;\n    background: rgba(24, 18, 13, 0.84);\n    backdrop-filter: blur(4px);\n    -webkit-backdrop-filter: blur(4px);\n  }\n\n  .focus-modal.active {\n    display: block;\n  }\n\n  .focus-controls {\n    position: fixed;\n    top: 18px;\n    right: 18px;\n    z-index: 1000001;\n    display: flex;\n    gap: 10px;\n  }\n\n  .focus-btn {\n    width: 46px;\n    height: 46px;\n    border: 0;\n    border-radius: 999px;\n    background: rgba(47, 42, 37, 0.92);\n    color: #fff !important;\n    font-size: 1.2rem;\n    line-height: 1;\n    cursor: pointer;\n    box-shadow: 0 6px 14px rgba(0,0,0,0.18);\n  }\n\n  .focus-btn:hover {\n    background: #000;\n  }\n\n  .focus-panel-wrap {\n    position: fixed;\n    inset: 0;\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 84px 28px 32px;\n    background: #f6f1e8;\n  }\n\n  .focus-panel {\n    width: 100%;\n    max-width: 860px;\n    margin: 0 auto;\n  }\n\n  .focus-title {\n    margin: 0 0 14px;\n    font-family: \"Caveat\", cursive !important;\n    font-size: clamp(2.2rem, 4vw, 3.1rem);\n    line-height: 0.95;\n    color: #24180f !important;\n  }\n\n  .focus-intro {\n    display: inline-block;\n    margin: 0 0 22px;\n    padding: 12px 15px;\n    background: #fff6a8;\n    color: #111 !important;\n    box-shadow: 0 8px 14px rgba(0,0,0,0.16);\n    font-family: \"Patrick Hand\", cursive !important;\n    font-size: 1.05rem;\n    line-height: 1.28;\n    max-width: 720px;\n  }\n\n  .focus-grid {\n    display: grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .focus-note {\n    min-height: 0;\n    padding: 14px 13px;\n    box-shadow: 0 8px 12px rgba(0,0,0,0.14);\n    color: #111 !important;\n    position: relative;\n  }\n\n  .focus-note::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(0,0,0,0.03) 100%);\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .focus-note.yellow { background: #f7de3a; }\n  .focus-note.red    { background: #ff5542; }\n  .focus-note.orange { background: #ff9a2f; }\n  .focus-note.blue   { background: #7dcbff; }\n  .focus-note.green  { background: #98e88a; }\n\n  .focus-note h3 {\n    margin: 0 0 8px;\n    font-family: \"Caveat\", cursive !important;\n    font-size: 1.42rem;\n    line-height: 0.95;\n    color: #111 !important;\n    position: relative;\n    z-index: 1;\n  }\n\n  .focus-note p,\n  .focus-note li {\n    margin: 0;\n    font-family: \"Patrick Hand\", cursive !important;\n    font-size: 1rem;\n    line-height: 1.18;\n    color: #111 !important;\n    position: relative;\n    z-index: 1;\n  }\n\n  .focus-note ul {\n    margin: 4px 0 0 16px;\n    padding: 0;\n    position: relative;\n    z-index: 1;\n  }\n\n  .focus-note li + li {\n    margin-top: 4px;\n  }\n\n  .focus-note a {\n    color: #111 !important;\n    text-decoration: underline;\n    text-decoration-thickness: 1.5px;\n    text-underline-offset: 2px;\n    position: relative;\n    z-index: 2;\n  }\n\n  .span-4 { grid-column: span 4; }\n  .span-6 { grid-column: span 6; }\n  .span-12 { grid-column: span 12; }\n\n  @media (max-width: 980px) {\n    .focus-grid {\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n\n    .span-12, .span-6, .span-4 {\n      grid-column: span 6;\n    }\n  }\n\n  @media (max-width: 700px) {\n    .postit-wrap {\n      padding: 0 14px;\n    }\n\n    .postit-row {\n      gap: 14px;\n    }\n\n    .floating-postit {\n      width: 102px;\n      min-height: 122px;\n      padding: 16px 12px 12px;\n      transform: none !important;\n    }\n\n    .floating-postit strong {\n      font-size: 1.15rem;\n    }\n\n    .floating-postit span.text {\n      font-size: 0.9rem;\n    }\n\n    .focus-controls {\n      top: 10px;\n      right: 10px;\n      gap: 8px;\n    }\n\n    .focus-btn {\n      width: 40px;\n      height: 40px;\n    }\n\n    .focus-panel-wrap {\n      padding: 68px 14px 18px;\n    }\n\n    .focus-grid {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n\n    .span-12, .span-6, .span-4 {\n      grid-column: span 1;\n    }\n  }\n<\/style>\n\n<div class=\"postit-wrap\">\n  <div class=\"postit-row\">\n    <a\n      class=\"floating-postit note-yellow\"\n      href=\"\/single-user-mode\/infoboard\/\"\n      aria-label=\"\u00c5bn mit board\">\n      <span class=\"pin\"><\/span>\n      <strong>Mit board<\/strong>\n      <span class=\"text\">Spor, fund<br>og problemfelt<\/span>\n    <\/a>\n\n    <a\n      class=\"floating-postit note-red\"\n      href=\"https:\/\/karina.getoutline.com\/s\/06b7b21b-5a9d-4390-a152-5f05672b8869\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label=\"\u00c5bn opgaven i Outline\">\n      <span class=\"pin\"><\/span>\n      <strong>Opgaven<\/strong>\n      <span class=\"text\">L\u00e6s projektet<br>i Outline<\/span>\n    <\/a>\n\n    <button class=\"floating-postit note-orange\" id=\"openFocusNote\" type=\"button\" aria-label=\"\u00c5bn fokus nu\">\n      <span class=\"pin\"><\/span>\n      <strong>Fokus nu<\/strong>\n      <span class=\"text\">Deliver,<br>respons og retning<\/span>\n    <\/button>\n\n    <a\n      class=\"floating-postit note-blue\"\n      href=\"https:\/\/miro.com\/app\/board\/uXjVJnyLt6g=\/?share_link_id=59107235146\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label=\"\u00c5bn Miro board\">\n      <span class=\"pin\"><\/span>\n      <strong>Miro<\/strong>\n      <span class=\"text\">Billeder, proces<br>og mockups<\/span>\n    <\/a>\n  <\/div>\n<\/div>\n\n<div class=\"focus-modal\" id=\"focusModal\" aria-hidden=\"true\">\n  <div class=\"focus-controls\">\n    <button class=\"focus-btn\" id=\"closeFocusNote\" type=\"button\" aria-label=\"Luk\">\u00d7<\/button>\n  <\/div>\n\n  <div class=\"focus-panel-wrap\">\n    <div class=\"focus-panel\">\n      <h2 class=\"focus-title\">Fokus nu<\/h2>\n\n      <div class=\"focus-intro\">\n        Jeg er i Deliver-fasen. Nu samler jeg respons og sk\u00e6rper designretningen:\n        fysisk st\u00f8tte f\u00f8rst, digitalt lag d\u00e9r hvor det giver mening.\n      <\/div>\n\n      <div class=\"focus-grid\">\n\n        <article class=\"focus-note yellow span-4\">\n          <h3>Afpr\u00f8vning<\/h3>\n          <p>\n            Go-along, samtale med bestyreren og sprogtjek bruges til at kvalificere mockups.\n          <\/p>\n        <\/article>\n\n        <article class=\"focus-note orange span-4\">\n          <h3>Fysisk st\u00f8tte<\/h3>\n          <p>\n            Skilt, \u00c1-mark\u00f8r eller stort \u00c1 p\u00e5 bygningen skal give tidligere bekr\u00e6ftelse i ankomsten.\n          <\/p>\n        <\/article>\n\n        <article class=\"focus-note blue span-4\">\n          <h3>QR-sporet<\/h3>\n          <p>\n            QR kan give vejvisning fra et kort\/orienteringspunkt \u2014 eller fungere som velkomstlag ved indgangen.\n          <\/p>\n        <\/article>\n\n        <article class=\"focus-note green span-6\">\n          <h3>Sp\u00f8rgsm\u00e5l nu<\/h3>\n          <p>\n            Hvor skal st\u00f8tten placeres? Hvad passer til \u00c1 handil? Hvad er realistisk at teste?\n          <\/p>\n        <\/article>\n\n        <article class=\"focus-note red span-6\">\n          <h3>Arbejdstitel<\/h3>\n          <p>\n            \u201cEt skilt giver mening \u2014 men det skal passe til stedet.\u201d\n          <\/p>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    const openFocusNote = document.getElementById(\"openFocusNote\");\n    const focusModal = document.getElementById(\"focusModal\");\n    const closeFocusNote = document.getElementById(\"closeFocusNote\");\n\n    if (!openFocusNote || !focusModal || !closeFocusNote) return;\n\n    function openFocusModal() {\n      focusModal.classList.add(\"active\");\n      focusModal.setAttribute(\"aria-hidden\", \"false\");\n      document.documentElement.style.overflow = \"hidden\";\n      document.body.style.overflow = \"hidden\";\n    }\n\n    function closeFocusModal() {\n      focusModal.classList.remove(\"active\");\n      focusModal.setAttribute(\"aria-hidden\", \"true\");\n      document.documentElement.style.overflow = \"\";\n      document.body.style.overflow = \"\";\n    }\n\n    openFocusNote.addEventListener(\"click\", openFocusModal);\n    closeFocusNote.addEventListener(\"click\", closeFocusModal);\n\n    focusModal.addEventListener(\"click\", function (e) {\n      if (e.target === focusModal) {\n        closeFocusModal();\n      }\n    });\n\n    document.addEventListener(\"keydown\", function (e) {\n      if (e.key === \"Escape\" && focusModal.classList.contains(\"active\")) {\n        closeFocusModal();\n      }\n    });\n  })();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\t<div id=\"respond\" class=\"comment-respond wp-block-post-comments-form\">\n\t\t<h3 id=\"reply-title\" class=\"comment-reply-title\">Skriv et svar <small><a rel=\"nofollow\" id=\"cancel-comment-reply-link\" href=\"\/single-user-mode\/wp-json\/wp\/v2\/pages\/1109#respond\" style=\"display:none;\">Annuller svar<\/a><\/small><\/h3><p class=\"must-log-in\">Du skal v\u00e6re <a href=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-login.php?redirect_to=https%3A%2F%2Fitdd.au.dk%2Fsingle-user-mode%2Fprototyper%2F\">logget ind<\/a> for at skrive en kommentar.<\/p>\t<\/div><!-- #respond -->\n\t\n\n\n<div class=\"wp-block-comments\">\n\n\n\n\n\n\n<style>\n  .wp-block-post-comments-form input#submit.wp-block-button__link.wp-element-button {\n    background: #d70f2f !important;\n    color: #fff !important;\n    border: none !important;\n  }\n\n  .wp-block-post-comments-form input#submit.wp-block-button__link.wp-element-button:hover {\n    background: #b90c28 !important;\n  }\n<\/style>\n<style>\n  .wp-block-comments {\n    border: 1.5px solid rgba(242, 8, 8, 0.9) !important;\n    padding: 20px !important;\n    margin-top: 0 !important;\n    background: rgba(255, 0, 0, 0.025);\n    box-shadow:\n      0 0 0 1px rgba(255,255,255,0.03),\n      0 0 22px rgba(242,8,8,0.12);\n  }\n\n  .wp-block-comments-title {\n    margin-top: 0 !important;\n  }\n\n  .wp-block-comments .wp-block-comment-template {\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .wp-block-comments li.comment {\n    padding: 18px 0 !important;\n  }\n\n  .wp-block-comment-content {\n    border-left: 2px solid rgba(242,8,8,0.65);\n    padding-left: 14px;\n  }\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Prototyper og afpr\u00f8vning I denne fase arbejder jeg med enkle mockups som samtaleobjekter. De er ikke f\u00e6rdige l\u00f8sninger, men forel\u00f8bige forslag, som skal hj\u00e6lpe mig med at unders\u00f8ge, hvad der giver mening i praksis. Projektet handler nu is\u00e6r om ankomsten til \u00c1 handil: find vej \u2192 f\u00e5 \u00f8je p\u00e5 \u00c1 \u2192 g\u00e5 trygt ind Tidligere [&hellip;]<\/p>\n","protected":false},"author":85,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/1109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/comments?post=1109"}],"version-history":[{"count":154,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/1109\/revisions"}],"predecessor-version":[{"id":1514,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/1109\/revisions\/1514"}],"wp:attachment":[{"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/media?parent=1109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}