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

Transkript

1 Delaflevering Re-design af Kirsten Kjærs Museums hjemmeside (kkmuseum.dk) Gruppe: HÅT - or not Therese Dons Christensen, Else Vad, Marie Svan Olsen og Sofie Sol Danø

2 Vejledning Litteraturvalg vil vi for mange ting? Målgruppeundersøgelser Kan vi bruge kulturarvstyrelsens brugerundersøgelse omkring museernes websider som analysegrundlag til Kirsten Kjærs Museums eksisterende site? Eller skal vi selv undersøge, hvem hjemmesidens reelle brugere er? Og skal vi selv indsamle materiale om brugerne, som vi kan udvikle personaer ud fra? Problemfelt Kirsten Kjærs Museum er et privat museum beliggende i Frøstrup i Thy. Museet er grundlagt i 1981 af de to læger Harald Fuglsang og John Andersson, og rummer ud over den store samling af Kirsten Kjærs malerier, også gallerier til skiftende udstillinger, værksteder til grafik og bronzestøberi, gæstehus og en stor, ny koncertsal. Museet fungerer som et arbejdende kunstnerkollektiv, og er et levende og dynamisk sted, præget af de kunstnere og musikere, der bor på stedet i kortere eller længere perioder. I skoven omkring museet er der landart, og det ligger i naturskønne omgivelser med udsigt over naturreservatet Vejlerne. Museets hjemmeside, kkmuseum.dk, har haft det samme design i en årrække. Den bliver jævnligt opdateret, men savner et tydeligere designmæssigt udtryk samt en grundig oprydning og forenkling. Det umiddelbare indtryk af sitet er rodet, lukket og uden struktur i menuerne, og det sælger ikke stedet som det helt originale kunstmuseum, det er. Vi vil derfor lave et redesign af hjemmesiden, så den tydeligere signalerer, at det er et kulturcenter, vi har med at gøre. Motivation Alle i gruppen er nye i HTML/CSS-kodning, og vi ønsker, at kodningen i opgaven skal være på et niveau, hvor alle kan lære noget. Vi har derfor valgt at koncentrere os om redesign af et eksisterende site i stedet for at opfinde et helt nyt koncept. Vi har desuden valgt siden kkmuseum.dk, fordi vi synes, den rummer gode muligheder for klar forbedring, og vi ønsker alle at arbejde med det visuelle og æstetiske udtryk. Problemformulering Med udgangspunkt i Kirsten Kjærs Museums eksisterende site ønsker vi at lave et redesign, der afspejler museet, kunsten og omgivelserne, så stedet og sitet fremstår som en helhed. Vi vil gennem analyse, card sorting og brugerinddragelse sikre, at æstetik, design, informationsarkitektur og indhold spiller sammen og skaber en bedre brugeroplevelse.

3 Metodisk tilgang Analyse af sitet Vi vil foretage vores egen analyse af det eksisterende site ud fra Kulturarvstyrelsens kriterier for gode og dårlige museums-hjemmesider (se litt. liste). Vi vil også kigge på, om de forskellige gestaltlove gør sig gældende og identificere mangler på sitet. Analysens resultater vil vi bruge til at udvikle et bedre site både struktur- og stilmæssigt. Card sorting Vi oplever det nuværende site som rodet og meget teksttungt. Gennem card sorting vil vi kigge på strukturen på sitet, og forsøge at kategorisere indholdet mere logisk. Cardsorting skal således bidrage med konkrete input og inspiration samt give os indsigt i brugernes forståelse af sitets opdeling og menupunkternes navngivning. Brugernes refleksioner bliver dermed betydningsfulde for det endelige sites organisering af indholdet. Overvejelser omkring brugerinddragelse Vi vil gerne vise den eksisterende hjemmeside til potentielle brugere, og lad dem navigere rundt på siden, mens de taler højt om, hvad de foretager sig. Derudover vil vi om muligt via museets mailingliste inddrage brugere af museet samt museets bestyrelse og beboere til at vurdere vores design og informationsarkitektur og eventuelt til at lave personaer. Litteratur Om målgruppeanalyse: Lene Nielsen, Hvem er din persona? Den typiske museumsgæst. Kulturarvstyrelsen, brugerundersoegelser/den-nationale-brugerundersoegelse/rapport-2009/?_pid=5001 Museernes webbrugere, Kulturarvstyrelsen, Netbrugerrapport_web_ pdf - Gallup, Kompas segmenter: -Jesse J. Garret (2003): Meet the Elements, i The Elements of user experience: Usercentered Design for the web, New Riders.

