Google Inbox - compose animation

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

Olympic Rings

2,381
0
11
An example of draggable elements using states to always end up form the Olympics logo. Five-finger multi-touch works on mobile devices.

Alexis Piperides

HitchQuote

3,358
1
21
HitchQuote is a simple prototyping application that gives the opportunity to user to share quotes with a tap. Every feedback is welcome!

f4ff2085-9250-11ed 9221-0e76797a4f7b

WalkTheWorld(New)

2,210
0
Rough Proto of our Walk the World Pedometer App

6bc1e6ae-504d-11ed 9221-0e76797a4f7b

wru?

1,075
0
2
To find people in close quarters with the use of wire mesh network/ RFID + simple bold design

b3613a59-504d-11ed 9221-0e76797a4f7b

Pandora Driving Mode

2,150
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

Twego

1,777
0
There We Go - social car sharing app mockup

ea3c4517-504c-11ed 9221-0e76797a4f7b

Next