1. Skisser
utanfor boksen
Jon Olav Eikenes
PhD-student
Design- og arkitekturhøgskulen i Oslo
www.navimationresearch.net
Twitter: @jonolave

2. Grensesnitt og sosiale medier
‘Dobbel interaksjon’
Eikenes (2009)

5. Korleis kan bevegelse nyttast i ein nettlesar?
Kva kommuniserer ulike bevegelsar?
Eikenes (2010)

6. OPERA MEDIA COLLECTIONS
2
SUBSCRIBE to media collection My collections
from friends and professional
content providers
SHARE collections with friends,
e.g. through Facebook
1
ADD media objects
to your collections, from all
kinds of sites in Opera Browser

7. Korleis skisse bevegelse?

9. ‘Motion sketching’
Video
Stop motion
Digital animasjon
Kode / programmering
Eikenes (2010)

10. Motion sketching:
Video

11. Handling: navigere mellom ulike medieobjekt (1)

12. Handling: navigere mellom ulike medieobjekt (2)

13. MOTION SKETCHING:
‘Stop
motion’
Programvare:
- FrameByFrame
- iMovie
- Photoshop
- ...

14. Handling: opne ei samling av medieobjekt

15. Handling: Navgere mellom medieobjekt / nettsider

16. MOTION SKETCHING:
Video & stop motion
FORDELAR ULEMPER
Raske skisser Fysiske begrensingar
Enkelt å skisse i 3D Lite detaljar & realisme
‘Skisseuttrykk’
Inspirerande

17. MOTION SKETCHING:
Digital animasjon
Programvare:
- Keynote
- Powerpoint
- Photoshop
- Flash
- After Effects
- Flash Catalyst

18. Handling:
Legg til bilete i samling (1)

19. Handling:
Opne ei mediesamling (1)

20. MOTION SKETCHING:
Digital animasjon
FORDELAR ULEMPER
Realisme 3D er vanskeleg
Detaljerikdom For perfekt

21. MOTION SKETCHING:
Kode / programmering

23. MOTION SKETCHING:
Kode / programmering
FORDELAR ULEMPER
Interaktivitet Tidkrevjande
Realisme & detaljar Krev kunnskap / evner

24. o
Nokre resultat fra analysen
Ved å bruke bevegelse kan ein...
- Framkalle assosiasjonar
- Plassere brukar i eit ‘3D-miljø’
- Indikere sammenhengar
- Re-arrangere
- Plassere og hente fram
- Introdusere eller avdekke
- Skifte fokus
- Forandre / transformere element
- Bekrefte handlingar
- Gje brukaren meir kontroll

25. For Opera
- Får dedikert ‘grunnforsking’
- Ser nye muligheter
- Ny kunnskap
- Nye prosjekt
- Profilering

26. Konklusjon
1. Grensesnittet er viktig for sosiale medier
2. Bevegelse på skjerm kan ha ulike ‘funksjonar’
3. Det er lov å vere kreativ på metode og skissing

27. Takk for meg!
Referansar
Buxton, W. (2007). Sketching user experience: getting the design right and the right design.
San Francisco, CA: Elsevier.
Eikenes, J.O.(2010). Connecting motional form to interface actions in web browsing:
Investigating through motion sketching. FORMakademisk, 3(1), 80-100.
Eikenes, J.O. and A. Morrison (2010). Navimation: Exploring time, space & motion in
the design of screen-based interfaces. International Journal of Design, 4(1), 1-16.
Eikenes, J. O. (2009). ‘Social navimation: Engaging interfaces in social media’. Paper
presented at Engaging Artifacts.The 3rd Nordic design research conference (NORDES). 31
August-1 September.
www.navimationresearch.net
Twitter: @jonolave