Daily UI 49 - Notification Animation

The #dailyUI49 is Notifications. I wanted to design something a bit fun and I always enjoy designing micro-interactions. So I've designed an animation of a email notification coming in.

For this design challenge, I decided to break the concept of a notification down to its core components. On a basic level, it's an alert to the user, communicating information to the them. Usually, there will be an action associated to that interaction. So I decided to design in those actions straight into the notification giving the user the choice of how they want to deal with it upfront. They can Reply, Snooze or Archive the email. The actions are contextually based on the email. Clicking on Reply immediately allows the user to respond to the email in one tap.

Designed using Sketch and Principle