Midtrapport
- begrunnelse for designvalg
Forord
I vårt arbeid med prosjektet som går ut på å utvikle en webside, henger begrunnelse for designvalg (som det meste annet i prosjektet) tett knyttet til problemstillingen vår "Hvordan utvikle en informativ og brukervennlig webside for en hundefrisørsalong".
Målgruppen vår er "folk flest", altså alle typer mennesker. Kriteriet er bare at de har hund. Vi må derfor anta at det finnes et flertall utekniske mennesker eller mennesker med andre svakheter som skal navigere på websiden vår. Derfor legger vi stor vekt på brukervennlighet i vårt valg av design.
Begrunnelse
Siden skal være informativ på den måten at kunden får vite akkurat det han/hun lurer på uten å måtte lese for mye. Med andre ord, det skal ikke være en side hvor vi bare skriver masse tekst. Teksten skal være lett leselig og ikke komme i store bolker. Heller for mange punkum og paragrafer enn for få. Dette går igjen over til brukervennlighet. Brukervennlighet er nøkkelordet i de fleste valg vi har tatt underveis i prosessen vår ref. dokumentet Kravspesifikasjoner. Når vi bestemte oss for valg av utseende/design på websiden endte vi etter en del forslag opp med en side med et oppsett som ikke er helt ulik gruppe-siden vår (altså denne siden du ser på nå).
Valget falt på et slikt oppsett fordi man på enklest mulig måte kan klikke seg frem til den info man trenger. Vi vurderte å bruke
dropdown menyer for å minske antallet knapper på siden. Vi valgte det bort fordi siden da nesten kunne grenses til banalt enkel - Man
trenger ikke klikke mer enn én gang for å finne det man leter etter. "Kanskje det finnes utekniske mennesker som ikke vet hva en
dropdown meny er, eller hvordan den fungerer?" tenkte vi.
Man kan med et slik oppsett måtte se på websiden i få sekunder for å forstå hvilken info som står skrevet hvor, og hvordan man navigerer
seg dit. Vi skal også ha mulighet for å endre språk til engelsk (ref. kravspesifikasjoner). Utseendemessig vil dette være en knapp med
teksten "English" med et symbol av et engelsk flagg ved siden av knappen.
Font og fargevalg
Ettersom at Hundefrisørene© har en etablert og kjent logo og visittkort falt hovedfargen vår naturlig på den orangetonen brukt i
visittkortet.
Når de gjelder font, vil også den gjenspeiles fra visittkortet. Etter som at dette er en font som faktisk koster penger,
antar vi at ikke alle har denne fonten installert på datamaskinen sin. Vi skal derfor også sette alterantive fonter som ser tilnærmet
like ut. På knappene i menyen skal vi bruke samme effekt som det er blitt brukt på skriften i visittkortet. Altså skrive annethvert ord
sort/hvitt og bold/normal. Disse knappene vil være bilder, slik at den som ser på nettsiden ikke tvinges til å ha den spesielle fonten
installert for å kunne se den.
En knapp fra menyen vil se ca. slik ut:
Oppsettet vårt vil se omtrent ut som på illustrasjonen nedenfor.
I fargeoppsettet vårt har vi brukt prinsippene til Ittens fargelære. (Her og her kan du lære mer om Johannes Itten og hvordan han har satt farger i system). Farger vil endre seg noe, men vi skal i hovedsak bruke blått og orange. Grunnen til at vi velger blå som kontrast farge til den orange, er at blå er komplimentær-kontrasten til orange. Det vil si at fargene komplimenterer hverandre. I og med at den orange fargen i banneren er så mettet som den er, kommer menyen til å være gradert og mere "transparent". Hvis vi også her skal bruke fagspråk, danner dette en kvalitets-kontrast og en mørk/lys- kontrast i fargebruket.