43
torsdag 21. februar 13

Kurs 2: design på nettstedet ditt

Embed Size (px)

DESCRIPTION

Tor Åge Vorren fra Rød Tråd holdt foredrag om design på nettstedet torsdag 21. februar. Her er slidene han brukte. Vil du se video fra presentasjonen? Her er den: http://bit.ly/YO5fiF

Citation preview

Page 1: Kurs 2: design på nettstedet ditt

torsdag 21. februar 13

Page 2: Kurs 2: design på nettstedet ditt

Tor Åge Vorren

Art director i Rød Tråd.Jobber med grafisk design, webdesign, film, motion graphics, illustrasjon, konseptutvikling og prosjektledelse.

Rød Tråd

Et fullservice reklamebyrå i Tromsø med 12 ansatte.

torsdag 21. februar 13

Page 3: Kurs 2: design på nettstedet ditt

Webdesign

torsdag 21. februar 13

Page 4: Kurs 2: design på nettstedet ditt

Grafisk profil

Nettsiden er en del av en større identitet.

Designet må uttrykke de samme verdiene og uttrykk som bedriftens grafiske profil.

Nettsiden må være en av brikkene som sammen skaper bedriftens «brand»

torsdag 21. februar 13

Page 5: Kurs 2: design på nettstedet ditt

Webdesign

Designet må underbygge sidens formål.

Hva ønsker du at brukeren skal gjøre på din side?

Hva ønsker brukeren å gjøre på din side?

torsdag 21. februar 13

Page 6: Kurs 2: design på nettstedet ditt

Webdesign

Leveregel

torsdag 21. februar 13

Page 7: Kurs 2: design på nettstedet ditt

Det må aldri være tvil

Elkjøp har mange produkter de vil at du skal kjøpe.

torsdag 21. februar 13

Page 8: Kurs 2: design på nettstedet ditt

Det må aldri være tvil

VG har mange nyheter de vil at du skal lese.(og annonser de vil du skal klikke på)

torsdag 21. februar 13

Page 9: Kurs 2: design på nettstedet ditt

Det må aldri være tvil

Dropbox vil at du skal laste ned og registrere deg som bruker.

torsdag 21. februar 13

Page 10: Kurs 2: design på nettstedet ditt

Det må aldri være tvil

Google vil at duskal søke etter noe.

torsdag 21. februar 13

Page 11: Kurs 2: design på nettstedet ditt

Farger

Hvilke farger signaliserer hva?

torsdag 21. februar 13

Page 12: Kurs 2: design på nettstedet ditt

Farger

Noen farger er seriøse.

torsdag 21. februar 13

Page 13: Kurs 2: design på nettstedet ditt

Farger

Noen farger er oppløftende og stimulerende.

torsdag 21. februar 13

Page 14: Kurs 2: design på nettstedet ditt

Farger

Bruk fargene til å lede brukeren i riktig retning.- seriøs info

- pris

- bestill

- skap trygghet

- utnytt kontraster for å fremheve viktige områder

torsdag 21. februar 13

Page 15: Kurs 2: design på nettstedet ditt

Farger

torsdag 21. februar 13

Page 16: Kurs 2: design på nettstedet ditt

Farger

Noen farger

passer ikke sammen

torsdag 21. februar 13

Page 17: Kurs 2: design på nettstedet ditt

Farger

Andre farger

skaper harmoni

torsdag 21. februar 13

Page 18: Kurs 2: design på nettstedet ditt

Former

Hvilke former signaliserer hva?

torsdag 21. februar 13

Page 19: Kurs 2: design på nettstedet ditt

Former

Hva kan du klikke på?

Tekst

Tekst

TekstTekst

Tekst

Tekst

torsdag 21. februar 13

Page 20: Kurs 2: design på nettstedet ditt

Formuleringer

Klikk her!

Call to action

Meld deg på

Legg i handlekurv Bestill

torsdag 21. februar 13

Page 21: Kurs 2: design på nettstedet ditt

Ikoner

Bruk ikoner for kommunisere raskere

Legg i handlekurv

Last ned

torsdag 21. februar 13

Page 22: Kurs 2: design på nettstedet ditt

Fonter

En font er et skriftsnitt (utseendet til et sett tegn/bokstaver)

Alle fonter har sitt eget uttrykk og personlighet.

Fontvalget må være bevisst.

Tenk lesevennlighet ved salg av størrelse og fargekombinasjoner

torsdag 21. februar 13

Page 23: Kurs 2: design på nettstedet ditt

Fonter

Noen fonter er useriøse,

uelegante og barnslige.

Uttrykker uhøytidelighet og lekenhet.Comic Sans

torsdag 21. februar 13

Page 24: Kurs 2: design på nettstedet ditt

Fonter

Noen fonter er seriøse.

Uttrykket er stødig og troverdig.Baskerville

torsdag 21. februar 13

Page 25: Kurs 2: design på nettstedet ditt

Fonter

Andre fonter er moderne.Uttrykker fremgang og

aktualitet.Gotham Rounded

torsdag 21. februar 13

Page 26: Kurs 2: design på nettstedet ditt

Navigasjon

Skjønner du hvor du kommer?

Finner du veien du ønsker å gå?

Vet du instinktivt hvor du skal klikke?

torsdag 21. februar 13

Page 27: Kurs 2: design på nettstedet ditt

Navigasjon

torsdag 21. februar 13

Page 28: Kurs 2: design på nettstedet ditt

Navigasjon

torsdag 21. februar 13

Page 29: Kurs 2: design på nettstedet ditt

Navigasjon

torsdag 21. februar 13

Page 30: Kurs 2: design på nettstedet ditt

Navigasjon

torsdag 21. februar 13

Page 31: Kurs 2: design på nettstedet ditt

Navigasjon

torsdag 21. februar 13

Page 32: Kurs 2: design på nettstedet ditt

Navigasjon

torsdag 21. februar 13

Page 33: Kurs 2: design på nettstedet ditt

Estetikk

Er det behagelig eller får du vondt i hodet?

torsdag 21. februar 13

Page 34: Kurs 2: design på nettstedet ditt

torsdag 21. februar 13

Page 35: Kurs 2: design på nettstedet ditt

Estetikk

torsdag 21. februar 13

Page 36: Kurs 2: design på nettstedet ditt

torsdag 21. februar 13

Page 37: Kurs 2: design på nettstedet ditt

torsdag 21. februar 13

Page 38: Kurs 2: design på nettstedet ditt

torsdag 21. februar 13

Page 39: Kurs 2: design på nettstedet ditt

torsdag 21. februar 13

Page 40: Kurs 2: design på nettstedet ditt

torsdag 21. februar 13

Page 41: Kurs 2: design på nettstedet ditt

Responivt eller egen variant for mobile enheter?

Er siden mobiltilpasset? Test ut.

Hvordan bevares designets verdi på forskjellige skjermer?

Klarer siden å utøve sin funksjon på alle plattformer?

torsdag 21. februar 13

Page 42: Kurs 2: design på nettstedet ditt

Avslutning

• «Don´t make me think»

• Ta vare på merkevaren

• La det aldri være tvil om hva brukeren skal og kan gjøre

• Presenter deg på ditt mest attraktive. Dette er din utstilling og personlige service på nettet.

• Sett deg i brukerens stol. Hvordan ønsker du å bli møtt når du går inn i en butikk?

torsdag 21. februar 13