Øvelse 7 - delaflevering



Relaterede dokumenter
Re-design af Bøssehusets hjemmeside Webdesign og webkommunikation, F2012 Iben Kold Thomsen (hold 1) & Morten Mechlenborg Nørulf (hold 2)

CPH Queerfestival Line Thaarup, Henrik Holm Olsen, Kim Louis Køhrsen, Jane Hedegaard Laren

Hvordan kan vi designe et website til studenterorganisationen Analog café?

Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, Kenneth Hansen,

Delaflevering. Webdesign og webkommunikation, hold2 E-2011

Personlig branding i webdesign

Eksamenscase: Cevea delaflevering

Delaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back

Delaflevering Re-design af Kirsten Kjærs Museums hjemmeside (kkmuseum.dk)

Delaflevering, 8. november

Selvvalgt Projekt. ( Det smager godt ) af Ke vin Hartmann, Hold 305.

Sundhedsapp.dk. - I hvor høj grad, skal vi have fokus på de potentielle brugere af websitet?

DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME. 10. Oktober 2013 #6 Designproces + Projektstart

Delaflevering. De Digitale Hippier. Indhold. Frank Holdt og Linh Tran

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S

Introduktion til problemfelt. Konceptbeskrivelse

# Redesign af copenhagenskatepark.dk

Design til digitale kommunikationsplatforme-f2013

E M P I R E B I O 2 E2011

Eksamensprojekt i Web design og web kommunikation - E2011 hold 2

GRAFISK WORKFLOW Hjemmesidedesign

Mobilt website for Købehavns Fødevarefællesskab

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Analyse af værket What We Will

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

Husk til Camilla: at spørge Louise fra disko:wax om vi kan få Kesi til at booste for 500 kr næste gang han deler på Facebook

Portfolio redesign. Kia Dahlen! 1. semester eksamen! MUL-A 2013! !!!

8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april

Når begivenheden går online

Visuel ID. 2. projekt 2. sem. marts og kommunikation. Multimediedesigner

KARINA KONRAD USER EXPERIENCE PORTFOLIO. Jeg interesserer mig for user experience, digital kommunikation, online marketing og humancomputer

Hej! Mit navn er Mathias Korsholt Abel

Delaflevering DWDK2_f april

Af: Safa Sarac Klasse 3.4 Skole: Roskilde Tekniske Gymnasium, HTX Vejleder(e): Karl B Dato: 26. marts 2012

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN

SRP køreplan: What to do.

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S.

Grafisk produktion & workflow

Delaflevering: Webdesign og webkommunikation. Organisation: Københavns Erhvervsakademi. Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen

eksamensprojekt 2. sem

MULTIMEDIEDESIGNER 1. ÅRS PRØVE

Visuel ID. 3. projekt 1. sem. okt. - nov og kommunikation. Multimediedesigner

Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag

IT og Kommunikation. Workshop om planlægning af prototype forløb Rikke Okholm

Projekt 5 - Porfolio Redesign

Velkommen DMD ere 2010! Lone Malmborg / malmborg@itu.dk

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

Praktikvejledning og information om 4 semester, foråret 2014

Grundforløbsprøve Projektbeskrivelse

Familieplejen. Kurser efterår 2019

Skriftlig opgave vedr. brugervenlighed og grafisk design

Produktbeskrivelse - Grafisk workflow

Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI. Vision: Scenarier

MARIA SKAU MADSEN SVENDEPRØVE

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

Visuel ID. 2. projekt 2. sem. marts og kommunikation. Multimediedesigner

det nye dmi.dk SITEMAP...27 INDLEDNING... 2 PROBLEMSTILLING...3 PROBLEMFORMULERING...4

IDENTIFON. Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm

Konverteringsoptimering. Martin Skøtt Online

SOCIALE MEDIER ONLINE MARKETING 2. SEMESTER, FORÅR 2014

Essential Skills for New Managers

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine

Transkript:

Øvelse 7 - delaflevering Contents Oplæg til vejledning... 1 Generelt i forhold til projektet... 1 Problemfelt... 1 Baggrund... 1 Udfordringen:... 2 Forslag til foreløbig problemformulering... 2 En beskrivelse af metodisk tilgang og overvejelser om brugerinddragelse... 3 Litteratur overvejelser... 3 Projektorganisering... 3 Ressourcer... 3 Tidsplan... 4 Foreløbig disposition... 5 Første resultater og refleksioner... 5 Overvejelser om målgruppen... 5 Persuasive design... 5 Informationsarkitektur... 6 Litteraturliste:... 6 Oplæg til vejledning Vi ønsker at bruge en del af vejledningen på at optimere vores problemformulering, så den både rummer muligheden for, at vi tilegner os tekniske/praktiske færdigheder i opbygning af hjemmesider og integration af sociale medier og multimedier samt holder et acceptabelt akademisk niveau. Generelt i forhold til projektet Problemfelt Baggrund Musikforeningen Gutter Island Garage Rock Festival blev stiftet i år 2000 da man mente der manglede en venue for garagerock og beslægtede genre. 1

