Hva må vi huske i webdesign

1. Webdesign Vennesla Videregående Skole

2. Intro Webdesign Mediefag, 1mk

3. Et nettsted bør ha: Gjennomført og gjennomtenkt design. Attraktivt for brukerne å ”undersøke” nettstedet. Samme stil.

4. 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.

5. Stil mønster eller mal for websidene på et nettsted. Bestå av:- bestemte fargevalg- skrifttyper - skriftstørrelser- plassering av navigasjonsverktøy- osv..

6. 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.

7. Farger Fargevalget: konsekvent i hele nettstedet. Frihet i henhold til fargenyanser: Skriftfargen bør: - passe sammen med- skape en kontrast til bakgrunnsfargen.

8. 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.

9. 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

10. 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.

11. Strukturering av websider Strukturkart over nettstedet. Lettere å: - se hvilke sider det skal være hyperkobling mellom- gruppere informasjonen som hører logisk sammen

12. Strukturmodeller Det er vanlig å skille mellom 4 ulike strukturmodeller: Hierarkisk struktur Lineær struktur Kombinasjon av hierarkisk og lineær struktur Spindelvev struktur

13. Hierarkisk struktur Hierarkisk struktur = trestruktur sidene forgreines utover i nettstedet. Etter at brukeren vises ”startsiden” kan han/hun bevege seg nedover en av ”grenene”.

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

15. Lineær struktur Sidene inneholder kun link til neste (og evt. forrige) side. Brukeren tvinges å følge strukturen webdesigner har lagt opp til.

16. 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.)

17. 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.

18. 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.