I know that if a spinner spins backwards or faster or both the whole loading will be perceived as faster by the user. But what about its position near a text? Let me make an example...

Loading item... enter image description here


enter image description here Loading item...

Better left or right? which ones make the process seem faster?

Should also the text animate somehow to strengthen this perception?


I tend to dislike 'animated' text, it does disrupt readability. I don't think increasing the speed of the animation will help, if you have a very long load time, you might want to approach the problem differently such as providing some 'filler' content within the loading screen.

Have you considered using verticality for placement of text and animation?

Such as this:

| improve this answer | |
  • 7
    I'm still waiting for this image to load...how big is it? – Roger Attrill Dec 9 '14 at 11:50
  • It's not big at all: i.stack.imgur.com/tnAnA.gif (direct link) – Daniel Zahra Dec 9 '14 at 13:21
  • 37 kb. If that's too large, an upgrade of internet provider might be something to consider :) – Henrik Ekblom Dec 9 '14 at 15:02
  • As for the loading time it differs often, not always the same. but placing text below spinner is not an option as I should also center the whole element thereafter – Robert Mallow Dec 9 '14 at 16:42
  • Ideally gif spinner should fit on <3 network packets but for me it loaded just fine. – Robert Mallow Dec 9 '14 at 16:42

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.