Concept Idea: Radial Menu UI (animated)

Conceptidea

15 Responses

  1. Howard Gonzales Howard Gonzales

    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.

    over 1 year ago

  2. Jonathan Quintin Jonathan Quintin

    This is soooo cool!
    Love it

    likes

    over 1 year ago

  3. Sergie Magdalin Sergie Magdalin

    Snap, that looks cool.

    likes

    over 1 year ago

  4. ash bhoopathy ash bhoopathy

    Pretty neat. Wonder how intuitive its going to be for users who aren't used to this sort of interaction dynamic, though.

    likes

    over 1 year ago

  5. Howard Gonzales Howard Gonzales

    over 1 year ago

  6. Jason Teunissen Jason Teunissen

    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

    likes

    over 1 year ago

  7. Howard Gonzales Howard Gonzales

    @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.)

    http://iheartyuna.files.wordpress.com/2012/02/secret_of_mana_snes_menu1.jpg

    over 1 year ago

  8. Jason Teunissen Jason Teunissen

    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)

    likes

    over 1 year ago

  9. Howard Gonzales Howard Gonzales

    @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.

    likes

    over 1 year ago

  10. Adrian Sule Adrian Sule

    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

    likes

    over 1 year ago

  11. Richard Bray Richard Bray

    Amazing navigation. This would look really cool in a game.

    likes

    over 1 year ago

  12. Howard Gonzales Howard Gonzales

    @Adrian Sule Thanks for sharing! I will definitely check this out. Didn't know this existed.

    over 1 year ago

  13. Michael Duskus Michael Duskus

    Great work! I really like how the chosen icon reveals additional controls after choosing.

    likes

    over 1 year ago

  14. Howard Gonzales Howard Gonzales

    @Michael Duskus Thank you so much! :)

    over 1 year ago

  15. André Karlsson André Karlsson

    HOW GOOD IS THIS?

    5 months ago

keyboard shortcuts: previous shot next shot L or F like