Opgaven:
Vi skulle lave en hjemmeside for kultur café Oskar. Vi havde fået nogle krav, som deres hjemmeside skulle indeholde, men vi måtte også godt improvisere lidt. Hjemmesiden skulle indeholde noget om:
Kultur café Oskar
Deres begivenheder
At man kan leje dem
Hvordan man kan kontakte dem
Afsender
Cafe Oscar
Budskab
Sammenhold, arrangements og koncerter. Vi skal gøre byen mere levende.
Medie
www.Google.com
Målgruppe
Unge tilflyttere og forældre med børn, men selvfølgelig også det faste stampublikum.
Ønsket effekt
At få sammenhold og skabe et fedt fællesskab for unge og ældre med god stemning og musik
Usability
Ik så meget tekst kort det ned til kun det vigtigste.
Den skal være nem at kunne finde ud af og man skal ikke klikke alt for meget rundt.
Man skal ikke tænke for meget over tingene det skal være åbenlyst hvad man skal.
Vi læser ikke tingene vi scanner tingene efter hvad vi skal bruge.
Layout og komposition
Proximity
Når man holder de ting sammen som der passer sammen og laver tydeligt plads mellem de ting der ikke passer sammen.
White space
Det er mellemrummet f.eks. mellem linjerne på ens hjemmeside.
Alignment
Det betyder at man skal sørge for at alt ting ser ens ud og at det ikke står forskudt.
Contrast
Man gør de vigtige ting større for at fange personernes opmærksomhed.
Repetition
Man bruger de samme farver og ikke har 100 forskellige farver på ens hjemmeside.
Layout og wireframing
Layout:
Det er hvordan hjemmesiden ser ud når du kigger på den, hvordan den er fordelt og hvor tingene er henne på hjemmesiden. Det er også her at man skal sørge for at ens hjemmeside er nem at læse og overskuelig at kigge på.
Wireframing:
Her finder man ud af hvordan hjemmesiden skal se ud og hvor man skal placere de forskellige ting, man kan lidt kalde det for hjemmesidens skelet.
Farver
Hue
Et andet ord for farve.
Saturation
Hvor kraftig farven skal være.
Value
Hvor mørk/lys farven skal være.
Farvepalet
Vi brugte #3b75a8 (blå) til vores nav bars baggrund.
Vi brugte WhiteSmoke som baggrund til teksten/indholdet.
Vi brugte #eae6dd (cream hvid) til teksten i nav baren.
Vi brugte #e0ffff (lyseblå) som baggrund til det hele.
Skitser
Overvejelser og målet med opagaven
Vi gjorder os endelig ikke så mange overvejelser kun, at vores hjemmeside skulle være nem og overskulig så den var lige til at bruge.
Vi ville lave en brugervenlig hjemmeside, som var nem og bruge. Vi lavede os denne opgave for at blive bedre til html og css og kunne se muligerheder og skabe et design.
Prototyping:
Prototyping går ud på at du tester dit program eller i det her tilfælde en website. Så tester du den for eventuelle fejl eller forbedringer og det kan du gøre ved at få nogle testpersoner til at afprøve din hjemmeside.
Test af websiten:
Overordnet set ville vi have en person til at klikke rundt på vores hjemmeside, uden at vi sagde eller gjorde noget, for at se om de kunne forstå, hvordan man navigerede rundt på den, og for at se om den var overskuelig at kigge på.
Vi fik personen til at klikke rundt på de forskellige sider på hjemmesiden, og se at alt virkede, personen syntes ikke det så ud til at der var nogle fejl.