Skisser utanfor boksen
-
Upload
jon-olav-eikenes -
Category
Design
-
view
3.038 -
download
0
Transcript of Skisser utanfor boksen
![Page 1: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/1.jpg)
Skisser utanfor boksen
Jon Olav EikenesPhD-student
Design- og arkitekturhøgskulen i Oslo
www.navimationresearch.net
Twitter: @jonolave
![Page 2: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/2.jpg)
‘Dobbel interaksjon’
Grensesnitt og sosiale medier
Eikenes (2009)
![Page 3: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/3.jpg)
![Page 4: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/4.jpg)
![Page 5: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/5.jpg)
Korleis kan bevegelse nyttast i ein nettlesar?
Kva kommuniserer ulike bevegelsar?
Eikenes (2010)
![Page 6: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/6.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/7.jpg)
Korleis skisse bevegelse?
![Page 8: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/8.jpg)
![Page 9: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/9.jpg)
Video
Stop motion
Digital animasjon
Kode / programmering
‘Motion sketching’
Eikenes (2010)
![Page 10: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/10.jpg)
Motion sketching:
Video
![Page 11: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/11.jpg)
Handling: navigere mellom ulike medieobjekt (1)
![Page 12: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/12.jpg)
Handling: navigere mellom ulike medieobjekt (2)
![Page 13: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/13.jpg)
MOTION SKETCHING:
Programvare:- FrameByFrame - iMovie- Photoshop- ...
‘Stop motion’
![Page 14: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/14.jpg)
Handling: opne ei samling av medieobjekt
![Page 15: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/15.jpg)
Handling: Navgere mellom medieobjekt / nettsider
![Page 16: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/16.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/17.jpg)
MOTION SKETCHING:
Digital animasjon
Programvare:- Keynote- Powerpoint- Photoshop- Flash- After Effects- Flash Catalyst
![Page 18: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/18.jpg)
Handling:
Legg til bilete i samling (1)
![Page 19: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/19.jpg)
Handling:
Opne ei mediesamling (1)
![Page 20: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/20.jpg)
MOTION SKETCHING:
Digital animasjon
FORDELAR
Realisme
Detaljerikdom
ULEMPER
3D er vanskeleg
For perfekt
![Page 21: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/21.jpg)
MOTION SKETCHING:
Kode / programmering
![Page 22: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/22.jpg)
![Page 23: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/23.jpg)
MOTION SKETCHING:
Kode / programmering
FORDELAR
Interaktivitet
Realisme & detaljar
ULEMPER
Tidkrevjande
Krev kunnskap / evner
![Page 24: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/24.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/25.jpg)
For Opera
- Får dedikert ‘grunnforsking’
- Ser nye muligheter
- Ny kunnskap
- Nye prosjekt
- Profilering
![Page 26: Skisser utanfor boksen](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/26.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042715/55a178a61a28abb3468b47cc/html5/thumbnails/27.jpg)
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!