PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF

Transkript

1 Links til portfolio Anna Emely Jensen Oliver Alexander Vedel Trojahn Maja Scheel Kvint Cecilie Sørensen Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

2 INDHOLDSFORTEGNELSE " Design Brief 3 Brainstorm 5 GANTT KORT 6 Informationsarkitektur 7 PBS PRODUCT BREAKDOWN STRUCTURE 8 WBS Work Breakdown Structure 9 De 6 tænke hatte 10 Stakeholders 12 Logo 13 Wireframe 14 Website mock-up 15 " 2 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

3 DESIGN BRIEF Indkaldelse til møde mellem Dansk Stavgang Union og multimediedesignere Tid: fredag d. 23/ kl Sted: Cph Business, Lyngby lokale 1.66 Dagsorden 1.! Kort beskrivelse af opgaven En hjemmeside til promovering af Dansk Stavgang Union. Hjemmesiden skal søge at inspirere ældre mennesker til, at benytte stavgang som kilde til motion og socialt samvær. 2.! Hvem er vi?! Dansk Stavgang Union! Landsdækkende union med fem lokalunioner (Sjælland, Fyn & Øer, Sydsjælland, Midtjylland og Nordjylland)! Antal ansatte: 5 fuldtidsmedarbejdere! Omsætning: 5 mio. (Kontingent, øvrige)! Hovedsæde: Lyngby! Antal medlemmer: ! Samarbejdspartnere Samarbejde med Kalas Festival. Det årlige landsdækkende event laves i samarbejde med Kalas festivallen, som er en festival omhandlende musik, mad og sundhed. Samarbejde med Kræftens Bekæmpelse. Vi samarbejder om, at samle penge ind til Kræftens Bekæmpelse via stavgang-ture. Dansk Stavgang Unions sponsorer betaler x pr. Gået kilometer. 4.! Konkurrenter! Dansk Petanque Forbund (petanque.dk)! Fitness Centre! Sportklubber (Badminton, Bowling, dans) 3 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

4 5.! Budskab At udvise fællesskab via aktivitet. At det er sjovt og sundt at gå stavgang i naturen, men ikke nødvendigvis hårdt som en træning i et fitnesscenter. At unionen er professionel og at der er fordele ved at melde sig ind. 6.! Målsætning At udbrede kendskabet til unionen. At udvise fællesskab via medlemskab i unionen. At få nye medlemmer via hjemmesiden. 7.! Formkrav Obligatoriske sider:! Om unionen! Lokal unioner (herunder events)! Kontakt! Shop (eller henvisning til producentens shop)! Meld dig ind! Generelt opfordring til indmeldelse 4 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

5 BRAINSTORM Efter vi modtog MAK gruppens design brief, gik vi i gang med at brainstorme over ideer til den kommende hjemmeside. Vi blev hurtigt enige om, at siden ikke skulle være for indviklet, eller indeholde for meget, da dette ville forvirre og skabe utryghed for den kommende målgruppe. 5 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

6 GANTT"KORT" " Gantt kortet blev udført efter elementerne fra WBS en, og blevet indsat i et diagram skema med forventet arbejdstider på. I Gantt kortet udelod vi rapportskrivning og tog kun forbehold for layoutet af hjemmesiden og logoet. 6 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

7 INFORMATIONSARKITEKTUR For at lave en informationsarkitektur anvendes her en hierarkisk opbygning. I toppen ses den samlede hjemmeside, hvor der herunder ses seks undersider. Da er et lille website med få elementer er der ikke flere lag i strukturen. Websitet henvender sig til ældre mennesker, og det er derfor et bevidst valg, at siden ikke skal have for meget dybde. Havde der dog være flere undersider, havde det været en oplagt idé at lave et lag mere for at menuen ikke vil blive for lang. Man kunne også have linket undersiderne til hinanden og skabe en mere lineær struktur. Men dette gav ingen værdi for websitet og ses derfor heller ikke her. 7 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

8 PBS PRODUCT BREAKDOWN STRUCTURE I denne PBS nedbrydes Dansk Stavgang Unions website. Først ses selve sitet, herefter alle seks undersider. Under hver underside nedbrydes yderligere indhold. 8 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

9 WBS WORK BREAKDOWN STRUCTURE I denne WBS ses website design for DSU øverst. I det næste lag ses tre kasser, hvoraf research, design/layout og produktions planlægning er. I dette projekt er der brugt tid på, at researche forskellige former for design som passer til det ældre segment. I design/layout bliver der brugt tid på, at være farver, teksttype, lave en wireframe, lave undersider, navigationsbar og logo. Logo er en af de elementer som tager længest tid, da der inden for denne, både er brainstorm, skitser, layout, 1. Forsøg, 2. Forsøg og herefter tilpasning. Ved produktions planlægningen laves en Gantt, som også vil være vist her i rapporten. 9 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

