Webdesign og webkommunikation Delaflevering

Transkript

1 Webdesignogwebkommunikation Delaflevering JacobMølgaard NinaBaunJeppesen ChristinaJensen Projektidé: HjemmesidetildestuderendepådekunstneriskeuddannelserpåHolmen HER Design 1

2 INDHOLDSFORTEGNELSE: Oplægtilnæstevejledning s.3 1.Problemfeltogproblemformulering..s.3 1a.Beskrivelseafproblemfeltet..s.3 1b.Problemformulering.s.4 2.Metodisktilgang...s.5 2a.Proces....s.5 2b.Diskussionafmetode.. s.7 2c.Brugerinddragelse.. s.7 3.Genereltomprojektet....s.8 3a.Projektorganisering.. s.8 3b.Tilgængeligeressourcer....s.9 4.Førsteresultaterogrefleksioner.....s.9 4a.Målgruppe.....s.9 4b.USPogESP......s.10 4c..Motiverende/PersuasiveDesign.... s.11 4d.Informationsarkitektur......s.11 5.Andreovervejelser..... s.12 6.Foreløbigdisposition......s.12 Bilag: Litteraturliste,tidsplan,wireframeogmoodboardsogpersonas HER Design 2

3 OPLÆGTILNÆSTEVEJLEDNING: kommentarerpåvorestidsplan kommentarerpåpersuasivedesign kommentarerpåforeløbigdisposition 1.Problemfeltogproblemformulering 1a.BESKRIVELSEAFPROBLEMFELTET Siden1990 erneernogleafdemestfremtrædendekunstneriskeuddannelseridanmarkblevsamlet påholmenikøbenhavn.holmenvaroprindeligthjemstedforenafdanmarksgamleflådebaser,meni 1990 ernerømmedesøværnetområdet,ogstedetblevåbnet.sidenerfølgendekunstneriske uddannelserflyttetind: RytmiskMusikkonservatorium:1996 Kunstakademiet:1996 StatensTeaterskole(inkl.SkolenforModerneDans):1997 DenDanskeFilmskole:1998 DanmarksDesignskole:2011 Viarbejderudfraenteseom,atdestuderendepådekunstneriskeuddannelsergernevilsamarbejde ogfaktiskharbrugforkontakttilhinandeniforholdtildiverseprojekter.denneteseblevbekræftet efterfokusgruppeinterviewmednoglestuderende. Menderfindesintetforumfordestuderendeellerenletarbejdsgangiforholdtilatskabekontakttil hinanden. HER Design 3

4 Selvomdereksistererpolitiskehandlingsplanerforområdetoguddannelserne,ogdetumiddelbart virkersomom,dererenstørretankebagatplacereuddannelsersammegeografiskested,såfindes derikkenogenfællesprofilforuddannelserne. IfølgeInternetstatisk.dkblevdomænetwww.holmencampus.dkregistreret24.juni2005, mensidenerikkeoppeatkøre.derfindesogsåfacebook gruppen HolmenCampus for medarbejdereogstuderendepåuddannelserne.gruppenhar83medlemmerogsidsteseriøseindlæg blevlagtoppåsitet5.december2009(derudoverliggerderspamreklamerafnyeredato). Voresresearchtyderaltsåpå,atderikkefindesnogenaktivfællessidefordestuderende.Detvilvi gernegørenogetved. Voresprojektgårheltkonkretudpåatlaveenhjemmesidefordestuderendepådekunstneriske uddannelserplaceretpåholmen:rytmiskmusikkonservatorium,kunstakademiet, StatensTeaterskole,DenDanskeFilmskole,DanmarksDesignskole. Ideeneratskabeenfællesplatform,hvordestuderendekanskabekontakttilhinanden ogfåstørreindsigtihinandensstudier.formåletmedsideneratfremmesamarbejdetogdetsociale, samtidigmed,atdestuderendefårenfællesprofiludadtil. 1b.PROBLEMFORMULERING Udfraovenståendeharviopsatenproblemformulering,derfokusererpåatskabeenheltny hjemmesidefordestuderendepådekunstneriskeuddannelserpåholmen. Overordnedespørgsmål: HvordanfremmermansamarbejdetognetværketmellemstuderendepåHolmenviaetwebsite? Underspørgsmål: Hvadskalsitetindeholdefor,atdeterrelevantforstuderendepåHolmen? HER Design 4

