skisser utanfor boksen

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

Upload: jon-olav-eikenes

Post on 12-Jul-2015

3.034 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Skisser utanfor boksen

Skisser utanfor boksen

Jon Olav EikenesPhD-student

Design- og arkitekturhøgskulen i Oslo

www.navimationresearch.net

Twitter: @jonolave

Page 2: Skisser utanfor boksen

‘Dobbel interaksjon’

Grensesnitt og sosiale medier

Eikenes (2009)

Page 3: Skisser utanfor boksen
Page 4: Skisser utanfor boksen
Page 5: Skisser utanfor boksen

Korleis kan bevegelse nyttast i ein nettlesar?

Kva kommuniserer ulike bevegelsar?

Eikenes (2010)

Page 6: Skisser utanfor boksen

OPERA MEDIA COLLECTIONS

My

colle

ctio

ns

1

2

ADD media objects to your collections, from all

kinds of sites in Opera Browser

SHARE collections with friends,e.g. through Facebook

SUBSCRIBE to media collection from friends and professional

content providers

Page 7: Skisser utanfor boksen

Korleis skisse bevegelse?

Page 8: Skisser utanfor boksen
Page 9: Skisser utanfor boksen

Video

Stop motion

Digital animasjon

Kode / programmering

‘Motion sketching’

Eikenes (2010)

Page 10: Skisser utanfor boksen

Motion sketching:

Video

Page 11: Skisser utanfor boksen

Handling: navigere mellom ulike medieobjekt (1)

Page 12: Skisser utanfor boksen

Handling: navigere mellom ulike medieobjekt (2)

Page 13: Skisser utanfor boksen

MOTION SKETCHING:

Programvare:- FrameByFrame - iMovie- Photoshop- ...

‘Stop motion’

Page 14: Skisser utanfor boksen

Handling: opne ei samling av medieobjekt

Page 15: Skisser utanfor boksen

Handling: Navgere mellom medieobjekt / nettsider

Page 16: Skisser utanfor boksen

MOTION SKETCHING:

Video & stop motion

FORDELAR

Raske skisser

Enkelt å skisse i 3D

‘Skisseuttrykk’

Inspirerande

ULEMPER

Fysiske begrensingar

Lite detaljar & realisme

Page 17: Skisser utanfor boksen

MOTION SKETCHING:

Digital animasjon

Programvare:- Keynote- Powerpoint- Photoshop- Flash- After Effects- Flash Catalyst

Page 18: Skisser utanfor boksen

Handling:

Legg til bilete i samling (1)

Page 19: Skisser utanfor boksen

Handling:

Opne ei mediesamling (1)

Page 20: Skisser utanfor boksen

MOTION SKETCHING:

Digital animasjon

FORDELAR

Realisme

Detaljerikdom

ULEMPER

3D er vanskeleg

For perfekt

Page 21: Skisser utanfor boksen

MOTION SKETCHING:

Kode / programmering

Page 22: Skisser utanfor boksen
Page 23: Skisser utanfor boksen

MOTION SKETCHING:

Kode / programmering

FORDELAR

Interaktivitet

Realisme & detaljar

ULEMPER

Tidkrevjande

Krev kunnskap / evner

Page 24: Skisser utanfor boksen

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

Nokre resultat fra analyseno

Page 25: Skisser utanfor boksen

For Opera

- Får dedikert ‘grunnforsking’

- Ser nye muligheter

- Ny kunnskap

- Nye prosjekt

- Profilering

Page 26: Skisser utanfor boksen

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

Konklusjon

Page 27: Skisser utanfor boksen

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

Takk for meg!