UI Animations

Celebrating animations of interest in software user interfaces. Maintained by @gardaud New posts come with some regularity. Fee free to contact me with suggestions Why are animations so important? You can start thinking about it by reading this article and this paper. Note that because of capturing methods, the speed and smoothness of an animation are not fully transcribed in a GIF. As with many things, animations are best viewed in the wild :-) All GIFs can be reused freely as long as you include a link to this website.

[ui-animations-blog]

Music app in Android L

[ui-animations-blog]

Passbook's item deletion on iOS7

[ui-animations-blog]

iMessage's send animation in iOS7

[ui-animations-blog]

Mac OS X's Genie Effect

[ui-animations-blog]

Notification center's alert dismissal

[ui-animations-blog]

iOS 7's toggle switch.

(recorded on screen for maximum clarity. The circle around the cursor signifies that contact is maintained)

[ui-animations-blog]

Passbook's item deletion. 

[ui-animations-blog]

Vine's drop down menu.

[ui-animations-blog]

Letterpress' board deletion.

[ui-animations-blog]

iOS' affordance for dragging the lockscreen to reveal the camera.

[ui-animations-blog]

Mac OS X's login dialog when entering an incorrect password.

[ui-animations-blog]

Apple Maps' pin drop

[ui-animations-blog]

Tweetbot's modal dialog dismissal.

[ui-animations-blog]

Haze's main view.

[ui-animations-blog]

Tumblr's dashboard like/unlike.

[ui-animations-blog]

Path's radial menu.

[ui-animations-blog]

Clear's task creation