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



Relaterede dokumenter
INNOVATION. BLOGS. KU. DK

MULTIMEDIEDESIGNER 1. ÅRS PRØVE

KONCEPT NAVIGATION STRUKTUR KEA

Multimediedesigner. Vedvarende. energi

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

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

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

Vidensmedier på nettet

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

Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI. Vision: Scenarier

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

Portfolioudvikling. Line la Fontaine. Multimediedesigner

ErhvervsAkademi Sjælland. Visuel identitet og designretningslinjer

KALAS FESTIVAL. Link til hjemmesiden: Laura Lundby Gravesen

EKSPERIMENTANSVARLIGE Ditte Frisk Hansen, Formidlingsansvarlig, Forskning & Innovation, KEA Københavns Erhvervsakademi, difh@kea.

Hvem behøver en Fan side?

Interviewer: Men da du så kom ind på siden hvad var dit førstehåndsindtryk af den så?

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

Emne: Analyse af film og video (fx virale videoer, tv-udsendelser m.m.)

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11

Vejledning til registrering af dit afsluttende projekt i UC SYD

Grafisk Design 70% Skitser

eksamensprojekt 2. sem

Avisforside. Vi har skrevet en avis om studier ved Aarhus Universitet

Projekt 1 Re-design af Odense Bunkermuseum

# Redesign af copenhagenskatepark.dk

kollegiekokkenet.tmpdesign.dk Side 1

Vejledning til registrering af afsluttende bachelor- eller diplomopgave i UC Viden Studenterportal

Analyse af website: cinnobershop.dk

Kompetencemål: Eleven kan beskrive sammenhænge mellem personlige mål og uddannelse og job

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Streaming video på højere uddannelsesinstitutioner

Windows 8 en ny undervisnings udfordring ved. John R. H. Rask LollandBibliotekerne

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

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

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9

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

GRAFISK DESIGN SVENDEPRØVE Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

Brugerundersøgelse på nyidanmark.dk 2008

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

Eksamenscase: Cevea delaflevering

STRATEGI FRA VIDEN TIL PRODUKT

Indledning. Problemformulering:

Undersøgelse angående Køge kommunes borgeres kendskab til. Oktober - November Produkt

Vejledning til inddatering af afsluttende projekt i UC Viden

3) Først og fremmest kan du vælge hvilket tema din side skal have.

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen

Projekt om Københavns Musikteater

FORMIDLING UDEN UDLÅN. 4. Møde i udviklingsforløbet Gentofte Centralbibliotek Den

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

1. SEMESTER SYNOPSIS. Erhvervsakademi Aarhus. Kristian Peter Lund Drewsen E-konceptudvikling EKU-12d (1ek12d1) 1. Semesters Mundtlig Eksamen

Professionshøjskolen Metropol, NCE. Blog om læreproces. Med WordPress.com

Efter- og videreuddannelse. - gør viden til værdi

Det Fælles Bedste. Sådan holder du din egen samtalemiddag

Lær at bruge portalen med små opgaver

Tjek dine miljøvalg på nettet - når det gælder en tryksag.

FRA VIDEN TIL PRODUKTER STRATEGI

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

Bilag 6. - Interview med Mikkel 28 år, d. 28 april 2016

Hvad er Læsekompasset?

Digital Score Online platforme

Studenterportalen. Registrering og upload af bacheloropgaver og andre afgangsprojekter. Professionshøjskolen Metropol, marts 2011

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

det færdige resultat

Case:

Grafisk design 5 STK. ØL / DRINKS / VAND. Opgaven. Farver. Målgruppe. Logo. Stil og stemning Familie, hygge og samvær.

Mannaz Lederuddannelse

GRAFISK DESIGN 1. HOVEDFORLØB

Sådan laves en uddannelsesplan i Optagelse.dk. Vejledning til elever

Absalon - guide. Login. Opbygning

OPGAVE 1: Den gode arbejdsdag

Interaktiv filmanalyse

Ekstra Nyhedsbrev fra MidtLab Januar 2014

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. sundfertilitet.dk

EPALE. Electronic Platform for Adult Learning in Europe

VELKOMMEN TIL DESIGN THINKING-WORKSHOP

Guidelines og værdier for DDB CMS

Eksamensprojekt i Web design og web kommunikation - E2011 hold 2

Light

grafisk design ExploreWines

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

DAGSORDEN. 1. Mobil prototype. 2. Service i forhold til OOOJA. 3. Slut.

Pinterest Kickstart din pinning

Gruppe 9 Visuel Interface Design, 27/09/2011

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å

Introducering af Flip MinoHD:

Fagplan for billedkunst

