1. No category

Hovedopgave
Multimediedesigner,
Erhvervsakademiet Aarhus Tech,
Forår 2010
Motiverende design og
brugervenlighed
Persuasive design and Usability
af Christina Duus
Vejleder: Niels-Erik Kaster
Projektperiode: 6. april – 7. juni
Lavet i samarbejde med Café Slabberas i Århus
URL:
Eksisterende side: http://sw1593.smart-web.dk/?open=bdf61e6f4e330df
Redesignede side: http://sw1583.smart-web.dk/
Hovedopgave, 7. juni 2010
Indledning
→
5
Strategy Plane
→
11
Scope Plane
→
33
Structure Plane
→
37
Skeleton Plane
→
43
Surface Plane
→
47
Afslutning
→
57
Bilag
→
65
Kapitel:
Indholdsfortegnelse
3
4
Kapitel: Indholdsfortegnelse
Christina Duus
Hovedopgave, 7. juni 2010
Indledning
For mange er det at tage på cafebesøg en del af deres livsstil, og der er mange muligheder for at finde den
café, der passer til ens personlighed. Mange tager på cafe med deres venner eller kæreste, fordi det giver et
afbræk i en hverdag, der kan være fyldt med bekymringer, indkøb eller regninger. Det er derfor vigtigt at
caféen lægger op til at man kan slappe af og nyde god mad eller en kold øl i godt selskab.
Café Slabberas er en hyggelig café i hjertet af Århus, hvor man er mere interesseret i hyggen og den hjemlige stemning, end man er i at have et chikt sted, hvor gæsterne kommer for at blive set.
Café Slabberas har de sidste to år markedsført sig på at være en børnevenlig café, hvor mødre på barselsorlov kan komme med deres små børn og slappe af og mødes med andre mødre.
Caféen, der ejes af Trine Kirch, åbnede for ca. to år siden. Trine skulle på barselsorlov, med sin datter, og
da hun ikke kunne finde en børnevenlig cafe i Århus, besluttede hun sig for at åbne sin egen. Hun er ifølge
sig selv meget selvstændig og ville gerne selv bestemme over sine arbejdstider. Hun kan godt lide at have
travlt og være omgivet af mange mennesker. Fordelen ved at have en café, er at folk ikke tager i byen hvis
de er i dårligt humør, så der er gerne en god stemning på Slabberas.
Caféen, der er fordelt på en kælder, stueetage og første sal, tilbyder rigelige muligheder for at finde et bord
eller et sofaarrangement, hvor man kan sidde sammen og slappe af. Caféen er indrettet med gamle møbler
og billeder som Trine har fundet i storskrald og på loppemarkeder og det er med til at give caféen en hyggelig og hjemlig stemning. De fleste møbler, er også noget man forbinder med besøg hos sine bedsteforældre.
Lige fra starten var det vigtigt at caféen havde en hyggelig og hjemlig atmosfære, hvor gæsterne kunne
slappe af og nyde at de ikke skal nå en helt masse og når man besøger caféen, får man også den opfattelse
at gæsterne kommer på caféen fordi de føler sig godt tilpas.
Trine er i gang med at udvide caféens image som en børnevenlig café. Dette er ikke fordi hun ikke længere
er interesseret i denne målgruppe, men fordi at hun ikke har mange gæster på caféen efter kl. 16.00. Hun
arbejder derfor aktivt på at tiltrække de cafégæster, der kommer på en café, for at hygge med venner eller
som en del af en shopping tur.
Nogle af de ting hun har gjort for at tiltrække den nye målgruppe, er at have en cocktail bar i weekenden og
en restaurant om aftenen.
Kapitel:
Jeg vil i min hovedopgave derfor arbejde ud fra følgende problemstilling:
5
Christina Duus
Problemstilling
Cafe Slabberas er i en overgangsperiode, hvor de aktivt forsøger at udvide deres images. Deres nuværende
målgruppe er mødre med små børn, og det er blevet besluttet at ændre dette fokus, for at nå en bredere
målgruppe, med henblik på at skabe vækst for caféen.
Slabberas har en hjemmeside, der på nuværende tidspunkt, afspejler en café, hvor den primære målgruppe
er mødre med småbørn. Hjemmesiden er derfor en del af denne forandring, idet det kræver fornyelse af
hjemmesiden for at afspejle de nye forhold. Dette inkluderer baren og restauranten.
Det er dog samtidig vigtigt at men ikke glemmer de loyale gæster, som Cafe Slabberas gennem de sidste to
år har skaffet sig, og som stadig vil komme på caféen.
Baseret på ovenstående indledning og problemstilling, er problemformuleringen for denne opgave:
Problemformulering
Hvordan kan et redesign af Cafe Slabberas’ hjemmeside motivere brugere til at besøge caféen?
Problemafgrænsning
For at afgrænse min problemformulering har jeg opstillet følgende del spørgsmål:
•
Hvordan kan man designe en hjemmeside, så brugervenligheden passer til de forskellige målgrupper?
•
Hvilke grafiske elementer skal være til stede på hjemmeside for at øge brugervenligheden og afspejle caféens identitet.
•
Hvilke informationer er det brugere af hjemmesiden efterspørger?
Jeg vil i min opgave arbejde med Jens Hofman Hansens bog, "Motiverende Design", der dækker over ni
strategier, der kan bruges til at tilfredsstille brugerens behov.
Jeg vil også gøre brug af forskellige artikler fra Designværkstedet 1 bl.a. "Persuasive design" af Julia Gardner.
I forhold til brugervenlighed, der vil være en stor del af min opgave, vil jeg bruge teorier fra Steve Krug’s
bog "Don’t Make Me Think", der går ud på at man tester sine ideer og design på sin målgruppe og lytter til
deres input.
Med hensyn til grafiske elementer, vil jeg koncentrere mig om retoriske figurer, og hvordan man kan bruge
dem til at skabe en brugervenlig og motiverende navigation. Til dette vil jeg bl.a. bruge uddrag af "Anvendelse af retoriske figurer i netdesign" af Claire Dormann.
Kapitel: Indledning
Resultatet vil være en fuldt fungerende hjemmeside, opsat i Smart Webs CMS 2.
6
1
2
http://design.emu.dk/
http://dk.smart-web.dk/
For at min projektperiode skal ende ud i det bedst mulige produkt, vil jeg have flere teorier i spil. Dels vil
jeg her beskrive hvilken produktionsmetode jeg vil benytte, og dels vil jeg komme med en gennemgang af
de teoretiske modeller, analyser og tests, jeg vil bruge, som redskab til at få mit koncept til at stemme
Hovedopgave, 7. juni 2010
Metode
overens med den færdige hjemmeside.
Da jeg ved projektstarten ikke har en helt præcis viden om hvordan mit endelige produkt skal se ud og
hvad det skal indeholde, har jeg valgt at bruge prototyping 3 som produktionsmodel. Denne model bygger på
at man hele tiden tester sin prototype på brugere indenfor målgruppen, og derefter arbejder videre med
den testede prototype, hvilket giver mulighed for at man hele tiden kan tilpasse designet og indholdet, til de
krav de enkelte brugersegmenter har til hjemmesiden.
Dette vil jeg sammenholde med metoden "The Five Planes" fra bogen "The Elements of User Experience" af
Jesse James Garrett. Denne model tager udgangspunkt i, hvordan man optimerer sin designproces, og jeg
vil derfor bruge den som et redskab til at beslutte i hvilken rækkefølge jeg fortager de enkelte analyser i.
For at finde ud af hvilke elementer på den eksisterede side, der understøtter caféens identitet og mål med
hjemmesiden, vil jeg lave en dybdegående designanalyse af siden, og ved hjælp af brugertests finde ud af
om caféens identitet på nettet er den samme som den caféen har i virkeligheden.
For at kunne lave en præcis analyse af hvilke elementer, der skal implementeres på den nye side, vil jeg
lave en grundig målgruppeanalyse. Denne vil tage udgangspunkt i hvilke kunder Café Slabberas har, og
hvilke kunder caféen ønsker at tiltrække i fremtiden. Til dette vil jeg bruge segmenteringsmodeller fra "The
User is Always Right" af Steve Mulder.
Fordelen ved at bruge denne model er, at jeg kan segmentere min målgruppe, ud fra hvilken adfærd brugerne vil have på siden, hvilket giver god mening i forhold til redesign af en hjemmeside.
For at afkode Café Slabberas’ identitet vil jeg gøre brug af Laboratoriemodellen fra bogen "Storytelling Branding in Practice" af Klaus Fog, Christian Budtz og Baris Yakaboylu. Her vil jeg gennem interviews af
ejer, ansatte og gæster, og ved hjælp af artikler fra nettet og anmeldelser fastslå Café Slabberas’ image og
identitet og se om de stemmer overens.
Til at sikre mig, hvilke informationer der bør være på hjemmesiden, benytter jeg et trianguleret undersøgelsesdesign, som jeg kan validere min målgruppe og design op imod.
Dels vil jeg lave en fokusgruppeundersøgelse, med repræsentanter fra målgruppen. På den måde kan jeg
tideligt i forløbet få klarlagt sidens "user goals". Dette vil måske også belyse ting jeg ikke selv havde tænkt
på.
Jeg vil også udsende et spørgeskema, få at få et indblik i hvem målgruppen er, og hvad deres indtryk af
hjemmeside er og hvilken information, der er vigtig at fremhæve. Det er også for at få et indblik i hvilket
image Cafe Slabberas har.
Som sidste del i mine undersøgelser, vil jeg forholde mig til log files fra Google Analytics, som bl.a. vil kunne give mig en ide om brugernes færden på hjemmesiden.
3
Udvikling af Multimedier, Marie Christensen & Louise Harder Fischer, s. 34
Kapitel: Indledning
Ved at holde disse undersøgelser op mod hinanden, vil jeg kunne teste mit design op mod målgruppen.
7
Christina Duus
Frem for at teste min prototype ved hjælp af papirmodeller, har jeg valgt at gøre brug af Axure 4, der er et
program designet til at teste funktionaliteten på hjemmesider. Ved at bruge denne model har jeg mulighed
for at rette så mange problemer med siden som muligt, inden den er kodet.
Fordelen ved at bruge Axure, frem for en papirprototype, er at man meget hurtigt kan opsætte en side i
Axure, og det er nemmere at teste funktionaliteten af ens design.
Slutteligt vil jeg kunne konkludere på mit produkt ved usabilitytests af den nye side.
Jeg har valgt sideløbende at have en opdateret blog på nettet, som jeg opdaterer med beslutninger, status
på processen, relevante links og forskellige noter. Dette redskab vil jeg bruge som et supplement til "The
Five Planes", da jeg senere skal lave dokumentation of evaluering af min proces 5.
NB. Hjemmesiden blev opdateret under mit projektforløb, så jeg har lavet mine indledende brugertests på
baggrund af siden før den blev opdateret og de efterfølgende analyser efter at siden blev opdateret. Dette
Kapitel: Indledning
er bl.a. indsættelse af indhold på menukortene.
8
4
5
http://www.axure.com/
http://christinaduus.dk/hovedopgave/blog/
Jeg vil opbygge min rapport, således at hvert afsnit relaterer sig til de forskellige planes i produktionsmodellen "The Five Planes"
Indledning
Hovedopgave, 7. juni 2010
Struktur
Structure Plane
•
Problemstilling
•
Informationsarkitekturen
•
Problemformulering
•
Interaktionsdesign
•
Problemafgrænsning
•
Metode
•
Struktur
Skeleton Plane
•
Wireframes
•
Navigationsdesign
Strategy Plane
•
Om Cafeen
•
Caféens målgruppe
Surface Plane
•
Visuelt design
•
Fokusgruppe
•
Logodesign
•
Designanalyse af den eksisterende side
•
Opfølgning på brugertests
•
Image / Identitet
•
Implementering af design
•
Google Analytics
•
Segmentering af målgruppen
•
Personabeskrivelser
•
Metodekritik
•
Konceptbeskrivelse
•
Konklusion
•
Hvad er brugervenligt design?
•
Perspektivering
Afslutning
•
Kravspecifikationer
•
Produktspecifikationer
Kapitel: Indledning
Scope Plane
9
10
Kapitel: Indledning
Christina Duus
Hovedopgave, 7. juni 2010
Café Slabberas
→
12
Caféens målgruppe
→
13
Fokusgruppen
→
15
Designanalyse af den eksisterende side
→
16
Image/ Identitet
→
20
Google Analytics
→
23
Segmentering af målgruppen
→
24
Personabeskrivelser
→
26
Konceptbeskrivelse
→
30
Hvad er brugervenligt design?
→
31
Kapitel:
Strategy Plane
11
Christina Duus
Strategy Plane det første element, som jeg skal beskæftige mig med. Det er i det plane, jeg skal fortage al
det nødvendige analysearbejde, i forhold til at kunne lave troværdige personas, og sætte "user goals" for
disse.
Jeg vil starte med kort at fortælle om caféen og beskrive dens stil.
Café Slabberas
Café Slabberas ejes af Trine Kirch 6, der er uddannet pædagog. Hun har altid været meget glad for at gå på
café, fordi hun syntes det er meget hyggelig. For to år siden, da hun gik på barsel med sin datter Vilas,
kunne hun ikke finde en børnevenlig cafe og hun besluttede sig derfor for at åbne sin egen.
Trine har, siden hun startede caféen, også solgt børnetøj i kælderen. Da hun er ved at afvikle denne del af
sit koncept, har jeg valgt ikke at inkludere det i min opgave.
Caféens stil
Caféen fordeler sig på tre etager og den er indrettet med henblik på børnene. Det gør, at der er god plads
og at man nemt kan bevæge sig gennem cafeen. I stueetagen er endevæggen for nylig blevet tapetseret
med stribet tapet, der er inspireret af designeren Paul Smith. Der er brugt en lys turkisblå accent farve på
skorstenen, der er midt på væggen, mens resten af væggene er hvide. På første sal er endevæggene stadig
brune, men det er meningen at de med tiden også skal tapetseres.
Lokalerne er indrettet med mange forskellige møbler og lamper, som Trine har fundet på storskrald og loppemarkeder, og hun har med stor dygtighed brugt disse møbler til at skabe en café, der virker hyggelig og
hjemlig, når den nemt kunne virke rodet med de mange forskellige møbler.
Når man først har besøgt caféen er det nemt at se at Trine syntes at hvide, ens møbler er kedelige.
Det der er godt ved caféen, er at der er plads til små sofaarrangementer, der indbyder til snak og hygge, og
store solide borde, som det er nemt at arbejde ved, eller hvor der er god plads til at man kan sidde og spise.
Hjemmesidens formål
Før man går i gang med sin hjemmeside, skal man gøre sig klart hvad formålet med siden er. Da jeg spurgte Trine i mit indledende interview, fik jeg standartsvaret, at mange bruger en hjemmeside, men også at
den skulle afspejle stedet og virke som en reklame for caféen udadtil.
Den skal også bruges til at informere brugerne omkring konkrete informationer i forbindelse med caféen,
Kapitel: Strategy Plane
såsom åbningstider, adresse, menukort og kontaktoplysninger.
12
6
Se bilag 1 – interview med Trine Kirch
For bedre at kunne sikre mig at mit design og indholdet på siden er tilpasset den rigtige målgruppe, vil jeg
lave en dybdegående målgruppeanalyse.
Denne vil jeg lave på baggrund af:
•
Interviews med Trine Kirch 7 og Michael Mizzi 8 (der har ansvaret for den daglige ledelse)
•
Min spørgeskemaundersøgelse 9
•
Statistik for Tendens 2005 10, som kan give mig en ide om hvor mange, der går på café og hvilke
Hovedopgave, 7. juni 2010
Caféens målgruppe
aldersgrupper de fordeler sig på.
•
En fokusgruppeundersøgelse 11, med repræsentanter fra målgruppen, som giver mig en ide om,
hvilke informationer, den enkelte finder relevant i forbindelse med café besøg.
På baggrund af denne analyse, vil jeg fortage en segmentering af målgruppen, og dermed lave en persona,
som skal repræsentere hvert segment.
Jeg vil bruge "user goals" (den enkelte brugers mål med siden) og "site objectives" (hvad jeg gerne vil have
den enkelte bruger skal gøre på siden) for disse personas til at validere på, om mit design indeholder de
elementer, som vil opfylde målgruppens krav til siden.
Den nuværende målgruppe
For at få et indblik i Café Slabberas’ målgruppe, har jeg interviewet Trine Kirch og Michael Mizzi. Fordi caféen de sidste to år har markedsført sig på at Slabberas er børnevenlig, er mange af gæsterne mødre, der
kommer med små børn.
Jeg har fortaget en spørgeskemaundersøgelse, der gav mig 17 besvarelser. Disse var ikke så mange som
jeg havde håbet på, men jeg mener stadig at jeg kan se en tendens.
Af de adspurgte, svarede 77 % at de godt kunne lide at caféen var børnevenlig og 13 % svarede at de kom
på caféen fordi den er børnevenlig.
Gennem mine interviews fik jeg også at vide at mange af dem der kom om aftenen, gerne var studerende
eller unge i arbejde.
Jeg kan derfor konkludere at Slabberas’ målgruppe groft kan deles op i tre segmenter:
•
Mødre, på barselsorlov, der kommer om dagen.
•
Forældre og unge, der kommer om aftenen til forskellige arrangementer.
•
Og unge der kommer på baren i weekenden.
For at estimere målgruppens størrelse vil jeg bruge statistik jeg fik fra horesta.dk 12. Disse er fra hele landet,
men i 2008 var der 52.647.00 cafébesøg. Her er de 18 til 19-årige og 25 til 29-årige især repræsenteret. I
7
8
9
Se bilag 1 – Interview med Trine Kirch
Se Bilag 2 – Interview med Michael Mizzi
Se bilag 5 – Statistik til spørgeskema
10
http://www.horesta.dk/website/Horesta/Service/Om%20Horesta/Medier/~/media/Filer/Medier/tendens/Ten
dens2005_01low001%20pdf.ashx
11
Se bilag 6 – Resume af fokusgruppe
12
Se bilag 7 – E-mail fra Karin B Knudsen, Horesta
Kapitel: Strategy Plane
mit interview med Mizzi, fik jeg at vide at caféen har ca. 100 gæster i løbet af dagen og også 100 gæster
13
Christina Duus
om aftenen på baren. De fleste gæster kommer gerne igen, hvilket betyder at caféen formår at give gæsterne en god oplevelse.
Den ønskede målgruppe
Café Slabberas er som jeg allerede har nævnt i gang med at ændre deres image, og de har i den anledning
fokus på en ny målgruppe, de gerne vil ramme.
Den ønskede målgruppe er unge (25+) og ældre ægtepar, der ikke er afhængige af børn, og som har penge
de kan bruge på cafébesøg. Dette stemmer godt overens med den statistik jeg har fra Tendens, der siger at
flere ældre får øjnene op for caféer og restauranter.
Trine vil gerne have at disse gæster kommer ned på caféen for at få en kold øl efter arbejde eller kommer
ind for at få en frokost som en del af en shopping tur.
Det kan dog være et problem for caféen, at mange kan finde på at fravælge en cafe, hvis de ser at der er
mange barnevogne udenfor og man kan se at der er mange små børn indenfor. Det samme kan ske om
aftenen, hvis caféen er fyldt med unge, kan det skræmme den ældre målgruppe væk.
Café Slabberas er derfor nødt til at fortælle deres ønske målgruppe at der også er plads til dem, hvilket
hjemmesiden kan hjælpe med.
Jeg kan hermed opsummere på, hvad min primære målgruppe ville ønske på siden, og det vil kunne lede
mig hen mod eventuelle "business objectives" for målgruppen.
Den primære målgruppe:
•
Er personer, der ikke kender Slabberas, eller måske har et forkert indtryk af caféen.
•
De vil gerne komme på en café, der er hyggelig og afslappet.
•
De ønsker at finde informationer omkring caféen på nettet, bl.a. menukort, adresse, samt priser.
Kapitel: Strategy Plane
Business objectives:
14
•
Skal nemt kunne finde menukort, adresse og åbningstider.
•
Skal kunne få et positivt indtryk af caféen gennem billeder.
•
Skal kunne finde informationer omkring caféen.
•
Skal kunne se Smiley-ordning
•
Skal være nemt at kontakte caféen i forbindelse med spørgsmål.
En fokusgruppe er en kvalitativ undersøgelse, der går ud på at man samler en gruppe brugere og så snakker om deres meninger og ønsker i forbindelse med et produkt, service eller koncept.
Fordelen er at man hurtigt kan få feedback på sine ideer, og at man måske bliver opmærksom på nogle
Hovedopgave, 7. juni 2010
Fokusgruppe
aspekter man ikke selv havde overvejet.
Jeg lavede tidligt i forløbet en fokusgruppeundersøgelse 13 for at finde ud af hvorfor folk tager på cafe og ud
fra hvilke kriterier de vælger en cafe. Vi snakkede også om hvilken indflydelse hjemmesider kan have på
cafévalg.
Der kom 7 unge kvinder til min fokusundersøgelse, de var alle først i tyverne og de havde ingen børn, og de
placerer sig derfor indenfor den ønskede målgruppe.
I min fokusgruppe fik jeg deltagerne til at tale frit om emnet, og det medførte at jeg blev opmærksom på
nogle ting, og fik bekræftet nogle af de antagelser jeg havde.
De valgte generelt caféer, der fik dem til at føle sig godt tilpas, og steder hvor der var god plads og man
følte sig hjemme.
En af de ting der kom op i forbindelse med hjemmesider, er at de næsten aldrig kigger på en hjemmeside
når de skal vælge en cafe. Det er kun hvis de skal tjekke åbningstider, menukort, adresse eller finde et sted
til et større selskab, at de ville besøge stedets hjemmeside.
Det kom op at hvis stedet havde forskellige spændende arrangementer, og det var et sted, man ofte kom,
ville man måske kigge på hjemmesiden for at holde sig orienteret, med hvad stedet havde at tilbyde.
En anden nævnte her at, hun ville melde sig ind i caféens Facebook gruppe i stedet. Det syntes hun var
nemmere.
En af de ting, der kom frem var at man ofte bedømmer en café ud fra hjemmesiden, og hvis kvaliteten af
hjemmesiden er lav, kan man tro at kvaliteten på caféen også er lav. Det er derfor vigtigt at hjemmesiden
har et professionelt udtryk.
Det blev dog også nævnt at mund til mund metoden kan betyde mere for en café, end en dårlig hjemme-
13
Se bilag 6 – Referat af fokusgruppeundersøgelse
Kapitel: Strategy Plane
side.
15
Christina Duus
Designanalyse af eksisterende side
Når jeg efterfølgende skal afklare Cafe Slabberas’ image/ identitet, vil jeg med denne designanalyse afklare,
hvordan hjemmesiden understøtter disse punkter.
Jeg har som baggrund for designanalysen foretaget en række userbilitytests 14. Resultaterne af disse tests
var både med til at bekræfte nogle af mine egne ideer om, hvad der er godt og skidt på siden, og samtidig
fik jeg belyst nogle emner, som jeg ikke umiddelbart selv havde tænkt på.
Informationsdesign
Ifølge Trine er caféens hjemmeside en form for reklame udadtil, den skal derfor også være med til at afspejle caféens identitet. Den eksisterende side er en af SmartWebs templates, og mange af undersiderne er
endnu ikke opdateret. Det betyder at mange brugere vil gå forgæves når de kommer til siden for at finde
informationer.
Dette giver siden et uprofessionelt udtryk, som også er med til at afspejle caféen negativt. En af mine testpersoner nævnte at hvis man ikke kan opdatere sin hjemmeside, kan man lige så godt lade være med at
have en.
En af de ting, der overraskede mig, var at mine brugere troede at caféen var en kaffebar. De fik denne
opfattelse på grund af bannerets mørkebrune baggrundsfarve og billederne af kaffebønnerne og koppen
med cafe latten. Den mørkebrune farve giver dog fin mening i forhold til caféens tidligere udseende.
På forsiden står der en tekst, der fortæller om caféen og at de er i gang med at opdatere hjemmesiden. Den
sorte tekst på den hvide baggrund, gør at siden virker kedelig og at man ikke bliver fanget af siden.
Nederst på siden står caféens åbningstider, hvilket virker rigtig godt, for det er det mange kommer ind på
siden for at finde. Dette er Jens Hofmans Hansens første motivationsstrategi: Gør det synligt og simpelt 15.
Det kan dog være et problem at punktet ”Lej Slabberas”, ligger under Nyheder, idet at det ikke virker logisk
i forhold til hvor brugerne ville forvente at find det. Det er måske en nyhed, fra caféens side, men brugere
ville forvente at finde det under punktet ”Information”.
Logo
Café Slabberas’ logo er et cirkulært ”emblem 16”. Baggrunden er en brun,
beige og orange cirkel inden i hinanden. Der er en rød kaffekop, med
damp ovenover. Teksten "Cafe Slabberas" er skrevet over koppen i en
håndskriftlignende font.
Dette logo passer godt til deres børnevenlige image, fordi stilen minder
om noget et barn kunne have tegnet og dette giver logoet, og i forlængelse caféen, en meget afslappende stil.
Kapitel: Strategy Plane
Kontaktoplysninger
16
I mine brugertests, bad jeg mine testpersoner om at finde caféens telefonnummer. Det er efterhånden en
konvention at sådanne oplysninger står i footeren 17, men det gør det ikke her. Der var kun en af mine bru14
15
16
17
Se bilag 9 – Brugertests af den eksisterede side
Motiverede design, Jens Hofman Hansen, s. 22
Designing Brand Identity, Alina Wheeler, s. 64
Don’t make me think, Steve Krug, s. 34
meret, og det må siges at være for meget.
Siden har dog en kontaktformular og jeg blev gjort opmærksom på at dette var en god ting, da denne bruger, ikke har opsat Outlook og hun syntes det var træls at programmet blev åbnet hver gang hun trykkede
på en e-mail.
Hun syntes at kontaktformularen virker godt, og hun kunne godt lide den feedback der kom, når man ud-
Hovedopgave, 7. juni 2010
gere der kunne finde det med et klik. De andre tre måtte gennem tre eller fire klik for at finde telefonnum-
fyldte formularen.
Navigationsdesign
Hjemmesiden er bygget op omkring en simpel horisontal menu, med en enkelt dropdown funktion. Flere af
punkterne er skrevet med store bogstaver og et par af dem linker tilbage til forsiden 18, hvilket virker forvirrende og frustrerende for brugerne.
Det menupunktet for den underside man er inde på bliver understreget, hvilket gør at man kan se hvilken
underside man er inde på. Det ville måske være tydeligere hvis menupunktet også skiftede farve.
Der er dog breadcrumbs, og en overskrift i toppen af hver side, hvilket giver en fin indikation over hvor man
er henne. På en lille side som denne, kan det dog diskuteres om breadcrumbs er nødvendige.
I toppen af siden er der også to små ikoner til print og sitemap. Dette er en af SmartWebs standarter for
alle deres løsninger, og det er slået til som default, men man har mulighed for at slå det fra. På en lille side
som denne, er det måske ikke nødvendig med disse muligheder. En af mine testpersoner brugte dog sitemap linket, da han ikke kunne finde et telefonnummer til caféen.
Der er flere måder at komme tilbage til forsiden.
Man kan klikke på "logoet" i toppen, på banneret,
eller på menupunktet "Forside". Jacob Nielsen
fraråder at man har et link til forsiden på sin side,
da det er blevet en konvention at bruge logoet 19.
Derudover kan man også klikke på navnet i footeren, men dette er indbygget i CMSen.
Mine brugere brugte forsidepunktet i menuen eller banneret for at komme tilbage til forsiden.
Man kan diskutere behovet for ”logoet” i toppen, da de fleste af mine brugere brugte banneret eller forside
linket. De fleste brugere vil måske også blive forvirret over logoet i toppen, da Café Slabberas’ reelle logo er
en del af banneret.
Flere af mine testpersoner udtrykte frustration over at to af menupunkterne linkede til forsiden i stedet for
at linke til en underside. Det blev også sagt at det virkede uprofessionelt og at det afspejlede kvaliteten på
caféen.
Menuen har syv menupunkter, og i forhold til 7±2 20 reglen, kan det jo siges at være perfekt. Problemet det
dog at de sidste fire punkter omhandler caféens menu og man derfor kunne vælge at lave dette som ét
gere.
18
19
20
Se bilag 14 – Sitemap af gammel side
Jacob Nielsen, Designing web Usability
http://psychclassics.yorku.ca/Miller/
Kapitel: Strategy Plane
menupunkt, og på den måde kunne udnytte menuen bedre.
Her kan det også nævnes, at menupunkter ”Drikkevarer” mangler et R, hvilket måske vil irritere nogle bru-
17
Christina Duus
Linkene på siden er røde med en understregning. Det er derfor nemt at se dem, og man er ikke i tvivl om at
det er et link.
Præsentationsdesign
I præsentationsdesignet forsøger man at få indhold, navigation, æstetik til at spille sammen som en enhed,
som udgør den visuelle identitet for siden.
Siden har en grå baggrund, og er holdt i varme, gyldenbrune farver. Banneret er mørkebrunt, med et logo i
venstre side og tre billeder i højre side.
Menuen er iøjefaldende idet at den er gyldenbrun og resten af siden er meget neutral i hvide og grå farver.
Det blev nævnt i mine brugertests at siden var meget mørk, og at pladsen ikke blev udnyttet særlig godt.
Det skal dog bemærkes at dette har noget med min skærmopløsning at gøre.
Brug af skrifttyper
Standart skrifttypen på siden er Verdana, en skrifttype der er designet specielt til at være letlæselig på en
skærm 21, man har dog valgt på nogle sider at gøre teksten mørkerød, fed og skrive med store bogstaver.
Dette kan være svært at læse, da den fede tekst flyder meget ud.
På forsiden står der et par linjer med en orange skriftfarve og en ferskenfarvet baggrund, om at siden er
under opbygning. Dette er gjort for at fremhæve informationen, men det giver et uheldigt indtryk på besøgende idet det skaber en for stor kontrast, der falder uden for designet. Det er derfor med til at give siden
et rodet og uprofessionelt udtryk.
På nogle af undersiderne er teksten centreret 22, igen er denne uregelmæssighed med til at forvirre brugeren
og give siden et uprofessionelt udtryk.
I usabilitytesten blev der givet udtrykt for at forsiden indeholdt rigtigt meget tekst. Dette gjorde at siden
blev lidt kedelig og at man ikke havde lyst til at bevæge sig videre på siden.
Ved nærmere eftersyn viste det sig at enkelte linjer havde op til 100 anslag. Man bør til skærmbrug holde
sig til mellem 45-60 anslag, hvis man vil gøre teksten letlæselig 23.
Brug af billeder og grafik
De eneste billeder der er på siden er de tre der er i banneret. Flere af mine testbrugere troede at det var en
kaffebar, pga. kaffebønnerne og cafe latte. En enkelt nævnte også den høje stol i det sidste billede, og at
hun måske ville være betænkelig ved at komme der, fordi hun ikke kunne se i hvor høj grad cafeen var
børnevenlig og gerne ville frabede sig ”skrig og skrål” fra små børn.
De billeder, der blev efterlyst i forbindelse med mine brugertests, var billeder af caféen, så man kunne få en
fornemmelse for hvordan stedet så ud.
Kapitel: Strategy Plane
Siden gør brug af to retoriske figurer, en printer (til print funktion) og et sitemap-diagram (til sidens site-
18
map).
21
22
23
http://www.microsoft.com/typography/fonts/family.aspx?FID=1
http://sw1593.smart-web.dk/lej-slabberas/
Kim Petersen: Design til skærmen - Grafisk forlag
og sitemap-diagrammet er en synekdoke, hvor en del erstatter helheden. I dette tilfælde hvor en lille gren
af et diagram, symbolisere hele sidediagrammet.
Gestaltlove
Gestaltlovene handler om perception, de beskriver
Hovedopgave, 7. juni 2010
Ifølge Claire Dormann er print symbolet en metafor, hvor printeren symbolisere selve funktionen at printe
hvordan den menneskelige hjerne opfatter sammenhænge i omverdenen.
Der er især gjort brug af loven om lukkethed i designet. Selve indholdet opfylder reglen om lukkethed,
fordi det er en hvid boks imod den grå baggrund.
Men også både navigationen og footeren er lukket
inde ved at give dem en mørkere baggrundsfarve,
der også er med til at skabe en stor kontrast imod
det mere neutrale hvide og grå.
På kontakt siden har man valgt at sætte en ramme
rundt omkring teksten og inputfelterne, hvilket også falder ind under loven om lukkethed.
I banneret er der også brugt loven om lighed, med de tre billeder. Deres farver er holdt i de mørkebrune
farver og formen og den orange kant er med til at gøre denne effekt stærkere.
Visuelt hierarki 24
I webdesign gør man brug af bl.a. kontrast til at skabe et visuelt hierarki på siden. Dette er for at fortælle
brugeren om hvad der er vigtigt på siden. Slabberas’ hjemmeside gør brug af kontrast gennem banneret,
menuen og footeren. Man lægger med det samme mærke til banneret fordi det er mørkt i forhold til resten
af siden. Den samme effekt er brugt på menuen og footeren.
Nogle af siderne har meget lange tekster (Menukort), hvor man har brugt fed skrift til skabe et hierarki, af
hvad der er vigtigt på siden.
Dette virker dog ikke særligt godt på ”Vinkort”, hvor teksten enten er fed eller kursiv og der ikke er meget mellemrum mellem de forskellige vine. Sammen med den røde
skrifttype der er brugt, er teksten meget udflydende og
svær at læse.
Denne analyse af siden har givet mig et rigtigt godt fundament for, at beslutte hvilke elementer, der skal
24
Visual Design for the Modern Web, Penny McIntire, s. 158
Kapitel: Strategy Plane
prioriteres i det nye design. Jeg vil i det næste kapitel forsøge at afkode Cafe Slabberas’ image og identitet.
19
Christina Duus
Image/ Identitet
For at fastslå identiteten for en virksomhed, kan man bruge Laboratoriemodellen, fra "Storytelling, Branding
in Practice", der går ud på at man gennem interviews af ansatte og kunder finder kernehistorien og fastslår
identiteten og image for en virksomhed.
Jeg har lavet interviews med Trine Kirch (ejer), og Michael Mizzi 25 (ansvarlig for den daglige drift af caféen)
og flere af caféens kunder.
Derudover har jeg gjort brug af forskellige artikler fra nettet og anmeldelser af cafeen fra bl.a. Mangospot.dk 26
Nekrologtesten 27
Denne model bygger på et tankeeksperiment; Hvad ville der stå i en nekrolog om Café Slabberas?
Modellen kan bruges til at finde frem til, hvad folk ville savne ved virksomheden, og dermed belyse hvad det
lige netop er denne organisation er god til.
Nekrolog for Café Slabberas
Det er med tungt hjerte at Café Slabberas for sidste gang lukker og slukker i de hyggelige lokaler på Frederiksgade 26.
Mange gæster er det blevet til de sidste to år, og alle har bemærket de glade og oplagte ansatte, og det
høje service niveau, der har været med til at gøre et besøg på Café Slabberas en hyggelig og afslappet
affære.
Det der især vil blive savnet er den hjemlige og betænksomme stemning caféen har formået at give sine
gæster i en hverdag, der ofte kan være stresset.
Café Slabberas har altid været et sted, der er åbent for alle, mødre med små børn, forældre og studerende.
Ansatte og gæster sidder tilbage med en tom fornemmelse, og store spekulationer over, hvor de nu skal gå
hen.
Æret være dit minde.
Gæst på Cafe Slabberas
Caféens Identitet
Gennem mine interviews med Trine og ansatte på Café Slabberas er jeg kommet frem til de punkter, jeg
mener, bedst beskriver Slabberas’ identitet.
1.
Gæsterne er i fokus
2.
Caféen skal være et hyggeligt og afslappet sted
3.
Der skal være plads til alle.
Café Slabberas sørger for at gæsterne føler sig velkomne og det er vigtigt for både Trine og hendes ansatte
Kapitel: Strategy Plane
at der er et højt serviceniveau på caféen.
20
Det er vigtigt at caféen afspejler hygge og en hjemlig stemning, hvilket de forsøger at opnå gennem den
venlige betjening og den musik de spiller.
25
26
27
Se bilag 2 – Interview med Michael Mizzi
Se bilag 17 – Links til artikler og anmeldelser
Storytelling – Branding in Practice, Klaus Fog m.fl, s 69
kommer uden børn. Men det er uundgåeligt at forældre kommer med deres børn hvor det er hyggeligt og
hvor der er plads til børn, frem for at komme på steder, hvor der vil blive set skævt til dem.
Man kan også argumentere for at caféen måske har en identitetskrise, idet det er en børnevenlig café om
dagen og er en cocktail bar om aftenen, der henvender sig til unge og studerende.
Hovedopgave, 7. juni 2010
Trine vil gerne have at der skal være plads til alle og hun forsøger at udvide sin kundekreds til gæster, der
Det skal dog nævnes at baren først åbnede for seks måneder siden, og at den er en del af deres forsøg på
at ændre målgruppen og identiteten.
Caféens image
I min research af eksterne data, hvor jeg har forsøgt at klarlægge Slabberas’ image, er jeg nået frem til
nogle punkter, som er gået igen i de forskellige data, jeg har indsamlet.
1.
Cafe Slabberas er en børnevenlig café
2.
Café Slabberas er en hyggelig cafe
3.
Café Slabberas er serviceminded, og der serveres god mad
På baggrund af min spørgeskemaundersøgelse 28, kan jeg se at Café Slabberas bliver anset for at være et
hyggelig og afslappet sted. I spørgeskemaet ville 25 % beskrive caféen som hyggelig og 22 % som afslappet. 17 % har sagt at den er personlig og 14 % at den er rar.
Dette bliver bakket op af de interviews 29 jeg lavede med forskellige gæster på caféen.
Slabberas kan dog ikke løbe fra sit børnevenlig image, og det vil være svært at ændre. Mange cafégæster
vil være tøvende mod at komme på en café hvor de ved eller forventer, der er mange børn.
Mødre kan godt lide at komme på caféen med deres børn, fordi der er plads til dem, og fordi det er nemt at
komme. Der er ingen der kigger mærkeligt på dem, hvis de sidder og ammer deres barn.
Jeg snakkede bl.a. med en studerende. Det var første gang hun var på caféen og hun havde hørt at det var
en barselscafe, hvilket havde afholdt hende fra at besøg stedet før, men nu da hun var der, syntes hun det
var et rigtigt godt sted, og hun ville gerne komme igen.
Closing the Gap
Closing the Gap 30 er en model fra "Storytelling", der går ud på at den kløft der kan være mellem en virksomheds identitet og opfattelsen af virksomheds image, ikke bør være der.
I Café Slabberas’ tilfælde bliver de, af deres gæster, opfattet som en hyggelig og åben cafe, hvilket også er
meningen.
Caféen bliver også anset for at lave god mad, og være meget serviceminded, hvilket må siges at være godt
for en café.
Af de gæster, der ikke har besøgt caféen, tror mange at det er en børnevenlig café, hvilket kan afholde dem
28
29
30
Se bilag 5 – Statistik fra spørgeskema
Se bilag 3 – Interviews med caféens gæster
Storytelling – Branding in Practice, Klaus Fog m.fl, s. 76
Kapitel: Strategy Plane
fra at komme der. Her er derfor en kløft, som Slabberas skal arbejde med.
21
Christina Duus
Gennem mine brugertests af den eksisterende side, fandt jeg ud af at caféen bliver opfattet som en kaffebar, hvilket ikke stemmer overens med den identitet Café Slabberas gerne vil afspejle. Dette kunne man
dog ændre ved at vælge nogle andre billeder.
Det er derfor vigtigt at mit redesign afspejler caféens værdier, som en hyggelig og åben café, med plads til
alle.
Det er også nødvendigt at den børnevenlige holdning træder i baggrunden, for at tiltrække nye gæster, men
Kapitel: Strategy Plane
ikke fjerne det helt, for at vildlede dem.
22
Google Ananlytics 31 er en gratis service man kan tilkoble sin hjemmeside, for at få indsamlet forskellig statistik, med henblik på at optimere sin marketing.
Jeg vil i min opgave bruge Google Analytics til at se på hvor mange besøgende hjemmesiden har, hvilke
Hovedopgave, 7. juni 2010
Google Analytics
sider, der er mest besøgte og på hvilke sider brugerne forlader hjemmesiden.
Jeg bruger statistik fra perioden: 6. maj 2010 til 18. maj 2010 32.
Jeg startede med at indsamle statistik fra d. 6. maj, normalt bliver dette sat op når siden går online, ved
ItConcept, men der er sket en fejl.
Det kunne være interessant at se hvordan antallet af besøgende fordeler sig på et år. Om der er flere brugere i sommermånederne og i september ved studiestart.
Siden havde 366 besøg i denne periode, af dem var 297 unikke brugere, dvs. brugere der kommer ind på
siden første gang. Dette svare til 28,15 besøg pr. dag i perioden.
33,88 % af disse besøg varede mellem 0-10 sekunder, og hjemmesiden havde en afvisningsprocent på
30,87 % (dvs. brugere, der forlader siden uden at kigge på andre sider end den de kom ind på).
For at sætte dette i perspektiv, vil jeg kigge på de brugere, der kommer fra Århus. De brugere, der kommer
andre steder fra, er i første omgang ikke så interessant for min undersøgelse, idet de ikke umiddelbart har
mulighed for at besøge caféen.
Af de 366 besøg, kom 202 af dem fra Århus, det er lidt over 55 %. De havde en afvisningsprocent på 32,18
%, hvilket er højere end for hele undersøgelsen. Dette kan tyde på at de ikke bliver inspireret af det de ser,
eller at de finder den ønskede information på forsiden.
De 21 sider på hjemmesiden blev i alt vist 1.425 gange, det svare til 3,89 sider pr. besøg. Brugerne bruger
gennemsnitligt 2 min og 14 sekunder på siden.
De mest viste sider er ”forsiden” (651 gange, med 318 unikke sidevisninger og en afvisningsprocent på
26,10 %) ”menukort” (121 gange, med 100 unikke visninger og en afvisningsprocent på 54,72 %) og ”find
os” (89 gange, med 68 unikke sidevisninger og en afvisningsprocent på 100 %).
Det er derfor vigtigt at jeg får skabt en god sammenhæng mellem forsiden, menukort og find os, fordi det
er informationerne, på disse sider, brugerne efterspørger.
Brugerne forlader webstedet fra ”forsiden” (174 brugere), ”find os” (42 brugere) og ”menu kort” (39 brugere).
Dette stemmer godt overens med hvad jeg har fundet ud af i min fokusgruppe, interviews og spørgeskema.
Brugere kommer til en cafés hjemmeside for at se menukortet og/ eller finde en adresse på stedet.
31
32
http://www.google.com/intl/da_ALL/analytics/
http://christinaduus.dk/hovedopgave/ga/
Kapitel: Strategy Plane
Dette skal derfor være indhold, som brugerne nemt kan finde på hjemmesiden.
23
Christina Duus
Segmentering af målgruppen
På baggrund af mine tidligere undersøgelser har jeg afkodet at målgruppens behov på caféens hjemmeside
er information og kontaktoplysninger og jeg føler mig nu godt rustet til at fortage en segmentering af min
målgruppe.
Tid denne segmentering har jeg valgt at benytte modellen "Potential E-business segmentation 33". De forskellige segmenter adskiller sig ved hvor lang tid de bruger på siden, og hvor meget de ved om emnet.
1.
Information Consumer: denne brugergruppe ved meget lidt om emnet, men bruger lang tid på at
researche på siden.
2.
Fast Advice: Denne bruger ved lidt om emnet, og bruger lidt tid på siden, og har derfor typisk brug
for at finde et hurtigt svar på et specifikt spørgsmål.
3.
Quick + detailed Search info: Denne bruger ved en del om emnet, men bruger ikke lang tid på siden, og er typisk en bruger, som er ude efter hurtigt at udvide sin viden om et helt specifikt delemne.
4.
Detailed info + Personalisation: Denne bruger ved meget om emnet, og bruger lang tid på siden,
og er en bruger, der føler et tilhørsforhold til siden, og de folk der agerer på eller igennem den.
Ud fra disse anskuelser har jeg opstillet følgende segmenter:
1.
En person, der godt kan lide at gå på café, men ikke kender så meget til Café Slabberas, eller har
Kapitel: Strategy Plane
et forkert indtryk af cafeen. De bruger lang tid på at kigge på hjemmesiden, for at få et indtryk af
24
caféen, og se hvad de tilbyder. Dette er personer, der går på café fordi det er hyggeligt og nemt,
og fordi de har pengene til det.
Trine vil gerne tiltrække disse gæster, fordi de kan være med at skabe en ny kundegruppe, ved at
fortælle venner og bekende om caféen.
33
The User Is Always Right, Steve Mulder m.fl, s. 131
En person, hvis bekendte har tilknytning til caféen og som skal ind på siden for hurtigt at få et
overblik over prisniveauet, finde adressen eller se en menu.
Jeg vil gerne motivere denne bruger til at blive længere på siden, evt. for at kigge på billederne eller de forskellige arrangementer, caféen tilbyder.
3.
En person, der skal holde en fest, og som allerede har undersøgt mange muligheder, kommer ind
på siden for at finde informationer omkring leje af lokaler, eller udbringning af mad.
Hovedopgave, 7. juni 2010
2.
Dette er en bruger, der skal have et hurtigt overblik, over et specifikt emne.
4.
Det sidste segment er en hyppig gæst på caféen, de kigger jævnligt på siden, for at se hvilke arrangementer der er på caféen, og evt. også på billederne for at se om der er kommet nogle nye
op. Denne bruger vil hyppigt også være medlem af Café Slabberas’ Facebook gruppe, fordi det ofte
er nemmere at få informationer omkring nye arrangementer af den vej.
Jeg vil betragte segment 1 som det segment siden primært skal henvende sig til. Segment 2 er mit sekundære segment og segment 4 er min tertiær målgruppe.
Kapitel: Strategy Plane
Med baggrund i dette vil jeg nu præsentere mine personas:
25
Christina Duus
Maria Vester
»Jeg er lige flyttet til Århus, og vil gerne finde en god
cafe. «
Maria Vester, 27 år er lige flyttet til Århus, fordi hun har fået nyt job
Personlig Information
som lægesekretær. Maria har før boet i Odense, og har altid været
Beskæftigelse: Lægesekretær
meget glad for at gå på cafe med sine veninder, og hun vil derfor
Bopæl: En lille lejlighed i Århus
gerne finde en ny stamcafe.
midtby.
Alder: 27 år
Maria er meget udadvendt og meget social, hun kan godt lidt at møde
Hjemmeliv: Single.
nye mennesker.
Hobbyer: Svømning, løb,
Hun vil være en god kunde for Café Slabberas, fordi hun gennem
Personlighed: udadvendt, kreativ,
venner og bekendte kan være med at til at ændre caféens image og
aktiv,
tiltrække nye kunder til caféen.
Internetforbrug
Maria voksede op i en villa i Fåborg på Fyn, hvor hendes forældre
Interneterfaring: Høj
stadig bor, hun har en yngre bror, der bor i København, hvor han
Primær brug: Nyheder, shopping,
arbejder som lærer.
information, sociale medier
Favorit sider: Facebook.com,
User Goals
Business Objektives
Maria kommer til siden for at…
Vi vil have Maria til…
•
Finde information om
•
caféen.
•
menter
(Adresse, historie)
•
Tjekke åbningstider
Se billeder af caféen for
•
Melde sig ind i Cafe
at få en fornemmelse for
Slabberas’ Facebook
stemningen.
•
Se menukortet for at se
udbuddet og prisniveau-
Kapitel: Strategy Plane
et.
26
Se kommende arrange-
gruppe
•
Se Smileyordning
www.loeb.dk/
Timer online pr. uge: 25 – 30
timer
Hovedopgave, 7. juni 2010
Thomas Abildgaard
»Jeg skal mødes med nogle venner på Café Slabberas, så
jeg skal lige tjekke adressen og måske et menukort.«
Thomas Abildgaard, 26 år er født i Tønder, og flyttede for 4 år siden
Personlig Information
til Århus for at studere samfundsvidenskab på Århus Universitet.
Beskæftigelse: Læser samfundsvi-
Han boede først i kollegieværelse, men flyttede så i en treværelseslej-
denskab på Århus Universitet,
lighed med en kammerat.
bartender i weekenden.
Bopæl: Århus
Thomas skal mødes med nogle venner på Café Slabberas. Han har
Alder: 26 år
aldrig været der før, men har et indtryk af at det er en barselscafe og
Hjemmeliv: Deler en lejlighed med
han vil derfor gerne se hjemmesiden, for at få et indtryk af caféen.
en kammerat,
Han vil gerne se adressen og måske et menukort, for at få et indtryk
Hobbyer: politik, venner/ veninder
at prisniveauet.
Personlighed: Energisk, organiseret, afslappet
Thomas har et stort netværk i form af sin uddannelse og ligesom
Maria, vil han kunne være med til at få nye gæster til at komme til
Internetforbrug
caféen.
Interneterfaring: Høj
Primær brug: Studie, finde infor-
User Goals
Business Objektives
mation, nyheder
Thomas kommer til siden for at…
Vi vil have Thomas til…
Favorit sider: jp.dk,
Se adressen
•
Se menukortet
•
Se Smiley-ordning
•
Se på de forskellige
Timer online pr. uge: 20 – 25
kommende arrange-
timer
menter
•
Se billeder af cafeen.
•
Læse information om cafeen.
Kapitel: Strategy Plane
•
27
Christina Duus
Anne Skou Olsen
»Jeg kommer ofte på Cafe Slabberas, så jeg vil gerne
holdes opdateret med deres arrangementer.«
Anne Skou Olsen, 32 år er en hyppig gæst hos Cafe Slabberas. Hun
Personlig Information
startede med at komme på caféen, da hun gik på barsel med sit barn
Beskæftigelse: indkøber for en
Oliver, der nu er 18 måneder. Hun bor i en lejlighed i Århus, med sin
brugsbutik.
kæreste Christian, der arbejder som ingeniør.
Bopæl: Århus
Anne og Christian har en aftale med Christians mor, der passer Oliver
Hjemmeliv: Bor sammen med sin
en aften om ugen, så de kan være sammen og hygge. De går ofte på
kærest Christian, 31 år og deres
cafebesøg eller i biografen.
søn Oliver, 18 måneder.
Alder: 27 år
Hobbyer: barn, yoga,
Anne vil kunne anbefale Café Slabberas til venner, fordi hun har en tæt
Personlighed: empatisk, spontan,
tilknytning til stedet, og har et positivt indtryk af caféen.
Internetforbrug
User Goals
Business Objektives
Interneterfaring: Middel
Anne kommer til siden for at…
Vi vil have Anne til…
Primær brug: arbejde, finde in-
•
Finde information om de
•
forskellige arrangementer
•
Se menukortet
•
Kommentere på medde-
formation, mail,
lelse på Facebook grup-
Favorit sider: altomboern.dk,
pen.
wikipedia.org, gmail.com
Se på billeder
Timer online pr. uge: 15 – 20
Kapitel: Strategy Plane
timer
28
Hovedopgave, 7. juni 2010
Inger Jæger Hviid
»Jeg skal holde rund fødselsdag for hele familien, så jeg
skal finde et sted hvor det er hyggeligt og nemt.«
Inger Jæger Hviid, 60 år hun har været på Café Slabberas et par
Personlig Information
gange for at spise, og da hun fylder rund, vil hun gerne finde et sted
Beskæftigelse: Personalechef i en
hvor de kan være mange, da hun også vil invitere sine søskende og
større virksomhed.
deres familier.
Bopæl: Århus
Inger har været gift med Poul i 35 år og de har boet i et rækkehus i
Hjemmeliv: Bor sammen med sin
udkanten af Århus, de sidste 20 år. Sammen har de to sønner og en
mand Poul, de har 3 børn og 4
datter. Derudover har de 4 børnebørn.
børnebørn.
Alder: 60 år
Hobbyer: Rejse, kultur,
Inger og Poul er meget glade for at rejse og dagen efter hendes fød-
Personlighed: Glad, kvalitetsbe-
selsdag skal de 2 uger til Paris, så hun vil gerne holde festen et sted
vidst,
hvor det er nemt, og hvor hun ikke skal tænke på maden.
Internetforbrug
Ingers datter Pernille kommer meget på Cafe Slabberas, og Inger
Interneterfaring: Middel
kender til stedet gennem hende.
Primær brug: Arbejde, e-mail,
nyheder
User Goals
Business Objektives
Favorit sider: berlingske.dk, rejse-
Inger kommer til siden for at…
Vi vil have Inger til at…
liv.dk,
•
•
Finde information om
•
Bruge kontaktformularen
cafeen
•
Læse om caféen
Muligheder for at leje
•
Kigge i galleriet
Timer online pr. uge: 7 – 10 timer
lokalerne.
Se menukortet
Kapitel: Strategy Plane
•
29
Christina Duus
Konceptbeskrivelse
For at skabe overblik over den information jeg har indsamlet, vil jeg lave en kort konceptbeskrivelse.
Problemet med den nuværende hjemmeside er at den giver et forkert indtryk af caféen. Af de brugertests
jeg lavede, troede brugerne at det var en kaffebar, og ingen af dem havde lyst til at besøge caféen, fordi de
syntes at siden så meget kedelig ud og de syntes at der manglede informationer og billeder af caféen.
Det er også et problem at, siden ikke er opdateret og at der ikke er konsistens i farve og størrelsen på
skrifttypen.
Det er derfor vigtigt at jeg i mit redesign fokuserer på at:
•
Siden skal indeholde den rigtige information.
•
At menuen er logisk og intuitiv bygget op.
•
At siden gennem brug af billeder giver et positivt og professionelt indtryk af caféen.
•
Siden skal have et ensartet brug af skrifttyper, skriftfarver og billeder.
Det største problem, jeg umiddelbart ser i forhold til min opgave, er at jeg har fundet ud af i min fokusgruppe og i mine efterfølgende interviews, at de fleste cafégæster ikke kigger på en hjemmeside, før de
besøger en café.
Man kan formode at dette kan have noget med årstiden at gøre, og at hjemmesiden vil have flere brugere i
sommermånederne og ved studiestart i september. Det er også vigtigt at caféen har en hjemmeside der
afspejler professionalisme og caféens identitet, idet at der vil være brugere, der besøger hjemmesiden for at
finde relevante informationer.
Det er også vigtigt at pointere at Café Slabberas har en Facebook gruppe 34, som de aktivt bruger som en
Kapitel: Strategy Plane
forlængelse af deres hjemmeside. Det gør man ved at opdatere med tilbud og kommende arrangementer.
30
34
Link til Facebook gruppe - http://www.facebook.com/home.php#!/group.php?gid=6062084511&ref=ts
Det er en velkendt myte at brugervenligt design ikke kan laves så det også er æstetisk flot. Jacob Nielsen,
der er fortaler for brugervenligt design, mener at man bør undgå at bruge for mange visuelle virkemidler i
sit design, da brugerne vil bliver irriteret over dette. Flere undersøgelser viser dog at systemer, der er visu-
Hovedopgave, 7. juni 2010
Hvad er brugervenligt design?
elt attraktive også har en tendens til at virke mere motiverende på brugerne 35,36.
Ifølge en artikel af Julia Gardner 37 påvirker en hjemmesides æstetik brugeroplevelsen. Hun henviser til en
undersøgelse lavet af Masaaki Kurosu og Kaori Kashimura, der viser at ”attraktive redskaber virker bedst.”
Dette underbygges, af Donald Norman, der forsker i kognition. Hans forsøg viser at, positive følelser er
afgørende for vores indlæringsevne idet vi slapper af, hvilket hjælper os med at tænkte kreativt. Dette gør
det lettere for brugerne at finde en løsning på deres problemer.
En anden ting hun fremhæver i artiklen er at æstetik også er med til at skabe tillid til siden. Dette er noget
der især er vigtigt i forhold til e-handelsløsninger, men for en café, der tilbereder vores mad, vil vi også
gerne have tillid til caféen og hjemmesiden.
Man skal dog stadig være opmærksom på at de visuelle elementer man bruger i sit design har den rigtige
hensigt og ikke virker forstyrrende for brugeren.
Det er også vigtigt at huske at brugere ofte besøger en hjemmeside, med et mål for øje, og at de derfor
ikke ser andre ting 38. Dette kan gøre det svært at motivere brugere til at klikke videre, for f.eks. at se galleriet, før de får opfyldet deres behov for at se åbningstiderne eller menukort, men når deres indledende
behov er opfyldt, kan man vha. forskellige grafiske elementer fange brugers opmærksomhed og lokke dem
til at klikke videre på siden.
Retoriske figurer
Retoriske figurer er små ikoner man bruger i webdesign for at fange brugerens opmærksomhed. Retorik
omhandler påvirkningen af brugerens opfattelse og oplevelse af kommunikationsobjektet 39.
Retoriske figurer kan bruges i denne sammenhæng til at understrege strukturen på en hjemmeside, og gøre
meningen mere klar over for brugeren. Jeg vil i min opgave bruge retoriske figurer til at skabe opmærksomhed omkring min navigation, for at motivere mine brugere til at klikke videre på siden.
Jeg skal derfor være sikker på at mine figurer symboliserer det rigtigt og mine brugere ikke bliver forvirret
over hvad ikonerne betyder.
Jeg har nu fået analyseret min opgave i forhold til min brugergruppe, og har færdiggjort "Strategy Plane",
35
36
37
38
39
Motiverende design, Jens Hofman Hansen, s. 43
Universal Principles of Design, William Lidwell m.fl, s. 18
http://design.emu.dk/artikler/0616-aestetik.html
http://design.emu.dk/artikler/0312-persuasive.html
Anvendelse af retoriske figurer i webdesign, Claire Dormann, s. 223
Kapitel: Strategy Plane
og kan nu lave en kravspecifikation til projektet.
31
32
Kapitel: Strategy Plane
Christina Duus
Hovedopgave, 7. juni 2010
Kravspecifikationer
→
34
Produktspecifikationer
→
34
Kapitel:
Scope Plane
33
Christina Duus
I "Scope Plane" forsøger jeg at skabe overblik over omfanget af mit projekt, ved at lave kravspecifikationer
over indholdsmæssige og tekniske funktioner på siden.
Kravspecifikationer
•
Siden bør ikke indeholde tunge elementer, der gør at siden tager lang tid om at loade.
•
Siden skal være nem at navigere rundt på
•
Man skal hurtigt kunne finde den information man søger efter.
Produktspecifikationer
Tekniske krav
•
Siden skal opsættes i Smart Webs CMS
•
Siden skal styles med CSS (Casading Style Sheets)
•
Siden skal optimeres i de mest brugte browsere:
•
o
Internet Explorer 6, 7 og 8
o
Firefox
o
Safari
o
Chrome
Skærmopløsningen skal passe til 1024x768 px eller højere
Brugergrænseflade krav
•
Sidens grafiske elementer skal være konsistente på alle sider.
•
Menuen skal være ens på alle sider.
•
Logo skal linke til forsiden.
•
Skrifttyper og skriftfarver skal være ens på alle sider.
Indholdsmæssige krav
Siden skal som minimum indeholde:
•
Adresse og kontakt informationer (telefonnummer og e-mail)
•
Menukort
•
Billeder fra caféen
•
Link til Smiley-ordning (krav fra fødevarestyrelsen)
Oplevelseskrav
Kapitel: Scope Plane
•
34
Siden skal afspejle en hyggelig café, der indbyder til afslapning og hygge.
•
Siden skal gøre brugeren nysgerrig
•
Navigationen skal motivere brugeren til at klikke videre på siden.
hvilket hører til "Structure Plane".
Hovedopgave, 7. juni 2010
at få beskrevet Informationsarkitekturen for Café Slabberas’ nye hjemmeside, samt interaktionsdesignet,
Kapitel: Scope Plane
Efter at have fortaget mine analyser, og har opsat kravspecifikationer, har jeg nu fået skabt grundlaget for
35
36
Kapitel: Scope Plane
Christina Duus
Hovedopgave, 7. juni 2010
Informationsarkitekturen
→
38
Interaktionsdesign
→
40
Kapitel:
Structure Plane
37
Christina Duus
Opstillingen af sidens kravspecifikationer har givet mig et overblik over hvad den redesignede side skal
indeholde. Det næste skridt er, at beskrive hvordan de forskellige elementer på siden kommer til at spille
sammen og danne en helhed, hvori det er synligt og hvad hierarkiet i de forskellige informationer er.
I "Structure Plane", vil jeg gennem beskrivelser af informationsarkitekturen og interaktionsdesign skabe
dette overblik.
Informationsarkitekturen
Informationsarkitekturen er hvad indholdet på siden skal være og hvordan det er bygget op.
Eftersom jeg har været ret klar omkring mit koncept har det været forholdsvist nemt, at finde frem til hvilke
informationer min side skal indeholde. Ifølge Jens Hofman Hansens syvende motivationsstrategi, bør man
lave grundstrukturen enkelt 40. Det vil sige at man skal strukturere sin information, så den er logisk for målgruppen.
For at finde frem til informationsdesignet på siden, har jeg bl.a. taget udgangspunkt i mine personas "user
goals". Ud fra disse har jeg lavet en prototype 41 af hjemmesiden i Axure 42.
Axure er et program, man kan bruge til at skabe wireframes og lave prototyper af hjemmesider, for at teste
funktionaliteten af ens layout og navigation. Det er nemt at opsætte en side ved hjælp af programmets brug
af drag and drop elementer. Det betyder også at man hurtigt kan lave ændringer i sit layout undervejs i
testfasen.
Fordelen ved at teste i Axure, frem for f.eks. en papirprototype, er at det er nemt at vise funktionaliteten.
Brugerne bliver heller ikke distraheret af et design, eller er tilbageholdende med at komme med kritik, fordi
de føler at man som designer allerede har lavet et stort stykke arbejde.
Efter jeg havde lavet min prototype lavede jeg brugertests 43 på denne og baseret på den feedback jeg fik,
lavede jeg nogle mindre ændring, bl.a. omdøbte jeg et par menupunkter. Derefter testede jeg igen.
Ud fra mine tests har jeg kunne opstille følgende hovedmenupunkter 44:
•
Menukort
•
Arrangementer
•
Galleri
•
Slabberas
•
Kontakt
Kapitel: Structure Plane
Menukort
38
40
Motiverede design, Jens Hofman, Hansen, s. 79.
Axure tests: http://christinaduus.dk/hovedopgave/blog/test2/test2_Start.html &
http://christinaduus.dk/hovedopgave/blog/test3/test3_Start.html
42
http://www.axure.com/
43
Se bilag 10 – Brugertests på Axure prototype.
44
Se bilag 15 – Sitemap af redesignede side
41
også et vinkort, cocktailskort og en oversigt over caféens drikkevarer.
Dette punkt ligger først ud fra filosofien om at de vigtigste menupunkter skal ligge først. Dette er også information alle mine personas kommer ind på siden for at finde.
Arrangementer
Hovedopgave, 7. juni 2010
Dette punkt dækker over Slabberas’ menukort, både for caféen og restauranten. Dette punkt indeholder
Dette punkt indeholder en oversigt over hvilke arrangementer Slabberas holder, og et link til deres Facebook gruppe. Dette er et punkt, som Maria og Anne er interesseret i, fordi de gerne vil have et indtryk af
hvilke arrangementer caféen holder, og det er et punkt jeg gerne vil have Thomas til at klikke ind på, for at
han kunne motiveres til at besøge caféen igen. Det kunne også være relevant for Inger at se på hvornår
arrangementerne bliver holdt, for at det ikke falder sammen med den fest hun skal holde.
Galleri
Galleri med billeder fra stedet. Ud fra mine brugertests har jeg fundet ud af at de gerne vil have gode stemningsbilleder, der afspejler stedet, og som giver et godt indtryk af stedet.
Igen er dette et punkt som Maria og Thomas er interesseret i, de har ikke været på stedet før, og de vil
derfor gerne have et indtryk af hvordan caféen ser ud.
Jeg vil også gerne motivere Inger til at kigge i galleriet for at få et indtryk af hvordan der ser ud, og hvordan mulighederne er for dække bord og hvor mange personer, der er plads til.
Slabberas
Indeholder information om Slabberas og undermenuer til "Lej Slabberas", "Børnevenlig café" og "Samarbejdspartnere". De to sidste punkter var et ønske fra Trines side, så hendes gæster kunne se at selvom de
nu vil fokusere på en bredere målgruppe, er mødre med små børn stadig velkomne.
Disse sider er relevante for Maria og Thomas og Inger. Maria vil gerne vide mere om caféen, hvilket hun kan
finde under "Om Slabberas". Og Thomas vil gerne vide i hvor vid grad caféen er børnevenlig. Inger kommer
efter informationer hun kan finde under punktet "Lej Slabberas".
Kontakt
Det sidste punkt er kontakt, herunder er der en kontaktformular, en side med "Find os" og "Personale søges". Det er en konvention at dette punkt ligger sidst i en menu.
Kapitel: Structure Plane
Maria og Thomas er interesseret i punktet "Find os" og Inger er interesseret kontaktoplysningerne.
39
Christina Duus
Interaktionsdesign
Interaktionsdesignet er det samspil brugerne har med siden. Den eneste interaktion, der er på hjemmesiden, er kontaktformularen. Jeg har valgt at lave den om i forhold til den måde SmartWeb har opsat deres
kontaktformular som standart.
Det har jeg gjort af to grunde. Den første er at mit design har en fast højde, og at deres standart kontaktformular er meget lang. Dette betyder at man skal scrolle for at se alle punkterne, hvilket vil irritere brugerne og måske afholde dem fra at bruge formularen.
Den anden grund er at mange af punkterne er irrelevante for brugeren og det vil virke demotiverende at se
en lang kontaktformular, med en masse felter, der skal udfyldes.
Kontaktformularen giver feedback når man udfylder den. Hvis man udfylder et felt forkert, bliver kanten
omkring input feltet rødt og der kommer et rødt kryds ved siden af feltet. Ved korrekt udfyldning kommer
Kapitel: Structure Plane
der et grønt flueben frem.
40
Når man har trykket "Send", kommer der en besked frem i toppen af siden, der fortæller brugeren at beskeden er sendt og at man vil forsøge at svare inden for 24 timer.
Jeg testede dette og fik af vide at feedbacken virkede godt, men at man ikke lagde mærke til den besked
der kom i toppen af siden, jeg har derfor valgt at style den, så der kommer en større kontrast.
Hovedopgave, 7. juni 2010
Denne besked er standart for Smart Webs system, og man kunne vælge at ændre det til f.eks. "Din mail er
modtaget, og vil normalt blive besvaret inden for 24 timer."
Dette er mere personligt, gennem brugen af Din mail, og brugeren har en forventning om at han eller hun
Kapitel: Structure Plane
hurtigt vil får svar tilbage.
41
42
Kapitel: Structure Plane
Christina Duus
Hovedopgave, 7. juni 2010
Wireframes
→
44
Navigationsdesign
→
45
Kapitel:
Skeleton Plane
43
Christina Duus
I "Skeleton plane" vil jeg beskrive mine wireframes og navigationsdesign.
Wireframes
Wireframes er hjemmesidens skelet, altså den grundlæggende opbygning af siden. Man har skabt et succesfuldt wireframe, når brugeren med det samme lægger mærke til det der er vigtigt.
På min side er det menuen, idet at brugerne kommer ind på siden for at finde informationerne og jeg gerne
vil motivere dem til at klikke videre på siden.
Jeg har valgt en klassisk opbygning af en side, fordi dette er en struktur som mange brugere er vant til, og
de bliver ikke forvirret over opbygningen. Derfor vil de hurtigt kunne finde den information, de søger efter
på siden.
Siden er opbygget med en header i toppen, med logoet i venstre side og navigationen i højre. Under den
har jeg mit hovedindhold, med et billede i venstre side og teksten til højre. Dette er gjort fordi at jeg i mine
brugertests fandt ud af at brugerne gerne ville have billeder fra caféen og dette er en god måde at vise
disse billeder uden at det tager opmærksomheden fra den information jeg vil formidle på siden.
Nederst er der en footer med caféens kontaktoplysninger og et link til Slabberas’ Facebook gruppe og Fødevarestyrelsens Smiley-ordning.
Designet er bygget sådan op at billedet fylder en tredjedel af designet vertikalt. Dette er en forenkling af
det gyldne snit, hvilket er med til at skabe symmetri i designet 45.
Kapitel: Skeleton Plane
Dette gør også at selv om der er et tungt element i venstre side, kan designet godt bære det.
44
45
Universal Principles of Design, William Lidwell, m.fl, s. 168
Hovedformålet med et godt navigationsdesign er at få guidet brugeren gennem siden på den letteste og
mest logiske måde, og helst på den måde jeg selv ønsker.
Hovedopgave, 7. juni 2010
Navigationsdesign
Jeg har valgt at lave en smal og flad menu, det betyder at alle siderne kun er ét klik væk, og man derfor
hurtigt kan navigere mellem de forskellige sider.
Dette har jeg gjort, ved at lave en dropdown menu, da dette hjælper brugerne med at få et overblik over
hvilken information de kan forvente at finde på siden.
Hvis jeg i stedet havde lavet en navigation hvor undermenuen f.eks. var placeret under hovedmenuen,
skulle man først vælge et hovedmenupunkt, før man kunne se hvilke underpunkter der var, og derefter
vælge den side, der indeholdt den information man eftersøgte.
Mine testbrugere gjorde mig dog opmærksom på at hvis en dropdown menu bliver lang, eller har mange
undermenuer, vil den være irriterende at bruge.
I menuen er der tilføjet en rollover effekt i form af at ikonet og skriften bliver blå, når man fører musen
henover. Hvis man er inde på en underside, bliver det indikeret hvilken side man er inde på, igen ved at
menupunktet for den givne side bliver blå. Der findes også en tydelig overskrift på hver underside, som
indikerer hvor man befinder sig.
I forhold til 7± reglen, kunne jeg godt have valgt at lavet nogle flere punkter på siden, men da jeg vidste at
jeg ville bruge retoriske figurer i menuen, valgte jeg bevidst at holde mig til så få hovedmenupunkter som
muligt, for at undgå at menuen blev rodet og uoverskuelig.
Mine test viste også at brugerne kunne finde det de søgte efter.
Logo
Logoet er placeret i øverste venstre hjørne og det er linket tilbage til forsiden. Dette er efterhånden en
standart 46 og mine brugere havde ikke problemer med at finde tilbage til forsiden.
I venstre side af designet, har jeg stemningsbilleder fra caféen. Disse billeder linker også tilbage til forsiden,
hvilket mine test brugere syntes var godt.
46
Jacob Nielsen, Designing web Usability.
Kapitel: Skeleton Plane
Billede
45
Christina Duus
Jeg har valgt at gøre dette fordi billedet vil fange brugernes opmærksomhed, og når de ser at man kan
klikke på billedet bliver de nysgerrige.
Footer
Min footer indeholder kontakt informationer; adresse, telefonnummer, og e-mail. Derudover er der et ikon
Kapitel: Skeleton Plane
der linker til Slabberas’ Facebook gruppe og et, der linker til Fødevarestyrelsens Smiley-ordning.
46
Hovedopgave, 7. juni 2010
Visuelt design
→
48
Logodesign
→
53
Opfølgning på brugertests
→
54
Implementering af design
→
54
Kapitel:
Surface Plane
47
Christina Duus
I "Surface plane" vil jeg præsentere sidens visuelle udtryk og få relateret det til den tiltænkte identitet og til
min målgruppe.
Visuelt design
I det visuelle design, vil jeg først lave en gennemgang af det visuelle udtryk på siden og argumentere for,
hvorfor jeg har gjort de valg jeg har, herunder om den visuelle identitet passer til målgruppen, og den tiltænkte identitet.
Den tredje motiveringsstrategi går ud på at man skal vælge en passende grafisk stil 47, hvilket betyder at jeg
skal vælge elementer der afspejler caféen, og som er med til at skabe en hyggelig stemning på siden.
Dette er en personligt opfattelse, der kan være svær at måle på. Siden er blevet kaldt både romantisk,
feminin og hyggelig af mine testbrugere. Dette var pga. baggrunden, mit farvevalg, de runde hjørner og
logoet.
Jeg har taget udgangspunkt i tapetet på caféen i mit design, og brugt det som baggrundsbillede på hjemmesiden. Dette vil være med til at skabe en sammenhæng mellem hjemmesiden og caféen for brugerne.
Det kan dog være et problem at mine brugere først lægger mærke til baggrunden og at den kan virke distraherende for dem. For at undgå dette har jeg gjort baggrundsbilledet større, så striberne ikke bliver
gentaget så mange gange.
Med den baggrund jeg har valgt, kan siden hurtigt komme til at virke rodet og uoverskuelig. Derfor har jeg
valgt at bruge den turkisblå farve fra cafeen, som baggrunden for indholdet på siden.
Jeg har skabt et monokromatisk farveskema, ved at bruge mørkere nuancer af den blå farve til hover effekt
og links. Monokromatiske farveskemaer bliver opfattet som harmoniske og professionelle 48.
Jeg har valgt at bruge en sort skriftfarve, for at skabe kontrast mellem skriftfarven og baggrundsfarven,
derfor har jeg også valgt at bruge hvid til hover på links.
For at tjekke om der er stor nok kontrast mellem mine links og baggrunden har jeg i Photoshop lavet et
billede at siden i greyscale 49, som viser at kontrasten er okay.
Jeg har valgt at bibeholde Verdana, som den generelle skrifttype på siden, i en størrelse 12px, for at undgå
at den bliver alt for rodet i forhold til de fem skrifttyper, der allerede er brugt i menuen.
Kapitel: Surface Plane
Jeg har implementeret alignment princippet 50 for at skabe sammenhæng i elementerne og bevare læseret-
48
ningen. Dette er bl.a. gældende i forhold til placeringen af logoet, der flugter med menuen og billedet nedenunder.
47
48
49
Motiverende design, Jens Hofman Hansen, s. 43.
Visuel Design for the Modern Web, Penny McIntire, s. 209
Se bilag 17 – Greyscale af design.
På forsiden står der en kort tekst om at caféen har åbnet restaurant, samt et link til menukortet. Dette er
for at motivere brugerne til at kigge på menukortet. Derudover er der åbningstider og kort om det næste
arrangement. Dette er gjort ud fra den 8. motivationsstrategi, "Vis informationerne på rette tid og sted."
Hovedopgave, 7. juni 2010
Forsiden
Mange af brugerne kommer ind på siden for at finde disse informationer og i mit spørgeskema 51 spurgte jeg
hvad de syntes var vigtigt at have på forsiden.
Her vægter brugerne åbningstider, adresse, og informationer om arrangementer højt. Dette er også informationer mine personas kommer på siden for at se, så det er vigtigt at de kan finde dem, da det kan motivere dem til at klikke videre på siden.
Her er også gjort brug af alignment principper i det at Åbningstider og Arrangementer flugter.
Menuen
Jeg har i min menu valgt at bruge retoriske figurer 52, for at motivere mine brugere til at klikke sig videre på
siden. Udover figurerne har jeg valgt at bruge fem forskellige skrifttyper i menupunkterne, for at gengive
den stil der er på caféen med de mange forskellige møbler. For at skabe en sammenhæng mellem skrifttyperne og stadig ikke for stor kontrast har jeg valgt fire håndskriftsfonte.
Jeg lavede en hurtig test, hvor jeg printede de ikoner jeg ville bruge ud og bad testpersoner om at afkode53
dem. Dette kunne de fint, bortset fra det ikon jeg havde valgt for Slabberas, hvilket jeg vil komme nærmere
ind på nedenunder.
Jeg har brugt ikoner fra et sæt lavet af Aleksandra Wolska 54, hentet fra Iconfinder.com 55. Jeg har valgt at
bruge disse ikoner, fordi de er meget enkelte og afslappede.
Menukort
Jeg har valgt at bruge en notesbog til at symbolisere menukortet. Notesbogen er her en metafor for menu-
50
51
52
53
54
55
Universal Principles of Design, William Lidwell m.fl, s. 22
Se bilag 5 – Statistik af spørgeskema.
Anvendelse af retoriske figurer i netdesign, Claire Dormann
Se bilag 18 – Afkodning af retoriske figurer.
http://www.olawolska.com/
http://www.iconfinder.com/search/?q=iconset%3A49handdrawing
Kapitel: Surface Plane
kortet.
49
Christina Duus
Jeg brugt en skrifttype, der hedder der hedder Pea Lauryn, denne har jeg valgt fordi den er let at læse.
Arrangementer
Jeg har brugt en node til at symbolisere arrangementer. En node er en typisk synekdoke, hvor en del erstatter helheden, i dette tilfælde musik. Her er noden også en metafor, hvor musikken repræsentere de
forskellige arrangementer der er på caféen.
Her havde jeg i første omgang, valgt en serif, der hedder HappyPhantom. Men den skilte sig for meget ud i
forhold til de andre skrifttyper, så jeg erstattede den med en håndskrifttype, der hedder Jenny.
Galleri
Galleriet bliver symboliseret af et kamera, dette er en metonymi, hvor man bruger en substitution, der
antyder et tilhørsforhold. I dette tilfælde symboliserer kameraet, de billeder galleriet indeholder. Her har jeg
brugt en skrifttype, der hedder Harrison. Som en effekt går stregen i g’et ned over den hvide streg, hvilket
er med til at bryde lukketheden i menuen.
Slabberas
Til at symbolisere Slabberas har jeg valgt at bruge et hjerte. Dette giver en sammenhæng mellem menuen
og det nye logo, der også indeholder et hjerte. Et hjerte er i dette tilfælde en metafor, der symbolisere den
hygge og hjemlige stemning der er på caféen.
Jeg havde i første omgang valgt et udråbstegn, men det skabte forvirring, og brugerne kunne ikke forstå
hvad det skulle symbolisere.
Her havde jeg valgt en håndskriftsfont, der hedder Luna Bar, men flere af mine testbrugere nævnte at skriften var svær at læse, især hvis man ikke kender navnet på caféen, og jeg endte med at ændre den, til en
Kapitel: Surface Plane
der var mere letlæselig (Marker SD).
50
Det sidste punkt er Kontakt. Til at symbolisere dette har jeg bruge en kuvert, hvilket er et symbol på nettet
som mange forbinder med kontakt. Dette er igen en metonymi, hvor en kuvert er et tegn på den virtuelle
besked man kan sende til caféen.
Her har jeg valgt at bruge en sans serif, der hedder
Cyclo. Dette er en meget moderne skrifttype i forhold
til de andre skrifttyper, men som stadig passer fint ind, idet at den også ligner en håndskriftsfont.
Hovedopgave, 7. juni 2010
Kontakt
Jeg fik forskelligt feedback på min brug af forskellige skrifttyper. Nogle af mine testbrugere syntes at det
var forvirrende, at der var forskellige skrifttyper, mens andre syntes at det gav siden charme.
Hvis man fjerner de retoriske figurer kan jeg godt se at menuen bliver rodet og forvirrende, men de fem
ikoner er med til at skabe en sammenhæng i menuen, der gør at man godt kan argumentere for at bruge
fem forskellige skrifttyper.
Footeren
I footeren står caféens adresse, telefonnummer og e-mail. Dette er noget brugerne forventer på en hjemmeside, og det var noget af det som testbrugerne på den eksisterende side efterlyste.
Der er også to ikoner. Den første linker til caféens Facebook gruppe, den anden til caféens smiley-rapporter
på fødevarestyrelsens hjemmeside.
Det er et krav fra fødevarestyrelsen at alle virksomheder, der har med mad at gøre, skal vise deres smileyrapporter et synligt sted, også på deres hjemmeside 56.
I min prototype havde jeg i første omgang, valgt en almindelig Smiley til at symbolisere dette, men de
fleste af mine testpersoner, kunne ikke afkode dette og jeg valgte derfor at bruge et af de ikoner man kan
hente på fødevarestyrelsens hjemmeside.
Skriften er i footeren gjort mindre, så der kan være plads til det hele, men dette gør ikke noget idet at man
som bruger ved at det er der, og man nemt kan finde det, hvis man har brug for informationen.
Brug af billeder
tere sig til den information der er på siden.
Det er vigtigt at de forskellige billeder afspejler en hyggelig og åben cafe, så udover mad og drikkevarer,
skal der også være billeder af caféens forskellige gæster.
56
http://www.findsmiley.dk/da-DK/info_til_virksomheder/ktrl_rapporter_paa_hjemmesiderne.htm
Kapitel: Surface Plane
Designet er sat sådan op at der på hver side skal være et stemningsbillede. De forskellige billeder skal rela-
51
Christina Duus
Jeg har lavet et par forskellige billeder, for at give mine testbrugere et indtryk af den stil jeg vil gå efter.
Fordelen ved at dele billedet op i fire dele, er at man kan vise flere aspekter af det samme emne. Man har
på den måde også mulighed for at vise noget elementer, der indirekte passer ind, f.eks. et opdækket bord i
det første billede og baren i det sidste billede.
Man kan også vælge at sætte et bredt eller højt billede ind, og lade det fylde halvdelen af billedet, som jeg
her har gjort i det midterste billede.
De hvide streger i billedet, er med til at skabe en sammenhæng mellem baggrunden og billederne.
Den ene af mine testbrugere på caféen, kom der fordi caféen var børnevenlig, og hun efterlyste flere billeder af børn og caféens børnevenlige status.
I og med at Trine prøver at ændre sit image og den børnevenlige status skal træde lidt i baggrunden, kan
det jo siges at være en god ting i forhold til det nye koncept.
CMS’en er bygget sådan op at det billede der er uploadet til forsiden, vil blive brugt som default på undersiderne, med mindre der er uploadet et billede til denne side.
Gestaltlove
Jeg har gjort brug af flere af gestaltlovene i mit design.
Ligesom i det eksisterende design, er indholdet lukket inde i den blå boks mod den stribede baggrund. Også
billedet har illusionen af at være lukket inde pga. af skyggen.
I menuen er der også gjort brug af loven om lukkethed pga. af den hvide streg, denne bliver dog brudt en
smule af stregen i g’et. Derudover falder de retoriske figurer ind under loven om lighed, idet de er holdt i
samme stil, og brugerne forbinder dem derfor med hinanden, dette har også noget med loven om nærhed
at gøre.
De to ikoner i bunden går ind under loven om nærhed. De er placeret væk fra de andre elementer, og man
Kapitel: Surface Plane
forbinder dem derfor med hinanden.
52
Visuelt hierarki
I forhold til den eksisterende side, er det vigtigt at teksterne er korte og nemme at skimme. Den 4. motivationsstrategi går ud på at man skal skrive forståeligt og kortfattet.
et klart hierarki, så en bruger hurtigt kan bedømme om siden indeholder relevant information.
Journalist Nils G. Indahl, har skrevet en artikel 57, om at skrive på nettet, og han lægger især vægt på nyhedstrekanten, hvor man skriver det vigtigtest først og så uddyber det senere i teksten. Det er dog stadig
vigtigt at teksten er kort og præcis.
Hovedopgave, 7. juni 2010
Flere undersøgelser viser at brugere på nettet ikke læser siderne, men skimmer dem, derfor skal der være
Jeg har skabt et visuelt hierarki på undersiderne, ved at skabe en kontrast med skriftstørrelsen. En af mine
testbrugere nævnte at dette ikke virkede helt efter hensigten, da hun blev forvirret over hvad der var vigtigt. Jeg har derfor valgt at lave alle overskrifter på siden med fed, og give dem mere padding, at skabe
mellemrubrikker og gøre det let for brugeren at skimmer overskrifterne.
Scrollbar
Jeg har valgt at bruge en JavaScript scrollbar, i stedet for den scrollbaren browseren automatisk vil indsætte, fordi denne kan styles, så den passer ind i designet.
Det kan være et problem at nogle brugere måske har slået deres JavaScript fra, men dette ville typisk være
brugere, der ved hvordan man slår den til igen.
Der er også et problem med at man ikke kan bruge scroll knappen på musen i Firefox, men det virker i
Internet Explorer og Safari.
Logodesign
Trine har fået designet et nyt logo af Anders Krath, til at
repræsentere den ændring caféen er inde i. Dette er et
"wordmark 58", hvor man har droppet baggrunden og brugt
en anden skrifttype, der giver logoet et mere stilet udseende.
Der er to stribede krummelurer, der former et hjerte, hvilket symboliserer rumlighed og kærlighed 59. Dette
er også med til at skabe en sammenhæng mellem logoet og menuen i form af det hjerte, der er ovenover
Farverne i logoet passer også til farverne på caféen, hvilket er med til at skabe en sammenhæng mellem
logoet og caféen.
57
58
59
http://design.emu.dk/artikler/0523-9gyldne.html
Designing Brand Identity, Alina Wheeler, s. 56
Se bilag 8 – E-mail fra Trine, logoinformation
Kapitel: Surface Plane
menupunktet Slabberas.
53
Christina Duus
En af grundene til at mine testbrugere opfattede mit design som romantisk og feminin, var netop hjertet i
logoet.
Opfølgning på brugertests
Jeg har som opfølgning til ændringerne i mit design lavet en række brugertests 60, på brugere der ikke kendte caféen i forvejen, for at finde ud af hvilket indtryk de fik at caféen, og om de havde lyst til at besøge den.
De kan nemt finde de ting de leder efter, åbningstider, menukort, prisleje og caféens adresse og kontaktinformationer. Der var dog en, der havde lidt problemer med at finde åbningstiderne, så jeg skal måske lægge dem som et underpunkt under Slabberas eller Kontakt.
Mine brugeres opfattelse af caféen gennem hjemmesiden, er at det er et hyggeligt og afslappet sted. Måske
også lidt trendy pga. baggrunden.
Det mange af brugerne savnede var billeder af livet på caféen, nogle billeder med glade mennesker, der
hyggede sig, så man fik en fornemmelse af stemningen. Der var en testbruger, der fremhævede billedet på
"Børnevenlig café", som han syntes virkede rigtigt godt, men mente at jeg måske skulle fjerne de hvide
streger.
Menuen virkede fint, og flere af mine brugere lagde ikke mærke til de forskellige skrifttyper, før jeg gjorde
med opmærksomme op det. De syntes at det virkede rigtigt godt med ikonerne og at det var med til at gøre
siden hyggelig.
Mine brugere fik lyst til at besøge caféen, fordi den så hyggelig ud. Der var forskellige meninger om prisniveauet, hvilket ville være en faktor for om man ville besøge caféen.
Implementering af design
I forhold til de tekniske krav i min kravspecifikation er siden blevet implementeret i SmartWebs CMS.
SmartWeb er et brugervenligt Content Management System, der er udviklet af ItConcept 61, den virksomhed
hvor jeg var i praktik.
Her har jeg hovedsaligt implementeret hjemmesider og det har været nemt for mig at sætte Café Slabberas
nye hjemmeside op.
Rent teknisk betyder det at jeg har redigeret i en frontend.php fil, det vil sige en index fil, der er opbygget
af div bokse og php koder. Denne side er så stylet af en ekstern css fil.
Fordelen ved at opsætte siden i et eksisterende CMS system er at det er meget tidskrævende og der er
mange ting man skal overveje inden man går i gang med at lave sit eget CMS system. Trine var allerede
Kapitel: Surface Plane
kunde hos ItConcept, og hun er derfor vant til at opdatere og arbejde med backenden af CMS systemet,
54
hvilket giver hende en fordel, når hun skal oploaded nye billeder eller opdatere indholdet på siden.
60
61
Se bilag 13 – Brugertests opfølgning
http://itconcept.dk/
transparente baggrunde i Internet Explorer 6, men da det er de færreste der stadig bruger Internet Explorer
6, kan dette godt forsvares.
Med hensyn til skærmopløsningen passer designet ind i en opløsning på 1024x768px, og de fleste af siden
besøgende har en opløsning der er højere 62. Det kan være et problem for de brugere der har en lavere
Hovedopgave, 7. juni 2010
I forhold til optimering af browsere, så bliver siden vist ideelt i alle browsere. Der er et problem med de
opløsning, da der derfor vil opstå to scrolbar, en i vinduet og en i indholdet.
På grund af at designet har en fast højde har jeg valgt at lave vertikal centrering på designet. Dette betyder
at chancen for at en bruger bliver tvunget til at scrolle for at se bunden af designet, bliver minimal, da ind-
62
http://christinaduus.dk/hovedopgave/ga/ - Skærmopløsninger
Kapitel: Surface Plane
holdet altid vil placere sig i midten af skærmen.
55
56
Kapitel: Surface Plane
Christina Duus
Hovedopgave, 7. juni 2010
Metodekritik
→
58
Konklusion
→
58
Perspektivering
→
58
Kapitel:
Afslutning
57
Christina Duus
Metodekritik
Når jeg forholder mig til min produktionsmetode "The Five Planes," er der nogle ting der springer i øjnene.
Ved at bruge "The Five Planes" til opbygning af min rapport, er jeg tvunget til at følge en meget slavisk
gennemgang af projektet, hvilket nogle gange kan være svært at få til at passe med mit arbejdsforløb.
Jeg har dog valgt denne metode, fordi flowet i designprocessen er god at bruge, når man skal lave et redesign, og det er en metode jeg før har arbejdet med i projektsammenhænge.
"The Five Planes" fokuserer meget på selve designprocessen og ikke så meget på implementering af designet og den efterfølgende proces, hvilket igen kunne være et problem hvis man skulle oplære en ny kunde i
at bruge SmartWebs CMS system.
En anden ting er også at det første plane i "The Five Planes" fylder rigtigt meget, idet at der er meget analysearbejde man skal igennem, før man kan gå i gang med den reelle designproces. Den er dog god at have
med, så man husker det hele.
Konklusion
I min problemformulering fremsatte jeg spørgsmålet om det er muligt at motivere brugere af hjemmesiden
til at besøge caféen.
Det største problem jeg ser ved dette, er at jeg har fundet ud af at mange gæster ikke besøger en hjemmeside før de besøger caféen. Det er dog alligevel vigtigt at caféen har en stærk identitet på nettet, da nogle
gæster vil bruge nettet til at finde information.
I min designanalyse, har jeg kunnet udlede, at det eksisterende design ikke helt retfærdiggjorde det Slabberas gerne ville kommunikere omkring caféen, problemet her var også at siden ikke var opdateret.
Gennem mine analyser af Café Slabberas’ identitet, har jeg fundet frem til at det Slabberas skal markedsføre sig på er at være en hyggelig og afslappet café, der har plads til alle.
Jeg har forsøgt at skabe et redesign, hvor jeg ved at implementere "motiverende design principper" tydeligere kommunikerer hvem Slabberas er. Usabilitytesten af redesignet påviser, at den nye side er overskuelig, oplysende og at de brugere, der ikke kender caféen, får lyst til at besøge caféen.
Siden er afstemt i forhold til mine personas’ "user goals", så den lever op til deres krav til indhold og design.
Perspektivering
Med hensyn til sidens status, mener jeg at jeg har formået at få produktet så færdig, som jeg har kunnet
inden for den givne tidsramme. Siden mangler stadig at få fyldt noget indhold ind, noget der også er et
problem på den eksisterende side. Dette er noget jeg skal arbejde på, sammen med Trine og Carsten, for at
Kapitel: Afslutning
få siden helt færdig.
58
Jeg kan desværre ikke konkludere på om min side er en succes, da siden ikke nåede at komme online inden
projektets afslutning, men jeg kan ud fra mine afsluttende usabilitytests konkludere at testpersonerne kan
finde rundt på siden, samt at de umiddelbart hurtigt kan aflæse hvad siden går ud på, og jeg kan derfor
konkludere, at jeg har skabe rammerne for, at siden kan blive en succes.
mæssigt opdaterer siden med nye arrangementer og billeder.
En af grundende til at siden kommet så langt som den er, er at den er sat op i SmartWebs CMS, hvilket
betyder at der har været nogle ting i opsætningen af mit design, jeg ikke har behøvet at tænke på. Dette er
Hovedopgave, 7. juni 2010
For at videreføre hjemmesiden, kræver det at Trine og Carsten er ambitiøse omkring projektet, og regel-
bl.a. kontaktformularen og dropdown menuen, hvilket kan være svært at få til at spille helt perfekt. Bl.a. en
kontaktformular, der skal videresende e-mail til en mail server. At jeg ikke har skullet tænke på disse elementer af implementeringen, har gjort opsætning af siden nem, og har betydet at jeg derfor kan koncentrere mig om at skabe et stærkt produkt.
For at perspektivere hvor jeg er nu, og hvordan siden skal fungere i sidste ende, kan jeg her nævne nogle
af de ting, som jeg har fravalgt at lave på siden grundet tidsrammen og vigtighedsfaktoren.
For at siden bliver færdig, skal der nogle flere billeder op af caféen. Dette har jeg fravalgt at fokusere på
fordi at det er noget, der skal laves i samarbejde med Slabberas og fordi caféen skal supplere billederne.
Jeg har dog valgt at bruge nogle billeder fra caféen og stock billeder fra nettet for at give mine testbrugere
en ide om hvilken stil jeg går efter.
Derudover skal der også mere indhold på siden. Igen er det noget, der skal laves i samarbejde med caféen,
og jeg har derfor valgt at lade siderne stå tomme.
Siden udstråler nu, udover professionalisme, også overskuelighed og virker mere inspirerende. Dette kan
Kapitel: Afslutning
være med til at skabe bedre trafik på Slabberas’ hjemmeside, og i sidste ende give flere gæster på caféen.
59
60
Kapitel: Afslutning
Christina Duus
Designing Brand Identity, Second Edition af Alina Wheeler – Wiley, 2006
Anvendelse af retoriske figurer i netdesign af Claire Dormann – Kopi
Hovedopgave, 7. juni 2010
Litteraturliste
Motiverende design af Jens Hofman Hansen - Frydenlund, 2005
The Elements of User Experience af Jesse James Garrett – Forlaget AIGA, 2003
Storytelling – Branding in Practice af Klaus Fog, Christian Budtz, Baris Yakaboylu – Samfundslitteratur
Press, 2004
Udvikling af Multimedier (2. udgave, 2. oplag) af Marie Christensen og Louise Harder Fischer - Nyt Teknisk
Forlag, 2006
Don’t Make Me Think! Second Edition af Steve Krug – New Riders, 2006
The User Is Always Right af Steve Mulder with Ziv Yaar - New Riders, 2007
Universal Principles of Design af William LidWell, Kritina Holden og Jill Butler – Rockport, 2003
Kilder
Tendens, maj 2005 (fundet d. 22. maj 2010)
http://www.horesta.dk/website/Horesta/Service/Om%20Horesta/Medier/~/media/Filer/Medier/tendens/Ten
dens2005_01low001%20pdf.ashx
Classics in the History of Psychology (fundet d. 4. Juni 2010)
http://psychclassics.yorku.ca/Miller/
Verdana (fundet d. 3. maj 2010)
http://www.microsoft.com/typography/fonts/family.aspx?FID=1
Google Analytics (Fundet d. 18. maj 2010)
http://www.google.com/intl/da_ALL/analytics/
Påvirker æstetisk design brugeroplevelsen? (Fundet d 6. maj 2010)
http://design.emu.dk/artikler/0616-aestetik.html
Persuasive design (Fundet d. 6. maj 2010)
http://design.emu.dk/artikler/0312-persuasive.html
Kontrolrapporter på hjemmesiderne (fundet d. 14. maj 2010)
Ni gyldne regler for at skrive på nettet (fundet d. 6. maj 2010)
http://design.emu.dk/artikler/0523-9gyldne.html
Kapitel: Litteraturliste
http://www.findsmiley.dk/da-DK/info_til_virksomheder/ktrl_rapporter_paa_hjemmesiderne.htm
61
Christina Duus
Procesevaluering
Projektprocessen
Jeg havde allerede Café Slabberas på plads som kunde inden min projektperiode gik i gang, og jeg kunne
derfor hurtigt gå i gang med at lave de forskellige analyser og indsamle informationer.
Det, at jeg kom hurtigt i gang, har betydet at jeg hele projektet igennem har følt at jeg har været godt
med, og det har ikke været nødvendigt at tage natten i brug.
Endvidere har det medført at jeg ikke har haft brug for at udvikle et nyt Gantt diagram. Dette er dog alligevel skredet lidt i forhold til hvad jeg havde forventet.
Jeg har brugt meget tid på at lave brugertests og det har været relativt nemt at få brugere til at sig ja til at
deltage, så længe at det kan ske med det samme.
Jeg havde dog nogle problemer med at få besvaret mit spørgeskema, som jeg havde linket til på hjemmesidens forside og også på caféens Facebook gruppe.
Personligt føle jeg at jeg har lært meget af denne proces, især fordi jeg til tider kan være genert og nervøs
for at tale med mennesker jeg ikke kender, men dette projekt har tvunget mig til at overkomme dette, for
at få lavet det bedst mulige resultat.
Bloggen
Jeg besluttede tidligt at føre en blog på nettet. Denne blog skulle indeholde et referat af hvad jeg har lavet
hver dag i projektperioden. Den skulle også indeholde relevante links og hjælpe mig med at overskue hvor
langt jeg var kommet i mit projekt.
Jeg ville bruge bloggen som er redskab, til at huske ideer og tanker, og dokumentere, hvad der er blevet
besluttet og hvorfor.
Eftersom bloggen er kommet til at indeholde meget tekst, og mange links, har jeg valgt at linke til den, i
stedet for at indsætte den som bilag.
URL til blog: http://christinaduus.dk/hovedopgave/blog/
Mit samarbejde med Café Slabberas
Jeg har fra starten haft et meget glidende samarbejde med Café Slabberas, og følt mig meget velkommen.
Jeg havde ved opstart en samtale med Trine Kirch omkring caféen, hvor jeg fik svar på mange af de
spørgsmål jeg havde i forbindelse med opstart af mit projektforløb.
Jeg har flere gange været nede på caféen for at snakke med personale og gæster, og hver gang har både
Trine og hendes personale har været meget åbne og gode til at svare på mine spørgsmål.
Der har dog været et problem, med at Trines søn blev syg under projektperioden, og hun derfor ikke har,
Kapitel: Procesevaluering
kunne stå til rådighed. Jeg har derfor i stedet snakket meget med Michael Mizzi og Carsten Jurek.
62
En anden ting er at den eksisterende hjemmeside blev lukket ned af ItConcept, men det var sent i forløbet,
og jeg havde lavet de analyser jeg skulle på denne side, så det har ikke influeret mit projekt.
Alt i alt føler jeg at Café Slabberas har taget mig seriøst og behandlet mig godt, hvilket jeg sætter stor pris
på da det har gjort min proces nemmere.
I forhold til hvor langt jeg havde regnet med at være nået med mit projekt, havde jeg håbet at siden var
kommet online før projektafslutning, så jeg kunne lave nogle kvantitative målinger på om brugerne kan
finde den information de efterlyser.
Jeg føler dog alligevel at jeg er kommet langt og har fået lavet et produkt, som Café Slabberas kan få stor
Hovedopgave, 7. juni 2010
Status
Kapitel: Procesevaluering
glæde af hvis de vælger at bruge mit redesign.
63
64
Kapitel: Procesevaluering
Christina Duus
Hovedopgave, 7. juni 2010
Bilag
Bilag 1 – Interview med Trine Kirch
→
66
Bilag 2 – Interview med Michael Mizzi
→
68
Bilag 3 – Interviews med caféens gæster
→
69
Bilag 4 – Spørgeskema
→
71
Bilag 5 – Statistik til spørgeskema
→
76
Bilag 6 – Resume af fokusgruppe
→
79
Bilag 7 – E-mail fra Karin Knudsen fra Horesta
→
80
Bilag 8 – E-mail fra Trine, logoinformation
→
82
Bilag 9 – Brugertest af den eksisterende side
→
83
Bilag 10 – Brugertests af Axure prototype
→
86
Bilag 11 – Brugertests af den redesignede side, brugere
→
88
→
91
Bilag 13 – Opfølgning af brugertests
→
93
Bilag 14 – Sitemap af den gamle side
→
97
Bilag 15 – Sitemap af den nye side
→
98
Bilag 16 – Links til artikler og anmeldelser
→
99
Bilag 17 – Greyscale af design
→
100
Bilag 18 – Afkodning af retoriske figurer
→
101
kender ikke caféen
Bilag 12 – Brugertests af den redesignede side, brugere
Kapitel:
kender caféen
65
Christina Duus
Bilag 1 – Interview med Trine Kirch
Interviewet blev lavet d. 13. april 2010
Hvor lang tid har hun haft cafeen?
2 år
Hvorfor ville hun gerne åben en cafe?
Hun er uddannet pædagog, og gik på barsel. Hun kunne godt lide at gå på cafe, men man kunne ikke have
sit barn med nogen steder, og da hun er meget selvstændig og gerne selv vil bestemme, besluttede hun at
åben en børnevenlig cafe.
Hun har haft en børnevenlig cafe, det vil hun gerne væk fra, hun kan ikke leve af det, har ingen gæster
efter kl. 16
Hvad kan hun godt lide ved at have en cafe?
Travlheden, menneskerne, der er jo ingen der tager på cafe besøg, hvis de er i dårligt humør, glæden,
stemningen.
Hvad kan hun knap så godt lide?
Administrative arbejde (lønninger, arbejdsplaner), økonomien
Hvorfor hedder den Slabberas?
Det skulle være et sted man kunne slappe af, og det var lidt derhenad. Hyggeligt og anderledes.
Hvilken oplevelse vil hun gerne give sine gæster?
Et sted de kan føle sig godt tilpas. At de føler sig hjemme. At der er tid til dem.
Hvad er hendes formål med at have en hjemmeside?
Mange bruger en hjemmeside, afspejler stedet, reklame udadtil
Hun kan godt lide hjemmesider som http://www.rarbar.dk/ og http://cafepixie.dk/
Hvorfor har hun valgt at ansætte en til at arbejde med hjemmesiden?
Carsten har meget forstand på at drive en cafe / restaurant, sparring, meget erfaring
Hvorfor har hun valgt at udsmykke cafeen som hun har?
Mere personlighed ved gamle møbler, hygge, stemning, ønsker at det skal minde lidt om ”Central Perk” fra
tv-serien venner.
Syntes at hvide – ens møbler, stilrent er kedeligt/ kikset.
Har fundet sine møbler i storskrald og ved loppemarkeder
Om aftenen når der er restaurant har hun hvide duge, med stearinlys og vin glas – anden stemning.
Hvordan vil hun karakterisere sine kunder?
Kapitel: Bilag
Ønsket kundekreds 25 og op.
66
Nu:
Mødre,
Hovedopgave, 7. juni 2010
Om to måneder: (Ønske) At folk kommer ned efter arbejde og sidder og får en øl
Kapitel: Bilag
Publikum om aftenen, over 25 år, mange med børn
67
Christina Duus
Bilag 2 – Interview med Michael Mizzi
Interviewet blev lavet d. 21. maj 2010
Hvor lang tid har du arbejdet på cafe Slabberas?
Ca. 6 måneder. Blev ansat som bartender, er uddannet kok, har fået ansvaret for caféen (Står for den daglige drift)
Hvilken oplevelse vil du gerne give gæsterne når de besøger caféen?
Et sted hvor de kan slappe af, hjemlige omgivelser, hyggelige omgivelser.
Om aftenen et sted hvor man kan slå sig løs.
Hvor lang tid har de haft baren?
Ca. 6 måneder. De åbnede den fordi Trine syntes det var dumt at lokalerne stod tomme. Han har gjort
meget ud af at de har et udvalg, og at det er billigt.
De vil gerne have at det er en cocktail bar.
Hvem kommer på baren?
Mange unge, kommer for at hygge sig, studerende
Målgruppen generelt
Deres ønske målgruppe er 25+ for det er dem der har pengene. Ældre ægtepar. (Folk, der ikke har børn,
for dem har de allerede fat i.)
Om dagen er det mest kvinder, der kommer.
De har ca. 100 gæster om dagen og ca. 100 gæster om aftenen.
Folk kommer gerne igen.
Har i gæster der kommer ind, ser alle babyerne og går igen?
Ja, det samme om aftenen, ser de unge og går igen. Man kunne evt. dele det op, så mødrene sad ovenpå.
Selv om man gerne vil have plads til alle, kan det jo ikke altid lade sig gøre.
Hvad ville du savne hvis caféen lukkede?
Kapitel: Bilag
Job. Den gode stemning, afslappet sted, man bliver ikke vurderet af de andre, der er plads til alle.
68
Interview d. 21-04-10
Hvorfor kommer du på Slabberas?
-
Studierelateret møde, læreren kendte stedet, hyggeligt sted, første gang, ville gerne komme igen.
Nogen havde det indtryk at det var en barselscafe. – syntes det var rigtigt hyggeligt.
Hovedopgave, 7. juni 2010
Bilag 3 – Interviews med caféens gæster
Hvordan ville du beskrive cafeen?
-
Hyggelig, hjemlig atmosfære, rar
Hvad syntes du er vigtig i forhold til en hjemmeside?
-
Stemningen fra cafeen, gamle møbler, retro, mørke farver,
Hvad syntes du er vigtigt at fremhæve på hjemmesiden?
-
To plans, børnevenlig, understrege at den er for alle, øl med vennerne,
Interview d. 23-04-10
Hvorfor kommer du på Slabberas?
-
Barn, amme cafe, ville komme om aftenen hvis hun kunne få en barnepige.
Hvor ofte kommer du?
-
2 gange om måneden
Hvad kan du godt lide ved cafeen?
-
Amme cafe
God mad
Hvad syntes du er vigtigt at fremhæve på hjemmesiden i forhold til cafeen?
-
Studie, billig øl,
Hvilken oplevelse vil du gerne have af hjemmesiden?
-
Nem at navigere rundt på, overskuelig
Hvad ville du forvente at finde på hjemmesiden?
-
Menukort, priser, åbningstider, at den var branded som en børnecafe, bar.
Interview d. 12-05-10
Hvorfor kommer du på Slabberas?
-
Hyggeligt sted, det er et godt sted til børn, især 2. sal.
God mad
Hun kom meget mens hun var på barsel
Hvor ofte kommer du?
-
Ca. 3 gange om måneden.
-
Hyggelig, afslappet, alsidig
Kapitel: Bilag
Hvordan vil du beskrive cafeen?
69
Christina Duus
Hvad syntes du er vigtigt at fremhæve på hjemmesiden i forhold til cafeen?
-
Afslappet og roligt sted, god kvalitets mad ungt og kreativt miljø
Hvad ville du savne hvis caféen lukkede?
-
Børnevenligt sted, det er nemt at komme med sit barn.
Særpræg, mange cafeer ligner hinanden.
Interview d. 12-05-10
Hvorfor kommer du på Slabberas?
-
God musik, god atmosfære, hyggeligt, for at studere
Hvordan har du det med at den er børnevenlig?
-
Det er ok, der er to etager, så man kan sidde et andet sted end børnene.
Hvor ofte kommer du?
-
2 gange om ugen.
Hvordan vil du beskrive cafeen?
-
Venlig, afslappende
Kan godt lide 2. sal med sofa arrangementerne, gamle møbler, mørke farve.
Hvad syntes du er vigtigt at fremhæve på en hjemmeside i forhold til cafeen?
-
Åbningstider, events
Hvad ville du savne hvis cafeen lukkede?
Kapitel: Bilag
-
70
Fri internet
At man kan studere og slappe af samtidig.
Hovedopgave, 7. juni 2010
Bilag 4 – Spørgeskema
Cafe Slabberas
I forbindelse med afsluttende eksamensopgave som Multimediedesigner, skal
jeg lave et redesign af Cafe Slabberas hjemmeside, og derfor ville det være en
stor hjælp hvis du ville svare på følgende spørgeskema.
På forhånd tak
Generelle spørgsmål
Køn?
Mand
Kvinde
Alder?
Under 20 år
Mellem 20 - 30 år
Mellem 31 - 40 år
Mellem 41 - 50 år
Mellem 51 - 60 år
Over 60 år
Beskæftigelse? (Du må gerne sætte mere end et kryds)
Barselslov
Offentlig ansat
Privat ansat
Kapitel: Bilag
Pensionist
71
Christina Duus
Selvstændig
Studerende
Hvor ofte besøger du Cafe Slabberas?
Hver dag
Et par gange om ugen
Et par gange om måneden
Et par gange om året
Har aldrig besøgt Cafe Slabberas
Hvorfor kommer du på Cafe Slabberas? (Du må gerne sætte mere end et kryds)
Betjeningen
Børnevenlig
God plads
Hyggen
Maden
Placeringen
Prisen
Stemningen
Andet
Kan du godt lide at Cafe Slabberas er børnevenlig?
Ja
Nej
Hvordan vil du beskrive Cafe Slabberas? (Du må gerne sætte mere end et
kryds)
Kapitel: Bilag
Punkterne er sorteret alfabetisk
72
Chik
Dyrt
Hovedopgave, 7. juni 2010
Afslappet
Ensformigt
Gammeldags
Hyggeligt
Kedeligt
Klassisk
Moderne
Personligt
Rart
Rodet
Servicemindet
Sjusket
Smart
Travlt
Upersonligt
Vil du anbefale Cafe Slabberas til venner og bekendte?
Ja
Nej
Punkt 11
Hvorfor/ hvorfor ikke? (valgfrit)
Har du besøgt Cafe Slabberas’s hjemmeside?
Kapitel: Bilag
Omkring hjemmesiden
73
Christina Duus
Hvis du svarede nej, kan du gå til sidste spørgsmål.
Ja
Nej
Hvorfor?
Tjekke åbningstider
Se kalender
Se menu
Find os
Andet
Var der information, du syntes mangler på hjemmesiden?
Ja
Nej
Punkt 16
Hvis ja, hvad? (valgfrit)
Syntes du Cafe Slabberas’s hjemmeside stemmer overens med cafeens image?
Hvor 1 er i meget ringe grad og 5 er i meget høj grad.
1
2
3
4
5
Indtast tekst her
Hvad syntes du er vigtigt at have på fordsiden? (Du må gerne sætte mere end
et kryds)
Åbningstider
Adresse
Telefonnummer
Kapitel: Bilag
Billeder
74
Størrelse på cafeen
Priser
Hovedopgave, 7. juni 2010
Beskrivelse af cafeen
Menukort
Smiley-ordning
Information om arrangementer
Kapitel: Bilag
Link til Facebook gruppe
75
Christina Duus
Bilag 5 – Statistik til spørgeskema
Køn?
Mand
2 12%
Kvinde
15 88%
Procenter er beregnet i forhold til 17 besvarelser. Alle deltagere har besvaret spørgsmålet.
Alder?
Under 20 år
0
0%
Mellem 20 - 30 år
14 82%
Mellem 31 - 40 år
3 18%
Mellem 41 - 50 år
0
0%
Mellem 51 - 60 år
0
0%
Over 60 år
0
0%
Procenter er beregnet i forhold til 17 besvarelser. Alle deltagere har besvaret spørgsmålet.
Beskæftigelse? (Du må gerne sætte mere end et kryds)
Afkrydsninger i forhold til alle afkrydsninger
Barselslov
3 19%
Offentlig ansat
3 19%
Pensionist
0
Privat ansat
3 19%
Selvstændig
1
Studerende
6 38%
0%
6%
Procenter er beregnet i forhold til i alt 16 afkrydsninger.
Hvor ofter besøger du Cafe Slabberas?
Hver dag
0
0%
Et par gange om ugen
0
0%
Et par gange om måneden
5 38%
Et par gange om året
4 31%
Har aldrig besøgt Cafe Slabberas
4 31%
Procenter er beregnet i forhold til 13 besvarelser. 4 har undladt at svare.
Hvorfor kommer du på Cafe Slabberas? (Du må gerne sætte mere end et kryds)
Kapitel: Bilag
Afkrydsninger i forhold til alle afkrydsninger
76
Betjeningen
5 16%
Børnevenlig
4 13%
God plads
2
6%
5 16%
Maden
3 10%
Placeringen
2
Prisen
3 10%
Stemningen
4 13%
Andet
3 10%
6%
Hovedopgave, 7. juni 2010
Hyggen
Procenter er beregnet i forhold til i alt 31 afkrydsninger.
Kan du godt lide at Cafe Slabberas er børnevenlig?
Ja
10 77%
Nej
3 23%
Procenter er beregnet i forhold til 13 besvarelser. 4 har undladt at svare.
Hvordan vil du beskrive Cafe Slabberas? (Du må gerne sætte mere end et kryds)
Afkrydsninger i forhold til alle afkrydsninger
Afslappet
8 22%
Hyggeligt
9 25%
Moderne
1
Personligt
6 17%
Rart
5 14%
Rodet
2
Servicemindet
4 11%
Sjusket
1
3%
6%
3%
Procenter er beregnet i forhold til i alt 36 afkrydsninger.
Vil du anbefale Cafe Slabberas til venner og bekendte?
Ja
Nej
10 91%
1
9%
Procenter er beregnet i forhold til 11 besvarelser. 6 har undladt at svare.
Har du besøgt Cafe Slabberas’s hjemmeside?
Ja
11 85%
Nej
2 15%
Procenter er beregnet i forhold til 13 besvarelser. 4 har undladt at svare.
Hvorfor?
Afkrydsninger i forhold til alle afkrydsninger
Tjekke åbningstider
5 29%
Se kalender
1
Se menu
7 41%
Kapitel: Bilag
6%
77
Christina Duus
Find os
0
0%
Andet
4 24%
Procenter er beregnet i forhold til i alt 17 afkrydsninger.
Var der information, du syntes mangler på hjemmesiden?
Ja
5 45%
Nej
6 55%
Procenter er beregnet i forhold til 11 besvarelser. 6 har undladt at svare.
Syntes du Cafe Slabberas’s hjemmeside stemmer overens med cafeens image?
Indtast tekst her
1
0
0%
2
1 11%
3
6 67%
4
2 22%
5
0
0%
Procenter er beregnet i forhold til 9 besvarelser. 8 har undladt at svare.
Hvad syntes du er vigtigt at have på fordsiden? (Du må gerne sætte mere end et kryds)
Afkrydsninger i forhold til alle afkrydsninger
Åbningstider
11 22%
Adresse
9 18%
Telefonnummer
5 10%
Billeder
4
Beskrivelse af cafeen
5 10%
Priser
4
8%
Menukort
3
6%
Smiley-ordning
2
4%
Information om arrangementer
7 14%
Link til Facebook gruppe
1
8%
2%
Kapitel: Bilag
Procenter er beregnet i forhold til i alt 51 afkrydsninger.
78
7 kvinder, først i tyverne
Hvorfor tager I på cafe.
-
Hovedopgave, 7. juni 2010
Bilag 6 – Resume af fokusgruppe
Slappe af,
hygge med veninder / kæreste
anderledes end at sidde hjemme
tager ikke selv af sted
gerne som en del af en shoppetur
Hvilke parametre kigger I på, når I vælger en bestemt cafe?
-
Vigtigt at cafeen kan få en til at føle sig godt tilpas.
Må gerne få en til at føle sig hjemme
Gode stole sofaer
Prisen, at det ikke er for dyrt
Om cafeen ser pæn og ren ud
At der er god plads
Smiley-ordningen
Menukortet
Tjekker du en cafes hjemmeside, inden du besøger den?
-
Generelt nej
Hvis man skal bestille bord til et større selskab,
Evt. for at tjekke åbningstider eller adresse
Når du er på en cafes hjemmeside, hvad synes du så, er vigtigt?
-
Åbningstider
Adresse, telefonnummer
Billeder
Priser
Menu (mad, drikkevare)
Beskrivelse af cafeen
Ejer(e)
Smiley-ordningen
Størrelse
Arrangementer
Nem navigation
Overskuelig
Kan en hjemmeside få dig til, ikke at besøge cafeen?
-
Hvis hjemmesiden ser uprofessionel og meget hjemmelavet, er det måske det generelle kvalitetsniveau.
Kunne fra vælge, hvis ikke indeholdt det man søgte fx menukort
Hjemmeside kan give et indtryk af cafeen, hvis det ikke passer til det man går efter, kan man fra
vælge cafeen.
Tror mund-til-mund metoden betyder mere end en dårlig hjemmeside.
Hvis en cafe har forskellige arrangementer (open mike night, stand-up, live musik) ville I så tjekke hjem-
Hvis man vidste det var en cafe der holdte spændende og anderledes arrangementer, ja.
Hvis man havde en tilknytning til cafeen, ville man løbende holde øje med hvad der kom løbende.
Ville følge en facebook gruppe.
Kapitel: Bilag
mesiden for at se om det var noget for jer?
79
Christina Duus
Bilag 7 – E-mail fra Karin Knudsen fra Horesta
Svar på spørgsmål‫‏‬
Fra:
Karin B Knudsen ([email protected])
Dette er muligvis en ukendt afsender.Tilføj som afsender, der er tillid til|Marker som uønsket
Sendt:1. juni 2010 13:25:16
Til:
[email protected]
2 vedhæftede filer | Hent alle vedhæftede filer (23,8 KB)
ATT00001 (4,3 KB), ATT00002 (19,5 KB)
Kære Christina
Tak for din mail.
Jeg har fundet følgende oplysninger til dig:
Som du kan se er dette det samlede antal besøg. Nedenstående finder du den gennemsnitlige fordeling:
Kapitel: Bilag
Bemærk venligst at alle tallene er fra 2008, som er de mest opdaterede tal vi ligger inde med.
80
I løbet af sommeren har vi planlagt en ny analyse med 2009 tal, men håber at ovenstående er hjælp nok til
dig.
Med venlig hilsen
Karin Knudsen, økonomisk konsulent
HORESTA, Hotel-, Restaurant- & Turisterhvervet
Hovedopgave, 7. juni 2010
God fornøjelse med din opgave.
Vodroffsvej 32, DK-1900 Frederiksberg C
Tel: +45 35 24 80 80 - Fax: +45 35 24 80 88
Kapitel: Bilag
e-mail: [email protected] - URL: http://www.horesta.dk
81
Christina Duus
Bilag 8 – E-mail fra Trine, logoinformation
RE: Logoer :)
Fra: trine kirch [[email protected]]
Modtagere:
Modtaget: 1. juni 2010 kl. 19:56:15
<[email protected]>
CC:
Vedhæftede filer:
hej christina.
Det gamle logo blev lavet af en fra min mødre gruppe Jeg var ikkke rigtig ind over det.
Det nye er lavet af Anders Krath. Han har kaet det ud fra de ting jeg syntes er vigtige i cafeen. Rumlighed,
kærlighed, farver.
Hjertet er formet afc os for cafe slabberas. Jeg syntes også selv at det er rimelig godt..
hilsen Trine
________________________________________
From: [email protected]
To: [email protected]
Subject: Logoer :)
Date: Tue, 1 Jun 2010 09:47:45 +0200
Hej Trine,
Jeg sidder lige og skriver på min rapport, og så ville jeg lige høre om du har fundet ud af noget med logoerne?
Jeg vil gerne vide hvad tanken bag det gamle og det nye logo er, og hvem der har designet dem.
Det nye logo ser rigtig godt ud.
Jeg håber at høre fra dig snart
Kapitel: Bilag
Christina
82
Test 1 – Marlene
Hvad tror du det er for en side?
Hovedopgave, 7. juni 2010
Bilag 9 – Brugertest af den eksisterende side
Kan godt se der er en cafe, for der står Cafe Slabberas, der er kaffe bønner og en kop med kaffe latte (i
banneret)
Hvad tænker du umiddelbart om hjemmesiden?
At den ser meget kedelig ud, det er nogle mørke farve, siden er ikke brugt ordenligt [meget whitespace],
der står en masse tekst med småt. Det er ikke noget der lige fanger en.
Hvad ville du forvente at finde på hjemmesiden?
Noget med åbningstider, menukort, driks kort hvis det også er sådan en man kan besøge om aftenen, billeder af stedet, generelt bare information om stedet, så man ved hvad man går ind til. Hvor det ligger henne
og sådan noget.
Baseret på sidens udseende kunne du tænke dig at besøge cafeen? Hvorfor/ hvorfor ikke?
Nej, fordi den ser sådan lidt fesen ud, også her oppe på billedet her, der er der en børnestol (banner igen).
Så det der med at den er børnevenlig, det syntes du ikke er nogen god ide?
Det kommer an på i vor høj grad, den er børnevenlig, at det kun er børn, eller man kan have sine børn
med.
Kan du finde et telefonnummer til cafeen?
Kigger under menupunktet information, prøver først kontakt os, så om os, finder det under find os.
Står der hvor mange gæster cafeen har plads til?
Prøver at kigge på forsiden. Går ind under information – om os, finder det under lej slabberas.
Kommentere at hun finder det under nyheder, og der bør det ikke ligge.
Hvordan har du det med at flere af siderne ikke er opdateret?
Syntes at det er for dårligt, så kan man lige så godt lade være med at have en hjemmeside. Det ville være
sådan noget der irritere hende, hvis hun skulle ind og besøge hjemmesiden. At det ikke virker.
Hvilken information kunne du godt tænke der var på siden?
Primært med billeder, nu står der, der er en gårdhave, så kunne det være rigtigt fint at der var et billede af
den her gårdhave. Også menu kort og priser.
Test 2 – Charlotte
Hvad tror du det er for en side?
Hvad tænker du umiddelbart om hjemmesiden?
Kapitel: Bilag
Noget med noget kaffe, pga. banneret
83
Christina Duus
Meget pæn, meget sparsom, der er meget plads [whitespace], men det er selvfølgelig også på grund af
skærmstørrelsen.
Hvad ville du forvente at finde på hjemmesiden?
Menukort og kaffe, hvis de nu har meget kaffe, så hvilken slags kaffe de bruger, åbningstider og så’n at
man kan reservere bord derinde
(klikker lidt rundt, bliver forvirret over at man ikke kan se menukortet, forklarer at der ikke er nogen side til
det menupunkt)
Baseret på sidens udseende kunne du tænke dig at besøge cafeen? Hvorfor/ hvorfor ikke?
Syntes det handler meget om kaffe, så umiddelbart nej, men det er fordi hun ikke drikker så meget kaffe.
Kan du finde et telefonnummer til cafeen?
Går ind under information og kontakt. Prøver så om os, finder det under find os.
Står der hvor mange gæster cafeen har plads til?
Prøver under om os, prøver forsiden, prøver FAQ, fortæller at det ligger under nyheder.
Hvordan har du det med at flere af siderne ikke er opdateret?
Det er træls, det skal de jo gøre,
Hvilken information kunne du godt tænke der var på siden?
Så at det var et kort, det er mest det hun går efter, hvordan man finder det, og hvor meget plads der er, at
man kan reservere bord over hjemmesiden syntes hun også er rart, syntes også kontakt formular er meget
rart, kan ikke lide at emails åbner op i outlook, da hun ikke bruger det.
Test 3 – Jonas
Hvad tror du det er for en side?
Mad eller kaffe, en kaffe bar
Hvad tænker du umiddelbart om hjemmesiden?
Syntes den virker lidt kedelig, det der med den hvide baggrund, der er ikke så spændende.
Baseret på sidens udseende kunne du tænke dig at besøge cafeen? Hvorfor/ hvorfor ikke?
Nej, den virker kedelig, han kunne nævne andre sider, der var mere spændende, og mere indbydende. Hvis
det er en kedelig hjemmeside, så er det også en kedelig cafe. Man kan ikke engang se menu kortet.
Kan du finde et telefonnummer til cafeen?
Han finder det med det samme under find os.
Står der hvor mange gæster cafeen har plads til?
Kapitel: Bilag
Prøver information – faq, om os, forsiden, fortæller at det ligger under lej slabberas,
84
Hvordan har du det med at flere af siderne ikke er opdateret?
Hvilken information kunne du godt tænke der var på siden?
Menukort, og så bare en masse billeder, Det giver også en anden stemning. Og hjemmesiden er bare kedelig, så noget mere visuelt,
Hovedopgave, 7. juni 2010
Det er ikke godt, det virker ikke særlig professionelt, dem der styre det, de ikke kan finde ud af det.
Test 4 – Johan
Hvad tror du det er for en side?
Det er noget med noget kaffe.
Hvad tænker du umiddelbart om hjemmesiden?
Den ser meget fin ud, generelt, det er en cafe, så det er jo glimrende, glimrende størrelse, visitkortagtig
ikke for svær at finde rundt i, har ikke kigget så meget endnu, men det virker ikke uoverskueligt.
Hvad ville du forvente at finde på hjemmesiden?
En adresse og telefon nummer, og hvad han kan få ud af det.
Baseret på sidens udseende kunne du tænke dig at besøge cafeen? Hvorfor/ hvorfor ikke?
Måske, det er sjældent han tager på cafe,
Kan du finde et telefonnummer til cafeen?
Prøver under kontakt os, prøver så om os, går ind under sitemap, finder det under find os.
Står der hvor mange gæster cafeen har plads til?
Mener der står på den side, han troede der stod telefonnummer på. (om os), kører list rundt i menuen,
prøver FAQ, fortæller at det ligger under nyheder.
Hvordan har du det med at flere af siderne ikke er opdateret?
Det giver et dårligt indtryk,
Hvilken information kunne du godt tænke der var på siden?
Nævner menukort, fortæller at den linker til forsiden, det er ikke særlig smart.
Kapitel: Bilag
Der er i det mindste er telefonnummer, så kan man altid ringe til dem, og høre.
85
Christina Duus
Bilag 10 – Brugertests af Axure prototype
Test 1,1 – Jannik
Link tilbage til forside via logoet fungerer godt
Dropdown fungerer fint, så længe at der ikke er flere underpunkter (3. niveau)
Syntes menuen er bygget logisk op, det virker ikke rodet.
Opbygning skal være centeret, kan godt lide at indholdet er ind i en ramme, adskilt fra menu og footer, så
det ikke kommer til at se rodet ud.
Kan godt lide menuen, kan godt lide strukturen.
Menupunkter Events – kan ikke se hvad en Cafe ville holde, syntes det er bedre men arrangementer.
Vil gerne have en indikation af hvor han er henne.
Scrollbar i siden, den skal ikke komme både inden i boksen og over i siden af vinduet.
Vil gerne have en oplevelse af hvad det er for en cafe, - han vil gerne have at hans appetit bliver vækket.
Indbydende, spændende, stemningsbillede fra køkkenet. Gode billeder, der giver en god stemning. Vil gerne
have en oplevelse allerede fra hjemmeside, sådan at han bliver lokket ned i cafeen.
Åbningstider. Vil gerne have at de er mere synlige – måske et menupunkt.
Test 1,2 – Johan
Baren og drikkevare – ville slå dem sammen.
Det ser relativt logisk ud, ikke fan af alt for mange menupunkter, så hvis nogen af dem kunne slås sammen
ville han gøre det. – så man ikke skal ind på alt for mange sider, så man ikke skal vente på at siden loader,
hvis man vil have flash eller tung grafik på siden.
Syntes opbygning af siden ser fornuftig ud, bliver forvirret over smiley ansigtet.
Test 1,3 – Ellen
Kan godt lide at der er billeder i siden.
Syntes navngivning af menupunkter er fint. Syntes måske man skulle kalde menu – menukort i stedet.
Facebook og smileyordning- bliver nysgerrig – syntes det er smart.
Syntes godt at det må fylde noget mere på siden – min skærmopløsning.
Syntes ikke at der mangler noget, det kan også blive for uoverskueligt hvis der er alt for mange informationer på en side – bliver overvældet.
Syntes det er nemt over overskueligt.
Test 2,1 – Kenneth
Syntes menupunkterne er gode, bortset fra baby – syntes ikke det giver så meget mening.
Bliver lidt forvirret over at der både er café, restaurant og drikkevarer, syntes måske at drikkevarerne hører
til de to der.
Kan godt lide kort under ”find os”.
Meget overskuelig - klassisk opbygning
Kapitel: Bilag
Smiley – smiley-ordning
86
Åbningstider på forside – fint.
Slabberas – slapper af.
Mødre café pga. baby/Børnevenlig.
Meget overskueligt menu.
Hovedopgave, 7. juni 2010
Test 2,2 – Daniel
Kan ikke lige at dropdownen går ned over teksten på siden.
Syntes at det er vigtigt at Facebook siden bliver brugt.
Syntes man skal overveje at have et punkt der hedder åbningstider eller forside, fordi det er sikkert ikke
alle der ved at man kan trykke på logoet.
Test 2,3 – Sanne
Ser meget overskueligt ud.
Bliver overrasket over baby, syntes måske det skal hedde noget anden (børnevenlig) syntes også placereing
af den er fin i forhold til at de gerne vil væk fra dette image.
Syntes navigationen er fin. Det er det der er vigtigt.
Den er enkelt overskueligt, har været der en gang, så hun kender ikke stedet så godt.
Logo er i fokus, footeren indeholder det den skal.
Ikke meget nytænkning over det.
Facebook og smiley er fint, skal ikke være mere i fokus. Skal måske bruge den rigtigt smiley-ordning.
Kapitel: Bilag
Enkelt, så der skal jo ikke stå alverden…
87
Christina Duus
Bilag 11 – Brugertests af den redesignede side, brugere
kender ikke caféen
Test 1 – Sandra og Christian
Hvad tror i det er for en side?
Cafe
Baseret på designet af hjemmesiden, hvad tror i det er for en cafe?
Det ser lidt mere eksklusivt ud end normalt. Fordi det virker meget stilet, billedet, ser professionelt ud.
Nogen cafeer har en hyggestemning, mere værtshusagtige. Det her ser meget lyst og åbent ud.
De tør gøre sig anderledes end andre, det siger noget om dem. Noget sider er meget mørke, den her er
mere lys og romantisk.
Får i lyst til at besøge caféen?
Ja, men den virker meget romantisk og feminin, pga. baggrunden, lyserøde/ røde farve. Syntes det er
smart at bruge tapetet til baggrunden.
Dropdown?
Passer måske ikke så godt ind, ville ikke forvente en dropdown, en lidt anden stil end man havde forventet
pga. ikonerne.
Syntes ikonerne er meget fine.
Antallet af punkterne passer fint.
Kontaktformular?
Kan bedst lide at bruge en kontaktformular, tror at flere vil kontakte caféen gennem formular end email.
Skrifttyper.
Arrangementer skiller sig ud i forhold til de andre skrifttyper, måske fordi det er en serif og de andre er
håndskrevet?
Billeder?
Billeder af stedet, måske udefra, bliver måske mere interesseret hvis man kan se stedet.
Andet?
Kapitel: Bilag
Kan godt lide at den er lille og overskuelig.
88
Hvad tror i det er for en hjemmeside?
Det er for en café, der hedder Slabberas.
Baseret på hjemmesiden, kunne i så tænke jer at besøge caféen?
Hovedopgave, 7. juni 2010
Test 2 – Karin og Lotte
Ja, den ser meget hyggelig ud, kvindecafé,
Hvad ville i forvente at finde?
Menukort, åbningstider…
Hvordan har i det med dropdowns?
Er ikke så vil med dropdowns, skal de virke 100%, nogle gange virker de ikke optimalt.
Har problemer med at bruge scrollbaren.
Kan godt lide ikonerne, syntes bare de er for forskellige, lyse/ mørke, farvet, bliver forvirret. Også de forskellige skrifttyper, men det er en del af charmen. Giver lidt charm at de er forskellige.
Syntes ikonerne giver en hyggelig stemning.
Får i lyst til at besøge caféen, når i ser hjemmesiden?
Plejer ikke at kigge på hjemmesider før hun besøger dem. Den anden kunne måske godt finde på det.
Billeder?
Stemningsbilleder, af caféen, personale,
Kontaktformular.
Den ene kan godt lide at bruge den, den anden vil hellere ringe eller sende en mail.
Kan godt lide at der kommer feedback nar man udfylder den.
Mangler at der kommer en respons når man har trykket på send. Gør dem opmærksom på beskeden i toppen, den havde de ikke lagt mærke til.
Andet?
Kan godt lide farverne, hvis det er hygge man vil have frem. Virker meget feminin, pga. farverne og skriften
Kapitel: Bilag
i menuen, og ikonerne. Baggrunden. Pastelfarverne, de runde hjørner.
89
Christina Duus
Test 3 – Rasmus
Hvad tror du det er for en side?
Kan se det har noget med mad at gøre, en cafe, lidt gourmetagtig pga billedet, lidt fint.
Hvad du syntes du umiddelbart om siden?
Den virker okay.
Får du lyst til at besøge caféen?
Han går ikke så meget på cafe, men han syntes at maden ser godt ud, og det gør ham nysgerrig.
Udseendet.
Syntes der er feminin, men han syntes ikke at man skal lave den vildt maskulin, da det mest er kvinder, der
går på cafe.
Hjerter er feminint, og den lyseblå, men det er ikke sådan at han det vil afholde man fra at komme på cafeen.
Scrollbaren
Syntes den er lidt svær at ramme, men den passer fint ind
Andet?
Han ville kigge på siden for at finde priser, så det med at der stå at den er børnevenlig, ville han nok ikke
Kapitel: Bilag
se.
90
kender caféen
Hovedopgave, 7. juni 2010
Bilag 12 – Brugertests af den redesignede side, brugere
Test 1 – Mette
Hvad er det første du lægger mærke til?
Baggrunden, den er lidt retro, syntes at det passer godt til stedet.
Der er de informationer man skal bruge.
Billedet
Måske det skulle være en kop kaffe eller sådan noget?
På den anden side er det også godt at man kan se at man kan få noget mad her. Syntes at maden på Slabberas er rigtigt god.
Menukort.
Syntes det virker godt. Man kan hurtigt overskue hvad de har.
Navigation
Hover skal gøres mere tydelig.
Syntes det ville være bedre med én skrifttype, også det med at man skal kunne se hvor man er henne,
forvirrer det lidt.
Test 2 – Sanne
Hvad er det første du lægger mærke til?
Tapet, baggrunden
Hvad syntes du umiddelbart om forsiden?
Venlig, og nem at gå til, har nogle bløde former, passer godt til de kvinder der kommer på caféen med deres bløde babyer.
Holdt i retro stil, som passer godt til stedet.
Syntes at logoet flader lidt udenfor, med farverne i sløjfen.
Kan ikke så godt lide at menupunkterne har forskellige skrifttyper, det forvirrer hende, fordi hun tænker at
de ikke hænger sammen, at det ikke er en menubar, kommer til at ligne en reklame, giver for meget uro for
hende. Ville ønske at det var en skrifttype. At der var sammenhæng.
Kan godt lide ikonerne.
Overskrifter
Syntes at de skal alle være fede eller alle ikke være fede. Ser ikke den grå. Den er for utydelig.
Lyd
Børnevenlig
Kapitel: Bilag
Man kan bruge lyd, til at skabe en stemning på hjemmesiden under billeder eller arrangementer.
91
Christina Duus
Syntes at stemning er god, men mangler babyen, det er derfor folk kommer på caféen. Vil gerne have nogle
billeder af børn, børnetøjsbutikken.
Der er mange caféer der slår på at være Second Hand, og det er på det børnevenlige Slabberas skiller sig
ud.
Billeder af stedet udenfor, med barnevognene.
Andet
Hun kommer på caféen for at få en kop kaffe, og hygge med sit barn, ikke for at få noget at spise. Når hun
Kapitel: Bilag
en sjælden gang får noget at spise, syntes hun det er godt.
92
Test 1 – Amanda
Hvis du skulle besøg denne her cafe, hvad ville du kigge efter og hvorfor?
Hovedopgave, 7. juni 2010
Bilag 13 – Opfølgning af brugertests
Starte med at kigge efter åbningstider, hvilket stå på forsiden. Det skulle være et sted hun havde set nede i
byen og tænkt at der ville hun gerne hen en dag, før hun gik ind på hjemmesiden.
Så ville hun kigge på menukortet.
Hvilket indtryk får du af cafeen, ud fra hjemmesiden?
At det er et rigtigt hyggeligt sted, hvor man kan tage hen med nogle tøser og sidde og snakke.
Bliver nysgerrig og trykker på Arrangementer,
Vil gerne vide hvor det ligger henne, se adressen i bunder, går ind på ”find os”.
Syntes det ser rigtig hyggeligt ud pga. af farverne og striberne.
Hvad syntes du om de forskellige skrifttyper i menuen?
Det havde hun ikke bemærket, syntes at det virker meget fint, kombineret med de håndtegnede ikoner.
Passer meget godt til baggrunden.
Hun kunne godt tænke sig at der var nogle flere billeder af maden. F.eks. at man klikkede på en overskrift i
menukortet og så kom der et billede frem af retten. Det er noget hun nogle gange savner på caféhjemmesider. Hun kan godt lide at se hvad det er hun får.
Er der noget du syntes mangler på siden?
Ikke indholdsmæssigt, men billeder af hvordan maden ser ud.
Test 2 – Ulrik
Hvis du skulle besøge denne her café, hvad ville du kigge efter og hvorfor?
Kigge meget på billederne, først og fremmest, hvad er det for et sted. Billedsiden, hvordan ser caféen ud?
Kan man se det nogle steder. Er der nogen billeder af, hvad det er for et liv, der er på caféen?
Men det kommer også an på brugersituationen, for hvis han skulle finde et sted at spise, ville han kigge
under ”hvad kan man få at spise” frokost – cafeen, aftensmad – restauranten.
Hvilket indtryk får du sådan umiddelbart når du ser hjemmesiden?
Der er ikke så mange billeder af caféen, (restaurantens menukort) der er det i hjørnet, men det ligner mere
en restaurant end en cafe.
Han undrer sig over hvor menneskerne er henne. Grundet til at man går på cafe er jo meget at man gerne
vil være sammen med nogle mennesker, uden at man nødvendigvis har noget med dem at gøre. Det er et
liv man kan betragte og være en del af.
Det tror han kunne være godt at have, som en del af billedsiden.
Meget lækkert design, med baggrunden, trendy i den moderne designforstand. Lidt yousee over striberne.
Så babyen da Amanda testede siden, og syntes at hvis det er noget der er særligt ved caféen så skal det
Forklare at caféen har været børnevenlig men at de gerne vil tiltrække en bredere målgruppe.
Kapitel: Bilag
trækkes mere frem.
93
Christina Duus
Syntes at billedet er super godt, skal måske fjerne de hvide streger, da det bliver lidt sigtekornsagtigt, man
behøver jo ikke dele billedet op i fire mindre billeder. Syntes man sagtens kan bruge det uden at dele det.
Han vælger ikke en café ud fra hjemmesiden, men ud fra menukortet eller priserne. Vælger den fordi han
kender den lidt i forvejen eller hvis han har hørt noget godt om den.
Så det skulle mere være for at finde dens identitet eller hvis de f.eks. også sælger kaffebønner, ville han
måske kigge på deres produkter. Eller hvis der er arrangementer, det giver rigtigt meget mening at læse
om.
Syntes måske ikke at det er motiverende at se menukortet eller priser på hjemmesiden, for det er ikke der
man skal bestille.
Syntes at den visuelle identitet fungerer fint. Mangler billeder af livet på caféen.
Hvordan syntes du det virker at der er forskellige skrifttyper i menuen?
Han havde slet ikke tænkt på at de er forskellige, fordi de er håndskrevne. Syntes at ikonerne virker fint.
Man kunne måske bruge den samme skrifttype, til alle punkterne.
Facebook,
Virker godt, især hvis de bruger siden. Det er et supplement til deres hjemmeside.
Test 3 – Sabrina
Hvis du skulle besøge denne her cafe, hvad ville du så kigge på, på hjemmesiden?
Hvad for noget mad de har, sekundært vil hun kigge efter hvor de ligger henne og hvornår de har åbent.
Syntes at dette er godt at hun kan finde disse informationer på forsiden.
Går ind på Restauranten menukort, via link på forsiden.
Syntes det er sat godt op, beskrivelsesteksten skulle måske ikke gå ind under prisen, vil gerne have at
denne står lidt for sig selv.
Syntes at overskriften til forretter og hovedretter skal være bare en lille smule større. Bare så man kan se
at nu kommer der en ny sektion. Den må gerne fremhæves lidt mere. Fungerer fint med at den er farvet,
men syntes godt at den kunne være større.
Hvilket indtryk får du af caféen, når du ser hjemmesiden?
Billederne og navnet, så forekommer det hende et eksklusivt sted, også restaurantens menukort, retterne
virker lidt eksklusive, det er heller ikke i den billige ende. Priserne er lidt i den dyre ende.
Hun syntes at jeg twister den lidt, for hun kan se på menukortet med Jomfruhummerhaler, det er ikke noget man kan få alle steder, og det får det til at virke dyrt og eksklusivt, men trækker det lidt ned på jorden,
gennem de farver der er valgt, så det bliver sådan lidt ikke så højtideligt. Det syntes hun fungerer udmærket. Det hun mener, er at det er en lidt sjov måde jeg har sat designet op på, set i forhold til det indtryk
man får af restaurantens kvalitet, i de menuer de har.
Det virker som en dyr restaurant, men designet gør det lidt mere børnevenligt, ikke så højtideligt, og det
Kapitel: Bilag
syntes hun fungerer ret godt.
94
Hvordan syntes du menuen fungerer med de forskellige skrifttyper?
anden meget. Syntes det er meget smart med forskellige skrifttyper. Kan også godt lide ikonerne.
Bliver lidt forvirret over hjertet, men kan godt se sammenhængen mellem logoet og hjertet over slabberas.
Får du lyst til at besøge caféen?
Syntes der måske mangler nogle billeder, hun er også meget nærig, så ville ikke besøge et sted der var så
Hovedopgave, 7. juni 2010
Det skal hun lige tænke over, det har hun aldrig set før. Syntes at menukort og arrangementer ligner hin-
dyrt, men kan godt lide designet med striberne.
Hun kunne godt finde på at besøge caféen hvis den ikke var så dyr.
Test 4 – Sanne
Hvis du skulle besøge caféen, hvad ville du så kigge på, på hjemmesiden?
Menukort og åbningstider. Syndes det er god at det er på forsiden.
Hvilket indtryk får du af caféen, baseret på hjemmesiden?
Farverig, pga. baggrunden. Syntes det er nogle gode billeder. På trods af baggrunden, så virker den meget
enkelt og hyggelig,
Logoet og navnet i sig selv, også at det er en café, så håber man lidt at det er et hyggeligt sted at være.
Adresse og telefonnummer i footeren, er som det skal være.
Klikker på galleriet. Det er måske noget hun normalt ikke ville kigge på, på den anden side, så er hun jo
allerede inde på siden, og den er meget enkelt, så man ville måske kigge på det hele (overskud), men ellers
kommer hun fortrinsvist for at se menukort, åbningstider og telefonnummer og adresse.
Hun syntes det er nogle gode billeder. Hun bliver helt sulten. Også fordi de er så forskellige. Det er ikke
bare det samme.
Er der noget du sådan umiddelbart syntes der mangler?
Arrangementer – hvis de holder mange, kunne det være godt med en kalender. Hvis man leder efter et
bestemt arrangement, eller en bestemt dag, kunne det skabe overblik.
Kan godt lide at det er delt op i café og restaurant. Og billederne derinde er gode.
Syntes ikke at der mangler noget. Syntes også størrelsen er meget fin. Man bliver måske irriteret over baggrunden i længden. Men på en mindre skærm vil det måske ikke betyde så meget.
Test 5 – Kenneth
Hvis du skulle besøge den her café, hvad ville du så kigge på, på hjemmesiden?
Hvor den ligger henne, og det står jo i footeren. Og så menukortet. Ville vælge restauranten hvis han skulle
have noget at spise.
Ville finde ud af hvordan man bestiller eller hvornår den er åben.
Leder lidt efter åbningstider.
Hvilket indtryk får du af caféen, baseret på hjemmesiden?
Det er meget friskt, i de farver der er brugt. Den er ikke kedelig. Den virker meget ungt. Ikonerne er tegnet
og det minder næsten om sådan noget børne-noget, men i hvert fald noget ungt.
Hvordan syntes du menuen fungerer med de forskellige skrifttyper?
Kapitel: Bilag
Nemt at finde ud af hvad det er.
95
Christina Duus
Tror det nok er imod nogle design regler, men syntes ikke at det skiller sig ud, eller at det springer i øjnene,
Syntes at arrangementer er lidt svær at læse.
Er der noget du umiddelbart syntes der mangler på hjemmesiden?
Billeder af mad måske, i galleriet.
Ellers ikke noget.
Hvordan man bestiller bord. Åbningstider var på forsiden.
Er det sådan at du får lyst til at besøge caféen, når du ser hjemmesiden?
Han går ikke så tit ud og spiser, men det virker meget tiltalende. Vil gerne vide om priserne er rigtige, syntes ikke de er så høje i forhold til andre steder han har været.
Kapitel: Bilag
Så det kunne måske godt være at han ville besøge det .
96
Kapitel: Bilag
Hovedopgave, 7. juni 2010
Bilag 14 – Sitemap af den gamle side
97
Christina Duus
Kapitel: Bilag
98
Bilag 15 – Sitemap af den nye side
http://bornibyen.dk/koebenhavn/articles/4339-de-bedste-indendoers-caf-er
http://www.tv2oj.dk/vis_nyhed.asp?AjrDcmntId=15776
http://aarhus.lokalavisen.dk/caf%C3%A9en-med-plads-til-joggingtoej-og-babyer-
Hovedopgave, 7. juni 2010
Bilag 16 – Links til artikler og anmeldelser
/20090213/artikler/532219863/1450
http://ekstrabladet.dk/kup/forbrug/article986135.ece
http://www.mangospot.dk/aarhus/cafe/cafe-slabberas-2427.aspx
http://www.sjovforborn.dk/detail.asp?G=Cafe-Slabberas&I=Restaurant&RID=179
Kapitel: Bilag
http://bornibyen.dk/aarhus/places/3161-caf-slabberas
99
Christina Duus
Kapitel: Bilag
10
0
Bilag 17 – Greyscale af design
Hovedopgave, 7. juni 2010
(Udvalg)
Kapitel: Bilag
Bilag 18 – Afkodning af retoriske figurer
101
45 06-04-10 07-06-10
40 06-04-10 31-05-10
1 31-05-10 31-05-10
Projekt periode
Skrive rapport
Indledende arbejde
29 06-04-10 16-05-10
Indledende arbejde
Identificere forbedringer
15 12-04-10 30-04-10
Analyse af undesøgelser
10 26-04-10 07-05-10
Udkast til redesign
10 10-05-10 21-05-10
Implementeringsfase
5 17-05-10 21-05-10
Onlinedato
1 24-05-10 24-05-10
Læse korrektur
Bilag
Opsætning
Udskrivning
Aflevere opgave
11. maj
10. maj
9. maj
8. maj
7. maj
6. maj
5. maj
4. maj
3. maj
2. maj
1. maj
30. april
29. april
28. april
27. april
26. april
25. april
24. april
23. april
22. april
21. april
20. april
19. april
18. april
17. april
16. april
15. april
14. april
13. april
Overordnet
Research
Implementering
Kritisk
Dokumentation
Analyse
Design
♦ Milepæl
Projekt periode
Rapport skrivning
Rapport færdig
Opfølgning til præsentation
12. april
11. april
10. april
9. april
8. april
7. april
6. april
Slut
Start
Varighed
Overordnede titler
Research
Implementering
Kritiske sager
Dokumentation
Analyse
Design
Milepæl
10 17-05-10 28-05-10
5
5
1
1
31-05-10
31-05-10
05-06-10
05-06-10
06-06-10
06-06-10
06-06-10
06-06-10
Identificere forbedringer
Analyse af undersøgelser
Udkast til redesign
Implem
♦ Rapport færdig
mentering
♦ Hjemmeside online
Opfølgning af redesign
Korrektur
Bilag
Layout
Print
♦ Aflevere opgave
25. juni
24. juni
23. juni
22. juni
21. juni
20. juni
19. juni
18. juni
17. juni
16. juni
15. juni
14. juni
13. juni
12. juni
11. juni
10. juni
9. juni
8. juni
7. juni
6. juni
5. juni
4. juni
3. juni
2. juni
1. juni
31. maj
30. maj
29. maj
28. maj
27. maj
26. maj
25. maj
24. maj
23. maj
22. maj
21. maj
20. maj
19. maj
18. maj
17. maj
16. maj
15. maj
14. maj
13. maj
12. maj
45
40
1
06-04-10
06-04-10
31-05-10
07-06-10
31-05-10
31-05-10
Projekt periode
Skrive rapport
Indledende arbejde
29
06-04-10
16-05-10
Indledende arbejde
Identificere forbedringer
Spørgeskema
Interviews af kunder
Kort sortering
15
12-04-10
30-04-10
Analyse af undesøgelser
Analyse af spørgeskema
Analyse af Google Analytics
10
26-04-10
07-05-10
Udkast til redesign
Papirprototype
Retoriske figurer
10
10-05-10
21-05-10
Implementeringsfase
5
17-05-10
21-05-10
Onlinedato
1
24-05-10
24-05-10
10
17-05-10
28-05-10
5
5
1
1
31-05-10
31-05-10
05-06-10
05-06-10
06-06-10
06-06-10
06-06-10
06-06-10
Læse korrektur
Bilag
Opsætning
Udskrivning
Aflevere opgave
Identificere forbedringer
Spørgeskemaer
Interview af kunder
Analyse af undersøgelser
Udkast til redesign
9. maj
8. maj
7. maj
6. maj
5. maj
4. maj
3. maj
2. maj
1. maj
30. april
29. april
28. april
27. april
26. april
25. april
24. april
23. april
22. april
21. april
20. april
19. april
18. april
17. april
16. april
15. april
14. april
13. april
12. april
Overordnet
Research
Implementering
Kritisk
Dokumentation
Analyse
Design
♦ Milepæl
Projekt periode
Rapport skrivning
Rapport færdig
Opfølgning til præsentation
Brugertests af ny side
11. april
10. april
9. april
8. april
7. april
6. april
Slut
Start
Varighed
Overordnede titler
Research
Implementering
Kritiske sager
Dokumentation
Analyse
Design
Milepæl
♦ Rapport færdig
Implementering
♦ Hjemmeside online
Opfølgning af redesign
Brugertests
Korrektur
Bilag
Layout
Print
♦ Aflevere opgave
25. juni
24. juni
23. juni
22. juni
21. juni
20. juni
19. juni
18. juni
17. juni
16. juni
15. juni
14. juni
13. juni
12. juni
11. juni
10. juni
9. juni
8. juni
7. juni
6. juni
5. juni
4. juni
3. juni
2. juni
1. juni
31. maj
30. maj
29. maj
28. maj
27. maj
26. maj
25. maj
24. maj
23. maj
22. maj
21. maj
20. maj
19. maj
18. maj
17. maj
16. maj
15. maj
14. maj
13. maj
12. maj
11. maj
10. maj