4 -Christian V Rasmussen & Louise H. Fischer (2008): Kategorisering, i Målgruppeanalyse - lær din målgruppe at kende, s Nyt teknisk forlag. -L. Thorlacius (2005): Æstetikkens rolle i webdesign, i Medie- og kommunikationsforskning i Norden. Nordicom - Information 27. -Morville, Peter & Rosenfeld, Louis (2007): The Anatomy of Information Architecture og Organizing Systems, s , Information Architecture of the World Wide Web. Card sorting: Projektorganisering Tidsplan uge: 46 ( nov) (Undervisning: Usability og testing. Aflevere øvelse 5 Konceptmodel den 19. nov.) Analyse af nuværende site. Anvendelse af Kulturarvstyrelsens undersøgelse af danske museeres webbrugere - herunder hvad de bruger hjemmesider til, hvad siderne bør signalere, den ideelle hjemmeside for et museum, dårlige museumshjemmesider. Målgruppeanalyse. Begynd på designproces - idéudvikling, card sorting, roughboard uge 47: (19-25.nov) (Undervisning: Fremtidige interfaces og designudfordringer) Designproces fortsat - wireframes, mock up (?) Kodning uge 48: (26.nov-2.dec) Undervisning: (Testing og opsamling) Kodning fortsat - færdig i slutningen af ugen Usabilitytest uge 49: (3.-9. dec.) Justering af side i forhold til usabilitytest Opgaveskrivning uge 50: (10-16.dec.) Opgaveskrivning

5 uge 51: 17. dec aflevere opgave Foreløbig disposition 1.0 Introduktion Præsentation af case Motivation Problemstilling Problemformulering 2.0 Metodevalg Analyse af kkmuseum.dk Brugerinddragelse m.m. 3.0 Analyse af kkmuseum.dk Genre og stil Informationsarkitektur (sidetyper, navigation, usability) Sprog 4.0 Målgruppeanalyse Spørgeskema Segmentering Personas Brugertest 5.0 Designproces Idéudvikling Roughboard Card sorting Wireframes Brug af personas 6.0 Det nye kkmusem.dk Design Informationsarkitektur Farvevalg og visuel identitet Typografi Sprog 7.0 HTML/CSS

6 Kodning Browserkompatibilitet 8.0 Usabilitytest Funktionalitet Effektivitet Tilfredshed 9.0 Konklusion 10.0 Perspektivering 11.0 Litteratur 12.0 Bilag Analyse af eksisterende site Indhold Sitets indhold er indeholdt i navigationsblokken i venstre side. Rækkefølgen og navngivningen af linkene virker tilfældig og upræcis. Hvad er der f.eks indeholdt i linket efterlyst og hvorfor rangerer linket boeger så relativt højt oppe i menu-punkterne, og hvad er begrundelsen for valget af stavemåden boeger med oe i stedet for ø? Indholdet på de enkelte undersider fremstår i sit hele som ubearbejdet. På velkomstsiden, der fungerer som forside, har man placeret praktiske oplysninger vedrørende åbningstider, men i samme afsnit er også placeret historik omkring stedets tilblivelse. Forsiden indeholder desuden en like-knap til deres facebook, men der er intet direkte link til facebooksiden. De valgte billeder virker ligeledes tilfældigt udvalgte med hensyn til motiv og størrelse, og på undersiden Kammermusik findes en 7 minutters lang video, der afspejler sociale udskejelser til en sommerfest. Disse billeder og indslag tjener således ikke noget designmæssigt og indholdsmæssigt formål. Informationsarkitektur Det eksisterende site er bygget op omkring en header og venstre navigationsblok, der er tilgængelig fra alle sider. Headeren indeholder et lille billede af museet, Kirsten Kjærs underskrift samt kontaktinformation skrevet med småt i højre side. Navigationsblokken indeholder samtlige menuer på sitet. Der er ingen undermenuer, men fra nogle af undersiderne er der links videre til udstillende kunstnere, aktuelle musikere og i et enkelt tilfælde er der et kommer snart link, der dog ikke er forklaret yderligere. Indholdet på for- og undersider er ikke grupperet eller praktisk organiseret i f.eks kolonner, og overskrifterne er kun sparsomt fremhævet med fed skrift.