Indholdsfortegnelse Idéen bag logo Idéen bag website Farveversioner af logo Webdesign Videoen: Visuelle tanker Stil Speciel effects Motion Design

Workshop C. Praktikdokumentet i pædagoguddannelsen om diskrepansen mellem det, der forberedes, og det der sker i praktikken.

Ansøgning om projekttimer i efteråret 2012 Sundhedsfaglig Højskole

Evaluering. Kvalitative interviews med teams undersøger kvaliteten og effekten af samarbejdet om udvikling af vejledningen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV

Netværksdag tirsdag d. 15. marts 2011

Transkript:

Delaflevering: Webdesign og webkommunikation Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen Vi har valgt at lave et redesign af KEA s online videnscenter/bibliotek. Organisation: Københavns Erhvervsakademi Følgende organisationsstruktur skal ses i et fremtidigt perspektiv ala KEA januar 2013. I øjeblikket har KEA to biblioteker, der servicerer hhv. studieretningerne Design/Business og Byggeri/Produktion. Bibliotekssiden, vi skal designe til, forholder sig udelukkende til strukturen, som den vil se ud i januar 2013, hvor det ny videnscenter er lanceret i fysisk form. KEA har fire studieretninger med forskellige uddannelser grupperet under sig. Disse studieretninger og uddannelser er placeret på forskellige fysiske lokationer spredt rundt omkring i København. Et overordnet videnscenter, fælles for de fire studieretninger, servicerer hele uddannelsesinstitutionen. I videnscenteret befinder sig et bibliotek med materialer fra alle studieretninger. Under videnscenteret er der også andre aktiviteter end biblioteket, fx har videnscenteret forskere tilknyttet. Forskellige projekter med støtte fra bl.a. EU er også tilknyttet videnscenteret; her kan bl.a. nævnes I Tråd med Verden (http://www.itraadmedverden.dk/) - et projekt hvor indvandrerkvinder producerer kunsthåndværk for danske designere. Både Videnscenter og Bibliotek er fysisk placeret i Guldbergsgade på Nørrebro sammen med nogle af uddannelserne. Her findes fysiske materialer, der udlånes til alle studerende og undervisere, der er 1

tilknyttet KEA. Videnscenteret har en underside på KEA s website, hvor man kan orientere sig om centerets aktiviteter. Herunder finder man et link til bibliotekets side, som er denne vi vil beskæftige os i dette projekt. Problemfelt Vi vil som udgangspunkt lave et redesign af en del af KEA s hjemmeside. Den del vi vil fokusere på, er den sektion til hjemmesiden, der behandler vidensdeling og herunder også skolens biblioteker, samt projektdatabase. Organisationen vil i den nærmeste fremtid få en ny hjemmeside og dermed et ansigtsløft af deres image udadtil i verden. Vi regner derfor med at benytte samme farvepalet, logo og lignende, men ellers vil siden fungere som en selvstændig portal med sit eget visuelle udtryk. Siden har på nuværende tidspunkt en del mangler. Det gælder sidens samlede visuelle udtryk, struktur og opbygning. Den er også meget teksttung, og det er svært at orientere sig. Man får et indtryk af, at siden ikke er blevet udviklet eller vedligeholdt, men i stedet er der bare kommet mere tekst til, uden at dette er blevet struktureret og tilrettelagt. Som sidens struktur ser ud nu, er videnscenteret og bibliotekerne adskilt. De ansatte i biblioteket mener den er grim, rodet og uoverskuelig og ikke repræsentativ for det arbejde, de laver og hvordan de gerne vil fremstå for de studerende og som organisation. Vi har taget følgende key words med fra de møder vi har holdt med de ansatte, som overordnet inspiration til vores redesign: Formidling, netværk, organisk, dynamisk, udvikling, bæredygtighed, intelligens, cool/skarp. Ud fra dette har vi skitseret følgende idé udkast til hvordan den nye hjemmeside kunne se ud: 2

Vi forestiller os at hoved menuen på siden skal bestå af cirkler/bobler, i stedet for en klassisk bjælke enten øverst eller nederst på siden. Boblerne skal farvelægges i kategorier/emner, så hver uddannelse har sin egen farve. Boblerne bindes sammen for at symbolisere netværk og fællesskab, eventuelt af noget der ligner mikado eller lignende. Vi ønsker, at siden skal relatere til de ansatte, men i højeste grad til de studerende som forventes at bruge den. Skolen underviser fire studieretninger og alle disse skal være ligeligt repræsenterede. Da skolens studerende primært er håndværksuddannede, vil vi forsøge at give vores redesign et praktisk udtryk, for at afspejle de studerende og deres uddannelser. Metode Med udgangspunkt i litteraturen omkring særligt motiverende design og usability, vil vi danne os en teoretisk ramme, som vi kan sidestille vores praktiske arbejde med. Vi har allerede haft samtaler med KEA s to bibliotekarer, samt KEA s videnschef, men vi planlægger at lave et semistruktureret interview med en af disse ansatte, for at komme endnu nærmere ind på, hvordan medarbejderne ser biblioteket nu og i fremtiden. Dette vil kunne give os en fornemmelse af de ansattes egne behov, og hvordan de ser den hjemmeside som vil skabe platform for deres arbejde. Vi har også planlagt et møde med kommunikationsafdelingen, der står for KEA s nye hjemmeside. Vi håber på at kunne få mere at vide om, hvordan de vil strukturere den nye side, og dermed hvordan vi eventuelt skal strukturere vores redesign. Vi ønsker også at tale med de studerende på KEA og høre hvad de forventer af det nye videnscenter. Vi forestiller os at dette vil omfatte 2 interviews. For at hente inspiration har vi også kigget på andre bibliotekers hjemmesider og andre 3

uddannelsesinstitutioner. Vi har diskuteret med de ansatte, hvad de synes fungerer godt, og hvad de ikke bryder sig om. Rent praktisk vil vi lave et udkast til et redeign. Altså en prototype af en hjemmeside, som viser vores visuelle idéer og de funktioner som den skal indeholde. Vi vil primært benytte XHTML og CSS til dette. Refleksioner om fremtidig bibliotekswebsite Efter vores samtaler med hhv. videnschef og bibliotekarer har vi fået et godt indblik i, hvad man fra organisationens side ønsker af et bibliotekswebsite. Websitet skal være indbydende og have en faglig profil, der relaterer til de studerendes begrebsverdener. De studerende er fagfolk, der har stort materialekendskab. Dette vil vi gerne afspejle i det visuelle design af sitet. Endvidere skal sitet udstråle, at Videnscenteret er en organisk organisation i konstant udvikling. Man kan her forestille sig et videnstræ, der konstant vokser sig større med nye forgreninger. Dette går også fint i tråd med videnschefens ønske om, at sitet skal afspejle videnscenterets bæredygtige profil. Hun nævner bl.a., at der skal være et barometer, der viser, hvor meget CO2 videnscenteret udleder. Biblioteket skal designes i samme bæredygtige ånd. Videnschefen ønsker, at man ser biblioteket som centerets vidensressourcer. Det er her al viden, både egenproduceret forskning og eksterne ressourcer, skal samles. Bibliotekarerne nævner bl.a, at sitet skal fungere godt visuelt. Det skal være et site, man som studerende har lyst til at gå på opdagelse i. Det må ikke indeholde for meget brødtekst. I første omgang skal man fanges ind af små tekstbider, der skal give lyst til at klikke sig videre til den fulde tekstversion. Sitet skal for så vidt muligt være interaktivt og give brugeren mulighed for at personalisere sin side. Altså kan der til- og fravælges elementer, man ønsker eller ikke ønsker at se ved næste besøg. Da videnscenteret indeholder både et fysisk og digitalt protolab, skal sitet give brugeren en fornemmelse af, at biblioteket både er en videnshub og et forsøgscenter. 2012 er Eksperimentets År i KEA og derfor skal bibliotekets website også være et sted, hvor der eksperimenteres med nye måder at opbygge lave bibliotekswebsite på. Bibliotekarerne nævner også konkrete funktioner, man kunne forestille sig på nye site: - - - En oversigt over nyligt indkøbte materialer på biblioteket En mulighed for at rate bøger/materialer. Gæster på biblioteket/videnscenteret skal kunne fortælle om deres oplevelse heraf og give feedback til medarbejderne. 4

- En database- indgang med oversigt over materialer. Her skal benyttes Integra, som også benyttes af andre erhvervsakademier og professionshøjskoler. - En oversigt over relevante databaser og websites. Herunder en måde at fremhæve bestemte sites, fx vha Månedens Database. - En mulighed for at uploade de studerendes specialerapporter. Her foreslås Pure. Specialerne skal synliggøres. Moodboard Vi har lavet et moodboard, der især afspejler de mange forskellige fagligheder på uddannelsesinstitutionen. Her ligger fokus især på det materialekendskab, der er kendetegnende for hele uddannelsen. Dette falder også godt i tråd med, at biblioteket i 2013 skal indeholde et både fysisk og digitalt materialebibliotek. Det ny website vil være en god måde at gøre de studerende opmærksomme på denne ny ressource. 5

6