SlideShare uma empresa Scribd logo
1 de 27
Baixar para ler offline
Skisser
utanfor boksen
             Jon Olav Eikenes
               PhD-student
   Design- og arkitekturhøgskulen i Oslo

       www.navimationresearch.net
          Twitter: @jonolave
Grensesnitt og sosiale medier




              ‘Dobbel interaksjon’


                 Eikenes (2009)
Korleis kan bevegelse nyttast i ein nettlesar?

Kva kommuniserer ulike bevegelsar?



                   Eikenes (2010)
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
Korleis skisse bevegelse?
‘Motion sketching’
         Video

      Stop motion

    Digital animasjon

  Kode / programmering

        Eikenes (2010)
Motion sketching:


Video
Handling: navigere mellom ulike medieobjekt (1)
Handling: navigere mellom ulike medieobjekt (2)
MOTION SKETCHING:


‘Stop
 motion’


 Programvare:
 - FrameByFrame
 - iMovie
 - Photoshop
 - ...
Handling: opne ei samling av medieobjekt
Handling: Navgere mellom medieobjekt / nettsider
MOTION SKETCHING:

Video & stop motion

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


Digital animasjon


                    Programvare:
                    - Keynote
                    - Powerpoint
                    - Photoshop
                    - Flash
                    - After Effects
                    - Flash Catalyst
Handling:
Legg til bilete i samling (1)
Handling:
Opne ei mediesamling (1)
MOTION SKETCHING:

Digital animasjon

   FORDELAR       ULEMPER
      Realisme    3D er vanskeleg
  Detaljerikdom   For perfekt
MOTION SKETCHING:

Kode / programmering
MOTION SKETCHING:

Kode / programmering

         FORDELAR        ULEMPER
        Interaktivitet   Tidkrevjande
  Realisme & detaljar    Krev kunnskap / evner
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
For Opera
- Får dedikert ‘grunnforsking’
- Ser nye muligheter
- Ny kunnskap
- Nye prosjekt
- Profilering
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
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

Mais conteúdo relacionado

Semelhante a Skisser utanfor boksen

Sosiale betingelser for faglig samarbeid på nett
Sosiale betingelser for faglig samarbeid på nettSosiale betingelser for faglig samarbeid på nett
Sosiale betingelser for faglig samarbeid på nett
olavskun
 

Semelhante a Skisser utanfor boksen (20)

Sosiale Medier på Software2009 av Christian Brosstad
Sosiale Medier på Software2009 av Christian BrosstadSosiale Medier på Software2009 av Christian Brosstad
Sosiale Medier på Software2009 av Christian Brosstad
 
Sosiale medier og næringslivet - Software 2009 - Christian Brosstad
Sosiale medier og næringslivet - Software 2009 - Christian BrosstadSosiale medier og næringslivet - Software 2009 - Christian Brosstad
Sosiale medier og næringslivet - Software 2009 - Christian Brosstad
 
Pub Dig 1001 Ppt
Pub Dig 1001 PptPub Dig 1001 Ppt
Pub Dig 1001 Ppt
 
Trygg på web hamar
Trygg på web hamarTrygg på web hamar
Trygg på web hamar
 
Bruk av office 365 i undervisning
Bruk av office 365 i undervisningBruk av office 365 i undervisning
Bruk av office 365 i undervisning
 
Samskriving med google dokumenter
Samskriving med google dokumenterSamskriving med google dokumenter
Samskriving med google dokumenter
 
Trygg på web skien
Trygg på web skienTrygg på web skien
Trygg på web skien
 
Trygg på web tana
Trygg på web tanaTrygg på web tana
Trygg på web tana
 
Trygg på web alta
Trygg på web altaTrygg på web alta
Trygg på web alta
 
Trygg på web
Trygg på webTrygg på web
Trygg på web
 
Trygg på web kristiansund
Trygg på web kristiansundTrygg på web kristiansund
Trygg på web kristiansund
 
Trygg på web trondheim
Trygg på web trondheimTrygg på web trondheim
Trygg på web trondheim
 
En smak av sosiale medier
En smak av sosiale medierEn smak av sosiale medier
En smak av sosiale medier
 
Sosiale betingelser for faglig samarbeid på nett
Sosiale betingelser for faglig samarbeid på nettSosiale betingelser for faglig samarbeid på nett
Sosiale betingelser for faglig samarbeid på nett
 
Biblioteket Og Sosiale Medier
Biblioteket Og Sosiale MedierBiblioteket Og Sosiale Medier
Biblioteket Og Sosiale Medier
 
Sosiale medier som verktøy for engasjement og innovasjon
Sosiale medier som verktøy for engasjement og innovasjonSosiale medier som verktøy for engasjement og innovasjon
Sosiale medier som verktøy for engasjement og innovasjon
 
Lecture on Interaction Design, Pt 1
Lecture on Interaction Design, Pt 1Lecture on Interaction Design, Pt 1
Lecture on Interaction Design, Pt 1
 
Sosiale Medier og Finansforbundet - Christian Brosstad
Sosiale Medier og Finansforbundet - Christian BrosstadSosiale Medier og Finansforbundet - Christian Brosstad
Sosiale Medier og Finansforbundet - Christian Brosstad
 
IKT i samfunnsfag og historie - 2011
IKT i samfunnsfag og historie - 2011IKT i samfunnsfag og historie - 2011
IKT i samfunnsfag og historie - 2011
 
Hva er-web-20-mooc
Hva er-web-20-moocHva er-web-20-mooc
Hva er-web-20-mooc
 

Skisser utanfor boksen

  • 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)
  • 3.
  • 4.
  • 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
  • 8.
  • 9. ‘Motion sketching’ Video Stop motion Digital animasjon Kode / programmering Eikenes (2010)
  • 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)
  • 20. MOTION SKETCHING: Digital animasjon FORDELAR ULEMPER Realisme 3D er vanskeleg Detaljerikdom For perfekt
  • 21. MOTION SKETCHING: Kode / programmering
  • 22.
  • 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