Still very much a work in progress, alignment and gradients need tweaking.
over 1 year ago
i really like that menu idea :)
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?
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!
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.
This is looking sharp, Sarah.
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?
Sarah, what was the reasoning behind choosing this specific UI pattern for this purpose?
How do I make the wheel go round?
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.
Nice, I'm always interested how people decide on unusual patterns for user interfaces. Can't wait to see more of this app. Cheers.
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.
I like it
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!
This is really awesome!!
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...
This is really convertbot!
@ Martin Bean Here is an example where it will help you:
Really crips and delicious ... looking forward to more
about 1 year ago
Thanks for sharing, @Sarah Parmenter
9 months ago
Hey, that looks familiar... ;)
in all honesty, I love it! Excellent work!
I hadn't seen yours Scott, but yours is great too. Love the iconography.
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
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