Webdesign

Vennesla Videregående Skole

Intro Webdesign

Mediefag, 1mk

Et nettsted bør ha:

Gjennomført og gjennomtenkt design.

Attraktivt for brukerne å ”undersøke” nettstedet.

Samme stil.

Utvikling av webdesign

Mange hensyn å ta :

Visuelt – siden skal se pen og ryddig ut.

Kommunikasjon - det er viktig at nettstedet kommuniserer godt med brukeren.

Webdesign er selve mediet i budskapsformidlingen mellom sender og mottaker.

Teknologiske muligheter og begrensninger.

Stil

mønster eller mal for websidene på et nettsted.

Bestå av:

- bestemte fargevalg- skrifttyper - skriftstørrelser- plassering av navigasjonsverktøy- osv..

Farger

Hvilke farger som skal brukes på et nettsted:

avgjørende for hvilket inntrykk de besøkende får

Farger appellerer i stor grad til følelser.

Farger

Fargevalget:

konsekvent i hele nettstedet.

Frihet i henhold til fargenyanser:

Skriftfargen bør:

- passe sammen med- skape en kontrast til bakgrunnsfargen.

Leselighet

”Leseligheten” angir det visuelle inntrykket vi får av teksten, – altså hvor godt ser/oppfatter jeg teksten:

- for liten kontrast mellom fargen på bakgrunnen og fargen på fonten gir dårlig leselighet.

Her er det altfor liten kontrast mellom bakgrunn og skrift. Resultatet er dårlig leselighet.

Lesbarhet

”Lesbarhet” angir hvor lett det er å oppfatte innholdet/meningen med teksten:

-lesbarheten er altså lav hvis teksten er skrevet med et innviklet språk – leseren forstår ikke !

Bla, bla,bla og lignende

Strukturering av websider

gjennomtenkt struktur på navigeringen mellom de ulike sidene.

Strukturen skal sørge for at brukeren på en oversiktelig måte finner fram til den informasjonen han/hun søker.

Strukturering av websider

Strukturkart over nettstedet.

Lettere å: - se hvilke sider det skal være hyperkobling mellom- gruppere informasjonen som hører logisk sammen

Strukturmodeller

Det er vanlig å skille mellom 4 ulike strukturmodeller:

Hierarkisk struktur

Lineær struktur

Kombinasjon av hierarkisk og lineær struktur

Spindelvev struktur

Hierarkisk struktur

Hierarkisk struktur = trestruktur sidene forgreines utover i nettstedet.

Etter at brukeren vises ”startsiden” kan han/hun bevege seg nedover en av ”grenene”.

Det er ikke mulig å hoppe direkte mellom grenene, men brukeren må alltid gå veien om ”startsiden”.

Lineær struktur

Sidene inneholder kun link til neste (og evt. forrige) side.

Brukeren tvinges å følge strukturen webdesigner har lagt opp til.

Lineær struktur forts.

Hensiktsmessig hvis: ønsker kontroll over hvordan brukeren navigerer mellom sidene

(f.eks. hvis det er viktig at info’en kommer i en bestemt rekkefølge og ingenting bør hoppes over.)

Miks av hierarkisk og lineær

Her kan brukeren altså velge selv om han vil gå gjennom websidene i en forhåndsbestemt rekkefølge (lineær), eller gå fra et nivå til et annet (hierarkisk).

Kombinerer de beste fra begge modellene.

Spindelvevstruktur

Her kan brukeren fritt bevege seg fra den ene websiden til en annen, uavhengig av rekkefølge og evt. emne.

Strukturen krever at brukerenkjenner nettstedet godt, ellersvil han/hun lett kunne gå seg bort.