5 Hvordanskabermanetfællessite,derappellerertilstuderendefraallefemkunstneriske uddannelser? Hvilkebehovhardestuderendeiforholdtiletwebsite,somdeikkefårdækketandresteder? Hvordanbyggermanetsiteop,derappellerertildestuderende,ogsomdegernevilbruge? Hvilketvisueltudtrykvilappelleretilvoresmålgruppe? 2.Metodisktilgang 2a.PROCES Viønsker såvidtmuligtmedvoresgivnetidsramme atanvendeenbruger centrerettilgang gennemheledesignprocessen(h.sharpe,y.rogers,j.preece9.2.4.). Voresvalgafproblemfeltgavosautomatiskenafgrænsetogklartdefineretmålgruppe,somviderfor hurtigtiprocessenkunnetagekontakttil. EtfokusgruppemødemedenblandetgruppestuderendefraHolmen uddannelserneblevarrangeret somnogetafdetførste.mødetskullegiveosenidéom,hvilkebehovmålgruppenhar,ogsærligt hvilkesomikkebliverimødekommetafalleredeeksisterendeplatformeogkommunikationskanaler. Sammenmeddestuderendebrainstormedeviover,hvilkeelementersidenkunneindeholde. Efterfølgendekunnevi,påbaggrundafinterviewdataene,udarbejdedenførsteskitsetilsidens informationsarkitektur(sepkt.4d.informationsarkitektur).skitsenvilviidenfølgendedesignproces vendetilbagetilogjustereiforholdtilvoresundersøgelsesresultater. Personstilenmålrettetdesignproces Påbaggrundafdataindsamletfrafokusgruppen,researchpåinternettetsamtprojektgruppens kendskabtilmålgruppenviapersonligenetværk,harviudarbejdettrepersonas(sebilag:persons).vi harpågrundaftidsrammenmåttetbegrænseostilatbenyttedesåkaldteprovisoriskepersonas,som ifølgea.coopers(aboutface3 TheEssentialsofInteractionDesignp.86)redegørelseerbedre,end HER Design 5

6 sletikkeatopereremedpersons.dissetrearketyperskalsikreos,atvisuccesfuldtimødekommer voreskommendebrugeresforskelligebehov.viviluddybepersonabeskrivelserneløbende,som billedetafbrugersegmenternesbehov,ønskerogkravnuanceres. Vorespersonasersammensatsåledes,atderepræsentererstuderendefraforskellige uddannelserogderforogsåbrugeremedforskelligeadfærdsvanerogbehovpånettet. Etbegyndendedesign Detførstedesignarbejdestartervivedatundersøgeandresiderpånettet,somvikanbrugetil inspirationogtilatskabeenfællesreferenceramme.researcharbejdetforetagesudfravores opnåedekendskabtilmålgruppen.hervilviladeosinspirereaflignendesider,derpåsammemåde skaberenplatform,hvorfolkkanfåkontakttilhinanden,somfxlinkedin,kampus.nuogsåvidere hervilvifåideertilstrukturogopbygning.samtidigvilvikiggepåhjemmesider,derrettersigmod voresmålgruppe,ogherfåinspirationtildetvisuelleudtryk. Herefterplanlæggerviatudarbejdeet eventueltflere udkasttilsidensvisuelleidentitet.viønsker atudvikleet fysiskdesign medfokuspådetaljersomfarve,typografi,grafiko.l.,såfokusgruppen harentroværdigprototypeatforholdesigtil. Evalueringogfeedback Voresplaneratholdeendnuetfokusgruppemødeiløbetafvoresproces.Hervilvipræsentere gruppenforførsteudkasttilsidensvisuelledesign,somvivilladedemevaluerepå. Viharikkemulighedforatudvikleogtesteinteraktiveversionerafsitetjvf.H.Sharpe,Y. Rogers,J.Preece9.2.4.firebasaleaktiviteteriinteraktionsdesign.Menvivilbenytte fokusgruppemødettilatforetageensåkaldtkorttest,somkanscreeneeventuelleproblemeri navigationenoginformationsarkitekturenindendeninteraktivesideerudviklet. Nårviharforetagetrettelserudfraderesultater,mødetgavos,erviklartilatlavedetendelige designogherefterkodesiderne. HER Design 6

