Ul: Pie Menus

Never had a feeling that all I use is perfect, even after I started using Mac. Just think about it, if you are using a computer for 10 years, how many times did you open menus? Enough to start thinking that the entire conventional concept of plain menus is optimal. But is it indeed?
020_blog_ul_pie_menus_7_17_2009.jpg
Typical scenario, you open context menu to save a picture for example and in order to go see “properties” you need to make a pretty long distance compared to “Open In A New Window”.

It was 2 years ago when I started using Songza – musik search engine. The site was designed by very well known usability guru and ace software developer AzaRaskin (Mozilla). And what I liked first and most was pie menus.

021_blog_ul_pie_menus_7_17_2009.png
In this case you have menu items same distance from your mouse pointer. In other words it makes you spend almost the same amount of time to reach every item.
There’s very simple but useful principle in ergonomics known as Fitt’s Law:

Time required to rapidly move to a target area is a function of the distance to and the size of the target.

The bigger distance and smaller size of the target – the bigger time needed, and vice versa, bigger objects placed closer require less time to navigate to.

This is exactly what makes pie menus so efficient because all objects are on the same relatively small distance from the center and targets are relatively big. There’s also another point to pie menus, since distance is the same, the experienced user has only to remember the direction which is pretty easy and minimizes time required for turning user goal into actual movement. Think how easy it would make applications like finance software and app development software to operate.

From the implementation standpoint it is evidently more difficult to develop such a menu, but the problem is rather in the tradition itself. You almost never develop conventional (plain) context menus on your own these days – all you need to do is just specify your item list in a configuration file or so and attach action listeners to them. Although there started appearing solutions for pie menus too. RadialM, for example.

Speaking of notable examples of pie menus:

Maya:
022_blog_ul_pie_menus_7_17_2009.jpg
Dozens of computer games. Actually sometimes it makes me wonder big amount of brilliant UI ideas that spawn in gaming industry.

023_blog_ul_pie_menus_7_17_2009.jpg
Gaming example is great for other different reason – ergonomics issues become visible. If navigation takes too much time, you simply not gonna make the level. But now think about it for a second… it’s not that obvious when you browsing web sites or editing word document or else… during 10 years of hard work you spend boatload of time just to navigate in plain menus…

Comments

Not to be published