{"id":1256,"date":"2020-03-09T19:40:46","date_gmt":"2020-03-09T18:40:46","guid":{"rendered":"https:\/\/maxfest.dk\/port\/?p=1256"},"modified":"2020-04-16T17:13:32","modified_gmt":"2020-04-16T15:13:32","slug":"indhold-og-visuel-kommunikation-for-odense-renovation-mmd-modul-4-digitalt-indhold","status":"publish","type":"post","link":"https:\/\/maxfest.dk\/port\/vearker\/hjemmesider\/indhold-og-visuel-kommunikation-for-odense-renovation-mmd-modul-4-digitalt-indhold\/","title":{"rendered":"Indhold og visuel kommunikation for Odense Renovation | MMD Modul 4 &#8211; Digitalt indhold"},"content":{"rendered":"\n<p>Modul 4 digitalt indhold var en opgave der d\u00e6kkede over at udvikle indhold og visuel kommunikation p\u00e5 baggrund af ikke-digitalt materiale.<\/p>\n\n\n\n<p>I modulet blev der udarbejdet:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>En projektplan<\/li><li>Individuelle budskabsdesign opgaver<\/li><li>Individuelle forslag til visuel kommunikation<\/li><li>Interaktiv prototype (best\u00e5ende af HTML, CSS og JavaScript)<\/li><li>Prototype udviklet i Adobe XD<\/li><li>Logbog<\/li><li>Informationsgrafik<\/li><li>Animeret video<\/li><li>Video egnet til Sociale medier<\/li><li>SEO optimeret side<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Gruppekontrakt<\/h2>\n\n\n\n<p>Opgaven blev udviklet i et samarbejde mellem:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Max Festersen Hansen <\/li><li>Louise Beisner \u00d6berg <\/li><li>Anton Storm Wich <\/li><li>Lucas Kofoed Lynge <\/li><li>Emma Engel <\/li><li>Viktor Kongskov<\/li><\/ul>\n\n\n\n<p>Viktor Kongskov agerede som projektleder.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Interaktiv prototype<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">L\u00f8sningen<\/h3>\n\n\n\n<p>L\u00f8sningen er en underside for Odense Renovation, der fort\u00e6ller om hvordan affald skal sorteres i hjemmet jf. den nye affaldsordning.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.maxfest.dk\/odense-renovation\/private\/\">https:\/\/www.maxfest.dk\/odense-renovation\/private\/<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.maxfest.dk\/odense-renovation\/private\/hvordan-affald-sorteres-i-odense-komune.html\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"528\" src=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2020\/04\/image-1-1024x528.png\" alt=\"https:\/\/www.maxfest.dk\/odense-renovation\/private\/hvordan-affald-sorteres-i-odense-komune.html\" class=\"wp-image-1361\" srcset=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2020\/04\/image-1-1024x528.png 1024w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2020\/04\/image-1-300x155.png 300w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2020\/04\/image-1-768x396.png 768w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2020\/04\/image-1-1600x825.png 1600w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2020\/04\/image-1-1536x792.png 1536w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2020\/04\/image-1.png 1904w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><a href=\"https:\/\/www.maxfest.dk\/odense-renovation\/private\/hvordan-affald-sorteres-i-odense-komune.html\">https:\/\/www.maxfest.dk\/odense-renovation\/private\/hvordan-affald-sorteres-i-odense-komune.html<\/a><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Valg af l\u00f8sning<\/h3>\n\n\n\n<p>Der blev taget udgangspunkt i <a href=\"https:\/\/www.odenserenovation.dk\/private\/ny-affaldsordning-sorter-mere-odense-new-waste-system-udrulning\/saadan-skal-du-sortere\/\">beskrivelsen for hvordan man skal sortere<\/a> p\u00e5 Odense Renovations hjemmeside.<\/p>\n\n\n\n<p>I en usability analyse, NUG analyse, SEO analyse og brugertests performede undersiden ikke godt.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Brugere havde sv\u00e6rt ved at finde siden, b\u00e5de via s\u00f8gemaskiner og ved at navigere p\u00e5 siden. Deres behov blev ikke d\u00e6kket af sorteringsguiden alene. <\/li><li>De brugere der bes\u00f8gte siden klagede over at indholdet var mangelfuldt og billeder sv\u00e6re at tyde.<\/li><li>I en rundsp\u00f8rgelse og efterf\u00f8lgende tests fandt vi frem til at brugere ikke fandt den information om plastik sortering de \u00f8nskede fra siden.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Forbedringer<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>I prototypen har siden f\u00e5et mere deskriptiv titel, beskrivelse og billede.<\/li><li>SEO optimeret. Siden anvender semantiske tags. Meta tags er forbedret.<\/li><li>Ikoner og billeder er nu mere genkendelige.<\/li><li>Kontrasten p\u00e5 siden er blevet optimeret til flere brugere (f\u00f8r var noget tekst sv\u00e6rt l\u00e6seligt.<\/li><li>Fokuseret design re-implementeret. I den oprindelige side var det blevet fjernet, men nu er det implementeret igen, s\u00e5 brugere kan se hvad der fokuseres p\u00e5.<\/li><li>Billeder har f\u00e5et tilf\u00f8jet alt tags.<\/li><li>Mere visuelt tiltalende. Ikoner og tekst kan bedre l\u00e6ses. Indhold kan nu tilg\u00e5es i en interaktiv oversigt, samt statisk p\u00e5 siden.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Udvikling<\/h3>\n\n\n\n<p> Vi startede med at lave en SEO side, for at teste hvordan SEO indhold kunne udvikles til en kampagne side. Dette var ogs\u00e5 form\u00e5let i en workshop gruppen deltog i, under modulet. <\/p>\n\n\n\n<p>I forbindelse med udviklingen af den interaktive prototype, blev der udviklet:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>lo-fi wireframe<\/li><li>Style tile<\/li><li>hi-fi wireframe<\/li><li>Github side<\/li><li>XD prototype<\/li><li>Protype med kode<\/li><\/ul>\n\n\n\n<p>F\u00f8rst relativt sent blev der tegnet en lo-fi prototype. Den blev udviklet p\u00e5 baggrund af indsigter for hvad Odense Renovation manglede. Der var en del uenighed omkring sidens indhold og ops\u00e6tning, men gruppen blev enige.<\/p>\n\n\n\n<p>Style tyle, hi-fi wireframe og XD  prototype blev igangsat samtidigt. Som de enkelte elementer blev f\u00e6rdige, tog de inspiration fra hinanden til det endelige design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Trello og SCRUM<\/h2>\n\n\n\n<p>Max Festersen Hansen agerede som Scrum-master.<\/p>\n\n\n\n<p><a href=\"https:\/\/trello.com\/b\/dIzi5Y9y\/modul-4\">Trello board kan ses her<\/a>.<\/p>\n\n\n\n<p>Scrum metoden blev anvendt lidt l\u00f8st. Trello boardet har l\u00f8bende v\u00e6ret anvendt til at fordele arbejdsopgaver. M\u00f8der blev afholdt siddende, men n\u00e6sten dagligt.<\/p>\n\n\n\n<p>Opgaverne har v\u00e6ret indelt i Design thinkings 5 faser. Discovery, Iterpretation, Ideation, Experimentation og Evolution.<\/p>\n\n\n\n<p>Opgaven har desv\u00e6rre ikke v\u00e6ret optimal at faseindele. Der har v\u00e6ret meget tid til at arbejde med dataindsamling og formulering. Desv\u00e6rre s\u00e5 var der f\u00e5 \u00f8jeblike hvor id\u00e9er kunne skabes, og relativt lidt tid brugt p\u00e5 faktisk udvikling i Experimentation og Evolution.<\/p>\n\n\n\n<p>Der er l\u00f8bende blevet testet. Det har v\u00e6ret en stor succes. Vi kunne tilpasse opgavens forl\u00f8b til de data og indsigter vi l\u00f8bende har f\u00e5et skabt os. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Budskabsdesign opgave for Max<\/h2>\n\n\n\n<p>Beskrivelsen var s\u00e6rdeles ringe, og nem at misforst\u00e5. Rammerne var bredt defineret, hvilket ikke var meningen. Det ledte til meget tvivl omkring hvordan den skulle se ud. Jeg havde misforst\u00e5et opgaven, men udf\u00f8rt den alligevel.  Ganske f\u00e5 elever jeg har snakket med havde opgaver der var indenfor de tilt\u00e6nkte rammer for opgaven.<\/p>\n\n\n\n<p>Eleverne gav hinanden feedback. Det f\u00f8rte til meget selvsigende kommentarer med meget lidt v\u00e6rdi. Ingen l\u00e6rer har, af hvad jeg ved, set p\u00e5 opgaverne. Det var i mine \u00f8jne en meget skuffende oplevelse.<\/p>\n\n\n\n<p>Budskabsdesign er meget essentielt. At kunne forst\u00e5 andres budskab, og formulere sit eget er en evne enhver designer b\u00f8r have.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Individuelle forslag til visuel kommunikation af Max<\/h2>\n\n\n\n<p>Mine forslag til den visuelle strategi omhandlede social medier.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Moodboard<\/h3>\n\n\n<div class=\"wp-block-pdfemb-pdf-embedder-viewer\"><a href=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2020\/03\/Odense-renovation-moodboard.pdf\" class=\"pdfemb-viewer\" style=\"\" data-width=\"max\" data-height=\"max\" data-toolbar=\"none\" data-toolbar-fixed=\"off\">Odense-renovation-moodboard<\/a><\/div>\n<p class=\"wp-block-pdfemb-pdf-embedder-viewer\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Facebook post<\/h3>\n\n\n<div class=\"wp-block-pdfemb-pdf-embedder-viewer\"><a href=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2020\/03\/facebook-post-eksempel.pdf\" class=\"pdfemb-viewer\" style=\"\" data-width=\"max\" data-height=\"max\" data-toolbar=\"none\" data-toolbar-fixed=\"off\">facebook-post-eksempel<\/a><\/div>\n<p class=\"wp-block-pdfemb-pdf-embedder-viewer\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Modul 4 digitalt indhold var en opgave der d\u00e6kkede over at udvikle indhold og visuel kommunikation p\u00e5 baggrund af ikke-digitalt materiale. I modulet blev der udarbejdet: En projektplan Individuelle budskabsdesign opgaver Individuelle forslag til visuel kommunikation Interaktiv prototype (best\u00e5ende af HTML, CSS og JavaScript) Prototype udviklet i Adobe XD Logbog Informationsgrafik Animeret video Video egnet&#8230;<\/p>\n","protected":false},"author":3,"featured_media":1259,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[18,24],"class_list":["post-1256","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hjemmesider","tag-mmd","tag-mmd-projekt"],"_links":{"self":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/1256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/comments?post=1256"}],"version-history":[{"count":5,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/1256\/revisions"}],"predecessor-version":[{"id":1365,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/1256\/revisions\/1365"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media\/1259"}],"wp:attachment":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media?parent=1256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/categories?post=1256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/tags?post=1256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}