Photo: Today’s quick #AndroidDesign #Protip from +Christian Robertson and +Nick Butcher is about keeping your animations snappy.

Animation can bring an app’s UI to life, communicate important information and help to maintain context. Slow animations or too much movement however can be distracting. Instead, use an abbreviated animation to suggest a larger movement.

For example, the Android keyboard appears to pop up & fade in from the bottom of the screen when you focus an editable field. This large movement could become tiresome and slow the user down from performing their goal: actually entering data. To prevent this, we skip the first 80% of the animation and simply show a translation and fade for the final 20% of the animation. This small animation implies a larger one but keeps it snappy.

That’s it for today but chime in in the comments with any questions or related tips.
Loading...
Android Developers
Public
Today’s quick #AndroidDesign #Protip from +Christian Robertson and +Nick Butcher is about keeping your animations snappy.

Animation can bring an app’s UI to life, communicate important information and help to maintain context. Slow animations or too much movement however can be distracting. Instead, use an abbreviated animation to suggest a larger movement.

For example, the Android keyboard appears to pop up & fade in from the bottom of the screen when you focus an editable field. This large movement could become tiresome and slow the user down from performing their goal: actually entering data. To prevent this, we skip the first 80% of the animation and simply show a translation and fade for the final 20% of the animation. This small animation implies a larger one but keeps it snappy.

That’s it for today but chime in in the comments with any questions or related tips.

152 plus ones
7 comments