Oplæg til vejledning Til vores næste vejledningsmøde vil vi gerne tale om nedenstående emner:

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

Eksamenscase: Cevea delaflevering

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

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

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

Grafisk design. Ide. Designprocess. Målgruppe

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

Øvelse 7 - delaflevering

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Tema 1. Gruppe 6 Mads Balslev & Kristian Gasberg. Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

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

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

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

Projekt - Valgfrit Tema

GRAFISK WORKFLOW. 1 Grafisk workflow

Eksamensprojekt i Web design og web kommunikation - E2011 hold 2

Website design 1. semester, Projekt 3

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen

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

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

ActiveBuilder Brugermanual

KONCEPTBESKRIVELSE KarriereIndex - PBA E-konceptudvikler - UCN - Gruppe: Heidi, Janus, Ulrik, Eyla. Konceptbeskrivelse til

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

Ugeopgave uge 40 Hold A

Introduktion til problemfelt. Konceptbeskrivelse

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

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, Der refereres fra nu af blot

Progressionskursus - Faglig formidling - bachelorstuderende i Kommunikation (6. semester)

Kom godt i gang. Sitecore Foundry maj Version 1.1

Delaflevering. Webdesign og webkommunikation, hold2 E-2011

Portfolioudvikling. Line la Fontaine. Multimediedesigner

PROJEKT #3 WEBDESIGN I SAMARBEJDE MED MAK. Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen

srum Fritidsaktiviteter : 1. Semester. Multimediedesigner Projektstart: 17/ Aflevering: 4/

Milestone 1 Usability test. Test-dokument. Udføres af: Kirsten, Peter & Nanna

Førsteårsprøven Projektbeskrivelse 2. Semester Multimediedesigner

Information om gruppen og delafleveringen Indledning Problemfelt Problemformulering Metode Interview...

SMVdanmark online løsning: Guide til oprettelse af oprindelsescertifikater

Hvordan laver jeg en poster/plakat og handout

Brugernavn og password er identiske med det, du oplyste ved oprettelse af din bruger.

Grafisk Design 70% Skitser

VELKOMMEN TIL LASSO // WebCRM

Målgruppeanalyse-kursus aften forårssemestret kursusplan 2010

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

ErhvervsAkademi Sjælland. Visuel identitet og designretningslinjer

KONCEPT NAVIGATION STRUKTUR KEA

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

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

Grafisk produktion & workflow

PROJEKT 3, 1. SEM WEBSITE FROM CLIENT BRIEF

Indholdsfortegnelse. 1) Titel. 6) Produktion. 2) Konceptet. 7) Visuel udformning. 8) Opsætning. 3) Forløb. 4) Målgruppen. 9) Facebook.

Multimediedesigner. Identitet. Adventuresport

Beskæftigelsesundersøgelse 2013

Roskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter

Spiller / Pårørende manual Til

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

afsender Aarhus Folk Festival

Delaflevering 7 - Guldkalvene

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

Få adgang til medieovervågningen

DI Online løsning: Quick guide til oprettelse af ATA Carnet

Brugervejledning til FOKUSpartnere

Min Landsby Klynge WebSite

1 Robbins, Jennifer N.: Learning Web Design, s. 41

VEJLEDNING TIL BRUG AF LANDMAND.DK

KODNING AF RESPONSIV DESIGN

Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser

Større skriftlige opgaver i Microsoft Word 2007 Indhold

BRUGTE KLODSER TIL NYE IDEER DESIGNMANUAL & SOCIAL PLAYBOOK

Grafisk produktion og workflow

MANUAL. Siteloom CMS

Bag om projekterne. Flow 1 Flow 2 Flow 3 Flow 4 Flow 5. Her kan du navigere dig rundt i opgaven: (Note: the following will be in Danish)

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen

Projekt om Københavns Musikteater

Vejledning for LOF s afdelingshjemmeside

Projektbeskrivelse RSS Læser

SecureAware Opfølgning Manual

Grafisk produktionsforståelse

