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.

Had fun working with this experience. Interactions: • tap 'Retweet' button > tap cancel • tap 'Retweet' button > tap 'Interesting Facts' That's all! All interactions and icons subject to change ;)

prototype of our Fooder program for HackSC

Ontwerp Soraya en Marielle

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 swipe animations in all directions.

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.

A basic example of reproducing Instagram info bars behaviour. A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

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/.