!!!!!!!!!!!!!!!!!!!!!

Transkript

1

2 INTRODUCTION Idennerapportvilvidiskutereogillustrerehelelærings;ogudviklingsprocessenderliggertil grundforskabelsenafetwebsite,medudgangspunktietdesign;briefleveretaf1.semesters markedsføringsøkonom;studerende.detwebsitemock;upderbliverdiskuteretidennerapport hartilformålatfungeresomenstavgangsforening,medfokuspåspeciellestavgangs;eventstil ældremennesker.målgruppenwebsitetskalrammeenmålgruppeafbådemændogkvindermed enalderpå65+år.etsimpeltdesignmedbløde,indbydendefarverogetlogoderikkeskabertvivl. ASSIGNMENT (Opgavebeskrivelsen/kan/findes/på/Fronter/under/projekter/8>/3.projekt)/ In$this$project$you$are$going$to$collaborate$with$students$from$the$marketing$management$ program.$the$marketing$management$students$will$perform$the$preliminary$field$research$and$ prepare$a$brief$that$specifies$the$requirements$for$a$website$you$are$going$to$design.$your$role$in$ the$project$is$to$act$as$the$web$agency$that$the$marketing$management$students$ hire $to$do$the$ job. $$ OBJECTIVES (Opgavebeskrivelsen/kan/findes/på/Fronter/under/projekter/8>/3.projekt)/ You$are$are$going$to$learn$about$working$in$interdisciplinary$teams$with$professional$role$ to$learn$how$the$use$of$design$creates$the$context.$that$communicative$problems$are$solved$ through$the$exemplary$use$of$design,$where$design$is$not$in$itself$a$goal$but$the$means$to$help$the$ user$to$achieve$his$goal. $

3 PROJECTPLANNING EfterathavelæstopgavebeskrivelsenogfåetdesignbrieffravoresMAK;gruppe,begyndteviat overvejehvordanviskulletackleopgaven.visatteosigruppenogbegyndteatlavehvervores brainstormforatfåflestmulige,forskelligeideer.efterenkortsamtalemedfrederiktangblevvi enigeomatlaveennegativbrainstormforatfastslåeventuelleproblemermedvores Nedenforillustreresvoresbrainstorms,bådedennormaleogdennegativebrainstorm. PådenæstesiderkanvoresWBS*ogPBS*overwebsitetsamtrapportenses,samtvoresGantt; diagram. Overskuelig Milde/pastel Sort/hvid Sundhed/positivitet/øko Grøn Motion Ingen tvivl Stave/event Farver Logo STAVGANG Simpelt design Få undersider Få undersider Brugervenlig Fokus på målgruppen Forside Information Sundhed Simpelt design Begivenheder Tlf.-tilmelding Mail/brev-tilmelding Dårligt designbrief Hjemmesiden bliver gjort overflødig STAVGANG Målgruppen vil ikke benytte hjemmesiden Internettet kan være skræmmende Uoverskuligt for målgruppen Svær URL Misforstået opgave/produkt Tvivl om deadlines Miskommunikation mellem parterne Svært at læse indhold Svært at finde indhold Produktet lever ikke op til forventningerne *$=$Den$digitaliserede$version.$På$bilagssiderne$vil$de$håndskrevne$versioner$kunne$ses.$$ $

4 PBS RAPPORT/MOCK;UP Negative brainstorming Brainstorming Idéer Tidsplanlægning WBS Rapport PBS Idéer Arbejdsfordeling og tidsplanlægning Gantt Produkt-struktur Six Thinking hats Evaluer projektet Hvem er vi Billeder Forside Gangstav Kontakt os Hvem/hvad kan vi? Fakta om sundhed og motion Information Sundhed Undersider Mock-up Website Logo Overskuelig Illustrator Møde med MAK'erne Billeder Brief Analyse af brief Tilmeldingsblanket Gruppearbejde Udvikling Tlf.-tilmelding Begivenheder

5 WBS&GANTT;DIAGRAM Stav Event Opgavebeskrivelse Gennemgik opgaven i gruppe Første brainstorm Briefcase/møde med MAK er Design brief analyse Q&A med MAK er Projektplanlægning Gantt diagram Brainstorm/ Negativ Brainstorm Arbejdsfordeling Mock-up Wireframe Gruppemøde Interaktion med MAK erne Gruppearbejde PBS/WBS Design logo Rapport Stakeholder analyse Information Arkitektur Tekstinfo