Metoder og produktion af data

I beskrivelsen betegnes alle typer af layouts, som faktura, med mindre det er specifikt for en af de andre typer afsendelser

Vejledning til Projektopgave. Akademiuddannelsen i projektstyring

Beskæftigelsesundersøgelse 2016

Beskæftigelsesundersøgelse 2012

foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk

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

Grundforløbsprøve Projektbeskrivelse

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

Generel information. Brugere. Hjemmesidens lay-out. HIF Hjemmeside How to do

Multimediedesigner. Vedvarende. energi

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

KT OR LOW PRODUKTION // WORKFLOW

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.

MANUAL. Siteloom CMS

RAPPORT. Identitet - Mad og Livsstil. Jonna Gaardbo. Claus Buus Christensen. Sergio Calero. Ole J. Hansen. projekt 2

Beskæftigelsesundersøgelse 2014

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen

Undervisningsbeskrivelse

Transkript:

Indholdsfortegnelse Oplæg til vejledning... 1 Generelt i forhold til projektet... 1 Indledning... 1 Problemformulering... 2 Metode... 3 Opgavens fremgangsmåde... 3 Tidsplan og opbygning... 4 Litteratur... 5 Bøger... 5 Artikler... 5 Hjemmesider... 5 Første resultater og refleksioner... 6 Identifikation af behov og etablering af krav... 6 Informationsarkitektur... 7 Roughboard... 8 Persuasive design strategier... 9 Oplæg til vejledning Til vores næste vejledningsmøde vil vi gerne tale om nedenstående emner: - Kommunikationssituationen - Målgruppeanalyse - Motiverende vs. persuasive design? - Informationsarkitektur - Website research Generelt i forhold til projektet Indledning E-buss Foreningen er en ikke-kommerciel og ikke-politisk forening for studerende og alumner fra kandidatlinjen i e-business på IT-Universitetet i København. Foreningen blev oprettet i 1999 og har således været en del af studiemiljøet for E-buss studerende siden IT-Universitetet's start. Foreningen har til formål at varetage de studerendes interesser, hvilket hovedsagligt sker igennem de faglige og

sociale arrangementer som foreningen står for. Foreningen drives på frivillig basis, med økonomisk støtte fra sponsorater. Alle studerende bliver automatisk medlem af foreningen, og alle har mulighed for at stille op til foreningens bestyrelse. Bestyrelsesarbejdet er frivilligt og der er på nuværende tidspunkt fire bestyrelsesmedlemmer. For nyligt blev bestyrelse udskiftet og den nye bestyrelse har opsat følgende mission for foreningen: Foreningen skal skabe rammerne for et godt studiemiljø, hvor der er mulighed for at interagere på tværs af årgangene og med alumner, hvad angår faglige såvel som sociale arrangementer. Derudover skal foreningen fungere som talerør mellem de studerende og erhvervslivet 1. For at kunne opnå missionen har de besluttet sig for at lave en hjemmeside, hvor der netop er mulighed for interaktion og vidensdeling. De har på nuværende tidspunkt en hjemmeside registeret på domænenavnet: http://www.e-buss.dk/. Da hjemmesiden blev oprettet i sin tid var det en hurtig nødløsning, som hverken kom til at være brugbar eller vedligeholdelses venlig. Dette resulterede i at siden ikke blev benyttet aktivt af de studerende og den blev ikke opdateret med den nyeste information. E-buss Foreningen har derfor et ønske om at hjemmesiden denne gang skal laves rigtig fra starten af, sådan at den hurtig kan opdateres og vedligeholdelses, uden at det kræver en meget teknisk indsigt. Derudover skal hjemmesiden kunne opfylde de mål som bestyrelsen har for foreningens virke, og udarbejdes så den henvender sig til både de studerende, alumner og virksomheder. Projektgruppens opgave er derfor at komme med forslag til hvordan hjemmesiden kan udformes og designes, sådan at den lever op til mål for E-buss Foreningens mission og mål. Der vil ikke blive taget udgangspunkt i den tidligere hjemmeside, da foreningen ikke har nogen ønsker om at genbruge noget derfra. Dette betyder, at vi skal bygge siden op helt fra bunden, både i forhold til design og information. Opgaven vil derfor også omhandle en analyse af målgruppens behov i forhold hvilken funktion og information hjemmeside skal indeholde. Problemformulering På baggrund af overstående problemstilling ønsker vi, ud fra en brugercentreret tilgang, at designe en hjemmeside for E-buss Foreningen, der fungerer som kommunikationskanal og informationssite for de studerende på E-buss studiet. Hvem er målgruppen for hjemmesiden? Hvilke behov og krav skal hjemmesiden opfylde? Hvordan kan hjemmesiden designes 1 Bestyrelsesmedlem 1 (03:36) og Bestyrelsesmedlem 2 (02:32)

