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
You should only leave the actual spinner, that background is odd and unnecessary
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.
@Ilie We tried that, but animating a floating spinner on our content felt strange.
I love it, nice touch with the glow.
@Ty Animations will be handled natively.
@Jeff Broderick - uhh, ohh yeah... Guess it does look pretty mobile now doesn't it. My bad.
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!
@Moises Not sure what you mean? You think all spinners must be unique? We want to be careful not to over think a spinner.
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.
That glow is really slick! :) Only hope users are not going to use it as button (probably not :D).
The form behind that looks great. :)
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.
cool, i like the background disc.
Really like it !
Could you please give me the PSD to study ? :p
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.
Nice. I wanna tap it though.
Nice one! The background of the spinner makes it look a little bit like a button though.
Ah, like @Matt Kump?? mentioned above :-)
nice work :D
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.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter