TV App Basic Content Navigation

1,096
0
2
This prototype demonstrates basic content navigation for a TV app moving focus model. TV Apps differ from web and mobile in that interactions are triggered by remote control button presses which can be mapped to key board presses with proto io. With a TV focus model every component will have a collection of "On" and "Off" states both between the components themselves i.e: the menu and items within those components i.e: a menu item such as "Movies". These interactions models must work in a way in which as one component is on, all others must be off and so on. This example will show basic interactions and how to navigate pages commonly used my modern TV apps for devices such as Apple TV, Roku, Google TV, Smart TV's etc. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Nino Silva

Native

1,416
0
Location based app enabling creatives to discover, collaborate and produce together.

baf54ed9-fb08-11ee ab6d-0e76797a4f7b

Hulu TV App Home Screen

3,768
1
4
Interactive TV app prototype of Hulu's home page. Use the arrow keys on your keyboard (note: mouse click to enable keys) or map to a remote control on a television screen to explore a Hulu like home screen with proto io. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Nino Silva

Shopping cart calculations

3,264
1
29
Shopping cart using variables to calculate selected item amount, and total costs using variables. Project also includes a thumbnail gallery

17056140-504e-11ed 9221-0e76797a4f7b

Menu idea

4,039
4
115
I've put together a quick demo of a menu idea for a mobile website or app. It only took me 20 minutes to build the entire prototype. Feel free to import and dissect.

Alexis Piperides

Top Picks

1,925
0
Smart Menu is a smartphone app that allows students to create their own health goals and uses those goals to find healthy restaurants and food options nearby. Smart Menu collates menu data from the restaurants and individual reviews from students. This data plus the health goals allow the app to help students find healthy eating options.

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

iOS Spotlight

25,384
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

Shopping App

2,560
0
Design Credits: https://www.sketchappsources.com/free-source/4675-marier-shopping-ui-kit-ebizmirli-sketch-freebie-resource.html

74a7bee2-504d-11ed 9221-0e76797a4f7b

Variables Examples

34,027
44
2,618
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

Sliding menus - Animation on screen

4,540
0
29
Sliding menu with animation on screen

Akis Ioannou

Next