Metode I dette afsnit vil der blive redegjort for den metode der vil gøres brug af til udarbejdelsen af dette projekt. Afsnittet vil komme med en redegørelse for den valgte fremgangsmåde samt de metoder, der vil gøres brug af i forbindelse med dataindsamlingen. Metoden bygger på valget af en brugercentret tilgang, hvor brugeren bliver inddraget som en del af designprocessen. I 1985 definerede Gould og Lewis tre principper, som de mente ville lede til en brugbar og nem måde at bruge computersystemer 2. Disse tre principper er senere blevet accepteret som de grundelementer, der indgår i en brugercentreret tilgang. Principperne i en brugercentreret tilgang er følgende: Tidligt fokus på brugerne og deres opgaver Empiriske målinger Iterativt design Ved at tage udgangspunkt i disse principper skabes der større sandsynlighed for at slut produktet lever op til brugerens behov og præferencer. Opgavens fremgangsmåde For at kunne opfylde principperne bag en brugercentreret tilgang, har vi valgt at tage udgangspunkt i procesmodellen A simple lifecycle model for interaction design 3. Modellen tager en iterativ tilgang til designprocessen og sikre derved, at der løbende kan foretages brugerevaluering på forskellige stadier i designprocessen. Samtidig er brugerens behov og krav udgangspunkt i det design, der udvikles, og derved sikres en brugerfokuseret tilgang gennem hele designprocessen. Figur 1 - A simple lifecycle model for interaction design 2 Interaction Design, 2007: side 425 3 Interaction Design, 2007: side 448

Da vi har valgt at tage udgangspunkt i ovenstående model, vil opgaven overordnede bestå af de aktiviteter, som modellen gennemgår. I forhold til opgavens omfang vil det ikke være muligt at gennemføre alle de iterationer der skal til for at skabe et 100% færdigt design, men som udgangspunkt vil vi gennemløbe to iterationer i forhold til designprocessen. Tidsplan og opbygning Emne Underemne Forfatter Deadline Introduktion Indledning Simone 24. april 2011 Problemstilling + Simone (Alle) 24. april 2011 problemformulering Metodisk ramme Simone 24. april 2011 Identifikation af krav og behov Design Dataindsamling Elisa 24. april 2011 24. april 2011 Indledning Simone 24. april 2011 Afsender Christina 24. april 2011 Målgruppe Elisa + Christina 24. april 2011 Kommunikationssituationen Christina 24. april 2011 Kravspecifikation 24. april 2011 Design grundlag 24. april 2011 - Gestalt principper - Motiverende design Website research Christina 24. april 2011 Informationsarkitektur 24. april 2011 - Kategorisering / navigering - Wireframes - Kode (HTML) Visuel identitet 8. maj 2011 - Roughboard - Æstetik - Logo - Farver - Skrifttype - Billeder (formater) Brugertest og evaluering Mock up 12. maj 2011 Eksempler på koden 12. maj 2011 Usability test 15. maj 2011 Evaluering 22. maj 2011 Rettelser 22. maj 2011 Konklusion 22. maj 2011 Perspektivering 22. maj 2011 Litteratur 24. april 2011

