Rapport - Martin Daugaard - portfolio
Rapport - Martin Daugaard - portfolio
Rapport - Martin Daugaard - portfolio
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
Indhold<br />
Indhold ............................................................................................................................................ 1<br />
Titelblad ................................................................................................................................... 4<br />
Forord ...................................................................................................................................... 5<br />
Ansvarsfordeling ...................................................................................................................... 5<br />
Indledning ................................................................................................................................ 6<br />
Problemfelt .............................................................................................................................. 6<br />
Problemstilling ......................................................................................................................... 6<br />
Problemformulering .................................................................................................................. 7<br />
Afgrænsning ............................................................................................................................ 7<br />
Research & Analyse ....................................................................................................................... 8<br />
Målgruppe ................................................................................................................................ 9<br />
Business To Business .............................................................................................................. 9<br />
Business To Consumer ............................................................................................................ 9<br />
Interviews ................................................................................................................................ 9<br />
Konklusion på interviews........................................................................................................ 10<br />
Den interne situation .............................................................................................................. 11<br />
SWOT .................................................................................................................................... 12<br />
Konklusion på SWOT ............................................................................................................. 12<br />
TOWS .................................................................................................................................... 13<br />
Konklusion på TOWS ............................................................................................................. 14<br />
Metode ................................................................................................................................... 14<br />
46H-modellen – metodisk tilgang ........................................................................................... 15<br />
Personaer .............................................................................................................................. 15<br />
1
Begrundelse for valg af personaer ......................................................................................... 19<br />
Koncept ................................................................................................................................. 19<br />
Konklusion ............................................................................................................................. 20<br />
Forberedelse ................................................................................................................................. 21<br />
Efter research og analyse ...................................................................................................... 22<br />
Tidsplanlægning .................................................................................................................... 22<br />
Work Breakdown Structure .................................................................................................... 23<br />
Prototype ...................................................................................................................................... 24<br />
Three Ring Target – Følelser og værdier ............................................................................... 25<br />
Moodboard ............................................................................................................................ 26<br />
AIDA ...................................................................................................................................... 27<br />
Udviklingsproces .................................................................................................................... 28<br />
Informations arkitektur ........................................................................................................... 28<br />
Implementering i designet ...................................................................................................... 29<br />
Farvevalg ............................................................................................................................... 30<br />
Skrifttype ................................................................................................................................ 30<br />
Information og navigationsdesign ........................................................................................... 31<br />
Prototype udvikling................................................................................................................. 32<br />
Storyboard – Kundeside ........................................................................................................ 33<br />
Storyboard - Brugersystem .................................................................................................... 36<br />
Mobil Applikation .................................................................................................................... 38<br />
Prototypeudvikling.................................................................................................................. 40<br />
XHTML og CSS ..................................................................................................................... 41<br />
JavaScript og jQuery .............................................................................................................. 41<br />
Søgemaskineoptimering ........................................................................................................ 44<br />
Facebook integration ............................................................................................................. 44<br />
Test og evaluering ........................................................................................................................ 45<br />
Gangstertesten ...................................................................................................................... 46<br />
2
Think Out Loud Test .............................................................................................................. 47<br />
Begrundelse for valg af Think Out Loud test .......................................................................... 48<br />
Afslutning ............................................................................................................................... 48<br />
Perspektivering ...................................................................................................................... 48<br />
Afgrænsning .......................................................................................................................... 49<br />
Videre Udvikling ..................................................................................................................... 49<br />
Bilag.............................................................................................................................................. 50<br />
Bilag 1 - 46h-modellen ........................................................................................................... 51<br />
Interviews .............................................................................................................................. 54<br />
Konklusion af interview .......................................................................................................... 57<br />
Interview med topchef Bjørn Kjos fra Norwegian .................................................................... 57<br />
Konklusion af interview .......................................................................................................... 57<br />
.............................................................................................................................................. 58<br />
.............................................................................................................................................. 58<br />
Bilag 1 B to B – B to C ........................................................................................................... 59<br />
Bilag 2 Moodboards ............................................................................................................... 59<br />
Bilag 3 uddrag af skitser......................................................................................................... 60<br />
bilag 4 skitser med post it ....................................................................................................... 61<br />
Designmanual ........................................................................................................................ 62<br />
3
Titelblad<br />
Titel<br />
Aktiv Firma Sundhed<br />
Projekt<br />
3. semester eksamensopgave<br />
Skole & uddannelse<br />
Erhvervsakademiet Sjælland, Campus Køge<br />
Projektperiode<br />
19 November 2012, kl. 9.00 til 20 December 2012, kl 12.00<br />
Deadline<br />
20 December 2012, kl. 12.00<br />
Vejleder<br />
Stine Dahl (stine46h@gmail.com)<br />
Virksomhedskontakt<br />
Henrik Frandsen (+45 51 18 67 08)<br />
Produkter<br />
- <strong>Rapport</strong> - http://steph.dk/afs/rapport.pdf<br />
- Kunde side - http://www.steph.dk/afs/<br />
- Bruger side - http://www.steph.dk/afs/intern/<br />
- Mobil Applikation - http://steph.dk/afs/app/<br />
4
Forord<br />
Denne rapport er skrevet i forbindelse med 3. semester 2012 på uddannelsen til<br />
multimediedesigner på Erhvervsakademiet Sjælland, Campus Køge, hvor vi har fået stillet<br />
til opgave at videreudvikle konceptet Aktiv Firma Sundhed. Vi vil i samarbejde med Henrik,<br />
som har stillet de nødvendige informationer og videoer til rådighed, få skabt et holdbart<br />
koncept.<br />
<strong>Rapport</strong>en beskriver projektgruppens arbejdstilgang, arbejdsproces samt fremlægger<br />
gruppens konklusioner vedrørende hele denne arbejdsproces proces og vores tilgang til<br />
opgaven.<br />
Hensigten med rapporten er at give et ordentligt indtryk af Aktiv Firma Sundhed. Hjælpe<br />
dem på vej ved hjælp af at følge vores koncept. Vi vil tilføje nyt liv til hjemmesiden og<br />
integrere nye funktioner og tiltag.<br />
Projektgruppen retter en varm tak til Stine Dahl, for en god vejledning og ikke mindst<br />
Henrik Frandsen, for et godt samarbejde og nem tilgængelig information.<br />
Ansvarsfordeling<br />
Nedenunder ses punkterne i rapporten og hvem, der har haft ansvaret for dem. Det er<br />
værd at notere, at vi alle har hjulpet med udviklingen af koncept, produkt og rapport.<br />
For en uddybelse af planlægning af projekt, ansvarsfordelingen og gruppeprocessen se<br />
procesevaluering i afslutningen af rapporten.<br />
5
Indledning<br />
Ejer Henrik Frandsen har ud fra sine erfaringer som ejer og leder af en række<br />
Fitnesscentre udviklet en virksomhedsløsning, hvor Aktiv Firma Sundhed driver og<br />
servicerer andre virksomheders interne fitness-faciliteter.<br />
Aktiv Firma Sundhed ser det som deres opgave både at sætte fitness-kulturen i<br />
virksomhederne i gang, men også - og ikke mindst - at holde begejstringen og<br />
engagementet kørende i virksomhederne også på længere sigt.<br />
Det er en udfordring, der for mange kan virke uoverskuelig. Aktiv Firma Sundhed har søgt<br />
ekstern hjælp til at klare opgaven. Det er her at vi, fire multimediedesignstuderende,<br />
kommer ind i billedet.<br />
Vi har i denne rapport fundet en løsning, ved at udarbejde et koncept som vil udvikle Aktiv<br />
Firma Sundhed og tage det til nye højder.<br />
Problemfelt<br />
Aktiv Firma Sundheds første prioritet er at drive og servicere andre virksomheders interne<br />
fitness-faciliteter. De hjælper også mindre firmaer som ikke har ressourcer til at have deres<br />
eget fitnesscenter.<br />
Erfaringen fra virksomheder med interne fitness-faciliteter/aftaler uden systematisk<br />
motivation og styring er, at faciliteterne ofte står mere eller mindre ubrugte efter<br />
opstartens/nyhedens begejstring har lagt sig.<br />
Aktiv Firma Sundheds målsætning er at sætte fitness-kulturen i virksomhederne i gang<br />
men også at holde begejstringen og engagementet kørende i virksomhederne også på<br />
længere sigt.<br />
Problemstilling<br />
Vi har derfor fået til opgave at udvikle et koncept til en digital platform som understøtter<br />
Aktiv Firma Sundheds forretningsmodel. Aktiv Firma Sundhed ønsker at gøre det muligt<br />
for virksomhedernes medarbejdere at oprette en profil, hvor de kan få støtte til deres<br />
personlige fitness-projekt.<br />
6
Aktiv Firma Sundhed ønsker at få udviklet en digital platform med et udarbejdet koncept<br />
som har til formål at motivere og fastholde brugerne efter nyhedens begejstring har lagt<br />
sig.<br />
Ydermere ønskes der et redesign af hjemmesiden samt en komplet visuel identitet.<br />
Problemformulering<br />
Hvordan motivere vi brugerne til at fastholde deres træning efter opstartens begejstring<br />
har lagt sig, samt giver AFS den bedst mulige visuelle identitet?<br />
Afgrænsning<br />
Vi har i denne opgave sat fokus på at udvikle og realisere et koncept til en digital platform.<br />
Vores løsning vil kunne håndtere input fra brugerne og den skal bidrage til at motivere og<br />
fastholde dem, der gør brug af fitness ordningen.<br />
Desuden har vi udviklet en app, skabt en visuel identitet og redesignet Aktiv Firma<br />
Sundheds eksisterende hjemmeside samt lavet en brugerdefineret intern side.<br />
7
Research & Analyse<br />
8
Målgruppe<br />
Aktiv Firma Sundhed henvender sig til to målgrupper. Virksomhederne og deres<br />
medarbejdere.<br />
Virksomhederne er B2B markedet og medarbejderne er B2C markedet.<br />
Begge målgrupper er primære målgrupper da de er afhængige af hinanden. Hvis den ene<br />
målgruppe ikke tror på konceptet vil det ikke fungere. Begge markedet kan påvirke<br />
hinanden. Virksomhederne kan sælge konceptet til sine medarbejdere og medarbejderne<br />
kan sælge konceptet til virksomheden.<br />
Business To Business<br />
Aktiv Firma Sundheds kan sælge deres produkt til alle former for virksomheder. Store som<br />
små. Det er ikke et kriterium at virksomheden har deres eget træningscenter for at Aktiv<br />
Firma Sundhed kan hjælpe dem.<br />
Business To Consumer<br />
B2C markedets målgruppe er folk der arbejder i virksomheder. Dette er en større<br />
målgruppe i forhold til virksomhederne. Der er ingen krav i forhold til medarbejderens alder<br />
eller stilling. Det er primært henvendt til medarbejdere som er i dårlig fysisk form og har<br />
brug for hjælp med at blive motiveret til at træne. Dette kan vi konkludere da folk der<br />
allerede er i god form og træner selv ikke har lige så meget brug for hjælp til at blive<br />
motiverede.<br />
Interviews<br />
Vi har interviewet 1 Lene Berg og Lars Ole Knudsen som begge arbejder i en virksomhed,<br />
samt Bjørn Kjos som er topchef hos Norwegian. Vi har interviewet dem for at lære vores<br />
målgruppe bedre at kende og finde ud af hvordan vi skal markedsføre aktiv firma sundhed.<br />
1 Bilag - interviews<br />
9
Konklusion på interviews<br />
Konklusion af interview af Lene Berg og Lars Ole Knudsen<br />
Med hensyn til at motivere medarbejderne konkluderer vi hvis man kan skabe fælleskab<br />
og sammenhold omkring træningen i firmaet, vil det være en stor motiverende faktor.<br />
Samtidigt ville det være motiverende hvis man kunne se hvem der var oppe og træne i<br />
øjeblikket.<br />
Overskud var også en vigtig del for de interviewede. Hvis man havde overblik over sit<br />
træningsprogram ville man have nemmere ved at følge det. Eventuelt med en kalender.<br />
Det skal også være muligt at træne hjemme hvis man har travlt med privatlivet.<br />
Med hensyn til Aktiv Firma Sundheds nuværende hjemmeside var farverne gode. De<br />
meget lyse og grønne farver giver et godt indtryk af sundhed.<br />
Der manglede dog noget liv og bevægelse. De interviewede følte ikke at der var noget<br />
blikfang på hjemmesiden. Samtidig var informationsarkitekturen lidt forvirrende.<br />
Konklusion på interview af Bjørn Kjos fra Norwegian<br />
Virksomhederne vil selvfølgelig gerne have sundere og friskere medarbejdere med færre<br />
sygedage. Det vil gavne virksomhederne internt men også udadtil i forhold til deres egne<br />
kunder. Bjørn synes dog ikke styrkene i aktiv firma sundhed skinner igennem på forsiden.<br />
Vi mener at hvis man kan bevise overfor virksomhederne at Aktiv Firma Sundhed kan<br />
hjælpe dem med at gøre deres virksomhed bedre og mere produktiv ville man have en<br />
større kundebasis. Det vil være en essentiel del af budskabet som skal skinne igennem på<br />
forsiden.<br />
I det kommende afsnit kommer vi ind på researchen og analysen af Aktiv Firma Sundhed.<br />
10
Den interne situation<br />
I forbindelse med at lave et koncept til en digital platform, udvikle en visuel identitet samt<br />
redesign af Aktiv Firma Sundheds eksisterende website. Har vi brug for et indblik i<br />
virksomheden så vi ved, hvem det er vi samarbejder med, og hvad de hidtil har været vant<br />
til. For at udarbejde informationsarkitekturen til Aktiv Firma Sundheds nye hjemmeside<br />
samt en tilhørende digital platform, der skal hjælpe brugerne med at fastholde<br />
motivationen til at træne, er det vigtigt at vi ved, hvad de ønsker at opnå.<br />
Henrik Frandsen styrer selv sit eget fitnesscenter i Vordingborg. Hans fitnesscenter er en<br />
del af Dansk Fitness A.M.B.A. som fungerer som en paraplyorganisation for en række<br />
fitnesscentre i Danmark. Samtidig driver firmaet Aktiv Firma Sundhed som giver<br />
virksomheder mulighed for at få coaching i kost og træning.<br />
Lige nu har han to samarbejdspartnere som begge fabrikerer træningsmaskiner og<br />
installere træningscentre i virksomheder. Hver gang de installere et træningscenter i en<br />
virksomhed ringer de til Henrik så han kan introducere de ansatte for træningsprogrammer<br />
til massage ordninger. Det at han har sit eget fitnesscenter gør at han har lang række<br />
ansatte han kan trække på. Så han kan give alle former for træningsløsninger til<br />
virksomhederne efterfølgende.<br />
Samarbejdet med de to virksomheder som installere træningscentre i virksomheder er<br />
Aktiv Firma Sundheds kontakt til virksomheder. Dvs. at de er Henriks primære leverandør<br />
af kunder til Aktiv Firma Sundhed. Men Aktiv Firma Sundheds kunde bredde er meget<br />
større.<br />
I en privat samtale vi havde med Henrik fortalte han at han sagtens kunne hjælpe små<br />
virksomheder. Han kunne træne hold i et møde lokale hvor man trak bordene ud til siden<br />
eller lave en løbeklub hvor der kom en løbetræner ud i virksomheden et par gange om<br />
ugen.<br />
Dette gør at Aktiv Firma Sundhed har en meget stor Kunde bredde og en stor målgruppe<br />
af virksomheder han kan sælge til produkt til. Det virkede ikke på Henrik som at han havde<br />
tænkt over at markedsføre sig selv til de mindre virksomheder også.<br />
11
Han udtaler selv i sin brief at det kører godt for hans firma og at de har et pænt overskud.<br />
Men hvis man tænker over at han ikke selv står for at få sine kunder ind tror vi at med<br />
ændringer i hans koncept kan opnå meget mere med sit firma.<br />
SWOT<br />
Vi har lavet en SWOT og TOWS. Vi har lavet SWOT analysen for at fokusere på firmaets<br />
styrker, minimere svagheder, og finde den bedst mulige måde at drage fordel af de<br />
muligheder der ligger i firmaet. SWOT analysen bliver nyttesløs hvis den ikke bliver<br />
udvidet til en TOWS.<br />
Konklusion på SWOT<br />
Ud fra denne SWOT analyse kan det konkluderes at Aktiv Firma Sundhed er en<br />
virksomhed med mange styrker. De har mange styrker som appellerer til begge<br />
målgrupper. De har også mange muligheder til at forbedre deres markedsføring og<br />
eksisterende hjemmeside. De har også muligheder for at forbedre kundernes motivation<br />
på længere sigt og på den måde fastholde et større kunde klientel.<br />
12
TOWS<br />
TOWS analysen har vi brugt til at finde frem til hvordan man bruger styrkerne til at drage<br />
fordel af de muligheder der er i firmaet, samt eliminere trusler.<br />
13
Konklusion på TOWS<br />
Vi diskuterede i gruppen omkring hvilke elementer i TOWS’en som ville bruge til at hjælpe<br />
Aktiv Firma Sundhed mest. Vi kom først frem til at han skulle vise sine styrker bedre på sin<br />
hjemmeside. Elementer som sundere og mindre syge medarbejder er noget alle<br />
virksomheder gerne vil have, så det er en væsentlig faktor at fremhæve på sin forside.<br />
En forbedring i hjemmesidens SEO vil få hans besøgsantal til at stige markant. Hvilket vil<br />
gøre at han har større mulighed for at lokke kunder ind i sit firma ved hjælp af sin<br />
markedsføring.<br />
Forbedring i hjemmesidens IA vil gøre budskabet og hans firmas formåen tydeligere og på<br />
den måde ville han sælge sig selv bedre.<br />
Vi vil markedsføre Aktiv Firma Sundhed på flere forskellige kommunikationsplatforme for<br />
at nå ud til en større gruppe potentielle kunder. På den måde udvide markedsføringen så<br />
den ikke kun bliver viral men også digital.<br />
Vi vil skabe en fælles intern platform for virksomhederne, så brugerne føler et fællesskab<br />
og på den måde bliver motiveret til at fastholde deres træning.<br />
Vi vil integrere video så Henrik kan oploade træningsvideoer til brugerne. På den måde<br />
kan de altid holde sig opdaterede og udvide deres trænings kendskab.<br />
Gamification elementer vil hjælpe til at motivere brugerne. Det er specielt henrettet til de<br />
brugere som i god form og skal udfordres.<br />
Dette er principper som vi vil forsøge at overholde i vores udvikling af konceptet.<br />
Metode<br />
Efter definition og interview af målgruppen, for at gøre os kloge på hvem de er, hvad der<br />
efterspørges og hvad der kunne vække interessen hos dem. Vi vil tage udgangspunkt i<br />
den udarbejdede problemformulering, hvor vi vil fremvise vores proces ved hjælp af de<br />
modeller og metoder som bliver lavet undervejs i forløbet.<br />
14
46H-modellen – metodisk tilgang<br />
Den model vi har brugt er 46h-modellen 2 . Den har givet os struktur og har hjulpet os med<br />
at komme i gang igen, når vi var i tvivl om næste opgave og hvor langt vi var i processen<br />
og har skabt overblik.<br />
46h-modellen er en udviklingsmetode til nemt og effektivt at opbygge sit koncept og<br />
produkt. Risikoen ved denne metode er lav da planlægningen og dokumentationen er<br />
meget omfattende. Metoden er god at bruge til større projekter og med flere folk tilknyttet,<br />
da hver fase i projektet, frem til prototypen fremstillingen, godkendes før næste fase kan<br />
påbegyndes. Ved prototype fremstillingen kan konceptet eller prototypen gennemgå flere<br />
iterationer med test og evaluering før det endelige produkt kan godkendes. Er man ikke<br />
tilfreds med det endelige produkt kan gå helt tilbage til laboratoriet og udvikle en ny ide!<br />
Faktisk har vi været så glade for modellen at vi har valgt at opbygge denne rapport op<br />
efter den.<br />
Opdelingen er delt op som følger:<br />
Indledning – research & analyse – Projekt forberedelse – Prototype – Test & evaluering.<br />
Personaer<br />
Inden vi skrev personaer valgte vi at interviewe 3 få udvalgte personer fra målgruppen.<br />
Persona 1 – Amalie<br />
Amalie er 20 år gammel og er lige flyttet hjemmefra. I sin hverdag<br />
studerer hun og arbejder som deltidsansat inde I et call-center som<br />
sælger hos Falck, som babysitter og som tutor. Amalie er social med<br />
sine venner og benytter sig også meget af sociale medier, såsom<br />
Facebook, Youtube mm.<br />
Amalie har altid kunnet spise hvad hun ville, uden at tage et gram på.<br />
Dog har hun efter at være flyttet hjemmefra ikke fået trænet, da hun gerne vil sparre på<br />
2 Bilag 1 - 46h-modellen<br />
3 Bilag interviews<br />
15
udgifterne. Amalie begynder at lægge mærke til, at hun pludselig er begyndt at tage lidt<br />
på. Amalie vil rigtig gerne finde en løsning, som kan få hende motiveret til at komme I<br />
form.<br />
Falck har valgt at indgå i et samarbejde med Aktiv Firma Sundhed, for at give deres<br />
medarbejdere en mulighed for at komme i bedre form og få sundere medarbejdere. Amalie<br />
er meget begejstret for muligheden for at begynde at træne igen og håber Aktiv Firma<br />
Sundhed kan holde hendes motivation for at træne<br />
Scenarie - Amalie<br />
Amalie har været inde på sit studie til en forelæsning som netop er slut. Hun har meldt sig<br />
til et træningshold nede i Falcks træningscenter. Hun har dog glemt hvilken tid holdet<br />
starter. Hun bruger derfor sin Aktiv Firma Sundhed app på sin smartphone. Amalie logger<br />
ind på sin personlige profil. Hun finder kalenderen på app’en og finder datoen for i dag.<br />
Hun trykker sig ind på begivenheden og tjekker hvad tid holdtræningen begynder. Idet hun<br />
allerede er inde på begivenheden tjekker hun også hvilke af sine kollegaer der har meldt<br />
sig til træningen, samt varigheden på træningen. Varigheden er relevant for hende da hun<br />
er bagud med sine lektier og skal hjem og læse lige efter træningen. Hun beslutter sig for<br />
at tage til træningen og begynder at cykle over mod arbejdet.<br />
Persona 2 – Susanne<br />
Susanne er en selvstændig kvinde i midt 40'erne, hun er<br />
forsikringssælger i Topdanmark og pendler ind til København hver<br />
dag.<br />
se de gode gamle håndboldpiger.<br />
Hun er gift med Søren og har to børn, Kenneth som er flyttet<br />
hjemmefra og Simon som stadig bor hjemme.<br />
I fritiden spiller hun håndbold en gang om ugen og holder meget af at<br />
Susanne har en smartphone, som hun bruger hyppigt, mest i toget, hvor hun læser<br />
nyheder, er på facebook og pinterest.<br />
Når Susanne har fri, skal hun hjem og lave mad, vaske op, vaske tøj og gøre rent. Hun er<br />
16
generelt en meget travl kvinde. Hun føler tit at hun ikke har tid nok til dyrke mere motion,<br />
selvom hun gerne ville.<br />
Scenarie - Susanne<br />
Susanne er begyndt at styrke træne 3-4 gange om ugen efter Topdanmark har indgået et<br />
samarbejde med Aktiv Firma Sundhed. Hun har holdt sin træning ved lige i lidt over 2<br />
måneder. Om 5 dage skal Susanne ud og rejse med hele sin familie i 2 uger. Hun vil gerne<br />
blive ved med at styrke træne men hotellet har ingen trænings faciliteter. Hun vil derfor<br />
godt finde et træningsprogram hvor man kun bruger sin egen kropsvægt. Hun går derfor<br />
ved hjælp af sin iPad ind på Aktiv Firma Sundhed hjemmeside og logger sig ind på sin<br />
private profil. Derfra kan hun gå ind og tjekke videomaterialet. Hun finder de videoer hun<br />
synes er relevante og gør dem til favoritter i sine bogmærker.<br />
Hun skriver også til sine venner og direkte til Henrik for at få mere information omkring<br />
træning med egen kropsvægt.<br />
Et par dage efter får hun svar fra både sine egne venner og Henrik. Hun har nu en masse<br />
videoer som beskriver hvordan hun skal styrke træne hele sin krop, kun ved hjælp af sin<br />
egen kropsvægt. Susanne er nu klar til at tage på ferie og samtidig at holde sin<br />
styrketræning ved lige.<br />
Persona 3 – Birgitte<br />
Birgitte 46, bor i Gladsaxe sammen med sin mand Lars 47 og hendes<br />
to børn Laura på 15 og Nicolas på 17.<br />
Birgitte har gennem en længere årrække besiddet en række<br />
kontorstillinger i telefon-branchen.<br />
De sidste 15 år har hun arbejdet som intern koordinator i Post<br />
Danmark. Hendes daglige arbejdsrutine går fra at svare på opkald og<br />
indtaste data fra de 30 personer der arbejder i hendes afdeling.<br />
Når Birgitte har fri, skal hun hjem og lave mad, gøre rent, vaske tøj og vaske op. Birgitte<br />
bruger hver aften min 30 minutter på computeren eller fjernsynet, hvor hendes mand Lars<br />
17
er ude og løbe.<br />
Lars har prøvet at lokke Birgitte med ud og løbe flere gange, men grundet niveauforskel og<br />
at Birgitte ikke er så meget for løb, dyrker Birgitte ikke noget motion.<br />
Scenarie – Birgitte<br />
Birgitte sidder på sin computer på arbejdet. Hun har fri om 30 min. og har et hul i sit<br />
skema. Post Danmark har indgået et samarbejde med Aktiv Firma Sundhed og installeret<br />
et trænings center på deres arbejdsplads. Birgitte vil gerne ned og træne men mangler det<br />
sidste motivation som får hende op af stolen og ned i centeret. Hun går ind på Aktiv Firma<br />
Sundheds hjemmeside og logger sig in på sin private profil. Hun kigger på hvem der er<br />
oppe og træne og finder ud af to af hendes buddies lige er checket ind i træningscenteret.<br />
Hun føler nu en meget større motivation til at træne da to af hendes bedste veninder er i<br />
træningscenteret.<br />
Persona 4 - Torben<br />
Torben er en af de førende ledere i stort advokatfirma. Han har en<br />
travl hverdag og et krævende job. Hans job kræver at han er teknisk<br />
anlagt. Han er vant til at bruge sin computer. Han bruger primært<br />
nettet til research og de kreative programmer til præsentationer. Han<br />
er et meget konkurrencepræget menneske, hvilket har fået ham dertil<br />
hvor han er i dag.<br />
Han nyder at leve en sund livsstil men har dog haft svært ved at holde sin træning ved lige<br />
det sidste års tid. Han arbejder på flextid og styrer selv sine pauser i sit travle skema men<br />
får ikke prioriteret sin træning højt nok. Han har før prøvet at få sine kollegaer til at træne<br />
sammen med ham men de faldt fra efter start perioden. Han savner konkurrence og mere<br />
socialt samvær i sin træning.<br />
Scenarie - Torben<br />
Torben har frokost pause og bruger den til at surfe på nettet på sin laptop. Da han gerne<br />
vil have sine venner til at starte med at træne igen, søger han efter en personlig træner,<br />
der kan komme ud til dem og få dem på benene igen. I hans søgen efter dette, falder han<br />
18
over Aktiv Firma Sundheds side, interesseret læser han om produktet og hvordan det vil<br />
kunne ændre hans virksomhed, han går ind under ydelser og ser hvad produktet<br />
indebære, han læser spændt om brugersystemet og om hvad Henrik som person kan<br />
tilbyde, der er ingen tvivl, Torben må lave en aftale med Henrik, han finder hans telefon nr.<br />
i højre side af forsiden og kontakter ham straks.<br />
Begrundelse for valg af personaer<br />
Persona 1 er en fiktiv person og er valgt, da vi ville have en lidt yngre person med lidt<br />
anderledes interesser, som var ung og frisk. Vi har taget udgangspunkt i os selv, som<br />
færdiguddannede.<br />
Personaerne 2 og 3 er blevet valgt på baggrund af de interviews vi har foretaget os blandt<br />
målgruppen.<br />
Persona 4 er en fiktiv person, som vi har valgt for at få en ledertype, en højtuddannet, som<br />
har en lidt mere presset hverdag.<br />
Vi har valgt at tage udgangspunkt i flere forskellige personaer i og med at målgruppen er<br />
meget bred. Vi ville derfor skabe de forskellige typer, og tilpasse produktet til målgruppen.<br />
Koncept<br />
I det kommende afsnit vil vi forklare hvordan vi kom frem til konceptet, tilpassede det til<br />
vores målgruppe og integrerede det i vores design. Konceptet skal tilpasses den research<br />
som vi har lavet i foregående afsnit.<br />
Vi starter med at lave en mindmap hvor vi brainstormer omkring hvilke dele der skal være<br />
på hjemmesiden og hvad der skal indgå i konceptet. Vi får på den måde alle tanker<br />
omkring konceptet skrevet ned.<br />
19
Efter at vi har skrevet alt ned begynder vi at diskutere løst og fast omkring hvordan man<br />
bedst motiverer alle former for brugerne, dem som er i god form såvel som dem som er<br />
helt nye indenfor fitness.<br />
Vi tager udgangspunkt i vores tidligere research og egne meninger. Vi bliver enige om at<br />
fællesskab er den mest motiverende faktor indenfor træning. Specielt for folk hvor fitness<br />
er fremmed. Fællesskabet gælder ikke kun person men lige meget på det fysiske plan. Vi<br />
bliver enige om at det helt klart er bedst at træne sammen med en som er på sit eget<br />
fysiske niveau.<br />
Vi snakker videre omkring folk der er i god form og som måske søger udfordring. Vi<br />
begynder at snakke gamification ind i konceptet. Vi bliver enige om at konkurrence<br />
elementet også er en stor motiverende faktor, specielt for dem som allerede er i god form.<br />
Vi udvikler konceptet så Aktiv Firma Sundhed gennem en personlig brugerplatform<br />
motivere den enkelte gennem sammenhold og fælleskab. Vi udvikler ideen omkring<br />
”Buddie” konceptet. Hvor man har trænings ”Buddies” som man kan holde øje med<br />
hvornår er oppe og træne. Man kan også udfordre sine ”Buddies” til en udfordring. Det kan<br />
være alt fra hvem der først løber 1000 km til hvem der kan tage mest i bænkpres. Vi<br />
udvikler ideen så at virksomheder kan udfordre hinanden.<br />
Før udfordringer er officiel skal begge parter acceptere hvad der er på højkant.<br />
Debatten endte ud i at handle om tid og om hvor vigtig en faktor tid var de arbejde i<br />
virksomheder. Så vi blev enige om at en kalender skulle have en central del i konceptet.<br />
Konklusion<br />
Aktiv Firma Sundhed vil gennem en personlig brugerplatform motivere og skabe<br />
sammenhold mellem brugerne, samt udfordre de konkurrencemindede.<br />
Konceptet danner basis i en platform hvor det er muligt for kunderne (virksomheder) og<br />
deres brugere (medarbejdere) at interagere med hinanden. Som kunde vil du blive oprettet<br />
og få en intern underside, kun for dine brugere.<br />
Den interne side vil være bygget op omkring et profil- og kalendersystem, der bliver<br />
oprettet til en enkelte bruger.<br />
20
Forberedelse<br />
21
Efter research og analyse<br />
Efter vi har fundet frem til målgruppen og lavet persona, har vi ud fra den lavet TOWS og<br />
fundet frem til konceptet. Vi ville skabe struktur over opgaven og dens meget fyldige<br />
indhold. Derfor har vi, som i kan se i dette afsnit, fået lavet tidsplanlægning og Work<br />
Breakdown Structure 4 over alt vi skulle nå og hvornår det skulle være færdigt. Dette gør<br />
det meget nemmere for os, at få et overblik over opgavens omfang og problemstillinger.<br />
Tidsplanlægning<br />
Vi har valgt at bruge Gantt, som hjælp til vores tidsplanlægning, da denne opgave er stor<br />
og omfattende.<br />
På billedet ovenfor, kan i se et overblik over hvad vi vil nå.<br />
Det er et godt værktøj, da det er tidsopdelt. Derudover får man et godt overblik over hvad<br />
man har lavet, mangler at lave og hvad der skal rettes mm.<br />
Det giver et overblik og gør at vi altid har styr på hvad der skal laves de forskellige dage,<br />
sådan at vi når vores deadline.<br />
Der har været lidt sygdom, praktik samtaler og andre forhindringer som har gjort at vores<br />
tidplan ikke er blevet overholdt til punkt og prikke, men som vi har fået indhentet.<br />
4 Bilag - Work Breakdown Structure<br />
22
Work Breakdown Structure<br />
Som noget af det første kiggede vi opgavebeskrivelsen igennem og skrev op på white<br />
boardet hvad vores opgave indeholder, efterfølgende skrev vi det rent på computeren, i et<br />
hierarki, et for hvad vi skulle nå at lave projektmæssigt og et for hvad vi skulle nå at skrive<br />
i rapporten. Disse to Work Breakdown Structures har også fungeret som afkrydsningslister<br />
igennem hele processen.<br />
23
Prototype<br />
24
Three Ring Target – Følelser og værdier<br />
Som det første skridt i vores designproces lavede vi en Three Ring Target. Som er en<br />
simple metode til at forklare og illustrere de følelser og værdier, vi vil fremhæve.<br />
Denne Three Ring Target lavede vi til kunden, altså dem der i fremtiden kommer til at<br />
bruge siden. Det vigtigste for os var, at den skulle motivere, at den skulle skabe<br />
sammenhold internt i virksomheden og som en bonus for dem der var ekstra motiveret,<br />
kunne de udfordre hinanden.<br />
Efterfølgende fandt vi ud af, at den overstående Three Ring Target ikke passede ordenligt<br />
til vores eksterne side. Så derfor lavede vi en ny Three Ring Target. Grunden til dette er,<br />
at den interne side er business to consumer (B to C) og den eksterne side er business to<br />
business (B to B) 5 . To forskellige modtager, to forskellige budskaber, to forskellige Three<br />
Ring Targets.<br />
5 Bilag B to B – B to C<br />
25
Da vi regner med, at det for det meste vil være chefer og overordnede som vil kigge på<br />
den eksterne side. Da det er den eksterne side der skal sælge vores koncept, har vi<br />
ændret motivation til sundhed. Vi har lavet disse ændringer grundet at det gerne skulle<br />
være blikfang for målgruppen. Det skulle gerne være med til at give målgruppen en<br />
forståelse af hvad firmaet gerne vil opnå, hvilket vi den vej igennem, forhåbentligt vil få til<br />
at skinne frem.<br />
Igen har vi valgt sammenhold, da det er et af de områder, som vi sætter fokus på og til<br />
sidst skulle det meget gerne fører til trivsel på arbejdspladsen og gøre dette til et bedre<br />
sted at være.<br />
Moodboard<br />
Vi lavede nogle enkelte moodboards for at få en stemning og et visuelt udtryk for hvilken<br />
vej, vi rent designmæssigt skulle gå 6<br />
6 Bilag Moodboards<br />
26
AIDA<br />
Begrundelse for brug af AIDA-modellen<br />
Vi har valgt at benytte os af AIDA modellen, da det er en marketing model som er god at<br />
gøre brug af. Den fortæller hvordan man bedst muligt kan skabe opmærksomhed,<br />
interesse, skabe begær og få kunden til at agere og købe produktet, i dette tilfælde blive<br />
medlem. Det hjælper os til, hvordan vi skal opbygge siden.<br />
Attention - Opmærksomhed<br />
Vi vil fange brugerens opmærksomhed ved, at vise dem at motivation ikke altid kommer<br />
automatisk og at Aktiv Firma Sundhed, vil give dem redskaberne til at få et bedre<br />
sammenhold, bedre helbred og alt i alt et mere aktivt liv.<br />
Interest – interesse<br />
Produktet skal skabe interesse ved at fokusere på en bedre livsstil, et godt team både til<br />
konkurrence mennesket og dem der bare vil træne sammen med deres kolleger og på den<br />
måde motivere sig slev. Få lagt en trænings/ kost plan, der passer til hver enkel.<br />
Promoverer firmaet gennem de nuværende kunder. Mund til mund.<br />
Desire - Begær<br />
Vi vil skabe et begær ved at fortælle og vise om alle de positive styrker det ville give<br />
firmaet, et bedre sammenhold, sundere livsstil, motiverede kolleger, livsglade, friske<br />
ansatte og self. Drømmen som de fleste vel har, at tabe nogle kilo eller leve et sundere,<br />
længere liv og være på toppen.<br />
Action - Handling<br />
Vi vil motivere, og stille redskaber til rådighed, som gør det muligt for kunderne at opnå<br />
deres mål. Ved at lave kost/trænings plan til hver enkelt medarbejder og ved hjælp af<br />
27
vores APP, hvor der bliver informeret om hvilke medarbejdere som er i gang med træning<br />
og derigennem også kan konkurrere med hinanden.<br />
Udviklingsproces<br />
For at finde ud af hvad vi skulle have på siden og hvad der var vigtigt, lavede vi et<br />
mindmap over de ting vi ville have siden skulle indeholde. Denne proces gik over flere<br />
dage og var ret kompliceret.<br />
Informations arkitektur<br />
Efter vi havde lavet vores mindmap skrev vi dem på ”post-it’s” for at finde ud af hvor de<br />
forskellige ting skulle være på de forskellige sider.<br />
28
På den interne side kom vi frem til følgende:<br />
Implementering i designet<br />
Hjemme lavede vi en masse skitser 7 for at være forberedte og hver især have hvert vores<br />
syn på hvordan siden skulle se ud. Da vi så mødte på skolen snakkede vi i fælleskab om<br />
hvordan siden skulle se ud. Vi tegnede den på whitebordet og samlede alle de gode ideer<br />
vi havde til en solid god side.<br />
Da siden var tegnet op, som vi ville have den, begyndte vi at implementere de ting vi gerne<br />
ville have den skulle indeholde, ved hjælp af de post it vi havde lavet tidligere. Dette gjorde<br />
processen meget nemmere og der var ingen tvivl om hvad der var på siden og hvor det<br />
var 8 .<br />
7 Bilag uddrag af skitser<br />
8 Bilag skitser med post it<br />
29
Farvevalg<br />
Ud fra de moodboords vi har lavet og med få af de farver han har på sin nuværende side<br />
fandt vi frem til følgende farvepalette.<br />
Skrifttype<br />
Samtlige overskrifter på både den interne og eksterne side er skrevet med Bebas Neue.<br />
Aggie, altså en skrifttype uden fødder, er valgt for dens mulighed til at være Condensed og<br />
gøre menuen meget pæn og læselig, da bogstaverne er store og tydelige.<br />
Til sidernes indhold har vi valgt at bruge Verdana. Dette gjorde vi da Verdana er en god,<br />
overskuelig og læsbar Sans-Serif skrifttype.<br />
30
Information og navigationsdesign<br />
Informationsdesign handler om at præsentationen af sidens information, således at det er<br />
til at forstå at bruge. Information er ikke bare information, den skal designes omhyggeligt<br />
således at brugeren er i centrum.<br />
Vi har arrangeret informationen på siden således at vi møder målgruppen i øjenhøjde og<br />
giver dem overskuelig hjælp til at finde den information de siger. Informationen er<br />
præsenteret overskueligt ved hjælp af usynlige lod- og vandrette linjer i designet.<br />
I udarbejdelsen af vores analyser af målgruppe og vores udarbejdelse af personaer har vi<br />
fundet frem til nogle af de mål som målgruppen ønsker at finde frem til når de besøger<br />
vores side.<br />
Derudover er det vigtigt at den besøgende føler sig godt tilpas og at sidens tilhørsforhold<br />
er synlige.<br />
Overordnet navigationsdesign:<br />
Forside<br />
(Eksterne)<br />
Mission Firma sundhed Ydelser Logind<br />
Min profil<br />
Kostplan<br />
Træningsplan<br />
Videoøvelser<br />
Beskeder<br />
Buddies<br />
Udfordre<br />
Se folk der<br />
træner<br />
Kalender<br />
Intern<br />
Begivenheder<br />
Buddies<br />
Udfordringer<br />
Udfordinger<br />
Se<br />
udfordringer<br />
Oprette en<br />
udfordring<br />
Kontakt Slide<br />
Begivenheder<br />
Tilmelde sig en<br />
begivelnhed<br />
Opret<br />
begivenhed<br />
Log ud<br />
31
Prototype udvikling<br />
Eftersom dette er et stort og omfattende system har vi valgt at lave prototyper ud fra de<br />
sider vi fandt som de mest vigtige at illustrere og gøre funktionelle i henhold til<br />
målgruppen, samt at give Aktiv Firma Sundhed et ordentligt indtryk af konceptet. Hele<br />
slutproduktet er dokumenteret i afsnittet storyboard og de udvalgte prototyper er illustreret<br />
i dokumenteringen i det afsnit.<br />
32
Storyboard – Kundeside<br />
Mission<br />
Mission siden er oprigtigt forsiden, vi valgte at kalde den mission, da vi gerne vi relatere til<br />
at Aktiv Firma Sundhed har en mission, en mission om at gøre de danske virksomheder<br />
sundere og give medarbejderne livskvalitet.<br />
Siden er en appetizer til Aktiv Firma Sundheds værdier, sælger varen med stil og gør det i<br />
gøre rammer man føler sig trykke i.<br />
33
Firma Sundhed<br />
Det er her man kan læse nærmere om hvad firma sundhed er, hvilke værdier firmaet har,<br />
hvem der står bag, hvilke samarbejdspartnere firmaet har og hvilke fordele der er ved at<br />
booke Henrik til at ændre ens firmas sundhed for altid.<br />
Ydelser<br />
Her kan man se hvilke ydelser Aktiv Firma Sundhed kan tilbyde, her kan man smugkigge<br />
på brugersystemet, altså få en guide igennem alt hvad firmaet får i hænderne ved en<br />
bookning af Henriks ydelser.<br />
Man kan også se hvilke evner Henrik har som person, blandt andet udkast af hans<br />
programlægning, holdtræning og selvfølgelig et indblik i hvem han er og hvad han laver.<br />
Er det overstående ikke nok til at imponere interesseret kunder, har vi afsnittet om<br />
personlig pleje, hvor man kan forkæle sine medarbejdere med massage, fysioterapi osv.<br />
Endvidere kan der tages en sundhedstest, hvis dette var en interesse.<br />
Kontakt<br />
Kontaktsiden er her man som interesseret, kan kontakte Henrik om nærmere information.<br />
Siden vil indeholde<br />
34
Log ind<br />
Log ind siden er portalen til de heldige der er bruger af aktiv firma sundheds brugersystem.<br />
Her kan man ikke komme videre uden et firma log ind.<br />
35
Storyboard - Brugersystem<br />
Min profil<br />
Under min profil kan brugeren se sin personlige kostplan og træningsplan, der vil også<br />
komme videoøvelser der passer til træningsplanen, der er her brugeren kan finde<br />
inspirerende og sunde madretter til at lave i hjemmet og lave små øvelser, hvis tiden er<br />
knap.<br />
Buddies<br />
Det er her man kan se hvad ens kollegaer laver, altså deres aktivitet. Man kan blandt<br />
andet se om der er nogen der er oppe og træne, hvis de har checket ind i det fælles<br />
trænings center og finde flere fra arbejdet (flere buddies).<br />
36
Kalender<br />
Kalenderen er nok en af de vigtigste ting der er på siden, da den giver et godt overblik<br />
over hvor og hvornår man har været oppe og træne, om der er nogen man kender der er<br />
oppe og træne nu. Man kan se fremtidige begivenheder, blandt andet hvornår Henrik<br />
kommer igen og giver nye og forbedret træningsprogrammer.<br />
37
Udfordringer<br />
Her kan man se hvilket udfordringer man deltager i og om man er foran eller om man skal<br />
tage sig sammen og komme op af sofaen. Man kan oprette en begivenhed og udfordre en<br />
buddie fra arbejdet.<br />
Mobil Applikation<br />
Velkommen<br />
Det første brugeren møder på appen er en log ind siden. Her er det<br />
muligt at logge ind med sin bruger. Man kan også vælge at logge<br />
ind med sine facebook informationer. Har man ikke et log ind, som<br />
man får efter Henrik har været og give personlige<br />
træningsprogrammer, kan man ikke komme ind og bruge appen.<br />
38
Buddies<br />
På siden buddies findes der et overblik over ens buddies, hvad de<br />
laver, hvor de er, præcis ligesom på hjemmesiden. Denne side er<br />
god da man har den lige ved hånden. Man kan tjekke, hvem der er<br />
oppe og træne, på vejen der op.<br />
Kalender<br />
Kalenderen giver et overblik over træningstider samt se hvornår der<br />
er begivenheder længere fremme på ugen, endt videre måneden.<br />
Man kan vælge at se dagen idag, dagen imorgen, hele ugen og hele<br />
måneden. Dette gør det ledt for brugeren at få et overblik og se<br />
hvornår der er tid til træning og hvornår der skal gøres tid til træning.<br />
Man kan også se hvornår ens buddies har planlagt at træne, så man<br />
er sikker på der er en at træne med.<br />
Træning<br />
Det er her brugeren logger sig ind i træningscenteret, man kan se sit<br />
personlige træningsprogram, man kan se hvor meget man har<br />
forbrændt og hvor langt man har løbet.<br />
39
Prototypeudvikling<br />
Min side<br />
Den personlige profil er her man kan rette sine personlige<br />
oplysninger.<br />
Man kan skrive beskeder til hinanden og se sin kostplan.<br />
Til sidst og ikke mindst har vi videoøvelserne, det er her man kan<br />
tage sig et par hurtige øvelser eller få introduktion til nye øvelser.<br />
(Photoshop til HTML)<br />
Ved hjælp af nøje planlægning og navngivning af designet i Photoshop bliver udskæring<br />
og opsætning af designet i HTML og CSS nemmere – illustreret på billedet ovenover.<br />
Dette er en fordel ved større projekter som dette med forskellige designere og<br />
programmører tilknyttet og er med til at mindske fejl og gøre overgangen fra design til<br />
hjemmeside så gnidningsfri som muligt.<br />
40
XHTML og CSS<br />
Sidens kodning i HTML og CSS er rimelig lige til. Siden er optimeret til de mest gængse<br />
browsere og ned til bredden 1000px, som er mindstestørrelsen for de fleste skærmes<br />
opløsning nu til dags 9 .<br />
Sidens content del er lavet til altid at være lige så bred computerens bredde uanset hvad.<br />
Dette gør at designet altid visuelt lækkert og aldrig kommer til at se halvfærdig ud. Værd at<br />
fremhæve er brugen af @font-face i CSS som gør implementeringen af skrifttypen ”Bebas<br />
Neue” mulig.<br />
JavaScript og jQuery<br />
(JavaScript)<br />
Når man som i vores tilfælde har valgt at bruge en skrifttype som ikke er en webstandard,<br />
er det som nævnt i afsnittet ovenover muligt at implementere en ny skriftype på siden.<br />
Problemet ved dette er at alle browsere ikke er ens og reagerer ens på dette og muligvis<br />
har problemer med at vise teksten korrekt. For at løse dette problem kan man ved hjælp af<br />
et JavaScript kaldet Cufon 10 , der gør det muligt for alle browsere at vise teksten korrekt,<br />
samt eventuelle effekter – illustreret på billedet ovenover. Dette er især brugbart hvis man<br />
som i vores tilfælde har dynamisk indhold og tekst.<br />
9 Kildehenvisning: http://fdim.dk<br />
10 Kildehenvisning: http://cufon.shogolate.com<br />
41
MYSQL og PHP<br />
(ER-Diagram)<br />
For at skabe dynamiske hjemmesider, altså hjemmesider der kan ændre sig uden at der<br />
ændres i kildekoden, kræver det at man programmerer hjemmesiden i et serverbaseret<br />
sprog. I vores tilfælde PHP som kan vise data fra en MYSQL database.<br />
I billedet ovenover har vi taget udgangspunkt i vores brugersystem på hjemmesiden.<br />
Brugerne er sat i en tabel ved navn bruger. En tabel med data for hver enkelt bruger. Hver<br />
bruger er tilknyttet et firma med tabellen ved navn firma og skaber derved en<br />
relation(sammenhæng) mellem de to tabeller da en bruger skal være tilknyttet et firma.<br />
Grunden til at de to tabeller ikke er sat sammen i en enkelt tabel er for at gøre det mere<br />
overskueligt og nemmere at ændre i fremtiden.<br />
Skulle firmaet skifte navn en gang i fremtiden er det kun nødvendigt at rette det et enkelt<br />
sted, i stedet for at skulle ændre det ved hver enkelt bruger.<br />
42
(PHP kode)<br />
På billedet ovenover ses et udsnit af vores PHP kode. I dette tilfælde vores log ind system.<br />
Linje 1 gør vi det muligt at gemme og huske data fra siden, så vi senere kan se om<br />
brugeren er logget ind og hvilken bruger det er.<br />
Linje 2 henter vi en ekstern PHP side med adgang til databasen. Grunden til denne er<br />
ekstern er for at kunne bruge den på flere sider nemt og hurtigt.<br />
Linje 5 er starten på selve log ind koden. Hvis der er trykket på log ind knappen, skal<br />
koden gå videre til den efterfølgende kode.<br />
Linje 7-8 er variabler der henter navn og password fra log ind felterne. Variablerne er et<br />
lille stykke kode der oftest henviser til en længere kode, som gør det nemmere at arbejde<br />
med. Passwordet er kryptisk genereret og skal derfor aflæses kryptisk ved hjælp af den<br />
indbyggede funktion md5. Dette er for at koden ikke kan aflæses i databasen.<br />
Linje 10-19 henter indholdet fra databasen hvor brugerens fornavn og password er det<br />
samme som det der er indtastet i log ind felterne.<br />
Hvis der findes et i databasen med det indtastede navn og password, udføres linje 16-18,<br />
som gemmer brugernavnet i linje 1 og sender derefter brugeren hen på den side man vil<br />
logge ind på.<br />
Hvis ikke der findes et match i databasen gemmes brugernavnet ikke og går videre til linje<br />
21 som kommer med en meddelelse om at noget gik galt.<br />
43
Søgemaskineoptimering<br />
(Søgemaskine Optimering)<br />
I stedet har vi fokuseret på at få lavet vores keywords og description, samt fået optimeret<br />
billeder og links således at der er alt og title tags på dem.<br />
Menuen er bygget op omkring en liste, hvilket søgemaskinerne også fanger.<br />
Facebook integration<br />
(Facebook integration)<br />
Facebook er integreret således at man i stedet for at logge ind med en bruger, logger ind<br />
med sin facebook profil. Man slipper således for at skulle skrive navn og password og skal<br />
bare acceptere i en pop-up at man vil logge ind med facebook og man er således husket<br />
for fremtiden. Ved at logge ind ved facebook bliver ens profil på Aktiv Firma Sundhed<br />
synkroniseret med ens facebook profil hvor ens oplysninger og profil billede vil blive hentet<br />
over til Aktiv Firma Sundhed.<br />
Det er ligeledes muligt at få samme notifikationer fra siden buddies ind på sin facebook<br />
som en notifikation derinde. Det er yderlige muligt at få notifikationerne som SMS hvis man<br />
skulle have en mobil af ældre årgang.<br />
44
Test og evaluering<br />
45
Gangstertesten<br />
Gangstertesten er en test hvor man skal forestille sig man er blevet kidnappet og kørt langt<br />
væk, bliver sat af og skal finde hjem igen, testpersonen bliver stillet spørgsmål og skal<br />
beskrive sine omgivelser.<br />
Testperson: Eva Jensen<br />
Alder: 52 år<br />
Profession: Uddannet pædagog<br />
Vi har testet vores side, ved hjælp af gangstertesten.<br />
Test personen, lagde hurtigt mærke til logoet og vidste derfra hvilken side hun var<br />
inde på.<br />
Derudover er der blevet holdt fast i de grønne farver, som repræsenterer sundhed<br />
og håb.<br />
Slideren skaber blikfang og giver også en endnu bedre forståelse af, hvad der er<br />
med at gøre.<br />
Eva mener at der skulle nogle flere billeder i slideren, for at fremme forståelsen og<br />
fange interessen hos kunderne.<br />
Hun syntes at menuen er god og overskuelig. Det er nemt at finde frem til det man<br />
søger og syntes at det er genialt med kontakt boksen som følger med i højre side.<br />
Hun synes at det er godt at logoet går svagt igen som en del af baggrunden, da det<br />
igen er med til at slå fast hvilket firma vi har med at gøre.<br />
Eva synes at det fungerer godt med billederne for neden på siden, som er med til at<br />
vise, hvor man bliver ført hen/ hvad teksten handler om. Dette er rart for øjet og er<br />
med til at styrke den visuelle forståelse.<br />
Af forbedringer foreslår hun, at der evt. Kunne være et søgefelt oppe i toppen, så<br />
man gør det endnu nemmere for kunderne, at finde frem til de informationer de<br />
efterspørger.<br />
46
Think Out Loud Test<br />
Du vil gerne finde information om Aktiv firma Sundhed´s produkt og hvad det indebærer,<br />
hvad gør du ?<br />
Eftersom at logoet i toppen hedder Aktiv Firma Sundhed, trykker jeg på<br />
menupunktet Firma sundhed. Her finder jeg kun information om firmaet og<br />
ikke hvad det indebærer. Jeg bruger udelukkelses metoden, da jeg ved at<br />
det ikke er til at finde under kontakt, login eller mission. Derfor trykker jeg på<br />
ydelser. Jeg trykker mig ind på første undermenu punkt der hedder,<br />
brugersystem teaser. Her møder jeg en flot opstilling af en brugerprofil og ser<br />
at der også er integreret en App. Jeg kan læse om brugersystemet, det ser<br />
spændende ud.<br />
Er det muligt at kontakte ejeren på siden?<br />
Jeg prøver under kontakt. Søreme så, her er alle hans kontaktinformationer.<br />
Så det er en snild sag at komme i kontakt med ham.<br />
Her får du tildelt login og kodeord fra en vores brugere, Henrik, hvordan ville du logge ind?<br />
Menuen er nem og overskuelig og gør det nemt at finde login knappen i<br />
menuen, jeg logger ind og taster koden<br />
Du har meldt dig til et zumba kursus men kan ikke huske hvornår, hvad gør du ?<br />
Jeg vælger at gå ind under kalender, her får jeg et overblik over Henriks<br />
træning for hele måneden. Jeg kigger kalenderen igennem og ser at det er<br />
lørdag d. 22.<br />
Hvis vi fortæller dig at der ville være en lettere måde at gøre det på , hvor ville det så være<br />
hende ?<br />
47
Jeg kigger menuen igennem og finder det sidste menu punkt der hedder,<br />
begivenheder. Her får jeg en lækker oversigt over alle de begivenheder, som<br />
Henrik har meldt sig til.<br />
Begrundelse for valg af Think Out Loud test<br />
Vi har valgt at bruge Think Out Loud fordi, vi på den måde finder ud af, hvordan folk agere<br />
på siden. Vi har valgt at bruge den for, at teste vores menu og se om brugeren finder den<br />
ligeså logisk som vi gør. Det eneste der ikke var logisk, for brugeren, var at gå ind under<br />
begivenheder, for at se sine planlagte hold træning. Dette regner vi med bliver noget man<br />
finder ud af hen ad vejen, så derfor har vi valgt ikke at ændre det.<br />
Afslutning<br />
Vi har igennem denne proces, fået mere øvelse i hvordan det vil blive at arbejde sammen<br />
med et team om en så omfattende opgave. Vi har efterhånden arbejdet sammen om de<br />
sidste mange cases og har lært hinandens styrker og svagheder, hvilket gør det lidt<br />
nemmere at uddele opgaver, men også at lære og blive inspireret af hinanden. Vi<br />
komplimentere hinanden godt, hvilket også vises i vores slutresultater.<br />
Perspektivering<br />
Vores arbejdsgang kunne have været bedre, men igen har vi vores måde at gøre tingene<br />
på. Vi kender efterhånden hindandens arbejdsmetoder og det fungerer for os som gruppe.<br />
I alle grupper vil der være forskellige meninger, hvilket også kan føre til lidt splid eller<br />
diskussioner, det hjælper dog også til processen. Vi har arbejdet nogle dage på skolen og<br />
nogle dage hjemme, med Skype møder, grundet sygdom, praktik samtaler mm.<br />
48
Afgrænsning<br />
Vi har ikke fået arbejdet med integration af video, da tiden var lidt presset og det var et af<br />
de mindre prioriterede opgaver. En video er til rådighed fra Aktiv Firma Sundhed, hvilket<br />
ville gøre det nemt at få integreret den. Vi havde også en idé om selv at lave en film, hvor<br />
vi havde medbragt videokamera og det hele hjemmefra. Tiden var dog desværre ikke til<br />
det.<br />
Videre Udvikling<br />
Vi vil fortsat arbejde videre med siden og forbedre den. Vi har til plan at få integreret<br />
filmen. Vi kunne lave en færdig udviklet prototype, få testet og videreudviklet App´en. Vi<br />
ville kunne lave kampagner for Aktiv Firma Sundhed. Op følgende forbedringer i forhold til<br />
konkurrenter og tilpasse markedsføring til markedets ændringer. Hele tiden være på<br />
forkant og forebygge truslen af nye og flere konkurrenter.<br />
49
Bilag<br />
50
Bilag 1 - 46h-modellen<br />
Gruppedannelse<br />
Vores gruppe indeholder Stephan Christensen, Camilla Angelica Volf Elken, Oliver<br />
Koldill og <strong>Martin</strong> <strong>Daugaard</strong>.<br />
Den perfekte sammensætning til den perfekte gruppe.<br />
Opgaven bliver stillet<br />
Opgaven blev grundigt læst igennem inden vi startede på noget andet. Vi ville gerne finde<br />
kundens behov og hvad vi kunne gøre for at tilfredsstille dette.<br />
Til pitchen, hvor Henrik kom og fortalte om hans firma, sugede vi alt det til os vi kunne og<br />
fik et meget større indblik i hvem han er og hvad han laver.<br />
Vi har lavet en work breakdown struktur over hvad vi skal lave og hvad rapporten skal<br />
Analyse<br />
indeholde.<br />
I analyse delen, brainstormede vi, hvilke modeller og arbejdsmetoder der var relevante og<br />
passede til opgaven.<br />
Vi nåede frem til følgende modeller:<br />
Moodboard<br />
3-ring target<br />
TOWS<br />
AIDA<br />
Målgruppeanalyse<br />
Statistik/konkurrence<br />
51
Brainstorm til koncept?<br />
Efter brainstormen er vi kommet frem til at vores koncept skal omhandle ”boddy-<br />
makker” princippet. Altså sammenholdet i at tage op og træne med en ven, eller en på<br />
lige fod med dig, en der er på sammen stadie, ren træningsmæssigt.<br />
For at understrege konceptet, har vi kalenderen. Denne skal hjælpe med at finde sine<br />
ligemænd, hjælpe med at se hvem der ellers er oppe og træne og det er her man kan<br />
konkurrere med hinanden.<br />
Så sammenholdet er motivationen og er dette ikke nok, kan man konkurrere med<br />
hinanden. Dette kan refereres til vores 3-ring target, som er: ”sammenhold, motivation<br />
og konkurrence”.<br />
Visualisering<br />
Stilrent design<br />
Simple sports logoer<br />
Grønt fra Henriks oprindelige side<br />
Interaktion<br />
Ekstern side<br />
Intern side<br />
Log ind<br />
Brugerdifineret<br />
App<br />
Databasebaseret<br />
Company/virksomhed<br />
Ved hjælp af video øvelserne og online træningsplan, vil Henriks arbejdsgang gøres<br />
meget nemmere, da han kan gøre flere ting hjemme fra, som han ikke kunne før.<br />
52
Brugeren holder gang i siden, så her behøves Henrik ikke gøre noget, han kan bare<br />
læne sig tilbage og nyde fremgangen.<br />
Kommunikation<br />
Al kommunikation kommer til at foregå indbyrdes på siden. Henrik får sit hele eget log<br />
ind system.<br />
Koncept/prototypeidé<br />
Buddies – det nemmere at træne med en ven<br />
Buddies understøttes af kalendereren – så man hele tiden kan følge med hos<br />
hinanden<br />
Konkurrence – for at holde gejsten oppe<br />
Personlighedsgjort af Henrik<br />
Redesign<br />
Gennemført design på alle platforme<br />
Prototype<br />
3-ring<br />
moodboard<br />
skitser<br />
post it<br />
informationsarkitektur<br />
design<br />
Værkstedet<br />
53
Brugertest<br />
gangster test<br />
think out loud test<br />
Evaluering<br />
Sammenholdet og samarbejdet i gruppen har gjort opgaven legende ledt. Vi har<br />
hjulpet hinanden og bakket op hvor vi havde det svært.<br />
Interviews<br />
1. Test person: Navn: Lene Berg<br />
Alder: 32 år<br />
2. Test person: Navn: Lars Ole Knudsen<br />
Arbejde: Fastansat HR assistent hos TDC<br />
Alder: 40 år<br />
Arbejde: Fastansat projektleder hos Agrotech<br />
Hvordan lyder ideen om at få en motion coach ud til firmaet og ligge kost/<br />
træningsplaner der er skræddersyet til hver enkelt person ?<br />
1. Test person: Jeg syntes at det ville være en super go idé. Jeg tror mange<br />
ikke kan overskue selv, at tage sig sammen til at komme i gang, helt<br />
alene. På denne måde ville man gøre det sammen med en masse andre<br />
og også få en vejledning og et program med realistiske mål.<br />
54
2. Test person: Det ville være en spændende ny udfordring og kunne da<br />
klart være sjovt at prøve. Måske ikke alle ville have tid til at træne efter<br />
arbejde, så hvis man et sted kunne finde øvelser, som man kunne lave<br />
hjemme ville det nok, kunne lade sig gøre.<br />
Hvad ville få dig motiveret ?<br />
1. Test person: Jamen synes at det ville være fedt hvis man havde en<br />
kollega eller flere at træne med. Det ville være lidt fedt efter arbejde, at<br />
kunne følges med nogle af dem, direkte videre til træning.<br />
2. Test person: Hvis jeg fik en kostplan skræddersyet til mig, som jeg fandt<br />
overskuelig, kunne det være ret spændende at give et forsøg. Hvis ikke<br />
man selv skal smide penge i puljen til træningsgrej, ville det da også<br />
sagtens kunne l<br />
Hvilke funktioner, skulle en App evt. Indebære, for at gøre den interessant for dig ?<br />
1. Test person: Jeg syntes at det kunne være lidt sjovt, hvis man kunne se<br />
hvem der var oppe og træne, en oversigt over hold mm..<br />
2. Test person: Have øvelser og en oversigt over hold, hvem der træner,<br />
træningsprogram, konkurrencer.<br />
Hvad ville kunne forbedres ved firmaets nuværende side, efter din mening?<br />
1. Test person: Jeg kan godt lide farvevalget. Jeg synes at den grønne farve<br />
giver et godt indtryk af sundhed. Syntes dog ikke at den er så fancy, som<br />
den nok kunne være. Når man ser på andre fitness hjemmesider, er der<br />
lidt mere liv på siden, for at få den til at fange målgruppen.<br />
2. Test person: Der mangler helt klart noget blikfang. Den sælger ikke sig<br />
selv optimalt. Mange ting kunne forbedres. Bedre kvalitets billeder, evt.<br />
Noget bevægelse og lækkerier.<br />
Hvad kunne få dine kolleger med på ideen om, at få en sundere livsstil ?<br />
55
1. Test person: Jeg tror det her med, at vi gør det i fællesskab, ville kunne<br />
give en stor effekt. Jeg tror måske også at hvis man indbyrdes i firmaet,<br />
havde lidt konkurrence, at det kunne få fanget en del. Så det var måske<br />
en ide.<br />
2. Test person: Hvis det er sjovt og der er lidt konkurrence i det. En motions<br />
coach kunne måske rykke på folk og få gejsten op at køre.<br />
56
Konklusion af interview<br />
Efter at have foretaget disse to interview, er vores konklusion, muligheden for et overblik<br />
over hvem der træner, konkurrencer mm. Gør det spændende og motiverende for de<br />
ansatte. Det at man kan gøre det i fællesskab, have buddies at træne med, lyder til at gøre<br />
det mere fængende. Dem som ikke har så meget tid, kan benytte sig af app´en og lave<br />
hjemme øvelser, som man også kan høre at der er behov for. Så alt i alt positivt fra de<br />
ansatte<br />
Interview med topchef Bjørn Kjos fra Norwegian<br />
Hvad ville få dig til at starte et samarbejde med Aktiv Firma Sundhed ?<br />
o Jamen, det er jo sådan at det er bevist at man bliver mere energisk og kommer i<br />
bedre humør med, en sundere livsstil. Men jeg synes dog ikke det fremgår tydeligt<br />
på hjemmesiden. Dette er noget vi altid kan bruge mere af. Det ville kunne gøre et<br />
bedre indtryk på vores kunder, med gladere og mere energiske medarbejdere og så<br />
giver det meget til en arbejdsplads med god stemning.<br />
Hvad ville denne ændring have af effekt for arbejdsgangen?<br />
o Det at man ville kunne lave konkurrence mellem kollegaerne, kunne da være sjovt<br />
for de ansatte. De ville blive mere konkurrence mindede og dette ville nok også<br />
smitte af i arbejdstimerne. Folk ville have nemmere ved at stå op om morgenen, der<br />
ville være mindre sygefravær, da de ansatte ville være mere aktive også kunne det<br />
jo også være rart hvis vi kunne undgå nogle vinter depressioner.<br />
Ville denne ændring kunne have en negativ effekt?<br />
o Hvis ikke folk ville engagere sig i det, ville det selvfølgelig være unødvendige<br />
omkostninger. Men jeg håber og tror på, at alle er med på at prøve noget nyt, for jeg<br />
tror bestemt at det vil give pote i sidste ende.<br />
Konklusion af interview<br />
57
Forberedels<br />
e<br />
WBS<br />
Tidsplanlæg<br />
ning<br />
Mindmap<br />
Mindmap/<br />
brainstorm<br />
Reseach<br />
Målgruppe<br />
Interview<br />
3-ring<br />
Analye/Mo<br />
deller<br />
Risici<br />
Ud fra vores samtale med Bjørn Kjos, fik vi bekræftet, behovet for denne form for<br />
motivation. Han lød meget begejstret og kunne helt klart godt følge fordelene ved en<br />
sundere livsstil, med gladere og friskere ansatte.<br />
Det ville gøre meget for de ansatte med nogle indbyrdes konkurrencer, samt at få<br />
kampgejsten op.<br />
Indledning<br />
Problemfelt<br />
Problemfor<br />
mulering<br />
Afgrænsnin<br />
g<br />
Metode<br />
Analyse<br />
Definition<br />
af<br />
målgruppe<br />
AIDA<br />
TOWS<br />
Interview<br />
Persona<br />
Scenarie<br />
Koncept<br />
Brainstorm<br />
3-ring<br />
target<br />
Design Mysql<br />
IA<br />
Information<br />
Implemente<br />
ring<br />
Inviseble<br />
lines<br />
Design<br />
Proces<br />
Farvevalg<br />
Skrifttype<br />
Navigations<br />
design<br />
Storyboard<br />
Produkt<br />
Prototype<br />
udvikling<br />
SEO<br />
HTML<br />
CSS<br />
PHP<br />
Javascript<br />
Endelig<br />
prototype<br />
Test<br />
Gangstertes<br />
t<br />
Afslutning<br />
Konklussion<br />
Produkt<br />
Redesign<br />
Dynamisk<br />
Motivere<br />
Forskellige<br />
platforme<br />
Sociale medier<br />
Firmatilpasning<br />
Brugerdata<br />
Video integration<br />
Visuel<br />
indentitet<br />
Logo<br />
Font<br />
Brevpapir<br />
Visitkort<br />
Shaker<br />
Manual<br />
Design manual<br />
Video manual<br />
<strong>Rapport</strong><br />
Udviklingsproces<br />
Koncept<br />
Informations<br />
arkitektur<br />
Test & Iterationer<br />
Markedsanalyse<br />
Proof of concept<br />
Psd til Kodning<br />
58
Bilag 1 B to B – B to C<br />
Bilag 2 Moodboards<br />
59
Bilag 3 uddrag af skitser<br />
60
ilag 4 skitser med post it<br />
61
Designmanual<br />
62