Short Examples

1,369
0
15
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Pandora Driving Mode

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

iOS Spotlight

24,831
0
79
Using color adjustment and filters, I've simulated the iOS spotlight animation. Learn how you can apply these filters at https://proto.io/en/new-features/adjustments-filters/

a03851e9-504c-11ed 9221-0e76797a4f7b

Jazz Music Player

4,784
0
Here is a prototype of a music player. Click play and add different sort of beats to the audio. Sample audio is from http://tricoolore.com/ Enjoy!

a03851e9-504c-11ed 9221-0e76797a4f7b

Kitty

1,552
0
An app designed to help with stress management through the development of critical thinking skills and creativity

Carly Holtzman

Using a switch to select items and add costs

2,184
0
54
Use a variable to add the costs of premium features that are selected or deselected using an iOS switch component. See a video of how to do this step-by-step in this webinar: https://support.proto.io/hc/en-us/articles/115001585411-Model-advanced-prototypes-that-use-variables-part-II TAGS: variables variable math addition switch switches fire an items event

Todd Siegel

Date picker

7,362
1
439
An example of a date picker that can be imported and used in your project. (Basic use of variables) tags: calendar, picker, date picker

34041018-d2c9-11ed 9221-0e76797a4f7b

Lights Control

2,572
0
Using variables on a slider to control the Brightness and Hue of a light bulb

34041018-d2c9-11ed 9221-0e76797a4f7b

Halloween Cards Onboarding

2,732
0
47
Since Halloween is coming up I created this project using Proto.io's free Halloween icon pack. I simple onboarding process using scrollable containers with on swipe interactions.

Christos Chatzikkos

Website Template

3,583
0
72
A website template with multilevel dropdown menus and scrolling area.

469c1b7e-504e-11ed 9221-0e76797a4f7b

Next