{"id":16662,"date":"2018-10-15T11:36:55","date_gmt":"2018-10-15T18:36:55","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=16662"},"modified":"2024-06-12T20:53:21","modified_gmt":"2024-06-13T03:53:21","slug":"variables-and-conditional-interactions-for-interactive-prototyping","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/variables-and-conditional-interactions-for-interactive-prototyping\/","title":{"rendered":"Introducing Variables and Conditional Interactions for More Interactive Prototyping"},"content":{"rendered":"

Your prototypes have officially gained superpowers. Now you can store or pass information using variables and add conditional interactions! Prototyping just got a whole lot more interactive.\u00a0Get much closer to real, coded apps with these new features. They\u2019ll be especially handy for user testing.<\/p>\n

Fall 2018 has been a crazy time at UXPin for all the right reasons. We have many cool features on their way\u2014stay tuned for Expressions, States and Data. But we digress… today, we\u2019re excited to show you not one, but two new features closely tied together!<\/p>\n

What are they?<\/strong><\/h2>\n

Variables<\/h2>\n

Variables allow different elements to \u201ccommunicate\u201d with each other even if spread across pages. This data persists from page to page as you click through the prototype. Meaning you can set a variable’s value on one page and then take action based on that value on a completely different page.<\/p>\n

With variables, you\u2019ll be able to build the relationships between elements in a prototype. To do that, you can simply set the same variable for the elements you want to pair together. For example, to collect user data in an input and then use \u201cusername\u201d in a message in a different part of the prototype.<\/p>\n

[videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2018\/08\/variables-video.mp4″ autoplay=”true” controls=”false” loop=”true” muted=”true”]<\/p>\n

 <\/p>\n

Conditional Interactions<\/h2>\n

Conditional interactions give your prototypes a layer of logic\u2014this is a very powerful feature that is characteristic to only a handful of prototyping tools. We\u2019re very excited to be added to that list. With conditional interactions, you can set rules that make the interaction happen only if those rules are met.<\/p>\n

When to use these features<\/strong><\/h2>\n