Navimation examples

(E)motional design paper at DANDE2012

Tuesday, September 18th, 2012 | Design and research, General, Navimation examples, Theory | No Comments

Last week I presented my paper on (E)motional design at Out of Control, the 8th International Design & Emotion Conference in London. With the paper, I argue that movement and emotion are highly interconnected, and that movement has the power to affect, engage and persuade us deeply.

The presentation was of course made with Prezi, using the new 3D background feature. Feel free to click through it:

In order to analyse and design kinetic interfaces (interfaces characterized by movement) we need to consider two things at the same time: how movement helps us to carry out actions, and how movement creates meaning (=double mediation). The paper includes an analysis of how movement is used on the screen interface of the Apple iPad, as well as a design experiment in which I used stop motion animation to explore how movement can be used in a mobile app.

Ready for some academic arguments about visual movement? Have a look at the paper: (E)motional design: double mediation in kinetic interfaces.

PS 1: the paper is based on the trial lecture I held for my PhD defence in 2010.

PS 2: download the magazine app I use as an example of a kinetic interface: Katachi.

Tags: , , , , , , , , , ,

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: , , , , , , ,

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

NAVIMATION
The Iconist #1 (iPad)
www.leoburnett.ca
Disney Movies (iPad)

SOCIAL NAVIMATION
www.taggraph.com
Flipboard (iPad)

MOTIONAL TRANSFORMATION
www.jonathanyuen.com
www.well-formed-data.net/experiments/elastic_lists

SPATIAL MANIPULATION
For All Seasons (iPhone)
www.tryggtrafikk.no/Sykkelhjelm2010
www.ecodazoo.com

TEMPORAL NAVIGATION
Cooliris (iPhone)
www.wrangler-europe.com/bluebell/ss10/#/collection
www.flashloaded.com/flashcomponents/3dwall

INDEXICAL COMPOSITING
www.sectionseven.com/index2.html
www.homeinvest.no

VIRTUAL KINETICS
www.thewhalehunt.org
www.thibaud.be

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: , , , , , ,

ABB Interactive Collaboration Table (2006)

Thursday, June 3rd, 2010 | General, Navimation examples | No Comments

This was a student project I did with ABB R&D in 2006, in which I designed a multi-user interactive collaboration table for use in control rooms. Now, 4 years later, I’m allowed to show it!

What you see is a SmartBoard, and projected onto it some semi-interactive compositions created in Adobe Flash. Yes, it’s all ‘fake’…
Credits: Widget development: Tove Helene Hovd. Voice-over: Johannes Zachrisson. Mentor: Siri Breen.

Tags: , , , , , ,