Todd Siegel

Product Concept Prototyping.

1

Projects

3

Liked

0

Likes

ABOUT TODD SIEGEL

hello,
I craft prototypes with interactive animation for mobile apps (iOS/web) - driven by 12+ years experience in user centered design. I was previously product evangelist here at Proto.io - giving demos and presentations at places such at Xerox PARC, Copenhagen Institute of Interaction Design, Product School, and Salesforce. Proto.io enables designers, entrepreneurs and others to build and test interactive animated prototypes that feel real - without needing to code.

I'm game to help those wanting to master this powerful tool.

A few links...

Check out the article and product concept tutorial I wrote for the February issue of Net Magazine,
"Design Prototypes That Feel Real - with Proto.io"
http://bit.ly/Article_Tutorial_NetMag

The presentation on Interaction First Design at The Copenhagen Institute of Interaction Design (CIID)
http://ciid.dk/todd-siegel/

The New Yorker interviewed me along with other members of the 10x management network about the future of work http://bit.ly/new_yorker_article

If you'd like to see my work portfolio, please DM me on http://twitter.com/toddsiegel

I'm a wordsmith - crafting microcopy, names, and...performing product concept satire and producing http://www.wordperformances.com

Enjoy.

Emoji Toggle Component

929
0
8
Mouse over and out to toggle between the active and inactive state. Click to select the active state, click again to deselect. Showcases the power of containers in Proto.io. Each emoji is converted into a container (through the right-click menu). The individual emoji containers have two states: selected and deselected. The parent container contains all the emoji containers. This parent container has 6 states: non-selected, and the active state for each emoji (5). The click/tap trigger changes the both the individual emoji state, and respective parent container state to the active emoji. Easily change the emojis to any other one you choose while maintaining all the interactions. Make sure to click into each individual emoji container and double-click the current emoji and replace the image with the new one from the asset library. Replacing the image by double-clicking the existing one preserves the grayscale in the deselected state. Enjoy!