7 2b.DISKUSSIONAFMETODE Daviopererermedenafgrænset,defineretbrugergruppehardetværetoplagtforosatinddrage brugerneheltfrastarten.iforholdtilatfåetdyberekendskabtilvoresbrugereogderesbehovvalgte viatbrugeenkvalitativmetodeiforholdtildataindsamling.nærmerebestemtkontaktedevidiverse studerendegennemegetnetværkogfællesmailpåuddannelsesinstitutionerneforatfånedsaten fokusgruppe. BenteHalkierhardefineretfokusgruppersomenforskningsmetode,hvordataproduceresvia gruppeinteraktion.(halkier2002,s.11).voreshåbvaratskabeenfællesbrainstorm,hvorvii samarbejdemeddestuderende,kunnekommenærmereindpå,hvilkebehovogønskerdehari forholdtilenfælleshjemmeside.isidsteendedukkedekuntostuderendeoptilvores fokusgruppeinterview AndersfraDanmarksDesignskoleogKasperfraRytmiskKonservatorium. Efteretpartimerskoncentreredeinterview/samtalefikvinoglekonkreteideernedpåpapiret. Mankandogdiskutere,hvorrepræsentativeoggyldigevoresresultaterer,eftersomder somsagtkunertaleomdatafratostuderende.havdevihaftmeretid,villevihaveprioritereten fokusgruppemed1 2studerendefrahveruddannelsehøjt.Menpågrundafvorestidsfristmenervi ikke,atvierienposition,hvorvikantilladeosatventepåatfåsamletnokfolk,førkangåviderei voresproces.viharderforvalgtatbrugededatavifåetfraandersogkasperoghåber,atvisenerei voresproceskansamleflerestuderendetilatgivefeedbackpåvoresvidereideerogdesign.samtidig skaldetbemærkes,atvidogharfåetyderligereinputviamailfraandrestuderendeendandersog Kasper. 2c.BRUGERINDDRAGELSE Ivoresprojektvilvilaveetheltnytkonceptforetsite.Detvilaltsåsige,atderfindesikkeen eksisterendehjemmeside,somvire designer.viharfrastartenprioriteretkontakttilvoresbrugere megethøjt,davifordetførsteønskeretbrugergenereretsite,somskalopfyldevoresbrugeres ønsker,ogfordetandetfordiderikkefindeseteksisterendesite,somvikanlæneosopaf. HER Design 7

8 VifikhurtigtskabtkontakttilstuderendefraDanmarksDesignskole,RytmiskMusikkonservatorium, ArkitektskolenogSkolenfraModerneDans,somalleudtrykteumiddelbarinteresse ogbehov for enfællesdigitalplatform.herefterarrangeredevietfokusgruppeinterviewforatfåbrugernesbehov præciseret. Nårvierlængereiprocessen,vilvivendetilbagetilvoresbrugere,ogpræsenteredem forvoresideerogdesignforatfåfeedback. Havdevihafttidenogdentekniskekunnen,villevigernehavelavetenusability testaf sitet.daviisidsteendeikkevilhaveetkompletsitemedfungerendelinks,søgemaskine, kalenderfunktionogopslagstavle,måvinøjesmedattestewebsitetpåvoresbrugereiforholdtil layoutoginformationsarkitektur. Daviharatgøremedenkunstneriskogkreativmålgruppe,erdetoplagtatbenytteosafderes kompetencerogekspertise,hvadangårdesignoggrafisklayout.ikkebareforatudnyttederesevner, menfåatgivevoresbrugereenejerfornemmelseroversitet,hvorindholdetsomudgangspunktskal værebrugergenereret.samtidigharvienforventningom,atdetkanskabestørreomtale og dermedtrafik afvoressite,hvisdestuderendeselverenstordelafprocessen. Detoptimalevilleværeatinddrageteksempelvisdesign og/ellerarkitektstuderendei heledesignprocessen.dettilladervoresbegrænsedetidsrammedesværreikke.voressigteeri stedet,atvivedetsenerefokusgruppemødeidéudviklermeddestuderendeiforholdtilatudvikleet fælleslogofordekunstneriskeuddannelserpåholmen. 3.Genereltomprojektet 3a.PROJEKTORGANISERING Helevoresprojekterudtrykforettætsamarbejde.Viersåvidtmuligtallesammenindeoverhele processen,såviisidsteendestårtilansvarfor ogharejerskabover heleprojektetallesammen. Idenindledendegruppeprocesformuleredevifirepunkter somefterfølgendeerblevet tilpasset iforholdtilengruppekontrakt,somviarbejderudfra: HER Design 8

