element-hq / element-web

A glossy Matrix collaboration client for the web.
https://element.io
GNU Affero General Public License v3.0
11k stars 1.95k forks source link

Our spinners are ugly. #15450

Closed ara4n closed 3 years ago

ara4n commented 3 years ago
Screenshot 2020-10-13 at 10 34 47

n.b. the white fringing on the dark theme.

t3chguy commented 3 years ago

There's a new spinner in Labs. Design needs to send one they are happy with though.

niquewoodhouse commented 3 years ago

I'm a bit concerned about this in a couple of ways.

1. Using spinners at all for this kind of thing.

Can we consider other ways of indicating progress? Skeleton UIs for example. Spinners are known to add to a sense of frustration and slowness in products. Short example post https://www.lukew.com/ff/entry.asp?1797. The more other products people use have things like skeleton UIs, the more spinners will stick out and add to that frustration.

2. Using the brand for spinners everywhere

I don't think it's a good idea to use the brand whenever there's something that needs a spinner, if spinners are needed. Leaving aside things like it potentially cheapening the brand (which is a very subjective discussion), there are studies around how custom spinners make users blame your product, and not their device or wifi, for example. https://blog.mercury.io/the-psychology-of-waiting-loading-animations-and-facebook/

rosacola commented 3 years ago

@niquewoodhouse just a appropriate spinner for the dark theme would suffice, the current one makes me uneasy.