{"id":266,"date":"2026-03-25T08:43:31","date_gmt":"2026-03-25T08:43:31","guid":{"rendered":"https:\/\/proces.carlemilfaester.dk\/?page_id=266"},"modified":"2026-03-27T09:53:45","modified_gmt":"2026-03-27T09:53:45","slug":"projekt-4","status":"publish","type":"page","link":"https:\/\/proces.carlemilfaester.dk\/?page_id=266","title":{"rendered":"Projekt 4 – Brugergr\u00e6nseflader & Digitalt indhold"},"content":{"rendered":"\n

Kick-off<\/h2>\n\n\n\n

Vi blev introduceret til projektet ved kick-off, efter at have modtaget projektbeskrivelsen nogle dage forinden.<\/p>\n\n\n\n

I gruppen besluttede vi at samarbejde med SIND, som er en NGO, der st\u00f8tter psykisk s\u00e5rbare. De tilbyder blandt andet r\u00e5dgivning og st\u00f8tte til psykisk syge og deres p\u00e5r\u00f8rende gennem aktiviteter, f\u00e6llesskaber og st\u00f8tteordninger. Vi valgte SIND, da vi alle var interesserede i deres arbejde. Ingen af os havde h\u00f8rt om organisationen f\u00f8r, selvom de har mange afdelinger landet over.<\/p>\n\n\n\n

Da SIND ikke havde en s\u00e6rlig stor platform online, is\u00e6r ikke blandt unge, s\u00e5 vi det som en god mulighed at fors\u00f8ge at forbedre den. Vi afgr\u00e6nsede derefter et problemfelt og sendte en mail til SIND for at f\u00e5 deres input til projektet.<\/p>\n\n\n\n

Efter gruppedannelsen, men inden kick-off, havde vi oprettet et scrum board og p\u00e5begyndt research inden for frivillighed.<\/p>\n\n\n\n

Sprint 1<\/h2>\n\n\n\n

I sprint 1 arbejdede vi p\u00e5 projektstrukturen og fordelte roller. Vi udarbejdede gruppekontrakt, interessentanalyse og risikoanalyse. Derudover lavede vi en projektplan og opsatte vores scrum board med de definerede sprints og opgaver, vi skulle n\u00e5 i m\u00e5l med under projektet.<\/p>\n\n\n\n

Det var ogs\u00e5 i Sprint 1, vi begyndte p\u00e5 meget af vores research. Vores research inkluderede en netnografisk unders\u00f8gelse af SINDs SoMe-platforme, hvor vi identificerede deres nuv\u00e6rende Tone of Voice. Vi udarbejdede en testplan og et testscript, hvorefter vi udf\u00f8rte en brugertest i form af et interview med unge i m\u00e5lgruppen om deres syn p\u00e5 frivillighed. Idegenereringen p\u00e5begyndtes umiddelbart efter interviewsene.<\/p>\n\n\n\n

I slutningen af Sprint 1 modtog vi en invitation til at deltage i SINDs n\u00e6ste generalforsamling, som skulle afholdes i Odense.<\/p>\n\n\n\n

Sprintet blev afsluttet med et sprint review, hvor vi evaluerede, hvad der fungerede godt, og hvad der ikke gjorde.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Sprint 2 & 3<\/h2>\n\n\n\n

Sprint 2 var kort og fungerede som en udvidelse af sprint 1. Vi lavede yderligere research og udarbejdede en KWHL- og en BMC-analyse. Vi blev enige om i gruppen, at vores fremtidige sprints skulle v\u00e6re l\u00e6ngere.<\/p>\n\n\n\n

I sprint 3 dykkede vi dybere ned i research specifikt omkring, hvordan SIND ser ud og kommunikerer. Vi researchede copywriting m\u00e5lrettet unge mellem 20 og 25 \u00e5r samt UI-patterns. Det var ogs\u00e5 i dette sprint, at vi p\u00e5begyndte vores designsystem.<\/p>\n\n\n\n

Vi n\u00e5ede frem til en f\u00e6lles produktid\u00e9, som skulle v\u00e6re vores produkt: en onboarding-side til unge frivillige for SIND. Vi sluttede b\u00e5de sprint 2 og 3 af med et sprint review.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Sprint 4<\/h2>\n\n\n\n

I sprint 4 fokuserede vi p\u00e5 udarbejdelsen af vores wireframes. I den forbindelse udf\u00f8rte vi card sorting, hvor unge i m\u00e5lgruppen sorterede indholdet af de forskellige undersider p\u00e5 vores onboarding-side. Vi havde klippet sektionerne ud, s\u00e5 deltagerne selv kunne bestemme r\u00e6kkef\u00f8lgen p\u00e5 siderne.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Vi arbejdede videre p\u00e5 designsystemet og skabte vores f\u00f8rste mockups. Derudover fordelte vi de forskellige JavaScript-opgaver mellem gruppemedlemmerne.<\/p>\n\n\n\n

Sprint 4 blev som de \u00f8vrige sprints afsluttet med et kort sprint review.<\/p>\n\n\n\n

Sprint 5 & 6<\/h2>\n\n\n\n

I sprint 5 fokuserede vi p\u00e5 at producere vores SoMe-indhold og f\u00e6rdigg\u00f8re den online prototype. Vi m\u00f8dtes alle i UCL\u2019s Medialab, hvor vi filmede forskelligt indhold foran en greenscreen til vores procesvideo. Det meste af arbejdet foregik herefter individuelt med hjemmearbejde. Vi holdt dog online m\u00f8der for at f\u00f8lge op p\u00e5 scrum boardet og sikre, at alt forl\u00f8b som forventet.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Jeg stod for min del af JavaScript-koden, som inkluderede en hjemmeside, der viser frivillige events. Her implementerede jeg en filtreringsfunktion via et kort over Danmark, der muligg\u00f8r filtrering efter specifikke regioner. Desuden lavede jeg vores FAQ-side.<\/p>\n\n\n\n

Jeg fokuserede prim\u00e6rt p\u00e5 kodedelen, mens et par af de andre gruppemedlemmer fokuserede p\u00e5 SoMe-indholdet.<\/p>\n\n\n\n

Sprint 6 var afslutningsfasen, som prim\u00e6rt bestod af finpudsning og f\u00e6rdigg\u00f8relse af udest\u00e5ende opgaver.<\/p>\n\n\n\n

Refleksion<\/h2>\n\n\n\n

Jeg synes, at starten p\u00e5 projektet forl\u00f8b godt; vi var velorganiserede og fulgte tidsplanen perfekt. Da vi n\u00e5ede projektets anden uge, begyndte det dog at g\u00e5 lidt ned ad bakke i forhold til rollefordeling og ansvarsomr\u00e5der. En af \u00e5rsagerne, i hvert fald for mig, er, at meget af det indledende arbejde analyserne og projektstrukturen blev udf\u00f8rt, fordi vi skulle<\/em> det, snarere end fordi vi havde en fuld forst\u00e5else for, hvad det reelt skulle hj\u00e6lpe os med. I fremtidige projekter vil jeg derfor fokusere p\u00e5 at s\u00e6tte mig bedre ind i de forskellige elementer for at opn\u00e5 en st\u00f8rre forst\u00e5else.<\/p>\n\n\n\n

Programmeringsdelen er et andet punkt, hvor jeg mener, at vores kode kunne have v\u00e6ret mere struktureret, end den endte med at v\u00e6re. Is\u00e6r vores CSS blev meget uoverskuelig. Fremadrettet vil jeg sikre, at vi aftaler brugen af Media Queries og ensartede classes til elementer som knapper og kort p\u00e5 tv\u00e6rs af HTML-sider. Dette vil sikre, at alt ser ens ud, og at vi undg\u00e5r at skulle lave un\u00f8dvendigt mange styles til knapper.<\/p>\n\n\n\n

S\u00e5 synes jeg ogs\u00e5 selv at jeg var lidt for passiv til tider i projektet og ikke tog nok ansvar, jeg synes godt at min egen indsats kunne have v\u00e6ret bedre, s\u00e5 det vil jeg helt sikkert tage med mig til n\u00e6ste projekt. Jeg vil s\u00f8rge for at tage mere initiativ og p\u00e5tage mig mere af arbejdet, i stedet for bare at f\u00e5 det uddelt.<\/p>\n","protected":false},"excerpt":{"rendered":"

Kick-off Vi blev introduceret til projektet ved kick-off, efter at have modtaget projektbeskrivelsen nogle dage forinden. I gruppen besluttede vi at samarbejde med SIND, som er en NGO, der st\u00f8tter psykisk s\u00e5rbare. De tilbyder blandt andet r\u00e5dgivning og st\u00f8tte til psykisk syge og deres p\u00e5r\u00f8rende gennem aktiviteter, f\u00e6llesskaber og st\u00f8tteordninger. Vi valgte SIND, da vi […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-266","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=266"}],"version-history":[{"count":5,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/266\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=\/wp\/v2\/pages\/266\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/proces.carlemilfaester.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}