{"id":1103,"date":"2026-05-01T19:49:13","date_gmt":"2026-05-01T19:49:13","guid":{"rendered":"https:\/\/itdd.au.dk\/single-user-mode\/?page_id=1103"},"modified":"2026-05-21T16:39:18","modified_gmt":"2026-05-21T16:39:18","slug":"deliver","status":"publish","type":"page","link":"https:\/\/itdd.au.dk\/single-user-mode\/deliver\/","title":{"rendered":"Deliver"},"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\">\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%\"><div class=\"wp-block-post-date\"><time datetime=\"2026-05-17T09:45:54.601Z\">maj 17, 2026<\/time><\/div>\n\n\n<h2 class=\"wp-block-heading\">Deliver<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Fra afpr\u00f8vning til endelig designretning<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">I Deliver-fasen har jeg samlet og afpr\u00f8vet den designretning, der voksede frem gennem Discover, Define og Develop. Projektet handler ikke l\u00e6ngere om at tilf\u00f8je mere digital information til butikken, men om at st\u00f8tte det f\u00f8rste m\u00f8de med \u00c1 handil: hvordan bes\u00f8gende uden lokalkendskab finder vej, f\u00e5r fysisk bekr\u00e6ftelse undervejs og kan g\u00e5 trygt ind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Afpr\u00f8vningen bestod af go-along, mockup-afpr\u00f8vning med en bes\u00f8gende, samtale med bestyreren og sprogtjek af QR-sidens microcopy. Form\u00e5let var ikke at teste en f\u00e6rdig l\u00f8sning, men at unders\u00f8ge, hvilke dele af prototypefamilien der faktisk giver mening i praksis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det centrale fund er, at tvivlen opst\u00e5r f\u00f8r butikken er tydelig. Facaden og \u00c1-logoet fungerer som bekr\u00e6ftelse, men f\u00f8rst for sent i ruten. Derfor skal designet st\u00f8tte ankomsten i flere led: f\u00f8rst ved den brede vej, derefter inde p\u00e5 omr\u00e5det og til sidst ved indgangen.<\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Hvad viste afpr\u00f8vningen?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Afpr\u00f8vningen peger p\u00e5 tre hovedfund.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<h6 class=\"wp-block-heading is-style-default has-medium-font-size\">1. Bes\u00f8gende har brug for fysisk bekr\u00e6ftelse f\u00f8r facaden<\/h6>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Go-along-forl\u00f8bet viste, at tvivlen is\u00e6r opst\u00e5r ved den brede vej og broen. Deltageren efterspurgte et enkelt skilt med pil og \u00c1-logo, ikke en st\u00f8rre digital l\u00f8sning.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det f\u00f8rste skilt skal derfor placeres tidligt i ankomsten, f\u00f8r brugeren n\u00e5r ind p\u00e5 omr\u00e5det.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<h6 class=\"wp-block-heading has-medium-font-size\">2. \u00c9t fysisk tegn er ikke n\u00f8dvendigvis nok<\/h6>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Afpr\u00f8vningen viste ogs\u00e5, at der kan opst\u00e5 usikkerhed inde p\u00e5 selve omr\u00e5det, f\u00f8r facaden og indgangen bliver helt tydelige. Derfor peger designretningen p\u00e5 to fysiske skilte:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>et vejvisende \u00c1-skilt ved den brede vej<\/li>\n\n\n\n<li>et mere roligt\/rustikt \u00c1-skilt eller \u00c1-mark\u00f8r inde p\u00e5 omr\u00e5det<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Det f\u00f8rste skilt hj\u00e6lper brugeren med at v\u00e6lge retning. Det andet bekr\u00e6fter: du er fremme \u2014 her er \u00c1.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<h6 class=\"wp-block-heading has-medium-font-size\">3. QR-siden skal v\u00e6re et supplement, ikke hovedl\u00f8sningen<\/h6>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">QR-siden giver mening, n\u00e5r brugeren allerede er fremme eller har tid til at ops\u00f8ge mere information. Den skal ikke b\u00e6re den f\u00f8rste vejfinding.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sprogtjekket viste desuden, at tekst og microcopy skal v\u00e6re korte, naturlige og stedssvarende. QR-plakaten og HTML-siden skal derfor fungere som et frivilligt lag, ikke som en ekstra opgave for brugeren.<\/p>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/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<div style=\"height:73px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"\n  max-width: 680px;\n  margin: 32px auto;\n  padding: 26px;\n  background: #f9f5eb;\n  color: #1a1a1a;\n  font-family: Georgia, serif;\n  line-height: 1.6;\n  border-left: 8px solid #b5121b;\n\">\n\n  <p style=\"\n    margin: 0 0 8px;\n    font-size: 13px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    color: #666;\n  \">\n    Deliver \u00b7 empiri efter mockups\n  <\/p>\n\n  <h2 style=\"\n    margin: 0 0 16px;\n    font-size: 32px;\n    line-height: 1.1;\n    color: #1a1a1a;\n  \">\n    Empirien er i tasken\n  <\/h2>\n\n  <p>\n    Afpr\u00f8vningen pegede p\u00e5 en enkel l\u00f8sning:\n    <strong>to fysiske skilte og QR som frivilligt supplement.<\/strong>\n  <\/p>\n\n  <hr style=\"border: 0; border-top: 1px solid #1a1a1a; margin: 22px 0;\">\n\n  <h3 style=\"color: #b5121b; margin-bottom: 10px;\">Go-along: ruteusikkerhed<\/h3>\n\n  <p>\n    Filmen viser, at tvivlen ikke kun opst\u00e5r f\u00f8r omr\u00e5det. Brugeren finder ind p\u00e5 omr\u00e5det,\n    men mangler stadig et tydeligt \u00c1-tegn, der bekr\u00e6fter retningen.\n  <\/p>\n\n  <div style=\"\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    margin: 18px 0;\n    background: #000;\n    overflow: hidden;\n  \">\n    <iframe\n      src=\"https:\/\/www.youtube.com\/embed\/KtQZi8qNw4k\"\n      title=\"Go-along ruteusikkerhed\"\n      style=\"\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n      \"\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n      allowfullscreen>\n    <\/iframe>\n  <\/div>\n\n  <blockquote style=\"\n    margin: 16px 0;\n    padding-left: 14px;\n    border-left: 4px solid #b5121b;\n    font-weight: bold;\n  \">\n    \u201cEt skilt ved den brede vej ville v\u00e6re en stor hj\u00e6lp.\u201d\n  <\/blockquote>\n\n  <hr style=\"border: 0; border-top: 1px solid #1a1a1a; margin: 22px 0;\">\n\n  <h3 style=\"color: #b5121b; margin-bottom: 10px;\">Tre fund<\/h3>\n\n  <p>\n    <strong>1. Skilt f\u00f8r omr\u00e5det:<\/strong><br>\n    F\u00f8rste tvivl opst\u00e5r ved den brede vej og broen.\n  <\/p>\n\n  <p>\n    <strong>2. Skilt inde p\u00e5 omr\u00e5det:<\/strong><br>\n    Brugeren har ogs\u00e5 brug for bekr\u00e6ftelse, n\u00e5r hun er kommet ind p\u00e5 omr\u00e5det.\n  <\/p>\n\n  <p>\n    <strong>3. QR som supplement:<\/strong><br>\n    QR-siden skal v\u00e6re kort, naturlig og frivillig \u2014 ikke b\u00e6re den f\u00f8rste vejfinding.\n  <\/p>\n\n  <hr style=\"border: 0; border-top: 1px solid #1a1a1a; margin: 22px 0;\">\n\n  <h3 style=\"color: #b5121b; margin-bottom: 10px;\">Konklusion<\/h3>\n\n  <p>\n    Ankomsten skal st\u00f8ttes i to fysiske led:\n    f\u00f8rst med retning ved vejen og derefter med bekr\u00e6ftelse inde p\u00e5 omr\u00e5det.\n  <\/p>\n\n  <ul>\n    <li><strong>Skilt 1:<\/strong> viser vej ved den brede vej\/broen.<\/li>\n    <li><strong>Skilt 2:<\/strong> bekr\u00e6fter retningen inde p\u00e5 omr\u00e5det.<\/li>\n    <li><strong>QR:<\/strong> giver ekstra information ved indgangen.<\/li>\n  <\/ul>\n\n  <p style=\"\n    display: inline-block;\n    margin-top: 18px;\n    padding: 8px 12px;\n    border: 2px solid #b5121b;\n    color: #b5121b;\n    font-weight: bold;\n    text-transform: uppercase;\n    transform: rotate(-2deg);\n  \">\n    To skilte + QR\n  <\/p>\n\n<\/div>\n\n\n<\/div>\n<\/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\">\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<h3 class=\"wp-block-heading\">Designprincipper version 3<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">P\u00e5 baggrund af Deliver-fasen er designprincipperne blevet sk\u00e6rpet. De viser, hvad afpr\u00f8vningen peger p\u00e5, <br>og hvad den videre designretning skal fastholde.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-17-2026-10_28_45-PM-819x1024.png\" alt=\"\" class=\"wp-image-1466\" style=\"aspect-ratio:0.7998112168646268\" srcset=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-17-2026-10_28_45-PM-819x1024.png 819w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-17-2026-10_28_45-PM-240x300.png 240w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-17-2026-10_28_45-PM-768x960.png 768w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-17-2026-10_28_45-PM.png 1122w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Principperne samler Deliver-fasens vigtigste bev\u00e6gelse: l\u00f8sningen skal ikke g\u00f8re \u00c1 handil <br>til noget andet, men g\u00f8re ankomsten mere l\u00e6sbar for dem, der endnu ikke kender stedets logik.<\/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<\/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<h3 class=\"wp-block-heading\">Endelig designretning<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Den endelige designretning best\u00e5r af <strong>to fysiske skilte og \u00e9n digital prototype<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Skilt f\u00f8r omr\u00e5det<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Det f\u00f8rste skilt placeres tidligt i ankomsten, ved den brede vej f\u00f8r broen, hvor tvivlen opst\u00e5r f\u00f8rste gang. Form\u00e5let er at give hurtig bekr\u00e6ftelse og hj\u00e6lpe bes\u00f8gende med at v\u00e6lge den rigtige retning.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det skal v\u00e6re enkelt og umiddelbart afl\u00e6seligt:<\/p>\n\n\n\n<h6 class=\"wp-block-heading is-style-default has-medium-font-size\"><strong>\u00c1 handil + pil + tydelig markering<\/strong><\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">Skiltet skal ikke forklare butikken. Det skal bare g\u00f8re det klart, at \u00c1 handil er denne vej.<\/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<h3 class=\"wp-block-heading\">Resultatet er en pakkel\u00f8sning<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Afpr\u00f8vningen peger ikke p\u00e5 \u00e9n stor l\u00f8sning, men p\u00e5 en lille prototypefamilie: fysisk orientering f\u00f8rst, digital information som frivilligt supplement.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a37812a5bd8f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a37812a5bd8f\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"754\" 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\/ChatGPT-Image-May-16-2026-06_05_30-PM-1024x754.png\" alt=\"\" class=\"wp-image-1401\" srcset=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-16-2026-06_05_30-PM-1024x754.png 1024w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-16-2026-06_05_30-PM-300x221.png 300w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-16-2026-06_05_30-PM-768x566.png 768w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-16-2026-06_05_30-PM.png 1461w\" 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<h4 class=\"wp-block-heading has-medium-font-size\">1. Stort skilt ved den brede vej<br>Det prim\u00e6re greb. Skiltet skal give tidlig, fysisk bekr\u00e6ftelse d\u00e9r, hvor tvivlen faktisk opst\u00e5r.<\/h4>\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<\/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<h3 class=\"wp-block-heading\">2. Skilt p\u00e5 omr\u00e5det<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Det andet skilt placeres inde p\u00e5 selve omr\u00e5det, hvor der ogs\u00e5 kan opst\u00e5 tvivl. Dette skilt skal bekr\u00e6fte, at brugeren er kommet rigtigt ind, og hj\u00e6lpe med at finde videre mod butikken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Her er funktionen ikke kun vejfinding, men ogs\u00e5 overgang:<\/p>\n\n\n\n<h6 class=\"wp-block-heading has-medium-font-size\"><strong>du er fremme \u2014 her er \u00c1<\/strong><\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">Skiltet m\u00e5 gerne v\u00e6re mere rustikt og stedssvarende, s\u00e5 det passer til \u00c1 handils lokale karakter og omr\u00e5det omkring butikken. Det skal ikke virke generisk eller turistet, men som en naturlig del af stedet.<\/p>\n\n\n\n<div style=\"height:88px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a37812a5c6b9&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a37812a5c6b9\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" 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\/ChatGPT-Image-May-16-2026-06_03_22-PM-1024x768.png\" alt=\"\" class=\"wp-image-1400\" srcset=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-16-2026-06_03_22-PM-1024x768.png 1024w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-16-2026-06_03_22-PM-300x225.png 300w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-16-2026-06_03_22-PM-768x576.png 768w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/ChatGPT-Image-May-16-2026-06_03_22-PM.png 1448w\" 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<h4 class=\"wp-block-heading has-medium-font-size\">2. Rustikt skilt p\u00e5 omr\u00e5det<br>Et sekund\u00e6rt holdepunkt. Det bekr\u00e6fter: du er fremme, uden at omr\u00e5det bliver generisk eller turistet.<\/h4>\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<\/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<h3 class=\"wp-block-heading\">3. QR-plakat og HTML-side som digitalt supplement<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">QR-plakaten placeres ved indgangen. Den skal ikke bruges til den f\u00f8rste vejfinding, men give adgang til ekstra information, n\u00e5r brugeren allerede er fremme og selv v\u00e6lger at ops\u00f8ge mere.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Den justerede HTML-side fungerer som det digitale lag i l\u00f8sningen. Efter sprogtjekket blev siden justeret, s\u00e5 tekst og microcopy blev kortere, mere naturlige og mere stedssvarende.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HTML-siden kan blandt andet rumme:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00e5bningstider<\/li>\n\n\n\n<li>eventuelt tilbudsblad<\/li>\n\n\n\n<li>facadebillede<\/li>\n\n\n\n<li>kontaktinformation<\/li>\n\n\n\n<li>kort \u201cNy her?\u201d-overblik<\/li>\n\n\n\n<li>sprogvalg<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Det digitale lag skal supplere den fysiske orientering, ikke erstatte den.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Samlet resultat<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Den endelige designretning er et lille ankomstsystem med tre dele:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>et tidligt vejvisende \u00c1-skilt ved den brede vej, et sekund\u00e6rt \u00c1-skilt eller en \u00c1-mark\u00f8r inde p\u00e5 omr\u00e5det og en QR-plakat ved indgangen med adgang til en sprogligt revideret HTML-side.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u00f8sningen st\u00f8tter ankomsten trin for trin. F\u00f8rst hj\u00e6lper den brugeren med at v\u00e6lge retning. Derefter bekr\u00e6fter den, at brugeren er kommet rigtigt ind p\u00e5 omr\u00e5det og stadig er p\u00e5 vej mod \u00c1 handil. Til sidst giver QR-plakaten mulighed for ekstra information, hvis brugeren selv \u00f8nsker det.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Deliver-fasen viser derfor, at l\u00f8sningen ikke kun handler om at finde butikken. Den handler ogs\u00e5 om at g\u00f8re overgangen fra usikker bes\u00f8gende til tryg kunde lettere. Designet skal g\u00f8re \u00c1 handil mere l\u00e6sbar for nye bes\u00f8gende uden at g\u00f8re stedet generisk, turistet eller overforklaret. Projektets vigtigste designresultat er derfor samspillet mellem fysisk orientering, lokal identitet, stedssvarende sprog og et frivilligt digitalt supplement.<\/p>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">N\u00e6ste iteration<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Designretningen er ikke en f\u00e6rdig l\u00f8sning, men et kvalificeret n\u00e6ste skridt. En n\u00e6ste iteration b\u00f8r derfor afpr\u00f8ve de to fysiske skilte i realistisk st\u00f8rrelse og placering: f\u00f8rst skiltet ved den brede vej\/broen og derefter et mindre \u00c1-tegn inde p\u00e5 omr\u00e5det. Her b\u00f8r det unders\u00f8ges, om skiltene faktisk giver tydeligere retning uden at virke for dominerende eller turistede.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">QR-plakaten og HTML-siden b\u00f8r ogs\u00e5 afpr\u00f8ves ved indgangen over tid. Her kan man unders\u00f8ge, om QR-koden bliver brugt, hvilke informationer der er mest relevante, og om sproget passer til b\u00e5de bes\u00f8gende, kunder og medarbejdere i \u00c1 handil.<\/p>\n\n\n\n<div style=\"height:58px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Fagord<\/h3>\n\n\n\n<style>\n  .deliver-popwords {\n    font-family: inherit;\n    max-width: 980px;\n    margin: 28px 0;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    position: relative;\n  }\n\n  .deliver-popwords * {\n    box-sizing: border-box;\n    font-family: inherit;\n  }\n\n  .deliver-popword {\n    position: relative;\n  }\n\n  .deliver-popword summary {\n    list-style: none;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    padding: 10px 14px;\n    border-radius: 999px;\n    border: 1px solid rgba(255,255,255,0.28);\n    background: rgba(255,255,255,0.08);\n    color: #ffffff;\n    font-size: 0.95rem;\n    font-weight: 700;\n    line-height: 1;\n    white-space: nowrap;\n    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n  }\n\n  .deliver-popword summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .deliver-popword summary:hover {\n    background: rgba(255,255,255,0.15);\n    border-color: rgba(255,255,255,0.45);\n    transform: translateY(-1px);\n  }\n\n  .deliver-popword[open] summary {\n    background: rgba(255,255,255,0.18);\n    border-color: rgba(255,255,255,0.55);\n  }\n\n  .deliver-popup {\n    position: absolute;\n    z-index: 50;\n    top: calc(100% + 10px);\n    left: 0;\n    width: min(330px, 86vw);\n    padding: 14px 16px;\n    border-radius: 16px;\n    background: #fffaf0;\n    color: #171717;\n    border: 1px solid rgba(0,0,0,0.14);\n    box-shadow: 0 18px 42px rgba(0,0,0,0.42);\n    font-size: 0.98rem;\n    line-height: 1.45;\n  }\n\n  .deliver-popup strong {\n    display: block;\n    margin-bottom: 5px;\n    font-size: 1.02rem;\n  }\n\n  .deliver-popup p {\n    margin: 0;\n  }\n\n  @media (max-width: 700px) {\n    .deliver-popwords {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      align-items: flex-start;\n      gap: 8px;\n      margin: 22px 0;\n      max-width: 100%;\n    }\n\n    .deliver-popword {\n      position: relative;\n      width: auto;\n    }\n\n    .deliver-popword summary {\n      padding: 9px 11px;\n      font-size: 0.82rem;\n      line-height: 1;\n      white-space: nowrap;\n    }\n\n    .deliver-popup {\n      position: fixed;\n      left: 14px;\n      right: 14px;\n      top: auto;\n      bottom: 18px;\n      width: auto;\n      max-width: none;\n      margin: 0;\n      padding: 14px 15px;\n      border-radius: 18px;\n      font-size: 0.92rem;\n      line-height: 1.42;\n      z-index: 9999;\n    }\n\n    .deliver-popup strong {\n      font-size: 0.98rem;\n    }\n  }\n<\/style>\n\n<div class=\"deliver-popwords\">\n\n  <details class=\"deliver-popword\">\n    <summary>Go-along<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Go-along<\/strong>\n      <p>En metode, hvor jeg f\u00f8lger en deltager i den konkrete situation, som designet handler om. Her handler det om ankomsten til \u00c1 handil.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>Mockup<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Mockup<\/strong>\n      <p>En uf\u00e6rdig visualisering af en designid\u00e9. Den bruges som samtaleobjekt, s\u00e5 andre lettere kan give feedback.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>Prototypefamilie<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Prototypefamilie<\/strong>\n      <p>Flere sm\u00e5 prototyper, der unders\u00f8ger samme designproblem fra forskellige vinkler. Her best\u00e5r den af to skilte, en QR-plakat og en HTML-side.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>Fysisk bekr\u00e6ftelse<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Fysisk bekr\u00e6ftelse<\/strong>\n      <p>Et synligt tegn i rummet, der viser, at brugeren er p\u00e5 rette vej. I projektet handler det is\u00e6r om \u00c1-skilte f\u00f8r facaden bliver tydelig.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>Lavt\u00e6rskel<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Lavt\u00e6rskel<\/strong>\n      <p>At designet kr\u00e6ver s\u00e5 lidt som muligt af brugeren. Man skal ikke kende stedet, forst\u00e5 lokale koder eller starte med en digital handling.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>Mikrocopy<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Mikrocopy \/ microcopy<\/strong>\n      <p>De korte tekster i et design, fx knapper, labels og sm\u00e5 forklaringer. Her handler det is\u00e6r om QR-sidens tekstlag.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>QR-side<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>QR-side<\/strong>\n      <p>Den digitale side, som \u00e5bnes via en QR-kode. Den giver ekstra information, men erstatter ikke de fysiske skilte.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>Stedssvarende<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Stedssvarende<\/strong>\n      <p>At designet passer til stedet. Det skal f\u00f8les som en naturlig del af \u00c1 handil og ikke som generisk turistinformation.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>Atmosf\u00e6risk<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Atmosf\u00e6risk<\/strong>\n      <p>At designet ogs\u00e5 p\u00e5virker stemningen omkring stedet. Skiltet skal ikke kun vise vej, men ogs\u00e5 underst\u00f8tte en rolig og lokal ankomst.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>Socialt overgangsrum<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Socialt overgangsrum<\/strong>\n      <p>Et sted, hvor man bev\u00e6ger sig fra \u00e9n situation til en anden. Her handler det om indgangen som overgang fra vejfinding til lokal butikspraksis.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>Postdigital<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Postdigital<\/strong>\n      <p>En forst\u00e5else af, at fysisk og digitalt ikke er adskilte verdener. I projektet virker skilte, sted, QR-kode og mobilside sammen.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>Digitalt supplement<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Digitalt supplement<\/strong>\n      <p>En digital del, der st\u00f8tter den fysiske l\u00f8sning. QR-siden giver mere information, n\u00e5r brugeren selv v\u00e6lger det.<\/p>\n    <\/div>\n  <\/details>\n\n  <details class=\"deliver-popword\">\n    <summary>Designretning<\/summary>\n    <div class=\"deliver-popup\">\n      <strong>Designretning<\/strong>\n      <p>Den samlede retning efter afpr\u00f8vning. Her peger empirien p\u00e5 to skilte og en QR-side som et lille sammenh\u00e6ngende system.<\/p>\n    <\/div>\n  <\/details>\n\n<\/div>\n\n<script>\n  document.addEventListener(\"click\", function (event) {\n    var allDetails = document.querySelectorAll(\".deliver-popword\");\n\n    allDetails.forEach(function (detail) {\n      if (!detail.contains(event.target)) {\n        detail.removeAttribute(\"open\");\n      }\n    });\n  });\n\n  document.querySelectorAll(\".deliver-popword summary\").forEach(function (summary) {\n    summary.addEventListener(\"click\", function () {\n      var currentDetails = summary.parentElement;\n\n      document.querySelectorAll(\".deliver-popword\").forEach(function (detail) {\n        if (detail !== currentDetails) {\n          detail.removeAttribute(\"open\");\n        }\n      });\n    });\n  });\n<\/script>\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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a37812a5d18e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a37812a5d18e\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" 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\/skelti-1024x768.png\" alt=\"\" class=\"wp-image-1417\" srcset=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/skelti-1024x768.png 1024w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/skelti-300x225.png 300w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/skelti-768x576.png 768w, https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/05\/skelti.png 1448w\" 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<h4 class=\"wp-block-heading has-medium-font-size\">3. QR-plakat ved indgangen<br>Et frivilligt lag. QR skal ikke b\u00e6re vejfindingen, men kan give praktisk information, n\u00e5r man allerede kan stoppe op.<\/h4>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n  #ahPhoneOnly {\n    --black: #171717;\n    --paper: #fffaf0;\n    font-family: \"Open Sans\", Arial, sans-serif;\n    width: 100%;\n    max-width: 420px;\n    margin: 28px auto;\n    padding: 0 8px;\n    box-sizing: border-box;\n  }\n\n  #ahPhoneOnly,\n  #ahPhoneOnly * {\n    box-sizing: border-box;\n  }\n\n  #ahPhoneOnly .phone-wrap {\n    display: grid;\n    justify-items: center;\n  }\n\n  #ahPhoneOnly .phone {\n    width: min(100%, 310px);\n    height: 640px;\n    position: relative;\n    border-radius: 44px;\n    padding: 11px;\n    background:\n      linear-gradient(145deg, #4a4d55 0%, #15161a 42%, #050506 100%);\n    border: 3px solid #050505;\n    box-shadow:\n      0 26px 60px rgba(0,0,0,0.38),\n      6px 6px 0 rgba(23,23,23,0.45),\n      inset 0 0 0 1px rgba(255,255,255,0.14);\n  }\n\n  #ahPhoneOnly .phone::before {\n    content: \"\";\n    position: absolute;\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 92px;\n    height: 27px;\n    border-radius: 999px;\n    background: #07080a;\n    z-index: 40;\n  }\n\n  #ahPhoneOnly .phone::after {\n    content: \"\";\n    position: absolute;\n    right: -6px;\n    top: 145px;\n    width: 4px;\n    height: 72px;\n    border-radius: 0 6px 6px 0;\n    background: #111216;\n    box-shadow: 0 86px 0 #111216;\n  }\n\n  #ahPhoneOnly .phone-screen {\n    position: relative;\n    height: 100%;\n    overflow: hidden;\n    border-radius: 34px;\n    background: #f8f3ea;\n    border: 1px solid rgba(255,255,255,0.18);\n    box-shadow:\n      inset 0 0 0 1px rgba(0,0,0,0.18),\n      inset 0 16px 32px rgba(255,255,255,0.18);\n  }\n\n  #ahPhoneOnly .phone-status {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 58px;\n    z-index: 30;\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    padding: 13px 22px 0;\n    color: #171717;\n    font-size: 0.62rem;\n    font-weight: 900;\n    pointer-events: none;\n    background:\n      linear-gradient(\n        180deg,\n        #f8f3ea 0%,\n        rgba(248,243,234,0.94) 68%,\n        rgba(248,243,234,0) 100%\n      );\n  }\n\n  #ahPhoneOnly .phone-icons {\n    display: flex;\n    gap: 5px;\n    align-items: center;\n  }\n\n  #ahPhoneOnly .signal {\n    width: 18px;\n    height: 10px;\n    display: inline-block;\n    background:\n      linear-gradient(to top, #171717 35%, transparent 35%) 0 0 \/ 3px 100%,\n      linear-gradient(to top, #171717 55%, transparent 55%) 5px 0 \/ 3px 100%,\n      linear-gradient(to top, #171717 75%, transparent 75%) 10px 0 \/ 3px 100%,\n      linear-gradient(to top, #171717 100%, transparent 100%) 15px 0 \/ 3px 100%;\n    background-repeat: no-repeat;\n  }\n\n  #ahPhoneOnly .battery {\n    width: 18px;\n    height: 9px;\n    border: 1.7px solid #171717;\n    border-radius: 2px;\n    position: relative;\n  }\n\n  #ahPhoneOnly .battery::before {\n    content: \"\";\n    position: absolute;\n    right: -4px;\n    top: 2px;\n    width: 2px;\n    height: 4px;\n    background: #171717;\n    border-radius: 0 2px 2px 0;\n  }\n\n  #ahPhoneOnly .battery::after {\n    content: \"\";\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 10px;\n    height: 3px;\n    background: #171717;\n    border-radius: 1px;\n  }\n\n  #ahPhoneOnly .app-viewport {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    background: #f8f3ea;\n  }\n\n  #ahPhoneOnly .phone iframe {\n    position: absolute;\n    top: 58px;\n    left: 0;\n    width: 390px;\n    height: 786px;\n    border: 0;\n    background: #f8f3ea;\n    transform: scale(0.74);\n    transform-origin: top left;\n  }\n\n  #ahPhoneOnly .home-indicator {\n    position: absolute;\n    left: 50%;\n    bottom: 9px;\n    transform: translateX(-50%);\n    width: 96px;\n    height: 4px;\n    border-radius: 999px;\n    background: rgba(23,23,23,0.55);\n    z-index: 30;\n    pointer-events: none;\n  }\n\n  #ahPhoneOnly .phone-link {\n    display: inline-block;\n    margin-top: 16px;\n    background: var(--paper);\n    color: var(--black);\n    border: 2px solid var(--black);\n    padding: 8px 12px;\n    font-size: 0.72rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    text-decoration: none;\n    box-shadow: 4px 4px 0 var(--black);\n  }\n\n  #ahPhoneOnly .phone-link:hover {\n    transform: translate(1px, 1px);\n    box-shadow: 3px 3px 0 var(--black);\n  }\n\n  @media (max-width: 380px) {\n    #ahPhoneOnly {\n      padding: 0 4px;\n    }\n\n    #ahPhoneOnly .phone {\n      width: 286px;\n      height: 600px;\n      border-radius: 40px;\n    }\n\n    #ahPhoneOnly .phone-screen {\n      border-radius: 31px;\n    }\n\n    #ahPhoneOnly .phone-status {\n      height: 56px;\n      padding: 12px 20px 0;\n    }\n\n    #ahPhoneOnly .phone iframe {\n      top: 56px;\n      height: 788px;\n      transform: scale(0.69);\n    }\n  }\n<\/style>\n\n<div id=\"ahPhoneOnly\">\n  <div class=\"phone-wrap\">\n    <div class=\"phone\" aria-label=\"Telefonramme med live HTML-side\">\n      <div class=\"phone-screen\">\n        <div class=\"phone-status\">\n          <span>9:41<\/span>\n          <span class=\"phone-icons\">\n            <span class=\"signal\"><\/span>\n            <span class=\"battery\"><\/span>\n          <\/span>\n        <\/div>\n\n        <div class=\"app-viewport\">\n          <iframe\n            src=\"https:\/\/katof.github.io\/handilin\/a.html\"\n            title=\"Live HTML-prototype for \u00c1 handil\"\n            loading=\"lazy\">\n          <\/iframe>\n        <\/div>\n\n        <div class=\"home-indicator\"><\/div>\n      <\/div>\n    <\/div>\n\n    <a class=\"phone-link\" href=\"https:\/\/katof.github.io\/handilin\/a.html\" target=\"_blank\" rel=\"noopener\">\n      \u00c5bn siden\n    <\/a>\n  <\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading has-medium-font-size\"><strong>4. HTML-side i telefonramme<br><\/strong>Den digitale side er et frivilligt supplement. Den samler kort ekstra information, n\u00e5r brugeren allerede er fremme ved \u00c1 handil.<\/h4>\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<\/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<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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\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<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\">2 skilte,<br>plakat og QR<\/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 har v\u00e6ret igennem Deliver-fasen. Afpr\u00f8vningen har sk\u00e6rpet projektet fra mockups til en tydelig designretning:\n        Ankomsten til \u00c1 handil skal st\u00f8ttes med to fysiske skilte, mens QR-plakaten og QR-siden skal fungere som et frivilligt digitalt supplement.\n      <\/div>\n\n      <div class=\"focus-grid\">\n\n        <article class=\"focus-note yellow span-4\">\n          <h3>Fund 1<\/h3>\n          <p>\n            Tvivlen opst\u00e5r tidligt i ankomsten, f\u00f8r \u00c1 handil bliver tydelig. Derfor er der brug for et vejvisende \u00c1-skilt ved den brede vej\/broen.\n          <\/p>\n        <\/article>\n\n        <article class=\"focus-note orange span-4\">\n          <h3>Fund 2<\/h3>\n          <p>\n            Tvivlen kan opst\u00e5 igen inde p\u00e5 omr\u00e5det. Derfor peger afpr\u00f8vningen p\u00e5 et sekund\u00e6rt \u00c1-skilt eller en \u00c1-mark\u00f8r t\u00e6ttere p\u00e5 butikken.\n          <\/p>\n        <\/article>\n\n        <article class=\"focus-note blue span-4\">\n          <h3>Fund 3<\/h3>\n          <p>\n            QR-plakaten skal ikke b\u00e6re vejfindingen. Den giver bedst mening ved indgangen, hvor brugeren allerede er fremme og kan v\u00e6lge mere information til.\n          <\/p>\n        <\/article>\n\n        <article class=\"focus-note green span-6\">\n          <h3>Designretning<\/h3>\n          <p>\n            Den videre l\u00f8sning peger p\u00e5 et lille ankomstsystem: f\u00f8rst et skilt ved den brede vej, derefter et \u00c1-tegn p\u00e5 omr\u00e5det og til sidst en QR-plakat med en kort HTML-side.\n          <\/p>\n        <\/article>\n\n        <article class=\"focus-note red span-6\">\n          <h3>Det jeg skriver frem nu<\/h3>\n          <p>\n            Deliver skal vise, hvordan empirien har kvalificeret mockupperne og f\u00f8rt frem til designprincipper version 3, hvor fysisk bekr\u00e6ftelse kommer f\u00f8r digital information.\n          <\/p>\n        <\/article>\n\n        <article class=\"focus-note yellow span-12\">\n          <h3>Arbejdss\u00e6tning<\/h3>\n          <p>\n            \u201cL\u00f8sningen er ikke bare et skilt eller en QR-kode. Det er et lille stedssvarende ankomstsystem: to fysiske skilte og en frivillig digital st\u00f8tte, som g\u00f8r \u00c1 handil lettere at finde uden at g\u00f8re stedet generisk eller turistet.\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\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\/1103#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%2Fdeliver%2F\">logget ind<\/a> for at skrive en kommentar.<\/p>\t<\/div><!-- #respond -->\n\t\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\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","protected":false},"excerpt":{"rendered":"<p>Deliver Fra afpr\u00f8vning til endelig designretning I Deliver-fasen har jeg samlet og afpr\u00f8vet den designretning, der voksede frem gennem Discover, Define og Develop. Projektet handler ikke l\u00e6ngere om at tilf\u00f8je mere digital information til butikken, men om at st\u00f8tte det f\u00f8rste m\u00f8de med \u00c1 handil: hvordan bes\u00f8gende uden lokalkendskab finder vej, f\u00e5r fysisk bekr\u00e6ftelse undervejs [&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-1103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/1103","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=1103"}],"version-history":[{"count":82,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/1103\/revisions"}],"predecessor-version":[{"id":1539,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/1103\/revisions\/1539"}],"wp:attachment":[{"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/media?parent=1103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}