Sliding menus - Animation on screen

4,723
0
29
Sliding menu with animation on screen

Akis Ioannou

Google Inbox - compose animation

10,798
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,451
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

Hungry Birds game menu

3,851
0
10
A demo showcasing custom device size, animations and key actions. Use arrow keys to switch between "Play" and "Settings", and X and Z keys to navigate.

Akis Ioannou

Windows 8 Showcase

3,879
1
25
A demo showcasing Windows 8 components.

Akis Ioannou

Pandora Driving Mode

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

Hey!

3,418
1
Hey!, the conversational app that is here to help users find something to do today. Users search through three categories of events to find what best suits them, learn, see and do. Each event appears 24hrs before it begins, allowing users time to plan their day. Users can view saved events and can even add their own events, all from the home menu. Hey! brings people together through entertaining events.

2fea4bf5-504e-11ed 9221-0e76797a4f7b

Next