1

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

vs

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?

Improve this question
10
  • Is the item going to be text or image? I think you should worry more about streamlining the "jump" between loading animation and ready appearance than what position is perceived to be 2 microseconds shorter
    – Navot
    Commented Dec 9, 2014 at 11:16
  • @Navot It is text.
    – Robert Mallow
    Commented Dec 9, 2014 at 11:19
  • Then have the spinner to the right, so text will align with text
    – Navot
    Commented Dec 9, 2014 at 11:21
  • A spinner moving faster will give the perception that the page is loading faster? What in the world???
    – JonH
    Commented Dec 9, 2014 at 16:30
  • @JonH uxmovement.com/buttons/… ux.stackexchange.com/questions/18361/… and chrisharrison.net/projects/progressbars2/… specifically the "pulsation" thing.
    – Robert Mallow
    Commented Dec 9, 2014 at 16:39

1 Answer 1

Reset to default
1

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
5
  • 8
    I'm still waiting for this image to load...how big is it?
    – Roger Attrill
    Commented Dec 9, 2014 at 11:50
  • 1
    It's not big at all: i.sstatic.net/tnAnA.gif (direct link)
    – Daniel Zahra
    Commented Dec 9, 2014 at 13:21
  • 37 kb. If that's too large, an upgrade of internet provider might be something to consider :)
    – Henrik Ekblom
    Commented Dec 9, 2014 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
    Commented Dec 9, 2014 at 16:42
  • Ideally gif spinner should fit on <3 network packets but for me it loaded just fine.
    – Robert Mallow
    Commented Dec 9, 2014 at 16:42

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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