New UI for social site

Dribbble

23 Responses

  1. Sarah Parmenter Sarah Parmenter

    Still very much a work in progress, alignment and gradients need tweaking.

    likes

    over 2 years ago

  2. Kubilay Sapayer Kubilay Sapayer

    i really like that menu idea :)

    over 2 years ago

  3. Mikkel Aggerbo 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 2 years ago

  4. Cliff Huizenga 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!

    likes

    over 2 years ago

  5. Sarah Parmenter Sarah Parmenter

    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 2 years ago

  6. Mason Yarnell Mason Yarnell

    This is looking sharp, Sarah.

    over 2 years ago

  7. Ben Rex Furneaux Ben Rex Furneaux

    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 2 years ago

  8. Kerem Suer Kerem Suer

    Sarah, what was the reasoning behind choosing this specific UI pattern for this purpose?

    over 2 years ago

  9. Martin Bean Martin Bean

    How do I make the wheel go round?

    over 2 years ago

  10. Sarah Parmenter Sarah Parmenter

    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.

    likes

    over 2 years ago

  11. Kerem Suer 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.

    likes

    over 2 years ago

  12. Petra Gregorová 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 2 years ago

  13. Diego Monzon Diego Monzon

    I like it

    over 2 years ago

  14. Aaron Bazinet 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 2 years ago

  15. Corey Haggard Corey Haggard

    This is really awesome!!

    over 2 years ago

  16. Oykun Yilmaz Oykun Yilmaz

    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 2 years ago

  17. Igor Shkarin Igor Shkarin

    This is really convertbot!

    over 2 years ago

  18. Konstantinos Kordopatis Konstantinos Kordopatis

    Looks nice...
    @ Martin Bean Here is an example where it will help you:
    http://cubiq.org/rotating-wheel-for-your-iphone-webapps

    over 2 years ago

  19. Vokseværk Vokseværk

    Really crips and delicious ... looking forward to more

    about 2 years ago

  20. Dtail Dtail

    Awesome! :)
    Thanks for sharing, @Sarah Parmenter

    over 1 year ago

  21. Scott Jensen Scott Jensen

    Hey, that looks familiar... ;)
    http://dribbble.com/shots/244510-Map-Wheel

    in all honesty, I love it! Excellent work!

    over 1 year ago

  22. Sarah Parmenter Sarah Parmenter

    I hadn't seen yours Scott, but yours is great too. Love the iconography.

    over 1 year ago

  23. Al Power Al Power

    id lighten the drop shadow on the text and icon. its a bit hard to read it or maybe darken the text.

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like