Webdagene2007 Teodor Bjerrang Wireframes

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

1 comments

Comments 1 - 1 of 1 previous next Post a comment

Post a comment
Embed Video
Edit your comment Cancel

Notes on slide 1

2 Favorites

Webdagene2007 Teodor Bjerrang Wireframes - Presentation Transcript

  1. Webdagene 2007 g Wireframes – Grids – Interaksjonsdesign Teodor Bjerrang
  2. Wireframes • Enkelt å visualisere ideer til alle prosjektdeltakere • Illustrerer omfanget av en webside • Mulig å brukerteste • Fokus på innhold og funksjon f kj • Raskt og utvikle, enkle verktøy
  3. Grids • Hjelper deg å plassere innhold i samsvar sams ar med hverandre • Holde proporsjoner i samsvar med hverandre • Komposisjon
  4. Grids – litt historie
  5. Storebrand skadeforsikring g Fra i f F wireframes og grid id til ferdig design
  6. Versjon 1 av wireframen Versjon 1 laget av Netlife Research
  7. Skjermstørrelse <> Nettleserstørrelse 1024x768 px 1024x738 px p 1004x598 px 944x598 px
  8. Skjermstørrelser
  9. Grid • 944 – (16 x 4) / 5 = 176 • 944 – (16 x 9) / 10 = 80
  10. Basisgrid
  11. 5 x 176
  12. 10 x 80
  13. 944 – (16 x 4) / 5 = 176
  14. 2 spalter
  15. 2 spalter
  16. 2 spalter
  17. 3 spalter
  18. 3 spalter
  19. 3 spalter
  20. 5 spalter
  21. Versjon 1 av wireframen Versjon 1 laget av Netlife Research
  22. Wireframe v2 hovedside
  23. 944 – (16 x 4) / 5 = 176
  24. La oss slå på lyset
  25. Innhold Wireframe v2
  26. Funksjonalitet
  27. Funksjonalitet
  28. Funksjonalitet
  29. Form og farge
  30. Innhold
  31. Ikoner
  32. Ikoner - Prosess
  33. Ikoner og funksjonalitet
  34. Grid
  35. Versjon 1 av wireframen Versjon 1 laget av Netlife Research
  36. Forsikringssiden i dag
  37. Lansert desember 2006
  38. Resultat • 60% av salget skjer på via Internettsidene • Brukersupport nesten lik 0 • Online kunder strekker seg opp til 93 år • 40% av salget skjer utenfor normal kontortid ( 6 00) o o d (16:00) • Konverteringsraten ligger betydelig høyere en bransjestandarden hø b jtdd
  39. Nominert • Rosingprisen • Brukervennlighetsprisen • Beste nettsted
  40. Avisannonse ved lansering
  41. Dyreparken yp Hurtigbestilling Fra ide design H ti b tilli - F id til d i
  42. Resultatet Resultatet vil H R lt t t il Hans M ti S i d l f Martin Sveindal fra Dyreparken sammen med Karl Philip Lund fra .IXD presentere senere i dag.
  43. Utdanningshuset g Redesign R d i med f k på konvertering d fokus å k ti
  44. 2004
  45. Action Segmentering Trygghet/personlig preg Trygghet/størrelse Segmentering
  46. Resultat Resultatet vil M R lt t t il Magne U Uppman presentere t senere i dag.
  47. Verktøy for å komme i gang • Wi f Wireframemaler l – Powerpoint – Illustrator – Photoshop eller GIMP p • Grid eksempler/maler for Photoshop eller GIMP • Gå til www.webdagene.no/2007/lastned og registrer deg for nedlasting av verktøy og it df dl ti ktø våre foredrag.
  48. Takk for meg g Teodor Bjerrang Interaksjonsdesigner .IXD teodor@ixd.no - Mob. 90 78 01 90 www.ixd.no - www.kuttisme.no Takk til Khoi Vinh for Grid inspirasjon

+ aneurhaneurh, 3 years ago

custom

1262 views, 2 favs, 1 embeds more stats

webdagene2007 teodorbjerrang grids wireframes ixd n more

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 1262
    • 1154 on SlideShare
    • 108 from embeds
  • Comments 1
  • Favorites 2
  • Downloads 45
Most viewed embeds
  • 108 views on http://www.webdagene.no

more

All embeds
  • 108 views on http://www.webdagene.no

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories

Tags

-->
What's New

© 2009 SlideShare Inc. All rights reserved.