9 Vivilarbejdesameniøvelsestimerneogmødesengangyderligereomugen. VivilkommunikerepåmailogbrugeGoogleDocstilatsamarbejdeomdokumenter. Viviluddelegerenogleopgaverimellemos,somviharindividueltansvarfor,menhovedsagligtsidder vifysisksammenogarbejder. Vivilværeåbneoverforogrespekterehinandensholdningerogidéer.Viviltaleom elefanten,hvisvifårøjepåden! 3b.TILGÆNGELIGERESOURCER NinafravoresgruppeharselvgåetpåRytmiskMusikkonservatorium.Hunharderforetnetværkder gør,atviharletadgangtilvoresbrugere. 4.Førsteresultaterogrefleksioner 4a.MÅLGRUPPE SevedlagtePersonas bilag Voresprimæremålgruppeer: StuderendepåHolmensfemkunstneriskeuddannelser Arkitektskolen,Filmskolen,Teaterskolen, herunderskolenformodernedans,rytmiskmusikkonservatoriumogdanmarksdesignskole der entenharensocialellerkarrieremæssiginteresseiatfåkontakttilstuderendepådeandre uddannelser. Kommentarerommålgruppen: Viharindtilvidereikkefundetkonkretstatistiskdatapådestuderendeiforholdtilalderogkøn,men udfradestuderendesprofilerpåuddannelserneshjemmesidertegnerdersigetbilledeaf,atde HER Design 9

10 typiskerialderen20 30år.Dererovervejendetaleomdanskestuderende,menogsåendel skandinaviske.nogleuddannelser,såsomskolenformodernedansogvisselinjerpådesignskolen, haretklartflertalafkvindeligestuderende,mensdetgenerellebillededogviserennogenlundeligelig fordelingafmændogkvinder. Voresanalyseafindsamlededataviseretvistmønsteriforholdtilenpsykografiskbeskrivelseafen typiskbruger.egenskabernekanopsummerestil: Kreativ,individualistisk,moderne,venstreorienteret,interesseforkunst(design,kunst,musik,) (social),åbensindet,behovforatudtrykkesig. 4b.USPOGESP USP elleruniquesellingproposition handleromatdefineredetmantilbyder,setfrabrugerens ellerkundenssynsvinkel.viharvalgtatfokuserepåvoresbrugere fremforeneventuelkundetil voresprojekt ogharformuleretfølgendeusp: Fåtætterekontakttil ogbedremulighedforsamarbejdemed andrestuderendepåholmen. DuvilfåmereudafdintidsomstuderendepåHolmen,fagligtsåvelsomsocialt. Derfindespt.ikkeetfællessitefordekreativeuddannelserpåHolmen.DerfindesenFacebookgruppe,menvoresinformantererenigeom,atgruppenikkeermedtilatopdyrkeen fællesskabsfølelseellerenfællesidentitetfordestuderendepåenkreativ/kunstneriskuddannelse, dadererenmasse støj påfacebookiformafreklamer,altformangeindlæg,etc. Voresforeløbigeresultaterpegermod,atbrugerneharbehovfor: atkunnekontaktestuderendefraandreskolerudenatskullesendedirekte,privat s lettereognemmeremulighedforsamarbejde etforumistudieregi,hvormankanhavepersonligeprofiler,derpromovererensevneroverfor muligesamarbejdspartnere HER Design 10

