14
Å designe ditt eget nettsted GRUNNLEGGENDE TIPS

Design - powerpoint

Embed Size (px)

Citation preview

Page 1: Design - powerpoint

Å designe ditt eget nettstedGRUNNLEGGENDE TIPS

Page 2: Design - powerpoint

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)

Page 3: Design - powerpoint

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.

Page 4: Design - powerpoint

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?

Page 5: Design - powerpoint

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

Page 6: Design - powerpoint

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

Page 7: Design - powerpoint

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.

Page 8: Design - powerpoint

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!

Page 9: Design - powerpoint

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

Page 10: Design - powerpoint

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

Page 11: Design - powerpoint

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.

Page 12: Design - powerpoint

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

Page 13: Design - powerpoint

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.

Page 14: Design - powerpoint

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.