Kurs 2: design på nettstedet ditt

411 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
411
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Kurs 2: design på nettstedet ditt

  1. 1. torsdag 21. februar 13
  2. 2. 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
  3. 3. Webdesigntorsdag 21. februar 13
  4. 4. 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
  5. 5. 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
  6. 6. Webdesign Leveregeltorsdag 21. februar 13
  7. 7. Det må aldri være tvil Elkjøp har mange produkter de vil at du skal kjøpe.torsdag 21. februar 13
  8. 8. 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
  9. 9. Det må aldri være tvil Dropbox vil at du skal laste ned og registrere deg som bruker.torsdag 21. februar 13
  10. 10. Det må aldri være tvil Google vil at du skal søke etter noe.torsdag 21. februar 13
  11. 11. Farger Hvilke farger signaliserer hva?torsdag 21. februar 13
  12. 12. Farger Noen farger er seriøse.torsdag 21. februar 13
  13. 13. Farger Noen farger er oppløftende og stimulerende.torsdag 21. februar 13
  14. 14. Farger Bruk fargene til å lede brukeren i riktig retning. - seriøs info - pris - bestill - skap trygghet - utnytt kontraster for å fremheve viktige områdertorsdag 21. februar 13
  15. 15. Fargertorsdag 21. februar 13
  16. 16. Farger Noen farger passer ikke sammentorsdag 21. februar 13
  17. 17. Farger Andre farger skaper harmonitorsdag 21. februar 13
  18. 18. Former Hvilke former signaliserer hva?torsdag 21. februar 13
  19. 19. Former Tekst Tekst Hva kan du klikke på? Tekst Tekst Tekst Teksttorsdag 21. februar 13
  20. 20. Formuleringer Call to action Klikk her! Meld deg på Legg i handlekurv Bestilltorsdag 21. februar 13
  21. 21. Ikoner Bruk ikoner for kommunisere raskere Legg i handlekurv Last nedtorsdag 21. februar 13
  22. 22. 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 fargekombinasjonertorsdag 21. februar 13
  23. 23. Fonter Noen fonter er useriøse, uelegante og barnslige. Uttrykker uhøytidelighet og lekenhet. Comic Sanstorsdag 21. februar 13
  24. 24. Fonter Noen fonter er seriøse. Uttrykket er stødig og troverdig. Baskervilletorsdag 21. februar 13
  25. 25. Fonter Andre fonter er moderne. Uttrykker fremgang og aktualitet. Gotham Roundedtorsdag 21. februar 13
  26. 26. Navigasjon Skjønner du hvor du kommer? Finner du veien du ønsker å gå? Vet du instinktivt hvor du skal klikke?torsdag 21. februar 13
  27. 27. Navigasjontorsdag 21. februar 13
  28. 28. Navigasjontorsdag 21. februar 13
  29. 29. Navigasjontorsdag 21. februar 13
  30. 30. Navigasjontorsdag 21. februar 13
  31. 31. Navigasjontorsdag 21. februar 13
  32. 32. Navigasjontorsdag 21. februar 13
  33. 33. Estetikk Er det behagelig eller får du vondt i hodet?torsdag 21. februar 13
  34. 34. torsdag 21. februar 13
  35. 35. Estetikktorsdag 21. februar 13
  36. 36. torsdag 21. februar 13
  37. 37. torsdag 21. februar 13
  38. 38. torsdag 21. februar 13
  39. 39. torsdag 21. februar 13
  40. 40. torsdag 21. februar 13
  41. 41. 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
  42. 42. 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
  43. 43. Spørsmål? toraage@rodtrad.notorsdag 21. februar 13

×