11 enfælleskalendermedoversigtoverarrangementerpåuddannelsesstederne ESPellerEmotionelsellingpropositionhandleromatformulere,hvilkefølelserdererpåspiliforhold tilensbrugere.hvaderdetforenstemning/følelse,mangernevilvidereformidle? Vimener,atetfællessitefordestuderendepåHolmenideeltsetvilgive/styrkedestuderendes fællesskabsfølelse;etuddannelsesmæssigt,kreativtoggeografiskfællesskab.detvilviforsøgeat formidlevedhjælpafenstærkvisuelidentitet,derspillerpåuddannelsernesfællesområde.detkan foreksempelværeikraftafbillederfraholmenogskabelsenafetfælleslogoforalleuddannelserne. 4C.MOTIVERENDE/PERSUASIVEDESIGN(PD) Forsidenskalgivedestuderendeetindbliki,hvaddekanfindepåsitetoggivedemlysttilatbruge det!forsidenkaneksempelvisvisedenyestoprettedeprofiler,denyesteopslagogdenyeste begivenheder ogpådenmådegiveindtrykafdeteretsite, derskernogetpå. AndreeksemplerpåPDkunneværeiforbindelsemedsitetssøgefunktion.Søgeren filmstuderendeeksempelvismusikertilsinfilmvedatskriveetopslagspåvoresopslagstavle,kan systemetautomatiskgøreopmærksomrelevanteprofilerpåsiden,deropfylderdeeftersøgte kompetencer.ellermankanautomatiskblivergjortopmærksompåkommendearrangementerpå konservatorietikalenderen,hvormankunnehaveeninteresseiatmødeopogfådirektekontakttil enmusiker.pådenmådevilviholdebrugerenpåsideoggøredenmereinteressantfordenenkelte bruger. 4D.INFORMATIONSARKITEKTUR Informationsarkitekturenskal understøtteenformfor udveksling hvordestuderendekanhenholdsvissøgeogtilbyde kreativekompetencer. HER Design 11

12 genereltunderstøtteetsamarbejdemellemdestuderendepåtværsafdekreative uddannelser formidlestudierelateredearrangementer/begivenhederfordestuderende formidlesocialearrangementer/eventsfordestuderende formidlearrangementer/eventsforandrekreativestuderendeogoffentligheden Informationsarkitekturenskalunderstøtteetenkeltogoverskueligtdesign.Informationsarkitekturen skaltydeliggørehvilkentypearrangement,derertaleom.indtilvidereopereresdermed kategorierne skoleregi (ex.afgangsprojekt,stævneuge), socialt (ex.fredagsbar,fest)og kommercielt (koncerter,udstillingeriprivatregi).detskalværemuligtatsortere/filtrerepådisse kategorier. Informationstyper Profil/digitaltvisitkort Opslag/annonce Event/arrangement 5.ANDREOVERVEJELSER Afsender Vihargjortosendelovervejelseromkring,hvemdenegentligeafsendererpåvoressite.Voresmål er,atindholdetpåsidenskalværebrugergeneret,mensen styregruppe beståendeafstuderende samtenwebadministratorskalståforvedligeholdelsenogagerecommunitymanagerfremover.men hvemdenegentlige ejer afsidener,erviikkeheltafklaretomkring.enmuligheder Centerfor AnvendtKunstneriskInnovation.Deteretcenter,derarbejderfortværfaglighedogforatfremme samarbejdeognetværkmellemkunstneriskeuddannelser. HER Design 12

13 6.FORELØBIGDISPOSITION Indledning:Tese,problemformulering,beskrivelseafprojektet.Argumentationforhvorfor netopdetteprojekterinteressantogrelevant. Målgruppe MetodeogTeori:Hvilkenteoribrugervioghvorfor? Analyseiforholdtilresultater Diskussion:Hvorforgørvisomvigøriforholdtilresultaterogdata. Informationsarkitektur Visueltdesign:Visuelidentitet,farvevalgogfunktionalitet,hvorforsersidenudsomdengør Usability Konklusion:Opsummerprojektetogendeligeresultat Perspektivering:Hvordanforestillervioswebsitetsvidereforløb,hvordankunnemanellers havegjort,hvadkunnehaveværetinteressant,somviikkegjorde Litteraturlisteogandrebilag HER Design 13