Hoopz

2,850
0
28
Basketball game project using Variables to determine if ball lands or misses the hoop. Tracks your score, shots landed, shots missed and shot percentage. You can also select your ball from the settings.

72010307-9b82-11f0 ad7f-0e3ec7c5f8cf

sinmigas

1,697
0
0
Los celíacos son intolerantes a los productos alimentarios que contienen gluten, y consumirlo aunque sea en pequeñas cantidades les reporta malestar y dolor. Pero es difícil no consumirlo porque está presente prácticamente en todos los productos elaborados, en supermercados y en restaurantes. Los intolerantes y/o alérgicos alimentarios se sienten a menudo estigmatizados en el ámbito social. Es cierto que cada vez hay más información al respecto y muchos locales de restauración, proveedores y comerciantes tienen más conciencia de la importancia de este tema. Aún así, es bastante difícil poder llevar una vida social “normal”, o al menos equiparable a la de una persona sin intolerancias o alergias alimentarias. Para poder convivir con la celiaquía, se debe seguir una dieta sin gluten de por vida. Conocer sus pautas e implementarlas lleva un proceso de adaptación en el que no siempre es fácil o rápido el acceso a información fiable. Además, la dieta sin gluten a menudo implica comida más insulsa, complicada de elaborar y mucho más cara que los productos de consumo estándares. En la investigación de este proyecto, se apreció la necesidad de una plataforma que recogiera recetas de cocina sencillas, sanas, basadas en productos naturales que no impliquen un gasto extraordinario, apetitosas y adaptadas a personas con intolerancias y/o alergias alimentarias. Así es como nació SINMIGAS. SINMIGAS es una aplicación creada para ayudar a las personas con alguna intolerancia y/o alergia alimentaria a desestigmatizar su dieta y equipararla a la de una persona sin intolerancias. La aplicación contiene una recopilación de recetas de cocina para todo tipo de consumidores y que aporta dos novedades importantes respecto al resto de aplicaciones. Por un lado, permite filtrar las recetas por alérgenos que no quieres que estén presentes en tu plato. Por otro lado, también se puede filtrar por vitaminas o minerales que quieres que estén presentes, debido a la falta de éstas en las restrictivas dietas. EL proyecto SINMIGAS es en sí una herramienta de uso diario y una campaña de concienciación, que busca dar a conocer el problema de los alérgicos o pacientes con intolerancias alimentarias mediante una propuesta en la que integra, de forma equitativa, tanto a afectados como a no afectados por estas patologías. Alergias alimentarias, intolerancias alimentarias, gluten, concienciación, diseño audiovisual, app, UX, UI.

49143459-3b78-11ef ab6d-0e76797a4f7b

Carousel Onboarding

11,583
9
249
Here's the previous version of Carousel's on boarding sequence

92f2b218-504c-11ed 9221-0e76797a4f7b

Timetank

2,036
0
Priority visualisation tool designed for the User Interface and Experience unit (9291) at the University of Canberra

9a95c8c2-504d-11ed 9221-0e76797a4f7b

GetLost Student Map

5,152
0
64
This one-screen prototype demonstrates some of Proto.io animation functionality.

Akis Ioannou

SpaceTrip high-fidelity

8,159
0
192
Designers can use their favorite design tools like Photoshop and Sketch to design the finest details of the user interface for their app. Single or multiple touch interactions can be applied on any UI element (layer) on each screen. Sophisticated animations can be created on-screen as well as screen transitions, using the powerful timeline animation features that Proto.io offers.

a03851e9-504c-11ed 9221-0e76797a4f7b

Map Data Visualization with Slider using Variables

4,793
1
127
Use a slider component to see the how a map of the US changes every month over a year based on the concentration of a fanbase. Uses a basic variable to change the container state of the map, with map assets created in Sketch. See how a version of it was created step-by-step within the Dashboard & Data Visualization webinar: http://docs.proto.io/videos/using-proto-io-for-dashboards-and-data-visualizations/ tags: variable | variables | data visualization | data viz | map | slider | states | months | USA

Todd Siegel

Pro Tips & Tricks

4,972
0
39
Here is the set of prototypes from the Pro Tips and Tricks webinar: 1) Propagate Events to Items Below 2) Containers as Symbols 3) Conditional Animation 4) Screen Interaction 5) Sketches into Prototype Here is the video of the webinar: http://docs.proto.io/videos/pro-tips-tricks/ The video is broken down with time-codes on Vimeo here: https://vimeo.com/103316955 (under read more) They are also below. Enjoy... > Create popover menu with click through to icon below 4:08 > Propagate all events to the item below 4:08 > Using containers as symbols for efficiency (navigation assets etc.) 11:59 > Customizing a navbar component 14:55 > Customize a tabbar component 16:48 > Convert navbar to a container to repeat (as symbol) 19:10 > Convert tabbar to a container to repeat (as symbol) 19:43 > Convert text box to a container to repeat (as symbol) 19:49 > Using a container to create change font style for repeated Titles and labels. 21:55 > Conditional animations triggered by drag gesture using variables (mailbox swipe). 23:04 > Adding containers to canvas 24:44 > Using the draggable gesture 25:25 > Variable Manager 26:00 > Using onDrag variable to change an objects opacity 26:38 > Range of property values that can be changed based on a drag gesture 27:45 > Capturing the X position from dragging an object using a variable 27:57 > Creating a new value if/then argument using shorthand javascript to change opacity using a variable. 29:00 > Creating a callback to the change a property that reads from a variable. 29:52 > Using the onDragEnd gesture 30:33 > Change the Left property using a variable triggered by onDragEnd 30:49 > See range of properties that can be changed from onDragEnd gesture. 31:04 > Using On Screen Show Interaction for creating an automatically cycling carousel. 35:25 > Importing paper sketches (photos of them) to use as background for layering assets and interactions. 40:28 > Toggling between a sketch and your higher fidelity mockup using states. 44:25 > Duplicating interactions between states 45:18

Todd Siegel

To-Do App

3,122
2
108
This is an interactive prototype of a To-Do app and the UI kit used is provided by invisionApp. The UI kit can be found at : https://www.invisionapp.com/do

00812837-504d-11ed 9221-0e76797a4f7b

Maria Brown Interactive Resume

2,049
0
Explore my resume with this interactive interface.

0685c558-a596-11ef a04a-0e3ec7c5f8cf

Next