10 DE 6 TÆNKE HATTE DeBonos 6 tænkehatte Edward de Bono s 6 tænkehatte er et værktøj som er effektivt til problemløsning og at udforske nye idéer. De 6 tænkehatte er 6 fiktive hatte, som man tager på. Hver hat har sin farve og repræsenter én bestemt type måde at tænke på. Resultat: Hvid hat - Data, fakta, kendt information eller nødvendige oplysninger. Dansk Stavgang Union. Ældre mennesker formentlig. Grøn hat - Kreativitet, muligheder, alternativer, løsning, nye idéer. Brugervenlig for ældre, ingen nyere effekter som forvirrer. Henvender sig KUN til ældre, da brugergrænsefladen begrænses til det absolut simple. Gul hat - Værdier og fordele. Hvorfor noget måske virker (fordele) Fordel - de ældre vil ikke tabe modet, og kan anvende hjemmesiden pga. dens simplicitet. 10 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

11 Sort hat - Vanskeligheder, mulige problemer. Hvorfor noget måske ikke virker (ulemper) Ud fra udgangspunktet, at det er en hjemmeside, vil ældre måske fra start opgive fordi tidligere erfaringer ikke har kunne anvende hjemmesider. Overtagelse kræves, samt promovering!! Rød hat - Følelser og intuition Ældre kan have en negativ indstilling fra start, grundet begrænset viden om internettet pga. alder. Blå hat - Styrer tankeprocessen, fokus, næste skrift, handlingsplaner. Vi er her fordi vi er blevet hyret af MAK til at lave webdesign for DSU. Vi har med ældre mennesker at gøre, så skal tilpasse os deres vanskeligheder i forhold til IT anvendelse. Opnå brugervenligt design (mock-up) Ud fra de 6 tænkehatte kunne vi konkludere, at gruppen var meget enig og havde de samme forventninger til hjemmesiden. " " 11 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

12 STAKEHOLDERS I dette projekt er der fundet følgende stakeholders/interessenter: Ældre mennesker Da det er ældre mennesker hjemmesiden skal designes til, er de en af de vigtigste interessenter. Hjemmesiden skal designes, så den er optimeret i forhold til ældre. Positiv interessent Vores klient - MAK gruppen Klienten er dem, opgaven stammer fra. De spiller en stor rolle, da det er deres ønsker der skal opfyldes på bedst mulig vis. Positiv interessent Dansk Petanque Forbund, Fitness centre & Sports klubber Disse interessenter er alle konkurrenter til hjemmesiden. Negative interessenter " " 12 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

13 LOGO Logoet tager udgangspunkt i en figur som er genkendelig. Herudover er logoet enkelt, for at skabe et mere roligt design. Manden der går stavgang er lavet i svage grønlige nuancer, så det både passer til de svage farver på websitet, men også symbolisere sundhed og natur. DSU står skrevet med sort indover stavgængeren, da det ældre segment har nemmest ved at læse sort på hvidt, i dette tilfælde en lys grøn. 13 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

14 WIREFRAME Inden vi gik i gang med at lave en mock-up af forslaget til hjemmesidens layout, lavede vi et forslag i form af en wireframe skitse. Vi tog udgangspunkt i de 20 designprincipper, og lagde vægt på genkendelighed, enkelthed og fleksibilitet og brugbarhed. Elementerne er sat op, som enhver traditionel hjemmeside. Vi mener at der ikke skal meget til at forvirre vores målgruppe, da denne ikke er vant til at anvende internettet i større forstand. Ved en simpelt opsætning, skulle brugervenligheden være optimal for lige netop vores målgruppe uden for mange funktioner og features, som blot vil skabe utryghed og forvirring. 14 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen

15 WEBSITE MOCK-UP Det færdige resultat blev som ovenfor. Vi har valgt at lægge vægt på, at skrifttyperne skulle være fed, da de er lettere læselige derpå. Farverne der er valgt, er i de neutrale sort/hvide farver, da vi ud fra research på nettet, fandt frem til, at ældre mennesker bedst læser sort/hvide farver. Der er det som skal være på hjemmesiden, men heller ikke andet. Der er ikke noget som efter vores mening, ville kunne skabe forvirring for vores målgruppe, men heller ikke for lidt, så de ikke kan finde hvad de leder efter. En enkel hjemmeside, som vi mener er lettilgængelig for stavgangs brugere. 15 Anna Emely Jensen - Oliver Alexander Vedel Trojahn - Maja Scheel Kvint - Cecilie Sørensen