Here's a concept idea I made of a radial menu (or Pie Menu) simple user interface design. The design can be applied to mobile, tablets, desktop applications and even in video games.
This intuitive design is to eliminate scrolling through menu categories and having them in a radial circle. The point of this design is to provide a smooth, fast and gestural style of interaction for novice and advanced users.
The categories are visually represented in icons in a radial menu. Placing your fingers/mouse on an icon for 1 - 1.5 seconds will call its current function shown in the center of the Radial menu. Holding on the same icon for another 2 - 3 seconds will give you available options to change its current function.
All icons and graphics were made from scratch.
about 1 year ago
This is soooo cool!
Snap, that looks cool.
Pretty neat. Wonder how intuitive its going to be for users who aren't used to this sort of interaction dynamic, though.
@Jonathan Quintin @Sergie Magdalin Thank you so much!
love your design
nice to see someone think about how it will be used.
was wondering where the back button is?
guessing its just clicking on the middle :D
very insperational, keep up the good work :D
@Jason Teunissen Thank you! You got that right, clicking/touching the middle is the back button.
This UI is an idea I've always had for a menu system after playing so many video games (Dragon Age, Mass Effect etc.) I based this design on the ring command system from a game called Secret of Mana for the SNES (recently released for iOS.)
that brings back memories =D
if you are intereseted in games and round ui's
you should check out steam's "big picture" typing interface :D (if you not allready familiar with it)
@Jason Teunissen I just checked out Steam's Big Picture on youtube. Definitely looks interesting! I'm going to read more about it. Thanks for sharing. :D
That screenshot I posted definitely brings back memories.
There's a similar widget menu concept on ios6 called ssistive Touch: http://www.youtube.com/watch?v=Tm6zK90erhk or http://compixels.com/15998/take-screenshots-on-ios-6-without-home-button-using-assistivetouch-feature
@Jason Teunissen which has a back button as you mentioned
Amazing navigation. This would look really cool in a game.
@Adrian Sule Thanks for sharing! I will definitely check this out. Didn't know this existed.
Great work! I really like how the chosen icon reveals additional controls after choosing.
@Michael Duskus Thank you so much! :)
HOW GOOD IS THIS?
16 days 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