Android App Interaction Flow | Modal Tutorial

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

Learn my Sketch to Origami UX workflow here: https://www.youtube.com/watch?v=vyaqilW6c00

In this video I show you how to add a modal animation to your Android application design with Origami Studio. I use Origami Studio to create animation assets and then hand them off to development to be incorporated within the digital product.

I go over how to add my Sketch designs into Origami Studio, how to make the modal appear when the user taps on a button and how to add an empty state. In this example I show you the deletion flow of an app design, where the user can remove all of their 'trash items' with one tap. When they choose to delete all, a modal appears confirming their selection and then the user lands on an empty state.

I show you:
0:15 The current material application design
1:10 How to import my Sketch design into Origami
1:50 How to add a tap interaction patch
2:14 How to change the opacity of the modal and overlay layer
2:33 How to add an animation layer
2:58 How to add a hit layer
3:17 How to turn off the switch patch
3:53 How to add 'delete all' logic
4:49 How to add an empty state

Want to improve designer to development handoff? View my Sketch to Zeplin workflow here: https://www.youtube.com/watch?v=D3ZF2...

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