Festivalen afholdes hvert andet år på Masnedø fortet ved Vordingborg. Første festival gav underskud hvilket resulterede i at der i København på forskellige spillesteder blev lavet flere enkeltdags arrangementer, hvis overskud skulle betale festivallens underskud. Disse arrangementer blev kaldt Gutterlight. Siden år 2009 har der været en to dages arrangement i København de år hvor der ikke er en rigtig festival, som er blevet kaldt Gutter City. Siden 2004 har festivalen haft en hjemmeside www.gutter-island.dk, der er blevet lavet med en flash front, men html backend. Hjemmesiden har flere problemer: Der er kun de sider man ser knapper til på forsiden: News, Events, Forum, Info, Contact, About, pics, join, Merch, og links. Området til tekst er meget småt. Mulighederne for at ændre tekst størrelse, farve etc. er ikke til stede. I sættelse af billeder i tekst-ruden er ikke tilstede. Ligesom sprog versionering ikke er mulig. Derudover arbejder html-delen og flash delen ikke særligt godt sammen, så man oplever ofte at de ændringer man har lavet ikke slår igennem når man opdatere. Udfordringen: Visuel: Lave et design der afspejler foreningens profil. Strukturel: Lave en arkitektur hvor foreningens tre elementer festival, Gutter-light og Gutter-city præsenteres på en meningsfuld og helst intuitiv måde. Teknisk: Lave en hjemmeside hvor der kan laves bandprofil sider til de optrædende bands, med mulighed for at viser et billede, afspille video og musik. Der må gerne være et image gallery. Forside må gerne have feed fra foreningens facebook side. Der må meget gerne være mulighed for sprogversionering, da ca. en tredjedel af publikum kommer fra Tyskland, Norge og Sverige. På hver af festival, Gutter-light og Gutter-city hovedsiderne må der gerne være en hvorhenne/where side der fx med en google.maps feed viser hvor arrangementet afholdes, da festivalen kan være svær at finde og de to andre arrangementer skifter lokation fra arrangement til arrangement. Forslag til foreløbig problemformulering Hvordan integreres sociale medier og multimedier i Gutter Islands hjemmeside med henblik på at promovere festivalerne for et yngre publikum. 2

En beskrivelse af metodisk tilgang og overvejelser om brugerinddragelse Vores metodiske tilgang vil som udgangspunkt være iterativ - dvs. at vi ikke ser processen som lineær med et fast start- og slutpunkt, men mere som en cirkulær proces. Vi vil undersøge andre hjemmesider for festivaler, koncerter, kunstfestivaler og andre begivenheder, der er beslægtet med Gutter Island og placere alle disse i et Voice-diagram, som vi kender det fra BBC s Glasswall. Vi vil interviewe henholdsvis festivalens booker og foreningens formand for at klarlægge deres ønsker og behov. Samtidig vil vi bruge dem som ressourcepersoner, da de allerede ved meget om festivalen, gæsterne, gæsternes ønsker og krav mv. Dog kommer vi sandsynligvis ikke til at lægge os 100% fast på deres ønsker til en hjemmeside, da vi gerne vil præsentere dem for noget nyt og have mulighed for at afprøve flere muligheder/funktioner på hjemmesiden. Litteratur overvejelser Vi vil bruge pensum samt andre relevante kilder, se litteraturliste sidst i dette dokument. Projektorganisering Da alle i gruppen har fuldtidsarbejde, kan vi ikke mødes i dagtimerne i hverdagen. Vi mødes alle hver torsdag efter undervisning, hvor vi samler op og planlægger næste uges forløb/uddelegerer opgaver. Ønskeligt planlægger vi endnu længere frem. Vi arbejder så hver især mellem torsdagsmøderne - enten alene eller sammen i mindre grupper af to-tre. Det aftaler vi løbende. Det kan blive nødvendigt at inddrage hele dage i weekenderne op til projektets deadline. Vi deler vores dokumenter pr. mail eller dropbox og ringer til hinanden for sparring eller ved tvivl. Ressourcer Karen: Har fuldtidsarbejde - og nogle gange lidt mere. Kan ikke mødes i dagtimerne og onsdag aftener. Har dog mulighed for at flexe ud og ind af arbejdet, så bliver det nødvendigt at inddrage en hverdag, er det ikke helt umuligt. Har som regel fri fra arbejde ved 16-17 tiden. Terji: 30-timers arbejde med fri om torsdagen, så dér har jeg god tid. Jeg kan sagtens mødes efter arbejde, men har først fri lidt over 18 mandag og onsdag. Tirsdag og fredag har jeg fri ca. 15.30-16. Nogle gange arbejder jeg i weekenden, men det er kun til 14. Mads: Arbejder 24 timer om ugen fri tirsdag og fredag. Kan først være i Kbh. efter kl. 17 på arbejdsdage. Øver onsdag aften. Britt: Arbejder fuldtid. Kan ikke mødes tirsdag aften. Gruppen kan mødes på Britts arbejdsplads og anvende printer mv. Kan mødes på hverdage efter 16. Ali: Arbejder fuldtid. Kan mødes efter 17.30 på hverdage. Vil gerne bruge tid om natten har ikke et stort søvnbehov. 3

