{"id":573,"date":"2026-03-23T12:36:28","date_gmt":"2026-03-23T12:36:28","guid":{"rendered":"https:\/\/itdd.au.dk\/single-user-mode\/?page_id=573"},"modified":"2026-05-17T12:05:59","modified_gmt":"2026-05-17T12:05:59","slug":"infoboard","status":"publish","type":"page","link":"https:\/\/itdd.au.dk\/single-user-mode\/infoboard\/","title":{"rendered":"Infoboard"},"content":{"rendered":"\n
\n
\n\n\n\n \n \n Infoboard \u00b7 \u00c1 handil \u00ed Vestmanna<\/title>\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=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n <style>\n .vest-board,\n .vest-board *,\n .vest-board *::before,\n .vest-board *::after {\n box-sizing: border-box;\n }\n\n .vest-board {\n --bg: #f3eee6;\n --board: #ddd0bd;\n --text: #202020;\n --muted: #6e6860;\n --line: rgba(30,30,30,0.12);\n --paper: #fffdf8;\n --paper-2: #fff8df;\n --paper-3: #f9fbff;\n --paper-4: #f7fff4;\n --red: #d6423a;\n --blue: #3978b8;\n --green: #4d8f56;\n --orange: #d9852d;\n --shadow: 0 12px 28px rgba(40, 28, 18, 0.12);\n\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n font-family: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n color: var(--text);\n background:\n radial-gradient(circle at 14% 12%, rgba(255,255,255,0.5), transparent 28%),\n linear-gradient(180deg, #f5efe6 0%, #e5d8c7 100%);\n }\n\n .vest-board a {\n color: inherit;\n text-decoration: none;\n }\n\n .vb-topbar {\n position: sticky;\n top: 0;\n z-index: 50;\n display: flex;\n justify-content: space-between;\n gap: 22px;\n align-items: flex-start;\n padding: 18px 22px;\n background: rgba(250, 246, 239, 0.96);\n border-bottom: 1px solid var(--line);\n backdrop-filter: blur(10px);\n }\n\n .vb-back-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n width: fit-content;\n padding: 8px 12px;\n margin-bottom: 10px;\n background: #fff;\n border: 1px solid var(--line);\n font-size: 0.9rem;\n font-weight: 700;\n }\n\n .vb-topbar h1 {\n margin: 0;\n font-size: clamp(1.5rem, 3vw, 2.2rem);\n line-height: 1.05;\n letter-spacing: -0.05em;\n font-weight: 900;\n }\n\n .vb-meta {\n max-width: 660px;\n text-align: right;\n color: var(--muted);\n font-size: 0.92rem;\n line-height: 1.55;\n }\n\n .vb-wrap {\n padding: 24px;\n }\n\n .vb-board {\n max-width: 1540px;\n margin: 0 auto;\n padding: 28px;\n background:\n linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.04)),\n var(--board);\n border: 1px solid rgba(60,45,30,0.18);\n box-shadow: var(--shadow);\n position: relative;\n }\n\n .vb-legend {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-bottom: 26px;\n }\n\n .vb-legend a {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 9px 13px;\n background: #fff;\n border: 1px solid var(--line);\n font-size: 0.9rem;\n font-weight: 800;\n box-shadow: 0 5px 12px rgba(0,0,0,0.05);\n }\n\n .vb-dot {\n width: 10px;\n height: 10px;\n display: inline-block;\n border-radius: 50%;\n background: #999;\n }\n\n .vb-grid {\n display: grid;\n grid-template-columns: repeat(12, minmax(0, 1fr));\n gap: 18px;\n align-items: start;\n }\n\n .vb-phase-banner {\n grid-column: span 12;\n padding: 18px 20px;\n background: rgba(255,255,255,0.32);\n border: 1px solid rgba(255,255,255,0.42);\n margin-top: 12px;\n }\n\n .vb-phase-banner-title {\n display: inline-flex;\n align-items: center;\n padding: 7px 11px;\n margin-bottom: 10px;\n background: #fff;\n border-left: 5px solid var(--red);\n font-size: 0.82rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n }\n\n .vb-phase-banner p {\n margin: 0;\n max-width: 980px;\n color: #3b332c;\n font-size: 0.95rem;\n line-height: 1.65;\n }\n\n .vb-phase-divider {\n grid-column: span 12;\n position: relative;\n height: 44px;\n margin: 10px 0 2px;\n border-top: 1px solid rgba(255,255,255,0.45);\n }\n\n .vb-phase-divider span {\n position: absolute;\n left: 50%;\n top: -16px;\n transform: translateX(-50%);\n padding: 7px 13px;\n background: #fff;\n border: 1px solid var(--line);\n font-size: 0.78rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n white-space: nowrap;\n }\n\n .vb-card {\n position: relative;\n min-height: 190px;\n padding: 22px 20px 20px;\n background: var(--paper);\n border: 1px solid rgba(0,0,0,0.08);\n box-shadow: 0 10px 22px rgba(40, 28, 18, 0.10);\n overflow: hidden;\n }\n\n .vb-card::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 6px;\n background: var(--accent, var(--red));\n }\n\n .vb-card::after {\n content: \"\";\n position: absolute;\n top: 10px;\n right: 14px;\n width: 34px;\n height: 10px;\n background: rgba(230, 220, 200, 0.85);\n transform: rotate(6deg);\n }\n\n .vb-paper-yellow { background: var(--paper-2); }\n .vb-paper-blue { background: var(--paper-3); }\n .vb-paper-green { background: var(--paper-4); }\n .vb-paper-kraft { background: #ead6b5; }\n .vb-paper-white { background: #fffdf8; }\n\n .vb-accent-red { --accent: var(--red); }\n .vb-accent-blue { --accent: var(--blue); }\n .vb-accent-green { --accent: var(--green); }\n .vb-accent-orange { --accent: var(--orange); }\n\n .vb-eyebrow {\n display: inline-block;\n margin-bottom: 10px;\n color: var(--accent, var(--red));\n font-size: 0.72rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n }\n\n .vb-card h2,\n .vb-card h3 {\n margin: 0 0 9px;\n color: var(--text);\n letter-spacing: -0.035em;\n line-height: 1.12;\n }\n\n .vb-card h2 {\n font-size: 1.45rem;\n font-weight: 900;\n }\n\n .vb-card h3 {\n font-size: 1.22rem;\n font-weight: 850;\n }\n\n .vb-card p,\n .vb-card li {\n margin: 0;\n font-size: 0.93rem;\n line-height: 1.62;\n color: #342d27;\n }\n\n .vb-card p + p {\n margin-top: 9px;\n }\n\n .vb-card ul {\n margin: 8px 0 0 18px;\n padding: 0;\n }\n\n .vb-card li + li {\n margin-top: 5px;\n }\n\n .vb-small {\n color: var(--muted) !important;\n font-size: 0.88rem !important;\n }\n\n .vb-section-title {\n grid-column: span 12;\n margin: 12px 0 0;\n color: #fff8ed;\n font-size: 0.86rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.11em;\n }\n\n .vb-kpi-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 12px;\n }\n\n .vb-kpi {\n padding: 14px;\n background: rgba(255,255,255,0.72);\n border: 1px solid rgba(0,0,0,0.06);\n }\n\n .vb-label {\n display: block;\n margin-bottom: 5px;\n color: var(--muted);\n font-size: 0.72rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.07em;\n }\n\n .vb-value {\n display: block;\n font-size: 1.25rem;\n font-weight: 900;\n color: #2b241f;\n line-height: 1.1;\n }\n\n .vb-sub {\n display: block;\n margin-top: 5px;\n color: var(--muted);\n font-size: 0.83rem;\n line-height: 1.4;\n }\n\n .vb-pill-list {\n display: flex;\n flex-wrap: wrap;\n gap: 9px;\n margin-top: 13px;\n }\n\n .vb-pill {\n display: inline-flex;\n align-items: center;\n padding: 7px 10px;\n background: rgba(255,255,255,0.86);\n border: 1px solid rgba(0,0,0,0.08);\n font-size: 0.82rem;\n font-weight: 750;\n color: #3a312a;\n }\n\n .vb-span-3 { grid-column: span 3; }\n .vb-span-4 { grid-column: span 4; }\n .vb-span-5 { grid-column: span 5; }\n .vb-span-6 { grid-column: span 6; }\n .vb-span-7 { grid-column: span 7; }\n .vb-span-8 { grid-column: span 8; }\n .vb-span-12 { grid-column: span 12; }\n\n .vb-footer-note {\n margin-top: 24px;\n max-width: 980px;\n color: #fff4e8;\n font-size: 0.9rem;\n line-height: 1.6;\n }\n\n .vb-fullscreen-fab {\n position: fixed;\n right: 18px;\n bottom: 18px;\n z-index: 999999;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 11px 14px;\n border: 1px solid var(--line);\n background: #fff;\n color: var(--text);\n box-shadow: 0 10px 24px rgba(0,0,0,0.12);\n cursor: pointer;\n font-size: 0.9rem;\n font-weight: 900;\n }\n\n .vest-board.vb-fullscreen {\n position: fixed !important;\n inset: 0;\n z-index: 999999;\n overflow: auto;\n }\n\n @media (max-width: 1200px) and (min-width: 701px) {\n .vb-grid {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n }\n\n .vb-span-12,\n .vb-span-8,\n .vb-span-7,\n .vb-span-6 {\n grid-column: span 8;\n }\n\n .vb-span-5,\n .vb-span-4,\n .vb-span-3 {\n grid-column: span 4;\n }\n\n .vb-section-title,\n .vb-phase-banner,\n .vb-phase-divider {\n grid-column: span 8;\n }\n\n .vb-kpi-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n @media (max-width: 700px) {\n .vb-topbar {\n display: block;\n }\n\n .vb-meta {\n max-width: none;\n text-align: left;\n margin-top: 10px;\n }\n\n .vb-wrap {\n padding: 14px;\n }\n\n .vb-board {\n padding: 16px;\n }\n\n .vb-grid {\n grid-template-columns: 1fr;\n }\n\n .vb-span-3,\n .vb-span-4,\n .vb-span-5,\n .vb-span-6,\n .vb-span-7,\n .vb-span-8,\n .vb-span-12,\n .vb-section-title,\n .vb-phase-banner,\n .vb-phase-divider {\n grid-column: span 1;\n }\n\n .vb-kpi-grid {\n grid-template-columns: 1fr;\n }\n\n .vb-fullscreen-fab span {\n display: none;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"vest-board\" id=\"vestmannaBoardPage\">\n <div class=\"vb-topbar\">\n <div>\n <a class=\"vb-back-btn\" href=\"javascript:history.back()\">\u2190 Tilbage<\/a>\n <h1>Infoboard \u00b7 \u00c1 handil \u00ed Vestmanna<\/h1>\n <\/div>\n\n <div class=\"vb-meta\">\n Boardet samler projektets udvikling fra Discover til Deliver. Projektet er sk\u00e6rpet fra et bredt fokus p\u00e5 butiksteknologi og kundeoplevelse til en pr\u00e6cis designudfordring om ankomsten til \u00c1 handil: find vej \u2192 f\u00e5 \u00f8je p\u00e5 \u00c1 \u2192 g\u00e5 trygt ind. Efter Deliver st\u00e5r projektet med tre hovedfund: tidlig tvivl i ankomsten, behov for et enkelt fysisk \u00c1-holdepunkt og QR som frivilligt digitalt supplement.\n <\/div>\n <\/div>\n\n <div class=\"vb-wrap\">\n <main class=\"vb-board\">\n <nav class=\"vb-legend\" aria-label=\"Sektioner\">\n <a href=\"#discover\"><i class=\"vb-dot\" style=\"background:#6bbbd1\"><\/i> Discover<\/a>\n <a href=\"#define\"><i class=\"vb-dot\" style=\"background:#e6a24d\"><\/i> Define<\/a>\n <a href=\"#develop\"><i class=\"vb-dot\" style=\"background:#d85c50\"><\/i> Develop<\/a>\n <a href=\"#deliver\"><i class=\"vb-dot\" style=\"background:#5a9c64\"><\/i> Deliver<\/a>\n <\/nav>\n\n <section class=\"vb-grid\">\n\n <!-- DISCOVER -->\n <div class=\"vb-phase-banner\" id=\"discover\">\n <div class=\"vb-phase-banner-title\" style=\"border-left-color:#3978b8;\">Fase 1 \u00b7 Discover<\/div>\n <p>Her samles den tidlige \u00e5bning af projektet: observationer, interviews, litteratur og de f\u00f8rste indsigter om \u00c1 handil som b\u00e5de butik, lokalt hverdagssted og ankomstpunkt.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-blue vb-span-8\">\n <div class=\"vb-eyebrow\">Projektets kerne<\/div>\n <h2>\u00c1 handil som lokalt sted og f\u00f8rste m\u00f8de<\/h2>\n <p><strong>Projektet unders\u00f8ger ankomsten til \u00c1 handil \u00ed Vestmanna og det f\u00f8rste m\u00f8de med butikken for bes\u00f8gende uden lokalkendskab.<\/strong><\/p>\n <p class=\"vb-small\">Det tidlige fokus p\u00e5 teknologi og kundeoplevelse blev gradvist sk\u00e6rpet mod ankomst, orientering, lokal karakter og f\u00f8rste afl\u00e6sning af stedet.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-blue vb-accent-blue vb-span-4\">\n <div class=\"vb-eyebrow\">Bev\u00e6gelse i projektet<\/div>\n <h3>Fra \u2192 til<\/h3>\n <ul>\n <li><strong>Fra:<\/strong> location-based teknologier og kundeoplevelse bredt forst\u00e5et<\/li>\n <li><strong>Til:<\/strong> ankomst, f\u00f8rste m\u00f8de og bes\u00f8gende uden lokalkendskab<\/li>\n <li><strong>I centrum:<\/strong> l\u00e6sbarhed, sted, fysisk st\u00f8tte og digitalt supplement<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-section-title\">Overblik over datagrundlag<\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-blue vb-span-12\">\n <div class=\"vb-eyebrow\">Datagrundlag<\/div>\n <div class=\"vb-kpi-grid\">\n <div class=\"vb-kpi\">\n <span class=\"vb-label\">Observationer<\/span>\n <span class=\"vb-value\">2<\/span>\n <span class=\"vb-sub\">butikken + ankomst, omr\u00e5de og indgang<\/span>\n <\/div>\n <div class=\"vb-kpi\">\n <span class=\"vb-label\">Interviews<\/span>\n <span class=\"vb-value\">2<\/span>\n <span class=\"vb-sub\">medarbejder + bestyrer<\/span>\n <\/div>\n <div class=\"vb-kpi\">\n <span class=\"vb-label\">Go-along<\/span>\n <span class=\"vb-value\">1 centralt fund<\/span>\n <span class=\"vb-sub\">tvivl opst\u00e5r f\u00f8r butikken bliver tydelig<\/span>\n <\/div>\n <div class=\"vb-kpi\">\n <span class=\"vb-label\">Deliver<\/span>\n <span class=\"vb-value\">3 fund<\/span>\n <span class=\"vb-sub\">fysisk f\u00f8rst, \u00c1-holdepunkt og QR som supplement<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-blue vb-span-3\">\n <div class=\"vb-eyebrow\">Observation #1<\/div>\n <h3>Butikken som handelsrum og socialt rum<\/h3>\n <ul>\n <li>indgang, kasse, bev\u00e6gelse og sm\u00e5 stop<\/li>\n <li>m\u00f8der mellem kunder, varer, rum og personale<\/li>\n <li>lokal fortrolighed og hverdagsrytmer<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-blue vb-span-3\">\n <div class=\"vb-eyebrow\">Interview #1<\/div>\n <h3>Medarbejderperspektiv<\/h3>\n <ul>\n <li>hverdag, service og kundegrupper<\/li>\n <li>hj\u00e6lp, genkendelse og lokale kvaliteter<\/li>\n <li>sm\u00e5 friktioner og st\u00f8tte i praksis<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-blue vb-span-3\">\n <div class=\"vb-eyebrow\">Observation #2<\/div>\n <h3>Ankomst, omr\u00e5de og indgang<\/h3>\n <ul>\n <li>ruter, overgang og f\u00f8rste m\u00f8de<\/li>\n <li>indgangen som mere end passage<\/li>\n <li>projektet sk\u00e6rpes mod ankomstforl\u00f8bet<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-blue vb-span-3\">\n <div class=\"vb-eyebrow\">Interview #2<\/div>\n <h3>Bestyrerperspektiv<\/h3>\n <ul>\n <li>synlighed, bes\u00f8gende og lokal karakter<\/li>\n <li>forholdet mellem lokale og kunder udefra<\/li>\n <li>ankomsten som vigtig del af udfordringen<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-blue vb-span-12\">\n <div class=\"vb-eyebrow\">Litteraturreview<\/div>\n <h3>Litteraturspor, der har sk\u00e6rpet projektet<\/h3>\n <p>Litteraturreviewet har bev\u00e6get sig fra et bredt fokus p\u00e5 customer experience og teknologi til et mere pr\u00e6cist fokus p\u00e5 atmosf\u00e6re, lokalitet, situeret st\u00f8tte og m\u00f8det med bes\u00f8gende uden lokalkendskab.<\/p>\n <div class=\"vb-pill-list\">\n <span class=\"vb-pill\">Consuming Atmospheres<\/span>\n <span class=\"vb-pill\">local consumption<\/span>\n <span class=\"vb-pill\">location-based support<\/span>\n <span class=\"vb-pill\">postdigitalt perspektiv<\/span>\n <span class=\"vb-pill\">design-based research<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vb-section-title\">Centrale indsigter fra Discover<\/div>\n\n <div class=\"vb-card vb-paper-blue vb-accent-blue vb-span-4\">\n <div class=\"vb-eyebrow\">Indsigt #1<\/div>\n <h3>Lokal fortrolighed<\/h3>\n <ul>\n <li>lokale kunder kender butikken godt<\/li>\n <li>de bev\u00e6ger sig m\u00e5lrettet og vaneb\u00e5ret<\/li>\n <li>fortrolighed pr\u00e6ger kundeoplevelsen<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-card vb-paper-blue vb-accent-blue vb-span-4\">\n <div class=\"vb-eyebrow\">Indsigt #2<\/div>\n <h3>Indgangen som overgangsrum<\/h3>\n <ul>\n <li>indgangen er b\u00e5de adgang og ophold<\/li>\n <li>den fungerer praktisk og socialt<\/li>\n <li>her opst\u00e5r orientering og sm\u00e5 m\u00f8der<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-card vb-paper-blue vb-accent-blue vb-span-4\">\n <div class=\"vb-eyebrow\">Indsigt #3<\/div>\n <h3>Ankomst og f\u00f8rste m\u00f8de<\/h3>\n <ul>\n <li>udfordringen ligger ikke kun i butikken<\/li>\n <li>den ligger ogs\u00e5 i ankomsten til omr\u00e5det<\/li>\n <li>synlighed og l\u00e6sbarhed bliver vigtige spor<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-blue vb-span-4\">\n <div class=\"vb-eyebrow\">Sp\u00e6nding<\/div>\n <h3>Lokale vaner \u2194 bes\u00f8gende udefra<\/h3>\n <p>Projektet balancerer mellem fortrolighed for dem, der kender stedet, og l\u00e6sbarhed for dem, der m\u00f8der det udefra.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-blue vb-span-4\">\n <div class=\"vb-eyebrow\">Sp\u00e6nding<\/div>\n <h3>Socialt sted \u2194 effektiv orientering<\/h3>\n <p>Stedet er b\u00e5de samlingspunkt og indk\u00f8bsrum, og designet skal kunne rumme begge dele.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-blue vb-span-4\">\n <div class=\"vb-eyebrow\">Sp\u00e6nding<\/div>\n <h3>Tilg\u00e6ngelighed \u2194 lokal karakter<\/h3>\n <p>Projektet unders\u00f8ger, hvordan stedet kan blive mere l\u00e6sbart uden at blive mere standardiseret.<\/p>\n <\/div>\n\n <!-- DEFINE -->\n <div class=\"vb-phase-divider\"><span>Fra Discover til Define<\/span><\/div>\n\n <div class=\"vb-phase-banner\" id=\"define\">\n <div class=\"vb-phase-banner-title\" style=\"border-left-color:#d9852d;\">Fase 2 \u00b7 Define<\/div>\n <p>Her samles sk\u00e6rpelsen af projektet: designudfordring, forskningssp\u00f8rgsm\u00e5l og de f\u00f8rste designprincipper. Fokus er p\u00e5 at formulere retning og overs\u00e6tte indsigter til noget designbart.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-orange vb-span-7\">\n <div class=\"vb-eyebrow\">Sk\u00e6rpelsen i Define<\/div>\n <h2>Fra indgangen alene til hele ankomstforl\u00f8bet<\/h2>\n <p>Projektet handler ikke l\u00e6ngere kun om indgangen alene. Det handler om, hvordan \u00c1 handils lokale og sociale kvaliteter kan bevares og samtidig blive mere synlige, l\u00e6sbare og tilg\u00e6ngelige for bes\u00f8gende udefra.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-orange vb-span-5\">\n <div class=\"vb-eyebrow\">Designudfordring<\/div>\n <h3>Designudfordring<\/h3>\n <p>Hvordan kan ankomsten til \u00c1 handil st\u00f8ttes, s\u00e5 bes\u00f8gende uden lokalkendskab lettere kan finde vej, genkende butikken og tr\u00e6de ind uden at stedets lokale karakter g\u00e5r tabt?<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-orange vb-span-6\">\n <div class=\"vb-eyebrow\">Forskningssp\u00f8rgsm\u00e5l<\/div>\n <h3>Forskningssp\u00f8rgsm\u00e5l<\/h3>\n <p>Hvordan formes ankomsten til \u00c1 handil i m\u00f8det med omr\u00e5det omkring butikken, og hvordan opleves denne ankomst af bes\u00f8gende uden lokalkendskab?<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-orange vb-span-6\">\n <div class=\"vb-eyebrow\">Designfaglig note<\/div>\n <h3>Designprincipper som mellemled<\/h3>\n <p>Designprincipperne fungerer som overs\u00e6ttelse af empiri og teori til noget designbart. De \u00e6ndres undervejs, n\u00e5r empiri og afpr\u00f8vning sk\u00e6rper problemforst\u00e5elsen.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-orange vb-span-12\">\n <div class=\"vb-eyebrow\">Designprincipper #1<\/div>\n <h3>Forel\u00f8bige designprincipper<\/h3>\n <div class=\"vb-pill-list\">\n <span class=\"vb-pill\">Ankomsten til omr\u00e5det<\/span>\n <span class=\"vb-pill\">Indgangen som overgangsrum<\/span>\n <span class=\"vb-pill\">Lokal fortrolighed<\/span>\n <span class=\"vb-pill\">Situeret st\u00f8tte<\/span>\n <span class=\"vb-pill\">Tilg\u00e6ngelighed uden tab<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-orange vb-span-4\">\n <div class=\"vb-eyebrow\">Princip #1<\/div>\n <h3>Ankomsten til omr\u00e5det<\/h3>\n <p>Kundeoplevelsen begynder f\u00f8r selve indgangen. Synlighed, vejfinding og f\u00f8rste afl\u00e6sning af stedet er derfor vigtige.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-orange vb-span-4\">\n <div class=\"vb-eyebrow\">Princip #2<\/div>\n <h3>Indgangen som overgangsrum<\/h3>\n <p>Indgangen fungerer b\u00e5de som adgang, opholdssted, orienteringszone og socialt m\u00f8dested.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-orange vb-span-4\">\n <div class=\"vb-eyebrow\">Princip #3<\/div>\n <h3>Lokal fortrolighed<\/h3>\n <p>Designet b\u00f8r arbejde med, hvordan butikkens lokale karakter kan tr\u00e6de frem uden at kr\u00e6ve forh\u00e5ndskendskab.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-orange vb-span-6\">\n <div class=\"vb-eyebrow\">Princip #4<\/div>\n <h3>Situeret st\u00f8tte<\/h3>\n <p>St\u00f8tte og orientering b\u00f8r knytte sig til konkrete situationer og m\u00f8der med stedet frem for at v\u00e6re l\u00f8srevet information.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-orange vb-span-6\">\n <div class=\"vb-eyebrow\">Princip #5<\/div>\n <h3>Tilg\u00e6ngelighed uden tab<\/h3>\n <p>Stedet m\u00e5 gerne blive mere l\u00e6sbart for bes\u00f8gende udefra, men uden at blive mere standardiseret eller mindre lokalt.<\/p>\n <\/div>\n\n <!-- DEVELOP -->\n <div class=\"vb-phase-divider\"><span>Fra Define til Develop<\/span><\/div>\n\n <div class=\"vb-phase-banner\" id=\"develop\">\n <div class=\"vb-phase-banner-title\" style=\"border-left-color:#d6423a;\">Fase 3 \u00b7 Develop<\/div>\n <p>I Develop-fasen flyttede projektet sig fra problemforst\u00e5else og forel\u00f8bige designprincipper til id\u00e9udvikling, brugerinddragelse og principsk\u00e6rpelse.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-red vb-span-8\">\n <div class=\"vb-eyebrow\">Udgangspunkt i Develop<\/div>\n <h3>Fra analyse til forel\u00f8bige spor<\/h3>\n <p>De tre idekort fungerede som konceptspor og som noget at t\u00e6nke med. De var ikke f\u00e6rdige l\u00f8sninger, men m\u00e5der at unders\u00f8ge, hvad der kunne hj\u00e6lpe i det f\u00f8rste m\u00f8de med stedet.<\/p>\n <p class=\"vb-small\">Kortene ligger samlet her: <a href=\"https:\/\/itdd.au.dk\/single-user-mode\/idekort\/\" target=\"_blank\" rel=\"noopener noreferrer\">itdd.au.dk\/single-user-mode\/idekort\/<\/a><\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-blue vb-accent-red vb-span-4\">\n <div class=\"vb-eyebrow\">Tre konceptspor<\/div>\n <h3>Forel\u00f8bige retninger<\/h3>\n <ul>\n <li>Et tydeligere f\u00f8rste m\u00f8de<\/li>\n <li>Omr\u00e5det omkring butikken f\u00e5r form<\/li>\n <li>Ny her? Et lille digitalt f\u00f8rste m\u00f8de<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-section-title\">Ny empiri i Develop<\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-red vb-span-6\">\n <div class=\"vb-eyebrow\">Go-along<\/div>\n <h3>Et centralt fund f\u00f8r mockups<\/h3>\n <p>Et go-along i Develop-fasen viste, at tvivlen opst\u00e5r, f\u00f8r \u00c1 handil bliver tydelig. Google Maps kunne hj\u00e6lpe med ruten, men gav ikke i sig selv ro eller sikkerhed i ankomsten.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-red vb-span-6\">\n <div class=\"vb-eyebrow\">Asynkron id\u00e9respons<\/div>\n <h3>Reaktioner fra butikkens side<\/h3>\n <p>Responsen fra bestyrer og medarbejder pegede mod enkle og realistiske greb. Et almindeligt skilt blev vurderet som relevant, og omr\u00e5det omkring butikken og parkeringen viste sig vigtigt.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-red vb-span-4\">\n <div class=\"vb-eyebrow\">Det der st\u00e5r tydeligst<\/div>\n <h3>Problemet ligger tidligere<\/h3>\n <p>Udfordringen ligger i ankomsten til omr\u00e5det, i den f\u00f8rste afl\u00e6sning af stedet og i behovet for en tidligere bekr\u00e6ftelse.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-red vb-span-4\">\n <div class=\"vb-eyebrow\">Det empirien forsk\u00f8d<\/div>\n <h3>Fra \u201cdet lokale\u201d til ankomstzonen<\/h3>\n <p>Det handler ikke kun om at forklare butikkens lokale kvaliteter, men om at g\u00f8re omr\u00e5det og f\u00f8rste m\u00f8de mere l\u00e6sbart.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-red vb-span-4\">\n <div class=\"vb-eyebrow\">Det projektet skulle afpr\u00f8ve<\/div>\n <h3>Hvilket spor b\u00e6rer bedst?<\/h3>\n <p>Sporene blev vurderet ud fra, om de kunne give tidligere bekr\u00e6ftelse, g\u00f8re omr\u00e5det mere l\u00e6sbart og bevare det lokale ved \u00c1 handil.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-red vb-span-12\">\n <div class=\"vb-eyebrow\">Designprincipper #2<\/div>\n <h3>Det der stod tydeligst efter Develop<\/h3>\n <div class=\"vb-pill-list\">\n <span class=\"vb-pill\">tidlig bekr\u00e6ftelse<\/span>\n <span class=\"vb-pill\">l\u00e6sbar ankomstzone<\/span>\n <span class=\"vb-pill\">stedssvarende st\u00f8tte<\/span>\n <span class=\"vb-pill\">lokal karakter uden udglatning<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-red vb-span-6\">\n <div class=\"vb-eyebrow\">Revideret princip #1<\/div>\n <h3>Tidlig og entydig bekr\u00e6ftelse<\/h3>\n <p>Ankomsten skal give f\u00f8rstegangsbes\u00f8gende en tidlig og tydelig bekr\u00e6ftelse p\u00e5, at de er p\u00e5 rette vej mod butikken.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-red vb-span-6\">\n <div class=\"vb-eyebrow\">Revideret princip #2<\/div>\n <h3>Omr\u00e5det skal f\u00e5 form<\/h3>\n <p>Omr\u00e5det omkring butikken skal fremst\u00e5 som en l\u00e6sbar ankomstzone og ikke kun som et neutralt eller industrielt restomr\u00e5de.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-red vb-span-6\">\n <div class=\"vb-eyebrow\">Revideret princip #3<\/div>\n <h3>St\u00f8tte skal v\u00e6re situeret og diskret<\/h3>\n <p>St\u00f8tte skal kobles til konkrete situationer, hvor tvivl faktisk opst\u00e5r, og opleves som rolig og stedssvarende.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-red vb-span-6\">\n <div class=\"vb-eyebrow\">Revideret princip #4<\/div>\n <h3>Lokal karakter skal g\u00f8res tilg\u00e6ngelig<\/h3>\n <p>Designet skal g\u00f8re stedets lokale karakter mere tilg\u00e6ngelig uden at overs\u00e6tte \u00c1 handil til et generisk butikssprog.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-blue vb-accent-red vb-span-8\">\n <div class=\"vb-eyebrow\">Postdigitalt perspektiv<\/div>\n <h3>Et sammenfiltret f\u00f8rste m\u00f8de<\/h3>\n <p>Det f\u00f8rste m\u00f8de med \u00c1 handil kan ikke forklares gennem \u00e9t element alene. Omr\u00e5de, facade, forventninger, orienteringsstrategier, lokal praksis og mulige st\u00f8ttegreb virker sammen. Digital st\u00f8tte er derfor ikke irrelevant, men den giver f\u00f8rst mening, n\u00e5r den er koblet til den fysiske situation.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-red vb-span-4\">\n <div class=\"vb-eyebrow\">Retning mod Deliver<\/div>\n <h3>Hvor projektet pegede hen<\/h3>\n <ul>\n <li>et enkelt fysisk holdepunkt<\/li>\n <li>en mere l\u00e6sbar ankomstzone<\/li>\n <li>et mindre digitalt supplement<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-red vb-span-12\">\n <div class=\"vb-eyebrow\">Status efter Develop<\/div>\n <h3>Fra empiri til prototypefamilie<\/h3>\n <p>Projektet stod efter Develop med et tydeligere billede af, hvor problemet ligger, tre konceptspor og en sk\u00e6rpet forst\u00e5else af, hvilke hensyn der skulle b\u00e6re designet videre. Denne sk\u00e6rpelse blev omsat til mockups i Deliver-fasen.<\/p>\n <\/div>\n\n <!-- DELIVER -->\n <div class=\"vb-phase-divider\"><span>Fra mockups til Deliver<\/span><\/div>\n\n <div class=\"vb-phase-banner\" id=\"deliver\">\n <div class=\"vb-phase-banner-title\" style=\"border-left-color:#4d8f56;\">Fase 4 \u00b7 Deliver<\/div>\n <p>I Deliver-fasen blev mockups brugt som afpr\u00f8vnings- og samtaleobjekter. Form\u00e5let var ikke at dokumentere en f\u00e6rdig implementering, men at unders\u00f8ge hvad mockupperne pegede p\u00e5, hvad der passede til \u00c1 handil, og hvordan designretningen skulle sk\u00e6rpes.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-green vb-accent-green vb-span-12\">\n <div class=\"vb-eyebrow\">Aktuel designretning efter Deliver<\/div>\n <h3>Find vej \u2192 f\u00e5 \u00f8je p\u00e5 \u00c1 \u2192 g\u00e5 trygt ind<\/h3>\n <p>Deliver-fasen har sk\u00e6rpet projektet til et lille sammenh\u00e6ngende system: tidlig fysisk st\u00f8tte, \u00c1 som genkendelsespunkt og QR som frivilligt supplement. L\u00f8sningen skal hj\u00e6lpe bes\u00f8gende uden lokalkendskab uden at g\u00f8re \u00c1 handil generisk eller turistet.<\/p>\n <div class=\"vb-pill-list\">\n <span class=\"vb-pill\">fysisk st\u00f8tte f\u00f8rst<\/span>\n <span class=\"vb-pill\">\u00c1 som genkendeligt holdepunkt<\/span>\n <span class=\"vb-pill\">QR som frivilligt supplement<\/span>\n <span class=\"vb-pill\">sprog og tone som del af designet<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vb-section-title\">Mockups i Deliver<\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-green vb-span-6\">\n <div class=\"vb-eyebrow\">M1<\/div>\n <h3>Kort med mulige st\u00f8ttepunkter<\/h3>\n <p>Kortet blev brugt til at tale om, hvor bes\u00f8gende kan blive i tvivl, og hvor fysisk st\u00f8tte kan placeres. Fokus var is\u00e6r p\u00e5 den brede vej, broen og omr\u00e5det t\u00e6ttere p\u00e5 butikken.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-green vb-span-6\">\n <div class=\"vb-eyebrow\">M2<\/div>\n <h3>Skilt og \u00c1-mark\u00f8r<\/h3>\n <p>Skiltemockups unders\u00f8gte, hvordan et fysisk holdepunkt kunne se ud. Fokus var p\u00e5 \u00c1-logo, pil, tekst, farver, st\u00f8rrelse og om skiltet ville passe til \u00c1 handil som lokalt sted.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-green vb-span-6\">\n <div class=\"vb-eyebrow\">M3<\/div>\n <h3>QR-sticker, QR-plakat og QR-side<\/h3>\n <p>QR-sporet blev unders\u00f8gt som frivilligt digitalt supplement. Det kan give praktisk information, n\u00e5r brugeren allerede har f\u00e5et fysisk bekr\u00e6ftelse eller har tid til at ops\u00f8ge mere information.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-green vb-span-6\">\n <div class=\"vb-eyebrow\">M4<\/div>\n <h3>Sprogtjek og lokalisering<\/h3>\n <p>M4 samlede QR-sidens tekstlag i et redigerbart sprogv\u00e6rkt\u00f8j. Sprogtjekket viste, at mikrocopy ikke bare skal overs\u00e6ttes, men v\u00e6re kort, naturlig og stedssvarende.<\/p>\n <\/div>\n\n <div class=\"vb-section-title\">De 3 hovedfund efter Deliver<\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Fund 1<\/div>\n <h3>Tvivlen opst\u00e5r tidligt<\/h3>\n <p>Bes\u00f8gende kan blive usikre, f\u00f8r \u00c1 handil bliver synlig. Derfor skal designet give tidligere fysisk bekr\u00e6ftelse i ankomsten, is\u00e6r f\u00f8r facaden og \u00c1-logoet kan fungere som sikre tegn.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Fund 2<\/div>\n <h3>Et enkelt \u00c1-holdepunkt b\u00e6rer mest<\/h3>\n <p>Det prim\u00e6re greb b\u00f8r v\u00e6re fysisk, enkelt og hurtigt afl\u00e6seligt. Et \u00c1-holdepunkt med pil eller mark\u00f8r kan vise, at man er p\u00e5 rette vej, uden at overforklare stedet.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Fund 3<\/div>\n <h3>QR skal v\u00e6re supplement<\/h3>\n <p>QR-siden giver bedst mening som frivilligt ekstra lag. Den skal ikke b\u00e6re den f\u00f8rste vejfinding, men kan give \u00e5bningstider, kontakt, kort, sprog og praktisk information, n\u00e5r brugeren allerede er orienteret.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-green vb-span-6\">\n <div class=\"vb-eyebrow\">Vigtigt resultat<\/div>\n <h3>Det digitale lag skal ikke b\u00e6re ankomsten alene<\/h3>\n <p>Deliver-fasen peger p\u00e5, at QR ikke skal erstatte fysisk skiltning. QR kan give ekstra information, men den f\u00f8rste bekr\u00e6ftelse b\u00f8r v\u00e6re fysisk, enkel og synlig d\u00e9r, hvor tvivlen opst\u00e5r.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-green vb-span-6\">\n <div class=\"vb-eyebrow\">Vigtigt resultat<\/div>\n <h3>Et enkelt skilt er ikke n\u00f8dvendigvis banalt<\/h3>\n <p>Et fysisk skilt kan virke simpelt, men i projektet bliver det et stedssvarende designgreb, fordi placering, udtryk, sprog, timing og relation til stedet er kvalificeret gennem empiri.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-green vb-accent-green vb-span-12\">\n <div class=\"vb-eyebrow\">Endelig designretning<\/div>\n <h3>En lagdelt ankomstl\u00f8sning<\/h3>\n <p>Designretningen peger mod en lagdelt l\u00f8sning: et tidligt fysisk holdepunkt ved den brede vej\/broen, en tydeligere bekr\u00e6ftelse t\u00e6ttere p\u00e5 butikken og en QR-side som frivilligt digitalt supplement. Det centrale er ikke, om l\u00f8sningen er fysisk eller digital, men hvordan lagene fordeles rigtigt i ankomsten.<\/p>\n <div class=\"vb-pill-list\">\n <span class=\"vb-pill\">1. tidlig fysisk bekr\u00e6ftelse<\/span>\n <span class=\"vb-pill\">2. \u00c1 som genkendelsespunkt<\/span>\n <span class=\"vb-pill\">3. QR som frivilligt supplement<\/span>\n <span class=\"vb-pill\">4. lokal karakter bevares<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vb-section-title\">Designprincipper version 3<\/div>\n\n <div class=\"vb-card vb-paper-white vb-accent-green vb-span-12\">\n <div class=\"vb-eyebrow\">Efter Deliver<\/div>\n <h3>Reviderede designprincipper<\/h3>\n <p>Designprincipperne er sk\u00e6rpet p\u00e5 baggrund af afpr\u00f8vning, bestyrerrespons og sprogtjek. De samler den aktuelle designretning og viser, hvad n\u00e6ste iteration skal fastholde.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Princip 1<\/div>\n <h3>Tidlig st\u00f8tte<\/h3>\n <p>Ankomsten skal st\u00f8ttes tidligt, f\u00f8r facaden bliver det f\u00f8rste sikre tegn.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Princip 2<\/div>\n <h3>Fysisk f\u00f8rst<\/h3>\n <p>Det prim\u00e6re greb skal v\u00e6re fysisk, enkelt og umiddelbart afl\u00e6seligt.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Princip 3<\/div>\n <h3>\u00c1 som genkendelsespunkt<\/h3>\n <p>\u00c1-identiteten skal bruges som genkendelsespunkt, men uden at overforklare stedet.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Princip 4<\/div>\n <h3>Digitalt som supplement<\/h3>\n <p>QR og digitale lag skal fungere som frivillige supplementer, ikke som foruds\u00e6tninger for vejfinding.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Princip 5<\/div>\n <h3>Stedssvarende sprog<\/h3>\n <p>Tekster og microcopy skal v\u00e6re korte, naturlige og stedssvarende.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-yellow vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Princip 6<\/div>\n <h3>Ind i lokal praksis<\/h3>\n <p>Designet skal g\u00f8re det lettere at tr\u00e6de ind i \u00c1 handils lokale praksis uden at g\u00f8re stedet generisk eller turistet.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-blue vb-accent-green vb-span-12\">\n <div class=\"vb-eyebrow\">Princip 7<\/div>\n <h3>Indgangen som socialt overgangsrum<\/h3>\n <p>Indgangen b\u00f8r forst\u00e5s som et socialt overgangsrum, som fremtidige iterationer skal bevare og eventuelt underst\u00f8tte.<\/p>\n <\/div>\n\n <\/section>\n\n <p class=\"vb-footer-note\">\n Boardet fungerer som samlet overblik over Discover, Define, Develop og Deliver. Det viser projektets progression fra problemforst\u00e5else og designprincipper til konceptspor, mockups, afpr\u00f8vning, tre hovedfund og en sk\u00e6rpet designretning.\n <\/p>\n <\/main>\n <\/div>\n\n <button class=\"vb-fullscreen-fab\" id=\"vestmannaFullscreenBtn\" type=\"button\" aria-label=\"Vis i fuld sk\u00e6rm\" title=\"Vis i fuld sk\u00e6rm\">\n <span>\u26f6<\/span>\n <span>Fuld sk\u00e6rm<\/span>\n <\/button>\n <\/div>\n\n <script>\n (function () {\n const page = document.getElementById(\"vestmannaBoardPage\");\n const btn = document.getElementById(\"vestmannaFullscreenBtn\");\n\n if (!page || !btn) return;\n\n function updateFullscreenLabel() {\n const isFullscreen = page.classList.contains(\"vb-fullscreen\");\n btn.setAttribute(\"aria-label\", isFullscreen ? \"Afslut fuld sk\u00e6rm\" : \"Vis i fuld sk\u00e6rm\");\n btn.setAttribute(\"title\", isFullscreen ? \"Afslut fuld sk\u00e6rm\" : \"Vis i fuld sk\u00e6rm\");\n btn.innerHTML = isFullscreen\n ? \"<span>\u00d7<\/span><span>Luk fuld sk\u00e6rm<\/span>\"\n : \"<span>\u26f6<\/span><span>Fuld sk\u00e6rm<\/span>\";\n }\n\n btn.addEventListener(\"click\", function () {\n page.classList.toggle(\"vb-fullscreen\");\n document.body.style.overflow = page.classList.contains(\"vb-fullscreen\") ? \"hidden\" : \"\";\n updateFullscreenLabel();\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n });\n\n document.addEventListener(\"keydown\", function (e) {\n if (e.key === \"Escape\" && page.classList.contains(\"vb-fullscreen\")) {\n page.classList.remove(\"vb-fullscreen\");\n document.body.style.overflow = \"\";\n updateFullscreenLabel();\n }\n });\n\n updateFullscreenLabel();\n })();\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Infoboard \u00b7 \u00c1 handil \u00ed Vestmanna \u2190 Tilbage Infoboard \u00b7 \u00c1 handil \u00ed Vestmanna Boardet samler projektets udvikling fra Discover til Deliver. Projektet er sk\u00e6rpet fra et bredt fokus p\u00e5 butiksteknologi og kundeoplevelse til en pr\u00e6cis designudfordring om ankomsten til \u00c1 handil: find vej \u2192 f\u00e5 \u00f8je p\u00e5 \u00c1 \u2192 g\u00e5 trygt ind. Efter Deliver […]<\/p>\n","protected":false},"author":85,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-573","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/573","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=573"}],"version-history":[{"count":20,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/573\/revisions"}],"predecessor-version":[{"id":1452,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/573\/revisions\/1452"}],"wp:attachment":[{"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/media?parent=573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}