Rike, interaktive prototyper

988
-1

Published on

Foredrag om prototyping, webdagene 2010.

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

  • Be the first to like this

No Downloads
Views
Total Views
988
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Rike, interaktive prototyper

  1. 1. Rike, interaktive prototyper. Inge Fossland, Webdagene 2010
  2. 2. Neo Interaktiv WM-data NetLife (1998–99) (2002–08) (2010–) Netspot IconMedialab Logica (1995–98) (1999–2002) (2008–2010)
  3. 3. Problemet med dagens designprosesser.
  4. 4. Produktet
  5. 5. A
  6. 6. A
  7. 7. A B
  8. 8. A B
  9. 9. A B C
  10. 10. A B Produktet C
  11. 11. Produktet
  12. 12. Produktet
  13. 13. Produktet
  14. 14. Produktet
  15. 15. Produktet
  16. 16. Produktet
  17. 17. Produktet
  18. 18. Produktet
  19. 19. Produktet
  20. 20. Vi må jobbe annerledes.
  21. 21. !"#$%&'()*+#$',--%./+ ;0*3$"+ ,-#9&:+ '73<:+ '*$&+ &0*3+ &0*3+ 1$-/$+73*$--+3/+ "38+ 1$-/$+ ,--$//+ 4$"&%/+ .56+ #$*0-%./'10-/+ #$*0-%./'10-/+ -3//+ %..-3//$*+ %22$++ %..+ %..-3//$*+ 9'%2"$*+89-%/:+ 9'%2"$*+89-%/:+ 85+$--$"+1%-+ 85+$--$"+1%-+ 10-/*+ 10-/*+ '%2"$+8$&+23"*+ '%2"$+8$&+23"*+ =>$'*$.01.+ 09*3A+ '$.&+ $AB3'*+ '2"%1+ ?1%@$"%./+ #$"2"$C$-'$+ 9*+ Vi må lage færre abstrakte leveranser.
  22. 22. Vi må jobbe med reellt innhold, ikke lorem ipsum.
  23. 23. Vi må lage interaktive design, ikke flate designskisser.
  24. 24. Vi må lage bedre dokumentasjon for utviklerne.
  25. 25. Start Slutt Vi må teste ting og justere helheten underveis.
  26. 26. Prototyping i webprosjekter.
  27. 27. Prototyping med webstandarder. Bygget av HTML+CSS. XML for innhold. Javascript for rike grensesnitt. Kan fungere som designdokumentasjon. Kan tas direkte inn i utviklingsløpet.
  28. 28. Prototyping med webstandarder kan: 1 Løse designutfordringer. 2 Løse kommunikasjonsutfordringer. 3 Testes og justeres underveis.
  29. 29. 1 Prototyping kan løse designutfordringer.
  30. 30. Work in Photoshop, donʼt save in Photoshop. Jason Z, 37signals http://37signals.com/svn/posts/1821-work-in-photoshop-dont-save-in-photoshop
  31. 31. Dagsavisen.no WM-data (2007–2009)
  32. 32. Prototyper løser designutfordringer. Fungerer designet med forskjellig innhold? Fungerer innholdet i ulike sammenhenger? Fungerer designet i ulike kontekster? Prototypen = designdokumentasjon.
  33. 33. 2 Prototyping kan løse kommunikasjonsutfordringer.
  34. 34. Experience shows a dramatic increase in the effectiveness of a team when its first prototype is built and discussed upon. Janne M. Korhonen, Tua A. Björklund Future Lab of Product Design, Helsinki University of Technology
  35. 35. Thon Hotels Logica (2008–2009)
  36. 36. Prototyper som kommunikasjonsverktøy. Når du skal jobbe med store, omfattende nettsteder. Prototypen viser helhet, og alle de små detaljene. Enklere å kommunisere ideer mellom alle involverte.
  37. 37. 3 Prototyper kan testes og justeres underveis.
  38. 38. The true power of prototyping really emerges during iteration. This is when users can interact with your prototype. Anders Ramsay & Leah Buley http://www.boxesandarrows.com/view/prototyping-with
  39. 39. NSB.no Netlife Research (2010–)
  40. 40. Prototyper som testverktøy. Når du skal designe prosesser og systemer. Når du må lage og teste ulike scenarioer. Du kan teste systemet i riktig kontekst. Det er enkelt å gjøre endringer underveis.
  41. 41. En bedre prosess.
  42. 42. Produktet
  43. 43. Inge Fossland <inge@netliferesearch.com>
  44. 44. Takk til Dagsavisen • Øystein Helmikstøl <oystein.helmikstol@dagsavisen.no> Thon Hotels • Kjartan Dannatt <kjartan.dannatt@thonhotels.no> NSB • Kristin Kjøge Jansson <kristin.jansson@nsb.no>

×