Interactive Buttons | UX Prototyping Tutorial

Interactive Buttons | UX Prototyping Tutorial

Angela Design 46.5K subscribers
6.5K views · 2019-05-06 Interaction & UX
In this video I go over how to create interactive buttons in Origami Studio. Origami Studio is a software that you can use to create mobile, web and tablet prototypes. I use Origami to create interactive prototypes for user testing and for creating animation documentation. I show you how to get started by creating a button and adding interactivity.

In this lesson I go over how to change the color of a button when it is tapped and how to make layers disappear and appear.

I show you:
- 1:02 How to add a rectangle
- 1:27 How to add a text layer
- 1:58 How to create a button group
- 2:14 Add a tap interaction
- 2:58 How to add a transition patch
- 3:06 How to add a color transition
- 4:09 How to add a switch patch
- 5:07 How to add an animation patch
- 6:13 How to make layer disappear
- 7:14 How to make an icon appear
- 8:53 How to add a wait patch

Get Started with Origami here: https://www.youtube.com/watch?v=rPpjk9PbkCE

Let's Connect
Dribbble: https://dribbble.com/angeladelise
Blog: https://medium.com/@angeladelise