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?

Robert Mallow
  • 13
  • 3
  • 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 Dec 09 '14 at 11:16
  • @Navot It is text. – Robert Mallow Dec 09 '14 at 11:19
  • Then have the spinner to the right, so text will align with text – Navot Dec 09 '14 at 11:21
  • A spinner moving faster will give the perception that the page is loading faster? What in the world??? – JonH Dec 09 '14 at 16:30
  • @JonH http://uxmovement.com/buttons/how-to-make-progress-bars-feel-faster-to-users/ http://ux.stackexchange.com/questions/18361/why-do-progress-bars-animate-backwards and http://www.chrisharrison.net/projects/progressbars2/ProgressBarsHarrison.pdf specifically the "pulsation" thing. – Robert Mallow Dec 09 '14 at 16:39
  • @Navot I finally opted to move the spinner. – Robert Mallow Dec 09 '14 at 16:40
  • This is simply cool...I had no idea there were studies done on this. – JonH Dec 09 '14 at 16:44
  • @JonH Indeed. that's why I asked :-) – Robert Mallow Dec 09 '14 at 16:49
  • Fair enough, its rather strange and yet interesting at the same time. I did notice it on google's gmail service so apparently this isn't anything new...its been studied and tested. Humans are just odd beings I guess...we see a spinning loader and because its faster we assume a page loads faster - brilliant! – JonH Dec 09 '14 at 16:51
  • I say fortunately we can be exploited like this. That's until we find a way to make code faster in a cheaper way :-) – Robert Mallow Dec 10 '14 at 11:55

1 Answers1

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:

Daniel Zahra
  • 837
  • 4
  • 12