Litteratur Bøger Målgruppeanalyse, 2008 Titel Målgruppeanalyse - Lær din målgruppe at kende Forfatter/e Christian Viktor Rasmussen og Louise Harder Fischer Forlag Nyt Teknisk Forlag Udgave ISBN 978-87-571-2520-7 Interaction Design, 2007 Titel INTERACTION DESIGN beyond human-computer interaction Forfatter Sharp, Rogers and Preece Forlag John Wiley & Son, Ltd Udgave 2. Udgave, 2007 ISBN 978-0-470-01866 (PB) Web Design, 2007 Titel Learning Web Design Forfatter Jennifer Niederst Robbins Forlag O Reilly Media, Inc. Udgave 3. Udgave, 2007 ISBN 978-0-596-52752-5 Artikler (Jacobsen, 1997) Titel 25 spørgsmål en modern retorik til planlægning af kommunikation, side 16-22 Forfatter Jan Krag Jacobsen Forlag Roskilde Universitetsforlag udgave 1997 ISBN 87-7867-030-6 Hjemmesider Om kvalitative metoder Side http://www.denstoredanske.dk/samfund,_jura_og_politik/sociologi/sociologisk_metodol ogi/kvalitative_metoder Tidspunkt: 05/04-2011

Om Generation Y Side http://www.f-f.dk/da-dk/nyheder/2009/sider/hvem_er_generationy.aspx Tidspunkt: 12/04-2011 Danmarks Statistik Side http://www.dst.dk/ Tidspunkt: 12/04-2011 Første resultater og refleksioner Identifikation af behov og etablering af krav I dette afsnit vil vi identificere de krav som hjemmesiden skal opfylde, og derved de krav som designet af hjemmesiden vil tage udgangspunkt i. For at kunne opstille kravene, vil vi lave en analyse af de behov og præferencer som er til hjemmesiden. Analysen vil være delt op i to områder, som vil omhandle en analyse af afsenderes samt målgruppens behov og præferencer. Derved sikre vi at hjemmesiden lever op til de forventninger E-buss Foreningen har, og samtidig lever op til de behov som målgruppen måtte have. I forbindelse med analyse af målgruppens behov, vil der kun blive tage udgangspunkt i den primære målgruppe af hjemmesiden. Til at identificere behovene til hjemmesiden og opsætte kravene ud fra disse, er det valgt at tage udgangspunkt i en model 4 fra bogen Målgruppeanalyse af Christian Viktor Rasmussen og Louise Harder Fischer. Modellen giver en godt overblik over koblingen mellem afsender, målgruppe og produktet. Måden hvorpå modellen benyttes, er til at illustrere hvordan behovene og præferencerne fra afsenderen og målgruppen er med til at definere de krav som stilles til produktet, gennem tre hovedområder som er funktionalitet, indhold og æstetik. Dette ses via modellen nedenfor: Figur 1, Målgruppeanalyse af Christian Viktor Rasmussen og Louise Harder Fischer 4 Målgruppeanalyse, 2008: side 19

I det efterfølgende vil vi afdække områderne i modellen. Vi vil først analysere afsenderens behov og præferencer, derefter identificere målgruppen og lave en målgruppe analyse, for til sidst at smelte de to analyser sammen til en samlet kravspecifikation, som produktet skal opfylde. Informationsarkitektur Startsiden vil være opdelt i 5 overordnede bokse: 1. Den øverste vil være headeren som skal indeholde et logo og navn. Derudover vil der i headeren være en menu-bar som vil indeholde links til de forskellige undersider. Dette skal være en dropdownmenu. Derudover vil der være et søgefelt. 2. I midten til højre vil der være et område med nyheder. 3. I midten til ventre vil området være delt op i tre mindre dele, som vil indeholde en kalender, jobbeskrivelser og sponsor 4. Nederst vil der være en footer med kontaktinformationer