7 Visuel identitet Hvis man som udefrakommende finder Kirsten Kjærs Museums hjemmeside, vil det ved første øjekast være svært at afkode, præcis hvad der gemmer sig på bag titlen. Billedet på forsiden viser nogle røde træbygninger med en masse hvide plastichavemøbler foran. Scroller man ned over mængden af tekst, ses flere billeder af bygninger. Kigger man godt efter, kan der noget landart, men forsiden henviser ikke til samlingen af Kirsten Kjærs malerier, som museet er opbygget omkring. Først hvis man læser menuen, bliver det tydeligt, at der er udstillinger, koncerter, kurser og værksteder. Designet i sig selv leder ikke tankerne hen imod et kunstmuseum. Sitet er opbygget omkring en mørk rød farve i både header og navigationsmenu. Farven synes valgt for at passe til museets røde træbygninger. Overskrift og navigationsmenuer er hvide og læsbare på den røde baggrund. De skiftende indholdssider har sort tekst på hvid baggrund. Indholdet er forsøgt illustreret med fotos, men det bærer præg af, at der ikke er tænkt over, hvad sitet skal signalere. Typografi Umiddelbart ligner siderne hinanden. Grundlæggende har man anvendt den samme skrifttype til brødteksten (sans serif i størrelse 11). Ved nærmere eftersyn finder man dog indtil flere tekstvariationer i en mere eller mindre uskøn blanding. De enkelte siders overskrifter har ikke en gennemgående størrelse, farve eller type. Nogle gange er der anvendt fed skrift, andre farver eller blot fremhævet ved at forstørre skrifttypen. Nogle gange har man anvendt alle tre ting, andre gange har man ikke. Af og til har man benyttet kursiv, men det forekommer ikke så tit. På forsiden har man valgt at skrive Velkommen til Kirsten Kjærs Museum med fed skrifttype, men størrelsen er mindre end selve brødteksten og placeringen af teksten forsvinder mere eller mindre under forsidebilledet. Hvad der derimod fanger øjet er det store lilla link Kommer snart, som fører hen til Begivenheder i koncertsalen. Igen bidrager dette til, at sitet og dets indhold fremstår rodet, usammenhængende og uprofessionelt. På linksiden Kontakt får man endda indtryk af, at dele af indholdet er taget andetsteds fra og direkte kopieret ind på siden i en helt anden fonttype. Refleksioner omkring et kommende site Afsender Vi har valgt at fokusere redesignet at sitet omkring brugerne og deres behov. Der er fra museets side ikke udtrykt ønske om et redesign, men vi vælger at tro, at overbevisningen her - som i alle andre henseender på museet - vil være, at noget, der umiddelbart eksisterer og virker, ikke giver behov for ændringer.

8 Vi vil gerne have frie hænder til at udvikle et site, der både er tro mod museet, men samtidig har en gennemgående æstetisk linje og en overskuelig informationsarkitektur. I forbindelse med brugertest vil vi inddrage beboere og daglige brugere af museet og værkstederne, og om muligt vil vi nå ud til de besøgende gennem museets koncert-nyhedsmail. Brugere af sitet Sitets målgruppe kan spænde fra besøgende på museet, udstillere, musikere eller kunstnere, der ønsker at arbejde på stedet. Vi formoder, at stedets afsides beliggenhed bevirker, at de besøgende primært er folk fra lokalområdet, eller turister på besøg i Nordjylland. Museets besøgstal har ifølge Kulturarvstyrelsen været stabilt omkring besøgende de sidste par år. Til sammenligning var der i besøgende på Louisiana. Indhold Der er mange forskellige aktiviteter på Kirsten Kjærs Museum og det nuværende site indeholder store mængder af information. Dette ønsker vi at opdele og overskueliggøre, f.eks. ved at lave færre navigationsmenuer med tilhørende undermenuer I følge kulturarvstyrelsens brugerundersøgelser af museumshjemmesider, er det vigtigt, at sitet både fungerer som reklame for museet, en søgebase og en læringsressourse. Det ideelle site skal være enkel, niveaudelt, flerstemmig og tilstede på flere platforme. Genre Udfordringen i et site for Kirsten Kjærs Museum er at ramme lige præcis den rette særlige og originale tone, der afspejler museet, samtidig med at det signalerer et seriøst kunstmuseum. Genremæssigt skal sitet således balancere mellem funktion og æstetik. Hjemmesiden skal være kendetegnet ved overskuelighed, brugervenlighed og logisk navigering udtrykt i en klar visuel identitet.