{"id":764,"date":"2026-04-10T21:11:36","date_gmt":"2026-04-10T21:11:36","guid":{"rendered":"https:\/\/itdd.au.dk\/single-user-mode\/?page_id=764"},"modified":"2026-04-14T22:53:52","modified_gmt":"2026-04-14T22:53:52","slug":"idekort","status":"publish","type":"page","link":"https:\/\/itdd.au.dk\/single-user-mode\/idekort\/","title":{"rendered":"Idekort"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-post-date\"><time datetime=\"2026-04-10T21:34:10.024Z\">april 10, 2026<\/time><\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading alignwide\">Idekort<\/h2>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 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<p>De tre idekort nedenfor er ikke f\u00e6rdige l\u00f8sninger, men forel\u00f8bige konceptspor. De bruges i idefasen som afs\u00e6t for dialog og brugerinddragelse, s\u00e5 projektets designprincipper kan blive sk\u00e6rpet og kvalificeret, f\u00f8r der arbejdes videre med en egentlig designl\u00f8sning. Tilgangen er inspireret af educational design research og kortbaserede designmetoder, hvor ideer udvikles gradvist gennem konkrete konceptforslag og reaktioner fra deltagere.<\/p>\n\n\n\n<p>I den videre proces bruges kortene i to mindre id\u00e9udviklingsaktiviteter: dels i en situeret samtale med en f\u00f8rstegangsbes\u00f8gende uden n\u00e6rt lokalkendskab, dels i en asynkron chatbaseret id\u00e9dr\u00f8ftelse med lokale praksisdeltagere. Kortene deles som forel\u00f8bige designretninger og bruges til at unders\u00f8ge, hvilke spor der opleves som mest relevante, hj\u00e6lpsomme og passende for stedet. P\u00e5 den baggrund revideres designprincipperne i n\u00e6ste trin af projektet.<\/p>\n\n\n\n<div style=\"max-width: 860px; margin: 40px auto; padding: 0 16px;\">\n  <div style=\"\n    background: #f7f1ea;\n    border: 1px solid #e5d8ca;\n    border-radius: 24px;\n    overflow: hidden;\n    box-shadow: 0 18px 42px rgba(45, 28, 15, 0.10);\n    color: #2f2a26;\n  \">\n\n    <!-- Hero image -->\n    <div style=\"position: relative; overflow: hidden;\">\n      <img decoding=\"async\" \n        src=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/04\/ChatGPT-Image-Apr-11-2026-05_05_07-PM.png\" \n        alt=\"Visualisering af et tydeligere f\u00f8rste m\u00f8de ved \u00c1 handil\"\n        style=\"\n          width: 100%;\n          display: block;\n          height: auto;\n          max-height: 430px;\n          object-fit: cover;\n          background: #ddd;\n        \"\n      >\n      <div style=\"\n        position: absolute;\n        top: 18px;\n        left: 18px;\n        background: rgba(124,45,45,0.92);\n        color: #fff;\n        padding: 8px 12px;\n        border-radius: 999px;\n        font-family: Arial, sans-serif;\n        font-size: 12px;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        font-weight: 700;\n        box-shadow: 0 6px 14px rgba(0,0,0,0.18);\n      \">\n        Idekort 1\n      <\/div>\n    <\/div>\n\n    <!-- Header -->\n    <div style=\"padding: 28px 26px 10px;\">\n      <h2 style=\"\n        margin: 0 0 10px 0;\n        font-family: Georgia, 'Times New Roman', serif;\n        font-size: clamp(2rem, 4vw, 2.7rem);\n        line-height: 1.1;\n        font-weight: 600;\n        color: #7c2d2d;\n        letter-spacing: -0.02em;\n      \">\n        Et tydeligere f\u00f8rste m\u00f8de\n      <\/h2>\n\n      <p style=\"\n        margin: 0;\n        font-family: Georgia, 'Times New Roman', serif;\n        font-size: 1.18rem;\n        line-height: 1.6;\n        color: #4b433c;\n      \">\n        <em>Hvordan kan \u00c1 handil blive lettere at f\u00e5 \u00f8je p\u00e5 og afl\u00e6se allerede i ankomsten til omr\u00e5det?<\/em>\n      <\/p>\n    <\/div>\n\n    <!-- Body -->\n    <div style=\"padding: 18px 26px 30px;\">\n\n      <!-- Kerneid\u00e9 -->\n      <div style=\"\n        margin-bottom: 18px;\n        padding: 18px 18px 16px;\n        background: #fffaf5;\n        border: 1px solid #eadfd4;\n        border-radius: 16px;\n      \">\n        <div style=\"\n          display: inline-block;\n          background: #efe1d4;\n          color: #7c2d2d;\n          font-family: Arial, sans-serif;\n          font-size: 12px;\n          letter-spacing: 0.08em;\n          text-transform: uppercase;\n          font-weight: 700;\n          padding: 6px 10px;\n          border-radius: 999px;\n          margin-bottom: 10px;\n        \">\n          Kerneid\u00e9\n        <\/div>\n        <p style=\"\n          margin: 0;\n          font-family: Georgia, 'Times New Roman', serif;\n          font-size: 1.08rem;\n          line-height: 1.75;\n        \">\n          Et enkelt og stedn\u00e6rt greb i ankomsten g\u00f8r butikken mere synlig og lettere at forst\u00e5 for kunder udefra, f\u00f8r de n\u00e5r selve d\u00f8ren.\n        <\/p>\n      <\/div>\n\n      <!-- two column section -->\n      <div style=\"\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 16px;\n        margin-bottom: 18px;\n      \">\n        <div style=\"\n          background: #fffaf5;\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            display: inline-block;\n            background: #efe1d4;\n            color: #7c2d2d;\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            font-weight: 700;\n            padding: 6px 10px;\n            border-radius: 999px;\n            margin-bottom: 10px;\n          \">\n            Hvad svarer id\u00e9en p\u00e5?\n          <\/div>\n          <ul style=\"\n            margin: 0;\n            padding-left: 20px;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1.03rem;\n            line-height: 1.8;\n          \">\n            <li>Butikken kan v\u00e6re sv\u00e6r at opdage udefra<\/li>\n            <li>Omr\u00e5det kan virke lidt lukket eller uklart<\/li>\n            <li>Kunder udefra mangler et f\u00f8rste holdepunkt<\/li>\n          <\/ul>\n        <\/div>\n\n        <div style=\"\n          background: #fffaf5;\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            display: inline-block;\n            background: #efe1d4;\n            color: #7c2d2d;\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            font-weight: 700;\n            padding: 6px 10px;\n            border-radius: 999px;\n            margin-bottom: 10px;\n          \">\n            Mulige designgreb\n          <\/div>\n          <ul style=\"\n            margin: 0;\n            padding-left: 20px;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1.03rem;\n            line-height: 1.8;\n          \">\n            <li>En lokal mark\u00f8r ved ankomsten<\/li>\n            <li>Et tydeligere tegn p\u00e5 butikken<\/li>\n            <li>En lille velkomst- eller orienteringszone<\/li>\n            <li>Farve, materiale eller form som signal<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <!-- strengths \/ caution -->\n      <div style=\"\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 16px;\n        margin-bottom: 18px;\n      \">\n        <div style=\"\n          background: linear-gradient(180deg, #fffdf9 0%, #f8efe6 100%);\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            color: #7c2d2d;\n            font-weight: 700;\n            margin-bottom: 8px;\n          \">\n            Styrke\n          <\/div>\n          <p style=\"\n            margin: 0;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1rem;\n            line-height: 1.75;\n          \">\n            Id\u00e9en hj\u00e6lper kunder udefra tidligt i m\u00f8det med stedet og g\u00f8r ankomsten mere l\u00e6sbar.\n          <\/p>\n        <\/div>\n\n        <div style=\"\n          background: linear-gradient(180deg, #fffdf9 0%, #f8efe6 100%);\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            color: #7c2d2d;\n            font-weight: 700;\n            margin-bottom: 8px;\n          \">\n            Det skal passes p\u00e5\n          <\/div>\n          <p style=\"\n            margin: 0;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1rem;\n            line-height: 1.75;\n          \">\n            L\u00f8sningen m\u00e5 ikke blive generisk eller ligne almindelig standardskiltning. Grebet skal opleves som en del af stedet.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- questions -->\n      <div style=\"\n        background: #efe6dc;\n        border: 1px solid #e0d1c3;\n        border-radius: 16px;\n        padding: 18px 16px;\n      \">\n        <div style=\"\n          display: inline-block;\n          background: rgba(124,45,45,0.10);\n          color: #7c2d2d;\n          font-family: Arial, sans-serif;\n          font-size: 12px;\n          letter-spacing: 0.08em;\n          text-transform: uppercase;\n          font-weight: 700;\n          padding: 6px 10px;\n          border-radius: 999px;\n          margin-bottom: 10px;\n        \">\n          Sp\u00f8rgsm\u00e5l til brugere\n        <\/div>\n        <ul style=\"\n          margin: 0;\n          padding-left: 20px;\n          font-family: Georgia, 'Times New Roman', serif;\n          font-size: 1rem;\n          line-height: 1.85;\n        \">\n          <li>Hvad ville hj\u00e6lpe dig til at opdage stedet?<\/li>\n          <li>Hvad ville f\u00f8les naturligt her?<\/li>\n          <li>Hvad ville blive for meget?<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<p>Link til idekort 1: <a href=\"https:\/\/katof.github.io\/Idekort1\/ide1.html\">https:\/\/katof.github.io\/Idekort1\/ide1.html<\/a><\/p>\n\n\n\n<div style=\"max-width: 860px; margin: 40px auto; padding: 0 16px;\">\n  <div style=\"\n    background: #f7f1ea;\n    border: 1px solid #e5d8ca;\n    border-radius: 24px;\n    overflow: hidden;\n    box-shadow: 0 18px 42px rgba(45, 28, 15, 0.10);\n    color: #2f2a26;\n  \">\n\n    <!-- Hero image -->\n    <div style=\"position: relative; overflow: hidden;\">\n      <img decoding=\"async\" \n        src=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/04\/ChatGPT-Image-Apr-14-2026-09_57_19-PM.png\" \n        alt=\"Visualisering af idekort 2: Omr\u00e5det omkring butikken f\u00e5r form\"\n        style=\"\n          width: 100%;\n          display: block;\n          height: auto;\n          max-height: 430px;\n          object-fit: cover;\n          background: #ddd;\n        \"\n      >\n      <div style=\"\n        position: absolute;\n        top: 18px;\n        left: 18px;\n        background: rgba(124,45,45,0.92);\n        color: #fff;\n        padding: 8px 12px;\n        border-radius: 999px;\n        font-family: Arial, sans-serif;\n        font-size: 12px;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        font-weight: 700;\n        box-shadow: 0 6px 14px rgba(0,0,0,0.18);\n      \">\n        Idekort 2\n      <\/div>\n    <\/div>\n\n    <!-- Header -->\n    <div style=\"padding: 28px 26px 10px;\">\n      <h2 style=\"\n        margin: 0 0 10px 0;\n        font-family: Georgia, 'Times New Roman', serif;\n        font-size: clamp(2rem, 4vw, 2.7rem);\n        line-height: 1.1;\n        font-weight: 600;\n        color: #7c2d2d;\n        letter-spacing: -0.02em;\n      \">\n        Omr\u00e5det omkring butikken f\u00e5r form\n      <\/h2>\n\n      <p style=\"\n        margin: 0;\n        font-family: Georgia, 'Times New Roman', serif;\n        font-size: 1.18rem;\n        line-height: 1.6;\n        color: #4b433c;\n      \">\n        <em>Hvordan kan omr\u00e5det omkring \u00c1 handil blive mere samlet, l\u00e6sbart og roligt at ankomme til for kunder udefra?<\/em>\n      <\/p>\n    <\/div>\n\n    <!-- Body -->\n    <div style=\"padding: 18px 26px 30px;\">\n\n      <!-- Kerneid\u00e9 -->\n      <div style=\"\n        margin-bottom: 18px;\n        padding: 18px 18px 16px;\n        background: #fffaf5;\n        border: 1px solid #eadfd4;\n        border-radius: 16px;\n      \">\n        <div style=\"\n          display: inline-block;\n          background: #efe1d4;\n          color: #7c2d2d;\n          font-family: Arial, sans-serif;\n          font-size: 12px;\n          letter-spacing: 0.08em;\n          text-transform: uppercase;\n          font-weight: 700;\n          padding: 6px 10px;\n          border-radius: 999px;\n          margin-bottom: 10px;\n        \">\n          Kerneid\u00e9\n        <\/div>\n        <p style=\"\n          margin: 0;\n          font-family: Georgia, 'Times New Roman', serif;\n          font-size: 1.08rem;\n          line-height: 1.75;\n        \">\n          Sm\u00e5, stedn\u00e6re greb i omr\u00e5det omkring \u00c1 handil g\u00f8r ankomsten mere tydelig og samlet. M\u00e5let er ikke at \u00e6ndre stedet meget, men at give kunder udefra en klarere fornemmelse af, hvor de er, hvor de skal hen, og hvordan omr\u00e5det h\u00e6nger sammen.\n        <\/p>\n      <\/div>\n\n      <!-- two column section -->\n      <div style=\"\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 16px;\n        margin-bottom: 18px;\n      \">\n        <div style=\"\n          background: #fffaf5;\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            display: inline-block;\n            background: #efe1d4;\n            color: #7c2d2d;\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            font-weight: 700;\n            padding: 6px 10px;\n            border-radius: 999px;\n            margin-bottom: 10px;\n          \">\n            Hvad svarer id\u00e9en p\u00e5?\n          <\/div>\n          <ul style=\"\n            margin: 0;\n            padding-left: 20px;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1.03rem;\n            line-height: 1.8;\n          \">\n            <li>Omr\u00e5det omkring butikken kan virke tomt, lidt uafgr\u00e6nset eller sv\u00e6rt at afl\u00e6se for kunder uden lokalkendskab<\/li>\n            <li>Ankomsten bliver f\u00f8rst tydelig sent, n\u00e5r selve bygningen tr\u00e6der frem<\/li>\n            <li>Parkerings- og ankomstomr\u00e5det giver ikke n\u00f8dvendigvis en klar f\u00f8lelse af handelssted eller retning<\/li>\n          <\/ul>\n        <\/div>\n\n        <div style=\"\n          background: #fffaf5;\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            display: inline-block;\n            background: #efe1d4;\n            color: #7c2d2d;\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            font-weight: 700;\n            padding: 6px 10px;\n            border-radius: 999px;\n            margin-bottom: 10px;\n          \">\n            Mulige designgreb\n          <\/div>\n          <ul style=\"\n            margin: 0;\n            padding-left: 20px;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1.03rem;\n            line-height: 1.8;\n          \">\n            <li>En tydeligere afgr\u00e6nsning af ankomst- eller parkeringsomr\u00e5det<\/li>\n            <li>Sm\u00e5 greb der markerer, hvor man ankommer, stopper eller g\u00e5r hen<\/li>\n            <li>Materialer, farver eller former der samler omr\u00e5det visuelt<\/li>\n            <li>Et mere l\u00e6sbart forl\u00f8b fra vej til butik<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <!-- strengths \/ caution -->\n      <div style=\"\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 16px;\n        margin-bottom: 18px;\n      \">\n        <div style=\"\n          background: linear-gradient(180deg, #fffdf9 0%, #f8efe6 100%);\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            color: #7c2d2d;\n            font-weight: 700;\n            margin-bottom: 8px;\n          \">\n            Styrke\n          <\/div>\n          <p style=\"\n            margin: 0;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1rem;\n            line-height: 1.75;\n          \">\n            Id\u00e9en arbejder med selve situationen omkring ankomsten og kan g\u00f8re f\u00f8rste m\u00f8de mere roligt, tydeligt og sammenh\u00e6ngende uden at kr\u00e6ve store forandringer.\n          <\/p>\n        <\/div>\n\n        <div style=\"\n          background: linear-gradient(180deg, #fffdf9 0%, #f8efe6 100%);\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            color: #7c2d2d;\n            font-weight: 700;\n            margin-bottom: 8px;\n          \">\n            Det skal passes p\u00e5\n          <\/div>\n          <p style=\"\n            margin: 0;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1rem;\n            line-height: 1.75;\n          \">\n            Grebene m\u00e5 ikke blive for polerede, byagtige eller fremmede for stedet. Omr\u00e5det skal stadig f\u00f8les som \u00c1 handil i Vestmanna \u2014 bare mere samlet og lettere at forst\u00e5.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- questions -->\n      <div style=\"\n        background: #efe6dc;\n        border: 1px solid #e0d1c3;\n        border-radius: 16px;\n        padding: 18px 16px;\n      \">\n        <div style=\"\n          display: inline-block;\n          background: rgba(124,45,45,0.10);\n          color: #7c2d2d;\n          font-family: Arial, sans-serif;\n          font-size: 12px;\n          letter-spacing: 0.08em;\n          text-transform: uppercase;\n          font-weight: 700;\n          padding: 6px 10px;\n          border-radius: 999px;\n          margin-bottom: 10px;\n        \">\n          Sp\u00f8rgsm\u00e5l til brugere\n        <\/div>\n        <ul style=\"\n          margin: 0;\n          padding-left: 20px;\n          font-family: Georgia, 'Times New Roman', serif;\n          font-size: 1rem;\n          line-height: 1.85;\n        \">\n          <li>Hvad ville g\u00f8re omr\u00e5det lettere at afl\u00e6se, n\u00e5r man kommer her f\u00f8rste gang?<\/li>\n          <li>Hvad kunne give en tydeligere fornemmelse af ankomst uden at \u00e6ndre stedet for meget?<\/li>\n          <li>Er der noget ved parkering, adgang eller retning, som kunne g\u00f8res mere klart?<\/li>\n          <li>Hvorn\u00e5r ville det f\u00f8les hj\u00e6lpsomt \u2014 og hvorn\u00e5r for lavet?<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<p>Link til idekort 2: <a href=\"https:\/\/katof.github.io\/ide2\/revideret.html\">https:\/\/katof.github.io\/ide2\/revideret.html<\/a><\/p>\n\n\n\n<div style=\"max-width: 860px; margin: 40px auto; padding: 0 16px;\">\n  <div style=\"\n    background: #f7f1ea;\n    border: 1px solid #e5d8ca;\n    border-radius: 24px;\n    overflow: hidden;\n    box-shadow: 0 18px 42px rgba(45, 28, 15, 0.10);\n    color: #2f2a26;\n  \">\n\n    <!-- Hero image -->\n    <div style=\"position: relative; overflow: hidden;\">\n      <img decoding=\"async\" \n        src=\"https:\/\/itdd.au.dk\/single-user-mode\/wp-content\/uploads\/sites\/103\/2026\/04\/ChatGPT-Image-Apr-11-2026-04_55_11-PM.png\" \n        alt=\"Visualisering af idekort 3: Ny her? Et lille digitalt f\u00f8rste m\u00f8de\"\n        style=\"\n          width: 100%;\n          display: block;\n          height: auto;\n          max-height: 430px;\n          object-fit: cover;\n          background: #ddd;\n        \"\n      >\n      <div style=\"\n        position: absolute;\n        top: 18px;\n        left: 18px;\n        background: rgba(124,45,45,0.92);\n        color: #fff;\n        padding: 8px 12px;\n        border-radius: 999px;\n        font-family: Arial, sans-serif;\n        font-size: 12px;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        font-weight: 700;\n        box-shadow: 0 6px 14px rgba(0,0,0,0.18);\n      \">\n        Idekort 3\n      <\/div>\n    <\/div>\n\n    <!-- Header -->\n    <div style=\"padding: 28px 26px 10px;\">\n      <h2 style=\"\n        margin: 0 0 10px 0;\n        font-family: Georgia, 'Times New Roman', serif;\n        font-size: clamp(2rem, 4vw, 2.7rem);\n        line-height: 1.1;\n        font-weight: 600;\n        color: #7c2d2d;\n        letter-spacing: -0.02em;\n      \">\n        Ny her? Et lille digitalt f\u00f8rste m\u00f8de\n      <\/h2>\n\n      <p style=\"\n        margin: 0;\n        font-family: Georgia, 'Times New Roman', serif;\n        font-size: 1.18rem;\n        line-height: 1.6;\n        color: #4b433c;\n      \">\n        <em>Hvordan kan kunder udefra f\u00e5 et roligt f\u00f8rste indblik i \u00c1 handil gennem en enkel underside p\u00e5 butikkens eksisterende hjemmeside, som tilg\u00e5s via QR ved indgangen?<\/em>\n      <\/p>\n    <\/div>\n\n    <!-- Body -->\n    <div style=\"padding: 18px 26px 30px;\">\n\n      <!-- Kerneid\u00e9 -->\n      <div style=\"\n        margin-bottom: 18px;\n        padding: 18px 18px 16px;\n        background: #fffaf5;\n        border: 1px solid #eadfd4;\n        border-radius: 16px;\n      \">\n        <div style=\"\n          display: inline-block;\n          background: #efe1d4;\n          color: #7c2d2d;\n          font-family: Arial, sans-serif;\n          font-size: 12px;\n          letter-spacing: 0.08em;\n          text-transform: uppercase;\n          font-weight: 700;\n          padding: 6px 10px;\n          border-radius: 999px;\n          margin-bottom: 10px;\n        \">\n          Kerneid\u00e9\n        <\/div>\n        <p style=\"\n          margin: 0;\n          font-family: Georgia, 'Times New Roman', serif;\n          font-size: 1.08rem;\n          line-height: 1.75;\n        \">\n          Ved indgangen m\u00f8der kunder udefra en diskret QR med en invitation som <strong>\u201cNy her?\u201d<\/strong>. QR-koden leder til en enkel underside p\u00e5 \u00c1 handils eksisterende hjemmeside, hvor man kan f\u00e5 et f\u00f8rste indblik i butikken, lokale varer og bygden. Siden fungerer som en let, frivillig og situeret st\u00f8tte i m\u00f8det med stedet.\n        <\/p>\n      <\/div>\n\n      <!-- two column section -->\n      <div style=\"\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 16px;\n        margin-bottom: 18px;\n      \">\n        <div style=\"\n          background: #fffaf5;\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            display: inline-block;\n            background: #efe1d4;\n            color: #7c2d2d;\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            font-weight: 700;\n            padding: 6px 10px;\n            border-radius: 999px;\n            margin-bottom: 10px;\n          \">\n            Hvad svarer id\u00e9en p\u00e5?\n          <\/div>\n          <ul style=\"\n            margin: 0;\n            padding-left: 20px;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1.03rem;\n            line-height: 1.8;\n          \">\n            <li>Kunder udefra mangler ofte fortrolighed i det f\u00f8rste m\u00f8de med stedet<\/li>\n            <li>St\u00f8tte skal v\u00e6re let, valgfri og knyttet til den konkrete situation<\/li>\n            <li>Det lokale kan g\u00f8res mere l\u00e6sbart uden at fylde selve stedet med information<\/li>\n            <li>Digital st\u00f8tte giver bedst mening, n\u00e5r den bygger videre p\u00e5 noget eksisterende og ikke opleves som et fremmed ekstra lag<\/li>\n          <\/ul>\n        <\/div>\n\n        <div style=\"\n          background: #fffaf5;\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            display: inline-block;\n            background: #efe1d4;\n            color: #7c2d2d;\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            font-weight: 700;\n            padding: 6px 10px;\n            border-radius: 999px;\n            margin-bottom: 10px;\n          \">\n            Mulige elementer p\u00e5 siden\n          <\/div>\n          <ul style=\"\n            margin: 0;\n            padding-left: 20px;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1.03rem;\n            line-height: 1.8;\n          \">\n            <li>En kort velkomst til \u00c1 handil<\/li>\n            <li>Billeder af lokale varer<\/li>\n            <li>Sm\u00e5 tekster om udvalgte produkter<\/li>\n            <li>En enkel opskrift eller lille madinspiration<\/li>\n            <li>Et par s\u00e6tninger om Vestmanna og bygden<\/li>\n            <li>Praktisk information, hvis det giver mening<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <!-- strengths \/ caution -->\n      <div style=\"\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 16px;\n        margin-bottom: 18px;\n      \">\n        <div style=\"\n          background: linear-gradient(180deg, #fffdf9 0%, #f8efe6 100%);\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            color: #7c2d2d;\n            font-weight: 700;\n            margin-bottom: 8px;\n          \">\n            Styrke\n          <\/div>\n          <p style=\"\n            margin: 0;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1rem;\n            line-height: 1.75;\n          \">\n            Id\u00e9en forbinder fysisk m\u00f8de og digital st\u00f8tte p\u00e5 en rolig m\u00e5de og g\u00f8r det muligt at formidle lokal karakter uden at overbelaste ankomsten med skiltning eller information.\n          <\/p>\n        <\/div>\n\n        <div style=\"\n          background: linear-gradient(180deg, #fffdf9 0%, #f8efe6 100%);\n          border: 1px solid #eadfd4;\n          border-radius: 16px;\n          padding: 18px 16px;\n        \">\n          <div style=\"\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            color: #7c2d2d;\n            font-weight: 700;\n            margin-bottom: 8px;\n          \">\n            Det skal passes p\u00e5\n          <\/div>\n          <p style=\"\n            margin: 0;\n            font-family: Georgia, 'Times New Roman', serif;\n            font-size: 1rem;\n            line-height: 1.75;\n          \">\n            Siden m\u00e5 ikke blive for turistbrochure-agtig, for omfattende eller for smart. Den skal opleves som en enkel forl\u00e6ngelse af m\u00f8det med \u00c1 handil og v\u00e6re tydeligt forankret i butikkens eksisterende identitet.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- questions -->\n      <div style=\"\n        background: #efe6dc;\n        border: 1px solid #e0d1c3;\n        border-radius: 16px;\n        padding: 18px 16px;\n      \">\n        <div style=\"\n          display: inline-block;\n          background: rgba(124,45,45,0.10);\n          color: #7c2d2d;\n          font-family: Arial, sans-serif;\n          font-size: 12px;\n          letter-spacing: 0.08em;\n          text-transform: uppercase;\n          font-weight: 700;\n          padding: 6px 10px;\n          border-radius: 999px;\n          margin-bottom: 10px;\n        \">\n          Sp\u00f8rgsm\u00e5l til brugere\n        <\/div>\n        <ul style=\"\n          margin: 0;\n          padding-left: 20px;\n          font-family: Georgia, 'Times New Roman', serif;\n          font-size: 1rem;\n          line-height: 1.85;\n        \">\n          <li>Ville en lille QR med teksten <strong>\u201cNy her?\u201d<\/strong> give mening ved indgangen?<\/li>\n          <li>Ville du have lyst til at \u00e5bne en side som denne i f\u00f8rste m\u00f8de med stedet?<\/li>\n          <li>Hvad skulle der v\u00e6re p\u00e5 siden, for at den f\u00f8ltes relevant og hj\u00e6lpsom?<\/li>\n          <li>Ville billeder, lokale varer og sm\u00e5 fort\u00e6llinger hj\u00e6lpe dig til at forst\u00e5 stedet bedre?<\/li>\n          <li>Hvorn\u00e5r ville siden f\u00f8les nyttig \u2014 og hvorn\u00e5r un\u00f8dvendig?<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<p>Link til idekort 3: <a href=\"https:\/\/katof.github.io\/ide3\/idekort3.html\">https:\/\/katof.github.io\/ide3\/idekort3.html<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div style=\"max-width:760px;margin:24px auto;padding:0 16px;font-family:Georgia,'Times New Roman',serif;color:#2f2a26;\">\n  \n  <div style=\"display:flex;flex-direction:column;gap:12px;align-items:flex-start;\">\n    \n    <div style=\"display:flex;flex-wrap:wrap;gap:10px;\">\n      <span style=\"display:inline-block;background:#f3e7dc;color:#7c2d2d;font-size:12px;letter-spacing:0.04em;padding:8px 14px;border-radius:999px;border:1px solid #e2d2c3;box-shadow:0 2px 8px rgba(60,40,20,0.04);\">\n        #develop\n      <\/span>\n      <span style=\"display:inline-block;background:#f3e7dc;color:#7c2d2d;font-size:12px;letter-spacing:0.04em;padding:8px 14px;border-radius:999px;border:1px solid #e2d2c3;box-shadow:0 2px 8px rgba(60,40,20,0.04);\">\n        #ideation\n      <\/span>\n    <\/div>\n\n    <div style=\"display:flex;flex-wrap:wrap;gap:10px;\">\n      <span style=\"display:inline-block;background:#f3e7dc;color:#7c2d2d;font-size:12px;letter-spacing:0.04em;padding:8px 14px;border-radius:999px;border:1px solid #e2d2c3;box-shadow:0 2px 8px rgba(60,40,20,0.04);\">\n        #konceptspor\n      <\/span>\n      <span style=\"display:inline-block;background:#f3e7dc;color:#7c2d2d;font-size:12px;letter-spacing:0.04em;padding:8px 14px;border-radius:999px;border:1px solid #e2d2c3;box-shadow:0 2px 8px rgba(60,40,20,0.04);\">\n        #brugerinddragelse\n      <\/span>\n    <\/div>\n\n    <div style=\"display:flex;flex-wrap:wrap;gap:10px;\">\n      <span style=\"display:inline-block;background:#f3e7dc;color:#7c2d2d;font-size:12px;letter-spacing:0.04em;padding:8px 14px;border-radius:999px;border:1px solid #e2d2c3;box-shadow:0 2px 8px rgba(60,40,20,0.04);\">\n        #designprincipper2\n      <\/span>\n      <span style=\"display:inline-block;background:#f3e7dc;color:#7c2d2d;font-size:12px;letter-spacing:0.04em;padding:8px 14px;border-radius:999px;border:1px solid #e2d2c3;box-shadow:0 2px 8px rgba(60,40,20,0.04);\">\n        #\u00e1handil\n      <\/span>\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Idekort De tre idekort nedenfor er ikke f\u00e6rdige l\u00f8sninger, men forel\u00f8bige konceptspor. De bruges i idefasen som afs\u00e6t for dialog og brugerinddragelse, s\u00e5 projektets designprincipper kan blive sk\u00e6rpet og kvalificeret, f\u00f8r der arbejdes videre med en egentlig designl\u00f8sning. Tilgangen er inspireret af educational design research og kortbaserede designmetoder, hvor ideer udvikles gradvist gennem konkrete konceptforslag [&hellip;]<\/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-764","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/764","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=764"}],"version-history":[{"count":14,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/764\/revisions"}],"predecessor-version":[{"id":882,"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/pages\/764\/revisions\/882"}],"wp:attachment":[{"href":"https:\/\/itdd.au.dk\/single-user-mode\/wp-json\/wp\/v2\/media?parent=764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}