Roughboard Roughboardet, også kaldt et moodboard, giver en illustration af hvad det man visuelt ønsker at ramme af følelser med ens hjemmeside. Vores primære formål med at lave et roughboard er bruge det som kommunikationsværktøj mellem E-buss Foreningen og os for at sikre, at vi har samme forståelse af hvad de ønsker at ramme af følelser hos deres brugere af hjemmesiden, nemlig primært de studerende og sekundært virksomheder og alumnier. Roughbordet bestående af kollage skal repræsentere en ordnede følelse, der siger: En hjemmeside, der til for de studerende på E-buss studiet, som er et studie med et stærkt sammenhold og hvor de studerende har det godt sammen, men også et studie, hvor der er sat rammerne for at kunne uddanne professionelle forretningsfolk. Øverst i roughboardet er der placeret billeder af de studerende i deres vante omgivelser, hvor det illustreres at de studerende bruger meget tid på arbejde med studiet, men ligeledes bruger tid på at være i hinandens selskab uden for studiet. Med hjemmesiden ønskes begge miljøer at rammes. Billedet midt for til højre, som viser et billede af cirkel af unge mennesker skal illustrere det stærke sammenhold man ønsker på studiet. E-buss Foreningen og de studerende har en forhåbning at en kommende hjemmeside kan være med til at skabe rammerne for et stærke sammenhold på studiet i og med man håber på en bedre kommunikation på tværs af studiet mellem de studerende og mellem de studerende og E-buss Foreningen. I venstre side af kollagen er placeret billeder af de omgivelser E-buss studiet har fået tilrådighed taget i betragtningen af at studiet er opstået i forbindelse med et samarbejde mellem IT universitet i København og Copenhagen Business School, hvilket de to logoer skal symbolisere. Billederne af omgivelserne skal vise overfor eksterne besøgende (virksomheder/mulige arbejdsgivere) en form for overlegenhed, at de studerende ikke har manglet noget i løbet af deres studietid, da man har råd og omgivelserne til det. Spørsmålstegnet og i et i midten af billedet symbolisere at hjemmesiden skal fungere som informationssite. En side som de studerende og/eller virksomheder kan besøge for at finde svar om studiet. Igen vil siden primært være henvendt til de studerende og det er der fokusset vil ligge. De sorte silhuetter i bunden af roughboardet illustrere at virksomhederne også er kan benytte siden, men igen er de ikke det primære fokus og derfor gemt lidt væk. Nederst i højre er E-buss studiet farve og logo repræsenteret. Disse viser at det er en side henvendt kun til de studerende på E-buss studiet og ikke studerende fra andre linjer på IT universitet.

Persuasive design strategier På baggrund af analysen af brugerens behov og krav, ved vi at brugerens behov både er af både funktionel karakter, et behov for relevans og følelsesmæssige karakter. Tager man udgangspunkt i Jens Hofman Hansens model for strategier i persuasion design er modellen baseret på de tre overnævnte behov, som nedenfor vil gennemgås i forhold til de tre faktorer grafik, sprog og struktur. Ses der på de funktionelle behov er det afgørende at den studerende som er brugeren, både praktisk og teknisk kan finde ud af at anvende hjemmesiden. Hvis dette kriterium er opfyldt betyder det at den studerende vil agere og dermed fristes til at klikke et bestemt sted på hjemmesiden. Derudover er det også vigtigt at imødekomme behovet for relevans, således at brugerne kan finde det indhold de leder efter når de besøger hjemmesiden. Da brugerne også har følelsesmæssige behov, som skal dækkes i håb om at de identificerer sig med hjemmesiden i en psykologisk, social og kulturel forstand skal siden også appellere til dem på en sådan måde, at den studerende på et ubevidst plan bliver motiveret til at komme tilbage eller blive længere tid på hjemmesiden. Persuasive design kan inden for de tre faktorer yderligere deles op i ni forskellige strategier. I opgaven er det valgt at arbejde videre med en enkelt strategi inden for hver kategori: Keep the basic structure simple, write something relevant, choose an appropriate graphic style.