Google Inbox - compose animation

10,960
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

Tap to animate

4,215
0
68
This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see the following interactions: Tap to rotate Tap to zoom in/out Tap and hold to transform.

f4ff2085-9250-11ed 9221-0e76797a4f7b

Pandora Driving Mode

2,270
0
5
This is a UX design prototype for Pandora's Android app (from October 2014), adding a "Driving Mode" and lateral navigation between stations from the Now Playing screen. I took a challenge to redesign Pandora's Android app or add features at my discretion. Focusing on the Now Playing screen where users probably spend most of their time, I identified two areas in which I wanted to improve its UX: station identification and navigation, and its user experience while on the go. A 7 minute 25 second presentation of this demo with commentary is available on YouTube: http://youtu.be/LyH6Gl580OY A full write-up of an earlier, pre-Proto.io iteration of the design (along with a downloadable pdf) is available at http://edwinli.com/ux/portfolio/pandora-driving-mode/.

Edwin Li

Subscription services overview

1,916
0
17
Small app that gives you an overview of the subscription services you currently subscribe to (note: it's in Danish).

434eb52a-499d-11ef ab6d-0e76797a4f7b

GetLost Student Map

4,749
0
64
This one-screen prototype demonstrates some of Proto.io animation functionality.

Akis Ioannou

Quicki

1,416
0
public transport have never been so easy

29bdf227-504e-11ed 9221-0e76797a4f7b

Homemade

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

a87c0f8c-504c-11ed 9221-0e76797a4f7b

Next