En powerpoint med de grunnleggende tipsene om hvordan du skal tenke og hva du skal tenke på når du skal designe et nettsted.

1. Å designe ditt eget
nettsted
GRUNNLEGGENDE TIPS

2. Et nettsted bør ha
 Gjennomført og gjennomtenkt design
 Attraktivt for brukerne å «undersøke og forstå» nettstedet.
 Samme stil som går igjen på sidene på nettstedet.
 Ikke for mye farger, men ikke for lite heller.
 Tenk på komposisjonsprinsippene (farger, skrifttype, innhold ol)

3. Design
 Webdesign er selve mediet i budskapsformidlingen mellom sender og mottaker
 Visuelt – siden skal se pen og ryddig ut, samtidig som den trekker lesere.
 Kommunikasjon – det er viktig at nettstedet kommuniserer godt med brukerne.
 Teknologiske muligheter – tenk på muligheter og begrensninger med designet ditt.

4. Farger
 Hvilke farger som skal brukes på nettsted er avgjørende for hvilket inntrykk du vil gi de
besøkende.
 Å bruke sterke farger på skrift eller bakgrunn er unødvendig om mottakeren er i femti-årene.
 Farger appellerer i stor grad til følelser, så ikke velg sort når innholdet på nettstedet ditt er om
babyklær for eks.
 Tenk på følgende spørsmål som:
 Hvem er målgruppen?
 Hvilket tema passer best til målgruppen?
 Hvilke farger og fonter?

5. Fargevalget
 Når du velger farger, bør fargene være konsekvente i hele nettstedet. Det betyr at hvis du velger
blå på «Om meg» webpagen, er det ikke lurt å bruke gul på «Hjem» webpagen.
 Frihet i henhold til fargenyanser.
 Skriftfargen bør:
 passe sammen med resten
 skape en kontrast til bakgrunnsfargen

6. Stil
 Når du skal lage et nettsted så må du tenke på at du bør ha et bestemt mønster eller mal for
websidene på det samme nettstedet.
 Et mønster består av:
 bestemte fargevalg
 skrifttyper
 skriftstørrelser
 plassering av navigasjonsverktøy
 osv..

7. Leselighet
 «Lesligheten» angir det visuelle inntrykket vi får av teksten, - altså hvor godt du ser/oppfatter
jeg teksten.
 For lite 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.

8. Lesbarhet
 «Lesbarhet» angri hvor lett det er å oppfatte innholdet/meningen med teksten.
 Lesbarheten et altså lav hvis teksten er skrevet med innviklet språk – leseren forstår ikke!

9. Struktur
 Gjennomtenkt struktur på navigeringen mellom de ulike sidene.
 Strukturen skal sørge for at brukeren finner frem til den informasjonen han/hun søker på en
oversiktlig måte.
 Strukturkart er best å bruke til nettstedet.
 Det gjør det lettere å:
 se hvilke sider det skal være hyperkobling mellom
 gruppere informasjonen som hører logisk sammen

10. Forskjellige typer strukturmodeller
 De vanligste strukturmodellene det er vanlig å skille mellom er:
 hierarkisk struktur
 lineær struktur
 kombinasjon av hierarkisk og lineær struktur
 Spindelvev struktur

11. Lineær struktur
 Lineær struktur – sidene inneholder kun link
til neste og eventuelt forrige side.
 Brukeren tvinges til å følge strukturen (1-2-3)
og kan ikke hoppe som en selv vil f.eks. (2-1-3).
 Det brukes til for eksempel
instruksjonshåndbok (ikea), der man må følge
sidene for å vite hvordan skapet skal skrus
sammen.

12. Hierarkisk struktur
 Hierarkisk struktur – trestruktur. Sidene
forgreines utover i nettstedet.
 Etter at brukeren vises «startsiden» kan
han/hun bevege seg nedover «grenene».
 Det er ikke mulig å hoppe direkte mellom
grenene, men brukeren må alltid gå veien om
«startsiden».

13. Miks av hierarkisk og lineær struktur
 Her kan brukeren selv bestemme om han/hun
vil gå gjennom sidene i en bestemt rekkefølge
eller slik som han/hun selv ønsker.

14. Spindelvevstruktur
 Her kan brukeren fritt bevege seg fra den ene
siden til en annen, uavhengig av rekkefølge og
emne.
 Strukturen krever at brukeren kjenner
nettstedet godt eller så vil han/hun kunne gå
seg lett bort.