Rike, interaktive prototyper.



Inge Fossland, Webdagene 2010
Neo Interaktiv         WM-data                  NetLife
             (1998–99)            (2002–08)                 (2010–...
Problemet med dagens
designprosesser.
Produktet
A
A
A




B
A




B
A




B




C
A




B   Produktet




C
Produktet
Produktet
Produktet
Produktet
Produktet
Produktet
Produktet
Produktet
Produktet
Vi må jobbe annerledes.
!"#$%&'()*+#$',--%./+
                       ;0*3$"+        ,-#9&:+       '73<:+
                        '*$&+          &0...
Vi må jobbe med reellt innhold, ikke lorem ipsum.
Vi må lage interaktive design, ikke flate designskisser.
Vi må lage bedre dokumentasjon for utviklerne.
Start                                                     Slutt




        Vi må teste ting og justere helheten underveis.
Prototyping i webprosjekter.
Prototyping med webstandarder.


Bygget av HTML+CSS.
XML for innhold.
Javascript for rike grensesnitt.
Kan fungere som des...
Prototyping med webstandarder kan:


1   Løse designutfordringer.
2   Løse kommunikasjonsutfordringer.
3   Testes og juste...
1




Prototyping kan løse
designutfordringer.
Work in Photoshop, donʼt save in Photoshop.
Jason Z, 37signals
http://37signals.com/svn/posts/1821-work-in-photoshop-dont-...
Dagsavisen.no
WM-data (2007–2009)
Prototyper løser designutfordringer.


Fungerer designet med forskjellig innhold?
Fungerer innholdet i ulike sammenhenger?...
2




Prototyping kan løse
kommunikasjonsutfordringer.
Experience shows a dramatic increase in the
effectiveness of a team when its first prototype is
built and discussed upon.
J...
Thon Hotels
Logica (2008–2009)
Prototyper som kommunikasjonsverktøy.


Når du skal jobbe med store, omfattende nettsteder.
Prototypen viser helhet, og al...
3




Prototyper kan testes og
justeres underveis.
The true power of prototyping really emerges
during iteration. This is when users can interact
with your prototype.
Anders...
NSB.no
Netlife Research (2010–)
Prototyper som testverktøy.


Når du skal designe prosesser og systemer.
Når du må lage og teste ulike scenarioer.
Du kan ...
En bedre prosess.
Produktet
Inge Fossland
<inge@netliferesearch.com>
Takk til


Dagsavisen
• Øystein Helmikstøl <oystein.helmikstol@dagsavisen.no>
Thon Hotels
• Kjartan Dannatt <kjartan.danna...
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Rike, interaktive prototyper
Upcoming SlideShare
Loading in...5
×

Rike, interaktive prototyper

924

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

×