6 DESIGNBRIEFFRAMAK;GRUPPEN Hvadervoresvirksomhed? Vierenorganisation,dertilbyderstavgangtildeældrepå65+år.Voresformåleratarrangere eventsforældremenneskerviastavgang. Voresmålgruppeerældremenneskerpå65årellerderover,derharetønskeomensundere tilværelse,samtmulighedenforatmødeandrejævnaldrende. Voreskonkurrencemæssigefordeleer,atviarrangererspecielleeventsfordeældreideres nærområde.deterderforikkeenorganisationdertilbyderstavgangpåugentligbasis.derudover sælgervistaveafforskelligemærkerviavoreswebshop. Hvaderformåletmedvoresprojekt?Hvorfor? Formåletmedorganisationeneratdannerammeometfællesskabfordeældre,hvordesamtidig medatdelærerenmassejævnaldrendeatkende,ogsåfårrørtsigogdermedblivervedmedat holdesigigang. Begrundelsenforhvorforviharvalgtnetopstavgang,erfordimotionogsundhederetrelevant emne.deterderforvigtigt,atdettefremgårtydeligtpåhjemmesiden,idetdettalertilderes fornuft. Hvadskalhjemmesidenindeholde? Infoomstavgangogvoresorganisation. Sundhed. Events hvortildetskalfremgåtydeligt,atdeældreeksempelviskanindtastederes postnummerogpådenmådefindeeteventderliggerinetopderesnærområde. Webshop(salgafstave). Kontaktinfo. $ Note:$(Det$er$op$til$jer$at$bestemme,$hvad$hjemmesiden,$og$dermed$også$organisationen$skal$ hedde,$og$vi$tænker$det$kunne$være$fedt$med$et$logo$der$repræsenterer$vores$organisation)$

7 $ Konkurrenter: Markedetvivilopererepå,erB2Cmarkedetsomkendetegnerprivateforbrugere,derskalbenytte sigafvorestilbud. Derudoverervibevidsteom,atdererandreorganisationerpåmarkedet,derogsåtilbyder stavgangisamarbejdemedkommuner.vimåpåbaggrundafdetderforkonkludere,atder alleredeeretmarkedforstavgang,såvoresoverordnedemålsætningerderforatarrangere spændendetureideældresnærområder,såledesvikommerbedstmuligtindpåmarkedet. $ Samarbejdspartnere: Ivoresorganisationerdetvigtigtmedsamarbejdspartnere,fornetopatrammevoresmålgruppe bedstmuligt.derforvilvisamarbejdemedkommunersomkunneværeinteresseretiattilbydede ældreborgerestavgangsture. Deadline: Tidsfristenerd.2.november2015. $

8 STAKEHOLDERS Stakeholders,ellerinteressegrupperpådansk,eretvigtigtelementiskabelsenafetwebsiteeller produkt.manmågrundigtovervejehvilkeorganisationerogindividerderharbetydningforens virksomhed.voresfiktivedesignvirksomhedharnøjeovervejetenmasseorganisationerdervil givegodmeningatsamarbejdemedtildetwebsiteviharskabt. Deældreisigselverenvigtiginteressegruppedadeervoreshoved;målgruppe.Andre stakeholderserfxældresagen,kræftensbekæmpelse,rødekors. Forhandleredersælgergangstavevilleværeenoptimalsamarbejdspartnerdadetvillegive reklametilførnævnteforhandler,menogsåsparestaveventforatoprettewebshopogindkøbaf gangstave.hospitaler,sundhedsstyrelsen,kommunerne,politikerne allehargavnafatældre menneskerholdersigaktivelængere,detvilmåskemedvirketilatnogleældremenneskerikke udviklerhjerte;ellerlungesygdomme. Alleførnævnteorganisationeroginstansererforskelligestakeholdersmedenvisinteresseinden forvoreswebsite.deflesteafvoresumiddelbarestakeholdersharstørstinteressei,atdetældre segmentfårstørreinteresseforsundhed,oghvaddeblandtandetselvkangøreforatstyrkebåde dereslivskvalitetogmåskedereslevealder.somdetkortblivernævntlængereoppepådenne side,vilsælgerehaveeninteresseretvediatdeøgerderesprofitnårvoresmålgruppegårudog købergangstavefraderesbeholdning.voresformålmeddettewebsiteeratdeældre,vores hoved;målgruppe,fårtilmeldtsigstavevent;organisationenogbliverendelafetstørreog sunderefællesskab. $

