I love the spinner, I'm just curious, did you plan on making that a gif or using some JS or CSS3 to rotate that as a .png. SImply curious as i don't think it'd work out to well as a .gif due to transparency issues.
I think that the background is necessary actually. The thing that I think could use work is the actual spinner. Everyone has seen this variation of spinner a million times. The real question and challenge is how do you push that further and make it unique and ownable by your client. Right now even though it is well executed it is generic. Sorry if I sounded too harsh I was just trying to explain my thoughts. Great job regardless!
No not at all. I agree spinners are such a small element and should not be over thought. What I mean is just the little things. Right now that element could be from any website or app. By changing it slightly to make it a little more unique to the platform or brand then people will associate it with one brand or site/app. The change could be as small or simple as the gradient tailing off on an angle instead of straight so it is more recognizable to that brand but still associated to other spinners. I hope that clarifies.
Well thought out IMO, I'm just not sure about the size of the spinner itself in relation to the background, feels a bit small (pretty trivial thing I suppose).
Also, if the product has some sort of theme colour it could maybe be tinted in that – would make it a bit more noticeable. Not that you may want a spinner to be noticed, but just to give the user some sort of confirmation something is happening if they just happen to glance at the screen (I'm assuming it's for screen) when the rest of the interface is just the same white, black or different shades of gray. Of course, I haven't seen the entire interface, so I can't really say how well the above applies. Just my two cents – great work.
Here's what I think:
Why the hell not? You never see any detail going to loading spinners. It's probably 0.1% of this project, but it adds so much character in my opinion. Good job Jeff.
Random thought: I just remembered the Gowalla pull the refresh awesomeness. It was pure genius.
My only recommendation is to make it flat. Kill the edge highlights - that will instantly take it out of the buttony-I-kinda-wanna-tap-it realm. Otherwise, great look and style.
22 Responses
Pro
Jeff Broderick
A simple loading spinner we have been working on at Collective Ray for a client of ours. What do you guys think?
6 months ago
Pro
Ilie Ciorba
You should only leave the actual spinner, that background is odd and unnecessary
6 months ago
I love the spinner, I'm just curious, did you plan on making that a gif or using some JS or CSS3 to rotate that as a .png. SImply curious as i don't think it'd work out to well as a .gif due to transparency issues.
6 months ago
Pro
Ben Bate ⚒
*Gmail
6 months ago
Pro
Jeff Broderick
@Ilie We tried that, but animating a floating spinner on our content felt strange.
6 months ago
Pro
Daryl Ginn
I love it, nice touch with the glow.
6 months ago
Pro
Jeff Broderick
@Ty Animations will be handled natively.
6 months ago
@Jeff Broderick - uhh, ohh yeah... Guess it does look pretty mobile now doesn't it. My bad.
6 months ago
Pro
Moises Oswaldo Urrutia
I think that the background is necessary actually. The thing that I think could use work is the actual spinner. Everyone has seen this variation of spinner a million times. The real question and challenge is how do you push that further and make it unique and ownable by your client. Right now even though it is well executed it is generic. Sorry if I sounded too harsh I was just trying to explain my thoughts. Great job regardless!
6 months ago
Pro
Jeff Broderick
@Moises Not sure what you mean? You think all spinners must be unique? We want to be careful not to over think a spinner.
6 months ago
Pro
Moises Oswaldo Urrutia
No not at all. I agree spinners are such a small element and should not be over thought. What I mean is just the little things. Right now that element could be from any website or app. By changing it slightly to make it a little more unique to the platform or brand then people will associate it with one brand or site/app. The change could be as small or simple as the gradient tailing off on an angle instead of straight so it is more recognizable to that brand but still associated to other spinners. I hope that clarifies.
6 months ago
Pro
Luboš Volkov
That glow is really slick! :) Only hope users are not going to use it as button (probably not :D).
6 months ago
Pro
Alexandre Naud
The form behind that looks great. :)
6 months ago
Well thought out IMO, I'm just not sure about the size of the spinner itself in relation to the background, feels a bit small (pretty trivial thing I suppose).
Also, if the product has some sort of theme colour it could maybe be tinted in that – would make it a bit more noticeable. Not that you may want a spinner to be noticed, but just to give the user some sort of confirmation something is happening if they just happen to glance at the screen (I'm assuming it's for screen) when the rest of the interface is just the same white, black or different shades of gray. Of course, I haven't seen the entire interface, so I can't really say how well the above applies. Just my two cents – great work.
6 months ago
Pro
Garrett Godsey
cool, i like the background disc.
6 months ago
Pro
Alex
Very neat!
6 months ago
Pro
ooyor
Really like it !
Could you please give me the PSD to study ? :p
6 months ago
Pro
Kerem Suer
Here's what I think:
Why the hell not? You never see any detail going to loading spinners. It's probably 0.1% of this project, but it adds so much character in my opinion. Good job Jeff.
Random thought: I just remembered the Gowalla pull the refresh awesomeness. It was pure genius.
6 months ago
Pro
Matt Kump?
Nice. I wanna tap it though.
6 months ago
Pro
Alex van Zijl
Nice one! The background of the spinner makes it look a little bit like a button though.
Edit:
Ah, like @Matt Kump?? mentioned above :-)
6 months ago
nice work :D
6 months ago
Pro
Eric E. Anderson
My only recommendation is to make it flat. Kill the edge highlights - that will instantly take it out of the buttony-I-kinda-wanna-tap-it realm. Otherwise, great look and style.
6 months ago