The puzzle pieces on the tutorial steps bounce right away, but that is distracting when a user gets to a step as it draws their attention away from the instructions right off the bat.
Proposing that the bounce is delayed for a few seconds to give the user time to read the instructions before the puzzle piece bounces.
It's currently tricky to add the animation delay because the puzzle pieces are always present on the site, so the animation delay will occur as soon as the site loads. By the time a user gets to the tutorial step, the animation delay will have already elapsed. Will need to do some refactoring to make the delay work.
Or, the puzzle piece can bounce on mouseover/hover...but that might make it harder for them to pick up and drag the puzzle piece.
The puzzle pieces on the tutorial steps bounce right away, but that is distracting when a user gets to a step as it draws their attention away from the instructions right off the bat.
Proposing that the bounce is delayed for a few seconds to give the user time to read the instructions before the puzzle piece bounces.
It's currently tricky to add the animation delay because the puzzle pieces are always present on the site, so the animation delay will occur as soon as the site loads. By the time a user gets to the tutorial step, the animation delay will have already elapsed. Will need to do some refactoring to make the delay work.
Or, the puzzle piece can bounce on mouseover/hover...but that might make it harder for them to pick up and drag the puzzle piece.