Email App Pull to Refresh Interaction
Extended version of Pull to refresh interaction. Secondary interaction of new email. Entirely done in Principle for Mac.
There are four type of interaction to experience. Some of them are just for fraction of second but important to have fluid natural feel with interface.
1) Scroll begin
Tap and scroll. Card gets closer and shadow removed to exaggerate the action.
2) Hold and Up/Down
Instant reaction of user interaction with interface.
3) Scroll Released
Secondary animation to illusion to upcoming animation.
4) Climax
Loop Animation. Repetitive action like loader. Most important animation to engage user for longer period of time.
UI/UX Interaction Collections
Vol 1.0
Micro-interaction Collections
Vol 1.0