Prototyping Microinteractions with After Effects

- [Tom] Well, hello there. My name is Tom Green, and I would like to welcome you to prototyping microinteractions with Adobe After Effects. You're about to discover that After Effects has become more than a video effects application. It has become one of the go-to tools for UX designers due to its ability to give them granular control over several aspects of the UI prototyping process. One of the more critical aspects of the prototyping process, and one your developers will appreciate, is showing microinteractions, rather than explaining them. And, one of the best tools for doing just that is After Effects. We're going to start with understanding what a microinteraction is, the parts of a microinteraction, and where After Effects fits in to that whole process. From there, we move into the course skills for creating the assets, the tools used, the features such as the graph editor using a key frame velocity found in After Effects. And with that out of the way, we move into creating microinteractions that range from a simple tap to a swipe. We look at where Photoshop, Illustrator and Adobe Experience Design fit into the process, and then we take all of that knowledge and apply it to a variety of design patterns, ranging from accordion menus to UI microinteractions involving 3-D. There is a lot to cover, so let's dive right in and start learning how to create meaningful microinteractions that communicate your intentions, and make your developer one very happy camper.