"Sketching With Time"

Task: Paper prototyping album interfaces, using the stop motion technique.

For this project I decided to work with a touch screen interface.
My aim was to work on different ideas and to do lots of tests to see what was possible to do with that technique, what wasn't and mostly what it could bring to my prototypes.

Here are some examples of my work:

Album interface #1 from Fanny Monier on Vimeo.

For this first example, the user touches an album, the pictures spread out from it. By touching one of them, he can see it in a larger size and may edit it. During this time he is still able to browse into the loop of the other photos by dragging them (for a better view of the pictures motion in the video I changed the dragging action by touching the minus button).
In this prototype, the user can visualize from where the pictures come from and what kind of album they are part of.
......................................................................................

Album interface #2 from Fanny Monier on Vimeo.

In this other example, I still had in mind the fact that it was important and more confortable for the user to see the origin of his previous action (i.e the album before the selection of a picture).
I worked on how to use the screen space. After some tests on how organizing pictures and albums I had the idea to use perspective and not to consider the screen as a sheet of paper.
That way, it is still possible to see the album, to have a view on what's part of it and to have a good work space available.
......................................................................................

Album interface #3 from Fanny Monier on Vimeo.

That test was more oriented about pure animation and how to make a simple action like zooming funnier for people. We see that when the user touches the "-" button, the picture is creased and reduced, and when he touches the "+", the picture builds itself larger.
......................................................................................

Album interface #4 from Fanny Monier on Vimeo.

In that last example: I wanted to test how to represent a 3D animation by paper prototyping.
It works in the same way as the example#1 , the difference being that here the user can really visualize the loop of pictures.
......................................................................................

What I learned during this project is that the stop motion techique is an easy way to quickly show actions on an interface. That technique has its limits, because it takes loads of time and precision to do a video, but it's a good way to transpose 3D motions into 2D ones, obviously if those aren't too complicated to represent.
About the interface itself, I formed an opinion about what kind of features an user may want to see, depends on what he wants to do. The fact, that he may prefer to have a larger view on his actions, by seing what was before, what's coming next etc.