Foredrag om prototyping, webdagene 2010.

1. Rike, interaktive prototyper.
Inge Fossland, Webdagene 2010

2. Neo Interaktiv WM-data NetLife
(1998–99) (2002–08) (2010–)
Netspot IconMedialab Logica
(1995–98) (1999–2002) (2008–2010)

3. Problemet med dagens
designprosesser.

4. Produktet

6. A

7. A

8. A
B

9. A
B

10. A
B
C

11. A
B Produktet
C

12. Produktet

13. Produktet

14. Produktet

15. Produktet

16. Produktet

17. Produktet

18. Produktet

19. Produktet

20. Produktet

21. Vi må jobbe annerledes.

22. !"#$%&'()*+#$',--%./+
;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.

23. Vi må jobbe med reellt innhold, ikke lorem ipsum.

24. Vi må lage interaktive design, ikke flate designskisser.

25. Vi må lage bedre dokumentasjon for utviklerne.

26. Start Slutt
Vi må teste ting og justere helheten underveis.

27. Prototyping i webprosjekter.

29. 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.

30. Prototyping med webstandarder kan:
1 Løse designutfordringer.
2 Løse kommunikasjonsutfordringer.
3 Testes og justeres underveis.

31. 1
Prototyping kan løse
designutfordringer.

32. Work in Photoshop, donʼt save in Photoshop.
Jason Z, 37signals
http://37signals.com/svn/posts/1821-work-in-photoshop-dont-save-in-photoshop

33. Dagsavisen.no
WM-data (2007–2009)

37. Prototyper løser designutfordringer.
Fungerer designet med forskjellig innhold?
Fungerer innholdet i ulike sammenhenger?
Fungerer designet i ulike kontekster?
Prototypen = designdokumentasjon.

38. 2
Prototyping kan løse
kommunikasjonsutfordringer.

39. 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

40. Thon Hotels
Logica (2008–2009)

44. 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.

45. 3
Prototyper kan testes og
justeres underveis.

46. 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

47. NSB.no
Netlife Research (2010–)

51. 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.

52. En bedre prosess.

53. Produktet

68. Inge Fossland
<inge@netliferesearch.com>

69. 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>