3,5 års arbeid på 6 minutt og 40 sekund

Sunday, October 23rd, 2011 | Events, General, Navimation examples | No Comments

(In Norwegian only. English version underway)

For nokre veker sidan oppsummerte eg doktorgradsprosjektet mitt på 6 minutt og 40 sekund. Her ser du resultatet:

Denne presentasjonen vart laga for Pecha Kucha Night Oslo, som arrangerast med jamne mellomrom på DogA. Pecha Kucha skal vere ein inspirasjonskveld med lynforedrag om arkitektur, design og kunst. Kvar talar får ta med 20 bilete som kvart blir vist i 20 sekund, til saman 6 minutt og 40 sekund. Heldigvis fekk eg lov å bytte ut nokre av bileta med video – noko som var essensielt for å formidle arbeidet mitt.

Tags: , , , , , , ,

PhD thesis online

Sunday, March 20th, 2011 | Design and research, General, Theory | No Comments

The public defence of my PhD thesis took place at AHO, December 22. The thesis, entitled Navimation: a sociocultural exploration of kinetic interface design is now available online, through AHO’s open access archive ADORA.

The thesis consists of a metareflection (kappe) and three publications. All publications have gone through peer-review and have been published before. The metareflection situates and extends these publications by providing more theoretical background and introducing new concepts and models.

Download the documents below:



MetareflectionEikenes, J.O.(2010). Navimation: a sociocultural exploration of kinetic interface design. Doctoral thesis, Oslo School of Architecture and Design, Institute of Design, Oslo. 

Download the metareflection (4,69 MB)


Publication 1

Publication 1Eikenes, 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. 

Download Publication 1 (1 MB)

Also available from The International Journal of Design..


Publication 2

Publication 2Eikenes, 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. 

Download Publication 2 (0,6 MB)

Also available from NORDES.


Publication 3

Publication 3Eikenes, J.O.(2010). Connecting motional form to interface actions in web browsing: Investigating through motion sketching. FORMakademisk, 3(1), 80-100. 

Download Publication 3 (1,4 MB)

Also available from FORMakademisk. I have also created an online version with embedded videos.

Tags: , , , , ,

New video: Kinetic Interface Design

Friday, September 10th, 2010 | Design and research, General, Navimation examples | 1 Comment

In order to make my research more accessible I have created a video that shows a number of kinetic interfaces. Kinetic interfaces are here understood as screen-based interfaces that are characterized by movement.

Kinetic Interface Design from JonO on Vimeo.

In addition to the interface examples, a number of descriptive and analytical terms are presented. These terms have been developed through analysis of kinetic interfaces in academic publications. The kinetic interfaces presented in the video are:

The Apple OSX login box

The Iconist #1 (iPad)
Disney Movies (iPad)

Flipboard (iPad)


For All Seasons (iPhone)

Cooliris (iPhone)



Music: ‘Rieth’ from Gesamtlaufzeit by Marko Fürstenberg. (Used with permission.)

Tags: , , , , ,

Presentasjon: Skisser utanfor boksen

Friday, September 10th, 2010 | Events, General, Navimation examples | No Comments

(Only in Norwegian)

Her er presentasjonen min frå RECORD-seminaret på AHO 10. september 2010. Her argumenterer eg mellom anna for at utforming av grensesnittet er svært viktig i sosiale medier, noko som sjeldan vert snakka høgt om. Vidare snakkar eg om fire ulike måtar å skisse bevegelse på: 1) ved å bruke video + papirprototyping, 2) stop motion, 3) digital animasjon og 4) kode. For meir informasjon, sjå artikkelen Connecting motional form to interface actions in web browsing.

Skisser utanfor boksen

Sidan det ikkje er video i presentasjonen ovanfor, legg eg ved alle videoskissene mine her. Dei er sorterte etter handling, og viser dermed ulike måtar å 1) lagre medieelement (bilete) til ei samling, 2) navigere mellom ulike medieelement, og 3) opne ei samling av medieelement. Skissene er laga ved bruk av video, stop motion og animasjon i After Effects.

1. Ulike måtar å lagre medieelement til ei samling:

2. Ulike måtar å navigere mellom medieelement:

3. Ulike måtar å opne ei samling av medieelement:

Tags: , , , , , ,

New journal article published

Wednesday, August 18th, 2010 | Design process, General, Theory | No Comments

Some time ago my second journal article was published by the academic journal FORMakademisk. This is an open-access journal, so the article is free for everyone to download as a PDF. In addition, I have made the article available as a webpage in order to embed videos and a Prezi presentation. The article is entitled ‘Connecting motional form to interface actions in web browsing: investigating through motion sketching’, and is based on work done in collaboration with Opera Software. Here is the abstract:

It is now possible to include complex visual movement in screen interfaces, including those that enable web browsing on different media devices. This article investigates the potential for employing movement in web browsing – or more specifically, how motional form may be connected to interface actions. The investigation is carried out through design experimentation. Techniques of ‘motion sketching’ have been developed and utilized in a practice-based research project. The resulting motion sketches are analysed as realizations of complex mediation – by drawing on social semiotics and the concept of action from Leont’ev. The article argues that motional form is made meaningful through connotations and experiential metaphors, and suggests ten provisional principles for how motional form may be used in web browsing. This challenges notions of form and function in current interface design and how social semiotic theory may be produced.

Tags: , , , , ,