Nadia Mary Lund Kristensen Helene Hørdum Andresen 20/11/2015 Gruppe 8 Ugeopgave Gruppeprojekt Link til færdige produktion http://gellettmedia.dk/html/kea/ugeopgave/index.html Brugernavn: keammd Kode: kode2015 Idé og konceptudvikling I idé og konceptudviklingsproces blev der brainstormet på hvilke ændringer der skulle forekomme på hjemmesiden www.fuldafliv.dk. Der blev hurtigt enighed om, at stilarten ikke skulle ændres, men at skabe nye karakterer, som kunne skabe liv på siden. Ligeledes blev det besluttet at Test din viden undersiden var den der skulle redesignes, da denne var kedelig visuelt set. Af interaktive elementer blev der valgt at implementere clickeffekt og hover som skulle skabe liv på siden og aktivt involvere brugeren. Som en del af idegenereringen blev der benyttet brainstorming og denne kan ses nedenfor: 1
Styleguide Kreativ brief Dato: 16 november 2015 Kunde: Kampagnesitet Fuld af liv (af Kræftens bekæmpelse og Trygfonden) Projekt: Redesign af website med interaktive elementer HVEM ER AFSENDEREN? Kræftens bekæmpelse og Tryg Fonden står bag kampagnesitet www.fuldafliv.dk HVAD ER FORMÅLET? Siden fungerer som en informationsplatform til at oplyse og sætte fokus på det faktum at det er vigtigt at have en holdning og tage stilling til unge og deres alkoholforbrug. HVEM ER MÅLGRUPPEN? 2
Forældre med børn i teenagealderen og undervisere til disse. HVAD TÆNKER MÅLGRUPPEN OM OS NU? Lige nu ses hjemmesiden som en oplysende hjemmeside om kampagnen Fuld af liv. Der mangler dog en del liv visuelt som kan engagere brugeren. HVAD VIL VI GERNE HAVE MÅLGRUPPEN SKAL TÆNKE OM OS? Kampagnesiden skal opfattes som en seriøs og informativ hjemmeside. Budskabet skal være klart og tydeligt så det nemt når ud til forældre og undervisere. Visuelt skal siden være spændende og fængende, så den lever op til sit domænenavn Fuld af liv. HVAD ER BUDSKABET? (kort og præcist som fx et slogan/tagline) Budskabet er skabe fokus på unge og deres alkoholforbrug. HVORDAN ER VORES KOMMUNIKATION? (stil og tone) Kommunikationen er enkel og overskuelig. Der er fokus på indhold frem for design, da dette er det vigtigste i denne kampagne. VIA HVILKE MEDIER KOMMUNIKERER VI? (fx tv, web, outdoor, annoncer) Kampagnen bliver kommunikeret ud via web ER DER SÆRLIGE KRAV ELLER BEGRÆNSNINGER TIL OPGAVEN? Det at opbygning skal holdes til den nuværende opbygning er en begrænsning, da man visuelt ikke kan ændre på strukturen og lave en mere livlig opstilling. Dog er det måske godt at dette ikke er tilladt, for derved kan man risikere, at det fjerner fokus fra kampagnens budskab. Et krav som ændrer hjemmesiden markant er, at der skal implementeres langt flere Interaktive elementer sådan at hjemmesiden bliver fuld af liv og derved involverer brugeren. Det sidste særlige krav er, at opgaverne gennem forløbet skal opsættes på et Scrumboard. Scrumboardet fungerer som et overblik over arbejdsmængden. Scrumboardet skal understøttes af et burndown-chart, hvor fremgangen i arbejdsprocessen ses som en kurve. 3
Karakterdesign Som en del af opgaven, er der valgt at udvikle nye karakterer og billeder til sitet. Her er der brugt markante farver som skaber blikfang og pifter siden op. I forhold til de forhenværende karaktere er vores unikke hver i sær og derved repræsenterer de den brede befolkning. 4
Nadia Mary Lund Kristensen Helene Hørdum Andresen 20/11/2015 Gruppe 8 Mock-up Forside Test din alkoholviden 5
6
Screenshot af det færdige produkt Scrumboard https://trello.com/b/ukdlrx29/scrum-board 7
Burndown-chart Refleksion I arbejdsproces med redesign af kampagnesiden Fuld af liv er der anvendt forskellige arbejdsmetoder. Der er lavet redesigne af forsiden samt undersiden Test din viden. Idégenereringsprocessen startede ud med en brainstorme på et nyt design og der blev i den sammenhæng udviklet mockups og styleguide. Disse skulle fungere som en rettesnor i resten af arbejdsprocessen. Herefter blev der udviklet karaktere. Karaktererne blev uddelegerede i gruppen, og der blev fulgte den valgte stilart. Samtidigt blev rekvisitter udarbejdet. Der blev designede ølflasker, ciderflasker, mapper og baggrund til Test din viden - siden, en bus som skulle fungere som banner og senere skulle bruges til en giffil. I forhold til kodningen var der stillet krav til at selve sidens struktur skulle bibeholdes, så det var kun designet der skulle rettes i. Af det der blev udskiftet 8
blev undersiderne, banner og farverne ændret, så det blev visuelt spændene. Her efter kom udarbejdelsen af Test din viden -siden, som skulle kodes i Javasqript. Her opstod der en del problemer, hvilket heldigvis var medregnet i vores tidsplan. Gennem hele processen er der arbejdet med et Burndownchart, hvilket har gjort de forskellige opgaver overskueligt. I forbindelse med Burndownchartet var der oprettet en Trello som fungerede på samme måde, og gjorde det muligt og overskuleligt at følge med i arbejdsprocessen. Problemmængden har været minimal. Det har været svær at finde rundt i den oprindelige kode, hvilket har medført forvirring. Det har været svært at tyde hvad der var angivet som hvad. Der ud over, opstod der problemer med hvordan Test din viden - siden skulle kodes i Javascript. Alt i alt har arbejdet denne uge været en overskuelig proces hvor tidsplanen er blevet fulgt. Sitet er ikke fuldt færdigudviklet, men har nogle ting som kan arbejdes videre med. Siden skal muligvis genloades en enkelt gang Backlog for næste sprint. Prioriteret liste over ting der ikke er nået at blive implementeret. 1. Emnebillederne til hver quiz skal laves til links så de fører direkte til quizzen, så man ikke behøver trykke på knappen men blot kan trykke på billedet. 2. Quizzens sidste spørgsmål skal sættes ind og kodes færdig, ligeledes skal der laves en counter som tæller hvor mange man har svaret rigtigt på I alt, samt en oversigt over de rigtige svar. 3. I quizzen skal journalmappen med spørgsmål animeres så den flipper ned(ud mod brugeren) når man har besvaret spørgsmålet så det næste kommer frem. 9