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

Super simple - Showing how to display from a form

This free mobile streaming app is tailored for activists and citizen journalists. It is unique because: a) it is fully integrated with the Twitter social graph. The user can chat with Twitter followers directly from the capture screen while he streams - interacting with his audience. Viewers can ask questions, request shots and keep the user informed about events on the ground. b) If the network connection drops off, the app automatically switches to a caching mode where it saves the video to the phone for later resynching. To test this feature, press on the BATTERY ICON of the capture screen to toggle the "no network" simulator (click the battery button to get out of that simulation) c) In-stream still capture: just click on the screen while capturing video to take a photo. Add the photos to your Twitter posts to make them more engaging and drive visits to your feed. Some notes: 1) In the capture screen, press the "battery" button to simulate the network signal loss and how the app caches. 2) I'm thinking of getting rid of the invitation elements for the MVP - and just relying on the Twitter social graph for now and focusing on image capture and playback. 3) Core user experience: I'm thinking of getting rid of the caching feature for the MVP and just build an app based on the chatting interface. Hoping to hear feedback about : 1) simplicity of interface 2) general design tips. 3) Best strategy to build an MVP. Thanks!

This is an untitled mobile streaming app tailored for activists and citizen journalists. Key features for the target market are: a) Chat directly to Twitter while streaming and keeping access to streaming controls and image (no opaque overlays). b) App caches directly to phone when network signal drops off, and continues streaming when network signal is regained. Once network signal is regained, the user can resynch the missing parts of the video. Press on the BATTERY icon to toggle into the "no network" simulator and then out of it. c) No barrier to capture - sign up, click "record" and presto! You're recording. d) Take photos by clicking on the image - and add them to your Twitter posts when you chat - this makes for more engaging posts --> more visits to your stream. Some notes: 1) In the capture screen, press the "battery" button to simulate the loss of signal and how the app caches. 2) I'm thinking of getting rid of the social elements for the MVP - and just relying on the Twitter social graph for now and focusing on image capture and playback. 3) Go to the user profile => to see how to synch an incomplete video. Hoping to hear feedback about : 1) simplicity of interface 2) generate design tips. Thanks!

This is an interactive dial pad, created with proto.io. Development & original idea: https://spaces.proto.io/akisioannou Graphic design: George Prentzas

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.