{"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-02T13:37:32","modified_gmt":"2026-05-02T13:37:32","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: 640px;\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 p\u00e5 tv\u00e6rs af delafleveringerne. Discover og Define viser, hvordan problemfelt, forskningssp\u00f8rgsm\u00e5l og designprincipper blev sk\u00e6rpet. Develop viser arbejdet med tre konceptspor, ny empiri og reviderede designprincipper. Aktuelt er projektet p\u00e5 vej fra konceptspor til mockups, som skal bruges i n\u00e6ste afpr\u00f8vning.\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=\"#prototype\"><i class=\"vb-dot\" style=\"background:#5a9c64\"><\/i> Prototypefase<\/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 bev\u00e6gelsen i projektet, datagrundlaget og de centrale fund fra observationer, interviews og litteraturreview. Fokus er p\u00e5, hvad der er blevet set, forst\u00e5et og sk\u00e6rpet.<\/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>Jeg unders\u00f8ger kundeoplevelsen i \u00c1 handil \u00ed Vestmanna med s\u00e6rligt fokus p\u00e5 atmosf\u00e6re, lokalitet og m\u00f8det med kunder udefra.<\/strong><\/p>\n <p class=\"vb-small\">Projektet er blevet sk\u00e6rpet fra et bredt fokus p\u00e5 teknologi og kundeoplevelse til et mere pr\u00e6cist fokus p\u00e5 ankomst, indgang 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, indgang, atmosf\u00e6re og kunder udefra<\/li>\n <li><strong>I centrum:<\/strong> lokalitet, socialitet og situeret praksis<\/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\">Develop-data<\/span>\n <span class=\"vb-value\">2<\/span>\n <span class=\"vb-sub\">go-along + asynkron id\u00e9respons<\/span>\n <\/div>\n <div class=\"vb-kpi\">\n <span class=\"vb-label\">Status<\/span>\n <span class=\"vb-value\">Prototypefase<\/span>\n <span class=\"vb-sub\">mockups g\u00f8res klar til afpr\u00f8vning<\/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, turister 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 kunder udefra.<\/p>\n <div class=\"vb-pill-list\">\n <span class=\"vb-pill\">Consuming Atmospheres<\/span>\n <span class=\"vb-pill\">McEachern m.fl.<\/span>\n <span class=\"vb-pill\">Khangembam<\/span>\n <span class=\"vb-pill\">van de Sanden m.fl.<\/span>\n <span class=\"vb-pill\">Fawns<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vb-section-title\">Centrale fund<\/div>\n\n <div class=\"vb-card vb-paper-blue vb-accent-blue vb-span-4\">\n <div class=\"vb-eyebrow\">Fund #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\">Fund #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\">Fund #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 kunder 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 nu om, hvordan \u00c1 handils lokale og sociale kvaliteter kan bevares og samtidig blive mere synlige, l\u00e6sbare og tilg\u00e6ngelige for kunder 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>Forel\u00f8big designudfordring<\/h3>\n <p>Hvordan kan \u00c1 handils lokale og sociale kvaliteter bevares og samtidig blive mere synlige, l\u00e6sbare og tilg\u00e6ngelige for kunder udefra i ankomsten til omr\u00e5det og i det f\u00f8rste m\u00f8de med butikken?<\/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>Forel\u00f8bigt forskningssp\u00f8rgsm\u00e5l<\/h3>\n <p>Hvordan kan \u00c1 handils lokale og sociale kvaliteter overs\u00e6ttes i ankomsten til omr\u00e5det og i det f\u00f8rste m\u00f8de med butikken, s\u00e5 stedet fortsat opleves som lokalt, men samtidig bliver mere l\u00e6sbart og tilg\u00e6ngeligt for kunder udefra?<\/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 her som f\u00f8rste overs\u00e6ttelse af empiri og teori til noget designbart. De er ikke l\u00f8sninger, men pejlem\u00e6rker for n\u00e6ste fase.<\/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 kunder 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 flytter 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-forl\u00f8b<\/div>\n <h3>F\u00f8rstegangsbes\u00f8gende p\u00e5 vej til butikken<\/h3>\n <p>Det situerede forl\u00f8b gjorde det tydeligt, at usikkerheden opst\u00e5r f\u00f8r butikken bliver synlig. Google Maps blev brugt, men gav ikke i sig selv ro 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 jeg vurderer nu<\/div>\n <h3>Hvilket spor b\u00e6rer bedst?<\/h3>\n <p>Sporene vurderes ud fra, om de giver tidligere bekr\u00e6ftelse, g\u00f8r omr\u00e5det mere l\u00e6sbart og bevarer 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 st\u00e5r 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\">Forel\u00f8big retning<\/div>\n <h3>Hvor projektet peger hen nu<\/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 n\u00e6ste prototype<\/h3>\n <p>Projektet st\u00e5r nu med et tydeligere billede af, hvor problemet ligger, tre afpr\u00f8vede konceptspor og en sk\u00e6rpet forst\u00e5else af, hvilke hensyn der skal b\u00e6re designet videre. N\u00e6ste skridt er at oms\u00e6tte denne sk\u00e6rpelse til en mere pr\u00e6cis prototypefamilie.<\/p>\n <\/div>\n\n <!-- PROTOTYPEFASE -->\n <div class=\"vb-phase-divider\"><span>Fra konceptspor til mockups<\/span><\/div>\n\n <div class=\"vb-phase-banner\" id=\"prototype\">\n <div class=\"vb-phase-banner-title\" style=\"border-left-color:#4d8f56;\">Aktuel fase \u00b7 Prototyper<\/div>\n <p>Her samles den aktuelle prototypefase. De tidligere konceptspor er nu omsat til enkle mockups, der skal bruges som samtaleobjekter i n\u00e6ste afpr\u00f8vning.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-green vb-accent-green vb-span-12\">\n <div class=\"vb-eyebrow\">Aktuel status<\/div>\n <h3>Mockups som n\u00e6ste skridt<\/h3>\n <p>Efter arbejdet med de tre konceptspor er projektet nu omsat til en mere konkret prototypefamilie. Mockupperne er ikke f\u00e6rdige l\u00f8sninger, men afpr\u00f8vningsmaterialer, som kan bruges i samtaler med bestyrer, medarbejder og bes\u00f8gende udefra.<\/p>\n <div class=\"vb-pill-list\">\n <span class=\"vb-pill\">M1: kort med st\u00f8ttepunkter<\/span>\n <span class=\"vb-pill\">M2: QR-plakat<\/span>\n <span class=\"vb-pill\">M3: simpel QR-side<\/span>\n <span class=\"vb-pill\">M4: ord og tone<\/span>\n <\/div>\n <\/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 markeringer<\/h3>\n <p>Kortet bruges til at tale om, hvor i ankomsten bes\u00f8gende kan blive i tvivl, og hvor det giver mening at placere st\u00f8tte, tegn eller markeringer.<\/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>QR-plakat ved indgangen<\/h3>\n <p>QR-plakaten bruges til at unders\u00f8ge, om et lille frivilligt digitalt supplement ved indgangen f\u00f8les naturligt, hj\u00e6lpsomt og ikke for turistet.<\/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>Simpel QR-side<\/h3>\n <p>Den simple QR-side unders\u00f8ger, hvor lidt information der er nok. Fokus er p\u00e5 facade, \u00e5bningstider, kort introduktion, hj\u00e6lp og f\u00e5 relevante links.<\/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>Mikrotest af ord og tone<\/h3>\n <p>Mikrotesten bruges til at vurdere, om formuleringerne fungerer sprogligt og kulturelt \u2014 is\u00e6r p\u00e5 f\u00e6r\u00f8sk og tysk, men ogs\u00e5 i forhold til tone og lokal karakter.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Afpr\u00f8ves med<\/div>\n <h3>Deltagere<\/h3>\n <ul>\n <li>bestyrer<\/li>\n <li>medarbejder<\/li>\n <li>bes\u00f8gende udefra<\/li>\n <li>tidligere go-along-deltager<\/li>\n <li>person med sprogblik<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Sp\u00f8rgsm\u00e5l<\/div>\n <h3>Hvad skal unders\u00f8ges?<\/h3>\n <ul>\n <li>hvor opst\u00e5r tvivlen?<\/li>\n <li>f\u00f8les QR-plakaten naturlig?<\/li>\n <li>hvilken information er n\u00f8dvendig?<\/li>\n <li>passer tonen til \u00c1 handil?<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vb-card vb-paper-kraft vb-accent-green vb-span-4\">\n <div class=\"vb-eyebrow\">Efter iterationen<\/div>\n <h3>Revidere eller droppe<\/h3>\n <p>Feedbacken skal afg\u00f8re, om HTML-prototyperne skal revideres, forenkles eller droppes, og om de fysiske skilte skal udvikles videre.<\/p>\n <\/div>\n\n <div class=\"vb-card vb-paper-green vb-accent-green vb-span-12\">\n <div class=\"vb-eyebrow\">N\u00e6ste aflevering \/ Deliver<\/div>\n <h3>Fra mockups til afpr\u00f8vning<\/h3>\n <p>N\u00e6ste skridt er at gennemf\u00f8re afpr\u00f8vningen og samle empirien p\u00e5 Deliver-siden. Her skal det dokumenteres, hvad deltagerne reagerer p\u00e5, hvad der fungerer, hvad der ikke fungerer, og hvordan feedbacken p\u00e5virker n\u00e6ste version af designet.<\/p>\n <\/div>\n <\/section>\n\n <p class=\"vb-footer-note\">\n Boardet fungerer som samlet overblik over Discover, Define, Develop og den aktuelle prototypefase. Det viser projektets progression fra problemforst\u00e5else og designprincipper til konceptspor, mockups og plan for afpr\u00f8vning.\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 p\u00e5 tv\u00e6rs af delafleveringerne. Discover og Define viser, hvordan problemfelt, forskningssp\u00f8rgsm\u00e5l og designprincipper blev sk\u00e6rpet. Develop viser arbejdet med tre konceptspor, ny empiri og reviderede designprincipper. Aktuelt er projektet p\u00e5 vej fra konceptspor til mockups, som skal […]<\/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":18,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/573\/revisions"}],"predecessor-version":[{"id":1155,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/573\/revisions\/1155"}],"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}]}}