(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.
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.
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)
Music: ‘Rieth’ from Gesamtlaufzeit by Marko Fürstenberg. (Used with permission.)
“Since they need to be able to capture the essence of design concepts around transitions, dynamics, fell, phrasing, and all the other unique attributes of interactive systems, sketches of interaction must necessarily be distinct from (traditional) types of sketches…” Bill Buxton: Sketching User Experiences
This week I have been involved in teaching a group of interaction design students at the Design for interactive and social media course at AHO. The topic has been ‘Sketching with time’, and has focused on using stop motion combined with paper prototyping to sketch interface ideas. The week’s assignment was to make a photo album interface and experiment with navimation.
Before introducing the students to the technique I had to try it out myself. I found the Mac application FrameByFrame which has been brilliant for this purpose. The functionality of the software is limited, but it is free, extremely simple to use, and serves the purpose for quick motion sketching.
Here are two of the quick stop motion sketches I made:
I also tried using video, recording my actions in real time:
The video quality is quite rough (partly because I am using a really old DV camera), but I don’t see this as a big problem. The technique is primarily to be used for quick sketches early in the design process.
The students got three days to make their video sketches. During these days many of the students managed to do a lot of experimentation and test out different ideas. The task was in many ways an experiment from our side, so I was positively surprised by the diversity and quality of their work. I also got the impression that they had learned a lot about timing, response and communication in the interface.
The technique has clearly some disadvantages – it is for example hard to make subtle movements and deal with details and many elements at the same time. However, it seems especially suited for 3D motion sketching, since this often requires a lot of time and skills to do on a computer.
UPDATE: see some of the videos the students made.
This week the upcoming service OnLine was presented at the Game Developers Conference 2009. OnLine is a video game service that allows games to be streamed live from a data center onto TVs or computers, so that the users don’t need their own advanced graphics hardware. It is not even necessary to install the games, as the computer center does all the work. Welcome to cloud computing for games.
OnLive is also interesting in terms of interface and visual design. Just take a look at this video of the game interface:
As you can see, the service provides a visually rich interface. In the cinematic intro sequence, we fly through the logo and enter a new universe. The ‘virtual camera’ then flies over a globe that is filled with small tiles of videos, before it settles on the main menu. In navigating between different sections and games, a range of different animation techniques and transitions are employed. I looks like the rich environment will make it both easy and fun to find new games, friends, and other players.
I’m exited that the people at OnLive have developed a technological platform that reduces the disadvantages of employing advanced motion graphics, and that they have chosen to design such a rich navimational interface. I just hope it won’t be too long before we get this to Norway…
The application ‘For All Seasons‘ by Andreas Müller was originally launched for PC and Mac some years ago, but is now also available for the iPhone (iTunes link). So far this is one of the best examples I have seen of ‘interactive motion graphics’. The interface is rather experimental in form, and allows for continuous user interaction. It makes it even more impressing that it works so well on the relatively small screen of the Apple iPhone.
The graphical expression and visual movement is smooth and elegant. To give an example, in the ‘summer section’ (see video) of the application, the words of the text start swaying and swimming around like small fishes. If you touch the screen, the words tremble and swim fast away from the finger. The navigation is also very neat, if not particularly intuitive. By using two fingers you can rotate the ‘virtual camera’ around the scene, horizontally as well as vertically. The iPhone pinch can be used for zooming in and out.
I wonder how this type of interaction can be used for other and more utilitarian purposes. What if we could explore Facebook contacts or Flickr images by diving into a sea of swimming objects?
- (E)motional design paper at DANDE2012
- 3,5 års arbeid på 6 minutt og 40 sekund
- PhD thesis online
- New video: Kinetic Interface Design
- Presentasjon: Skisser utanfor boksen
- New journal article published
- ABB Interactive Collaboration Table (2006)
- First journal article published
- Sketching with time: student projects
- Presentation: Social Navimation
- Sketching in time
- Workshop: Designing dynamic interfaces for mobile devices
- To be presented: Social Navimation
- Materialising gender
- OnLive: straming navimation
- Think Quarterly by Google[…]
- 3D Models, Textures and Plugins at TurboSquidLots of 3D models for sale […]
- visualizing.org | Data Visualizations, Challenges, CommunityA community of creative people making sense of complex issues through data and design […]
- Five3 - Parallax WordPress ThemeParallax Wordpress theme (not free) […]