Tidsplan 4

Foreløbig disposition Problemfelt og problemformulering Metode Empiri Målgruppeanalyse Design redesign Genreanalyse Kommunikationsplan Persuasive design Sociale medier og multimedier Informationsarkitektur Kodning Usability Konklusion Perspektivering Første resultater og refleksioner Overvejelser om målgruppen Målgruppen er folk der kan lide garagerock og beslægtede genrer. (Punk, Rock a Billy, country (a la Cash), stoner rock og hard rock etc.) Målgruppen er folk der går meget op i musik uden at blive for genre doktrinære. Publikum til Gutter Islands arrangementer er pt. domineret af mænd i midt 30erne, kønsfordeling ca. 70-30. Og er overvejende bosat i København og nærmeste forstæder, samt i Århus. Publikum til enkelt arrangementerne er fortrinsvis dansk, men til selve festivallen er ca. 20 % fra udlandet hovedsageligt Norge og Sverige. Der er diskussion i arrangementsgruppen om at man gerne vil have flere kvinder og unge med både blandt publikum og i arrangementsgruppen. Hvorfor hjemmesidens målgruppe ikke nødvendigvis skal afspejle det nuværende publikums præferencer. Persuasive design Persuasive design skal bruges til at hjælpe brugerne til de dele af sitet, der er relevante for dem på lige det tidspunkt de kommer ind på siden. Altså skal de nemt finde lige det arrangement, der er aktuelt på det pågældende tidspunkt, eller nemt finde materiale om de bands de interesserer sig for. Gruppen vil afprøve hvilke metoder, der kan bruges, det kan være informationsarkitekturen, der understøtter en intuitiv brug af sitet, eller der kan udvikles wizzards lignende funktioner, der hjælper brugerne hen til det rette sted på det rette tidspunkt. 5

Informationsarkitektur Vi er i gruppen blevet enige om, at siden skal laves i forhold til de informationsbehov der er op til festivalen. Dvs. det skal være overskueligt, nemt og hurtigt at få adgang til de informationer brugeren søger efter. Samtidig skal indholdet være dækkende. Brugeren skal kunne få at vide hvor og hvornår festivalen går igang, hvor og hvornår de forskellige bands spiller. Her kunne man muligvis integrere Google Maps. De skal kunne se hvad prisen er med direkte eksterne links til billetkøb. På forsiden vil der være et feed fra Facebook, så nyheder hurtigt kommer på hjemmesiden og samtidig sikrer løbende aktivitet på siden. Undersider med beskrivelser af bands og integrerede lyd/ videoklip med deres musik, links til Myspace, bandets hjemmeside, evt. anmeldelser og feeds fra bandets Twitter eller Facebook side, hvis disse findes. Sitet skal gerne have en indholdsstruktur, som gør at der kan være flere adgange til de forskellige bands beskrivelser. Det kan være via en systematisk oversigt over deltagende bands (her kunne man måske bruge Jquery og accordian). Det kan også være via en kronologisk rækkefølge i forhold til hvornår koncerterne er. Litteraturliste: Engholm I. Design history of the WWW : website development from the perspective of genre and style theory. Artifact ;2008:217-231. Cooper et al. A. Modeling Users. I: About face 3 : the essentials of interaction design. Indianapolis: Wiley Publishing; 2007 p. 75-108. Brown DM. Wireframes. I: Communicating design : developing web site documentation for design and planning. New Riders; 2007 p. 265-310. Fogg. B.J. Computers as persuasive tools. I Persuasive technology : using computers to think what we think and do. Morgan Kaufmann Publishers, 2003. s. 31-54. Garret, Jesse J. Meet the elements. I The elements of user experiences : user centered design for the web. New Riders, 2003, s. 21-36 Gregersen, Ole, Wisler-Poulsen, Jan. Usability, Forlaget Grafisk Litteratur, 2009. s- 14-23. Jensen, U. et al. Skrivgodt.dk : sådan skriver du gode tekster til internettet. Frydenlund/Grandjean Kommunikation, 2001. s. 62-78 Krug, Steve. Don't make me think : a common sence approach to web usability. 2. ed. Indianapolis, New Riders, 2006. s. 130-160. Morville, Peter. Rosenfeld, Louis. Information architecture for the World Wide Web. O'reilly, 2007. s. 41-81. Rasmussen, Christian V. Fischer, Louise H. Målgruppeanalyse : lær din målgruppe at kende. Nyt Teknisk Forlag, 2008. s. 47-69. Sharp, H., Rogers. Y., Preece, J. Interaction design : beyond human computer interaction. 2. ed. John Wiley & sons, 2007. s. 412-465. 6

Lloyd, Ian. Build your own website the right way using HTML and CSS. 3 rd ed. Collingwood, VIC. Sitepoint, 2011. http://www.fontspace.com/vtks-design/vtks-rock-garage-band http://www.redbubble.com/explore/garage+rock 7