UX animation workflow
Before we start messing around with AE, I want to share with you the workflow I normally use when animating.
You'll see we've been through half of the process already; now, we just need to bring it to life. And please, take this workflow as a suggestion and feel free to change it in any way to meet your own requirements. Here is my workflow:
- UX research to find user pain points.
- Spot problems/find solutions based on users' comments.
- Wireframing.
- Storyboard.
- Low fidelity design to test again.
- Design.
- Export assets to AE.
We have already covered all of these:
- Set up compositions.
- Create keyframes.
- Modify layers.
- Adjust timing.
- Add ease.
We will cover the following in Chapter 5, Share It With the World: Working With LottieFiles:
- Export as
.json
for LottieFiles - Preview in LottieFiles
- Hand off to developers
I know, this process might look a bit long, but...