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
animation
app interface design
icon animation
interaction
microinteractions
micro interactions
mobile app
pull to refresh
ui
user experience design
user interface design
ux
wireframe design
View all tags
Posted on
Dec 27, 2018
More by Paarth Desai View profile
Like