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.
113,110,897,863 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
23 Responses
Still very much a work in progress, alignment and gradients need tweaking.
over 1 year ago
Pro
Kubilay Sapayer
i really like that menu idea :)
over 1 year ago
Pro
Mikkel Aggerbo
Looks nice, how is the interaction with the wheel meant to be? Is it like an old dial phone/iPod click wheel thing? Or just a push button thing?
over 1 year ago
Pro
Cliff Huizenga
I like it, but it seems like the pressed-in text on the red wheel is a little hard to read (“Profile,” for example). Might be because of the resize down for Dribbble though. Curious to see where this goes!
over 1 year ago
I'm still working on the interaction of the wheel, I'm thinking it needs to be a clicker with a single focal point of the centre.
over 1 year ago
Pro
Mason Yarnell
This is looking sharp, Sarah.
over 1 year ago
Love it, good bit of whimsy going on there :)
How about adding the a peg (like the thing in Wheel of Fortune that points to what is selected) to indicate selection?
over 1 year ago
Pro
Kerem Suer
Sarah, what was the reasoning behind choosing this specific UI pattern for this purpose?
over 1 year ago
How do I make the wheel go round?
over 1 year ago
Kerem,
There are 7 main navigation items, which makes laying them out on the dashboard almost impossible, to keep a balanced UI. Therefore it needed to be something other than squares with icons on them. The app is fun, and whimsical, so I drafted up some sketches on paper, and this is the one that worked the best.
over 1 year ago
Pro
Kerem Suer
Nice, I'm always interested how people decide on unusual patterns for user interfaces. Can't wait to see more of this app. Cheers.
over 1 year ago
Pro
Petra Gregorová
It looks intriguing. Will the color of the text change or will be given a higher contrast, as it is slightly hard to read? Maybe once you are done tweaking the gradients, it could help. Looking forward to see the progress.
over 1 year ago
Pro
Diego Monzon
I like it
over 1 year ago
Pro
Aaron Bazinet
Yeah, the gradients in the wheel need adjusting. The light source for the glyphs is directly above, but on the wedges of the wheel it's sort of top-left, except the camera wedge. You could have the underlying radial-gradient red circle with the 90° light source, then the wedges could be overlaid with their own transparent shades and texture. Then you still have the beveled edges to deal with. Convertbot from Tapbots has a similar wheel, and they have the bevel highlight on the left with shadow on the right, regardless of the wedges position.
Looking forward to what you end up doing, good luck!
over 1 year ago
This is really awesome!!
over 1 year ago
Pro
Oykun
lovin the unusual but efficient solutions like that wheel idea. it makes feel like spinning that :) lovin the overall look so far! keep posting this beauty please, as much as annoying NDA lets you...
over 1 year ago
Pro
Igor Shkarin
This is really convertbot!
over 1 year ago
Looks nice...
@ Martin Bean Here is an example where it will help you:
http://cubiq.org/rotating-wheel-for-your-iphone-webapps
over 1 year ago
Pro
Vokseværk
Really crips and delicious ... looking forward to more
about 1 year ago
Pro
Stanislav Hristov
Awesome! :)
Thanks for sharing, @Sarah Parmenter
9 months ago
Pro
Scott Jensen
Hey, that looks familiar... ;)
http://dribbble.com/shots/244510-Map-Wheel
in all honesty, I love it! Excellent work!
9 months ago
I hadn't seen yours Scott, but yours is great too. Love the iconography.
9 months ago
id lighten the drop shadow on the text and icon. its a bit hard to read it or maybe darken the text.
8 months ago