Reproducing instagram info bars behaviour

5,169
9
291
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

Akis Ioannou

MeetUp

1,710
0

Android scrollable tabbar

4,468
0
115
Custom Android KitKat Scrollable Tabbar

Akis Ioannou

Eventually

2,396
2
66
Eventually is a new Social Introduction app that allows you to discover and connect to people before, during or after events. Eventually accesses your Facebook events and displays the other invitees that are going to attend the same event as you. After you have matched with an attendee, you are now able to chat to that person. Maybe, you guys want to meet up at the event...? Later versions of the app will incorporate not only Facebook events but also events from other event-managing sites.

5c230f12-504e-11ed 9221-0e76797a4f7b

Pandora Driving Mode

2,038
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,697
0
There We Go - social car sharing app mockup

ea3c4517-504c-11ed 9221-0e76797a4f7b

Keezy App Animation

5,582
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

Next