9 INFORMATIONARCHITECTURE InformationsArkitektureretværktøjvirksomhederbrugertilatlavefåetomfattendeog overskueligtoverblikafhvaddereswebsiteellerproduktindeholder.idennerapportvilviomtale InformationsArkitektursomIA. EnIAfremvisesietvisueltdiagramhvorderillustreresselvestrukturenoveretprodukt,et websiteidettetilfælde.ydermerekanmanbrugeiatilatfindenyesammenhængeifxetwebsite, vedatkunneflytterundtpåindhold,foratfåenbedreoverensstemmelsepåundersidereller lignende. Tildenneopgavevardetikkeetkravatlaveenfysiskinteraktivhjemmeside,mensnarereet grafiskmock;upderkunnefungeresomenplaceholderindtildetfaktiskewebsiteerskabt. VilavedederforetsimpeltwebsiteiHTMLogCSSforblandtandetogsåatgiveossomgruppeet bedreoverblikovermuligtindholdpåsiden. NedenforkanensimpelIAses. StavEvent Forside Information Sundhed Beginheder Viharlavetetsimpeltdesignmed4faner,foratgøredetusandsynligtbrugervenligtforældre, computer;novicer.detvilfremgåtydeligtunderhverfanehvormanbefindersigoghvorevt.info manharbrugfor,befindersig.

10 VISUALIDENTITY Formåletmednetopvoreswebsitevarfrabegyndelsenmedintentionenomatværesimpeltog forståeligtdesign,derikkemåforvirrebrugeren.foratgøretekstenklarogtydeligvalgteviat brugesimple,flotteskrifttyper,ogmedudgangspunktisans;seriftypografier.voresvalgaf farvepaletafblødepastelfarvererigentilformålatberoligeogikkesprængeriøjnenepå brugeren.vivalgtedengrønnefarveforatunderstøttedensundhedvipromoverer,ogmed henblikpådengenkendelighedmedatgrønkansymboliserevækstogøkologi. Nedenforfremvisesvoresskrifttyperogfarve;skema.Logoetviharskabttagerudgangspunktide sammeprincipperogfølgerderforsammefarveskema*. Voresudgangspunktidesignprincipperneharværetenkelhed,såwebsitetfølesskræddersyettil netopvoresmålgruppe.genkendelighedenerillustreretpådenmådeatalleunderfanerfremstår påsammefacon,foratgivedemalleenligeværdi.bådemenu;barogwebsitets body er tydeligvislukkedekasserforatgiveetindtrykafatindholdetersamlet,oghvadenddermåvære udeforlinjerne,ikkehørertil. *=Logo;varianterkansesivoresbilagnederstirapporten.

11 MEDIAANDPLATFORM Viharskabtenrækkermediertilatskabeenbrugervenligplatformderikkevirkerintimiderende, ogindbydertilbrug.voresprimæreplatformerselvfølgeligdetwebsitemock;upviharskabt. WebsiteterhåndkodetikodningsprogrammetBrackets.Websitetkansespåallepc ermeden internetforbindelse,menogsåtablets.medenstørreerfaringindeforkodning,villeensimpel bootstrap;kodekunnegivewebsitetetresponsivtdesignogtillademobilbrugeredensamme oplevelsesompc;brugere,ogmedlidtmerekodningserfaringvillederkunneudviklesen mobilapplikationtilatsimplificerebrugenafstaveventendnumere. Detsimpleinterfacepåwebsitetdannerderforrammenomdennebrugervenligeplatformog hjælpervoresmålgruppetilatdeltageistavgangsevents. Etlilleuddragafwebsitetkansesnedenfor.

12 USABILITY Formåletmedvoreswebsitevaratlavedensåsimpelogoverskueligsommulig.MAK;gruppens generelleidévarheldigvisogsåligvores,daviallevarenigeometsimpeltdesignvilblive håndteretbedstafdeældrebrugere. Davoresmålgruppenermindst65årgamleafspejlervoresdesignafhjemmesiden,atdenskal væresåbrugervenligogforståeligsommulig. Viharfirefaner,medenskrifttypeogtekststørrelsesomgørdetnemtfordeældreattrykkeog navigererundt.viharfrastartaftagethøjdefor,atdeældreharsværtvedatbrugeinternettetog derforhardetværetenaltafgørendefaktorforvoresslutresultatafhjemmesiden.viharmedvilje valgtikkeatlavenogenbrødkrummestinetopfordivoresdesignersåsimpelt,aten brødkrummestikunvilforvirreyderligere.viharistedetforovervejetatvisehvormanbefinder sigvedhjælpafetændretdesignafdeaktivelink.

13 GRAPHICS/IMAGES/ATTACHMENTS Vivilherpådesidsteparsiderfremvisealvoresgrafik,alvoresdesign;dokumentationogvores logo;designideforskelligealterationer. Førstebrainstorm

14 Negativbrainstorm WBS

15 Gruppearbejde Visadsomgruppemangegange,fordiviarbejdedebedstnårvisadsammenogkunneudveksle ideerogændringer.somdetkansespånedenståendebilledersadviogsåsammenmednogle andregrupperforhyggensskyld.

16 Logoiterations Vigennemgikenrækkelogo;designsindtilvivalgte