Expand container that moves adjacent content in sync

3,721
3
55
This simple prototype demonstrates how have a container expand and collapse while moving adjacent content in sync.

Todd Siegel

Android scrollable tabbar

5,499
0
115
Custom Android KitKat Scrollable Tabbar

Akis Ioannou

Keezy App Animation

6,426
1
38
Tap/Hold the black circle to see the 2 state animation of the Keezy sound looping app. A circle of circular buttons spins out onto the expanded black circle that becomes the screen background. Once you're on this 2nd state, tap anywhere to return to the initial state. I recorded a webinar showing how to create this interactive animation: http://docs.proto.io/videos/re-creating-bespoke-interactive-animations-with-proto-io-2/ You can also find the assets here used for the prototype. Enjoy!

Todd Siegel

Floracaching

1,450
0
7
These are the new prototypes for Floracaching. They are based on four co-design sessions, two at the University of Maryland and two at Brigham Young University.

cc6bc9fa-ade2-11ed 9221-0e76797a4f7b

10 Second Timer Example

7,139
5
213
I simulated a 10 second timer that counts down from 10 to 0. This is very simple to do. All you need to do is change the text property of the text value with a custom value and include a delay of 1 second. Then add a callback for the next number with a delay of 1 second. Repeat this until you get to the number 0. There is no need to use variables to simulate a timer. If you are looking for someone to help you with your prototype, we are available for hire at: http://protonerds.com/

8ea06e34-504c-11ed 9221-0e76797a4f7b

Menu idea

4,555
4
115
I've put together a quick demo of a menu idea for a mobile website or app. It only took me 20 minutes to build the entire prototype. Feel free to import and dissect.

Alexis Piperides

Google Inbox - compose animation

11,474
5
286
The recently released Google Inbox app is a re-thinking of the email inbox experience that beautifully demonstrates Google's material design interactive animation language. This prototype focuses on the compose button's animation. Click the + to reveal a new state where a wave of buttons and labels float up, and the + becomes a pencil icon. It uses two states, with staggered animations.

Todd Siegel

Homemade

1,900
0
Connecting college students to authentic and inexpensive ethnic cousine within their community .

a87c0f8c-504c-11ed 9221-0e76797a4f7b

MerlinApp iPhone 5/5c/5s ver. 1.2

2,490
1
This is just the regular user interface. The introduction and underlying technology are not displayed due to intellectual property. The desired effect here is to show the app's powerful ability to promote local business on any mobile display even one as small as an iPhone 5. New smartphones have much larger screen sizes usually ranging from 4.7" to 5.5". So, showing that the tech works on an iPhone 5 helps us prove this point. If you would like to leave a comment, please do so. Any help is appreciated. Also, if you would like to get involved, please leave a comment.

fedc8861-bd28-11ef a04a-0e3ec7c5f8cf

Next