To minimize initial cognitive load, we plan to hide dependent fields within our software by adding animation to show / hide them when called.

I have been looking for articles on duration timing on animation and have not had much luck.

Does anyone have experience with this, or has anyone done any user testing on this?

Here is a link to the animation we are going to be using set at 300ms:



According to this article - How Fast Should Your UI Animations Be? your start point is within a reasonable starting range.

200ms to 500ms is a good range to start with for interface animations.

Because, among other reasons, according to the Nielsen Norman Group (Response Times - 3 Important Limits):

100ms is perceived as instant, and 1 second is considered the upper limit of a user’s flow of thought.

I don't expect you'll find a ton of information on this because it's the kind of thing that, just as you have done, can initially be intuited within a reasonable range of acceptability, and any issues that arise are easy to find with even the most basic user testing.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.