Pie Shape

This is really easy. We divide the circles into slices, one for each menu option. In the above picture there are 8 slices for 8 options. When the mouse is in a menu option's slice, the menu option approaches the mouse until its right on top of it. While the mouse is in the menu option's slice, the option follows the mouse. This is to make sure that whenever the user clicks the mouse while in the slice, they click on the menu option. (Unless the user is really trying to escape it by going too fast) When the mouse crosses a boundary into another pie slice, the option that was following the mouse goes back to its original spot while the menu option in the new slice begins to follow the mouse. This is the baseline behavior. Other interaction methods will try to be fancy. They'll move the options near the mouse even nearer and options further from the mouse even further. However, all of the methods incorporate the Pie Shape method.

Circle Menu Central