System and method of providing digital ink optimized user interface elements
A method of and system for providing a user interface (UI) element is carried out by receiving an input for invoking the UI element in a UI screen, the input being received via a writing instrument, determining a direction of tilt of the writing instrument at a point of input, and upon determining the direction of tilt of the writing instrument, displaying the UI element in a location on the UI screen that is a direction opposite to the determined direction of tilt of the writing instrument. The UI element may provide access to each of the UI controls via a plurality of unstructured paths.
1. A device comprising:
a processor; and
a memory in communication with the processor, the memory comprising executable instructions that, when executed by the processor, cause the device to perform functions of:
receiving a first input for invoking a user interface (UI) element on a UI screen, the UI element being a radial menu displaying a plurality of UI controls;
responsive to receiving the first input, displaying a plurality of first level UI controls of the plurality of UI controls;
receiving a second input for selection of one of the first level UI controls;
responsive to receiving the second input, displaying a plurality of second level UI controls of the plurality of UI controls, the plurality of second level UI controls displaying a radial submenu of the selected one of the first level UI controls, the radial submenu having a plurality of menu items and the second level UI controls being displayed concurrently as the plurality of first level UI controls and the concurrent display of the first level UI controls and the second level UI controls resulting in a plurality of gaps between each of the plurality of first level UI controls and the second level UI controls; and
enabling a user to select any gaps formed between the selected one of the first level UI controls, another one of the first level UI controls and one of the plurality of second level controls to navigate from the selected one of the first level UI controls to the one of the plurality of second level UI controls.
2. The device of claim 1 , wherein the second level UI controls are displayed in proximity to the first level UI control.
3. The device of claim 1 , wherein each of the plurality of UI controls is a distinct menu option.
4. The device of claim 1 , wherein the UI element is a nested radial UI menu.
5. The device of claim 1 , wherein the instructions when executed by the processor, further cause the device to perform functions of:
upon receiving the first input, calculating a tilt angle of a writing instrument used to provide the first input, the tilt angle being calculated with respect to a writing surface at a point of input;
determining a direction of tilt of the writing instrument based on the calculated tilt angle; and
upon determining the direction of tilt of the writing instrument, displaying the UI element in a location on the UI screen that is in a direction opposite to the determined direction of tilt of the writing instrument to minimize obstruction of the UI element by a user's hand.
6. A method for providing access to user interface (UI) controls in a UI element comprising:
receiving a first input for invoking the UI element on a UI screen, the UI element being a radial menu displaying a plurality of UI controls;
responsive to receiving the first input, displaying a plurality of first level UI controls of the plurality of UI controls;
receiving a second input for selection of one of the first level UI controls;
responsive to receiving the second input, displaying a plurality of second level UI controls of the plurality of UI controls, the plurality of second level UI controls displaying a radial submenu of the selected one of the first level UI controls, the radial submenu having a plurality of menu items and the second level UI controls being displayed concurrently as the plurality of first level UI controls and the concurrent display of the first level UI controls and the second level UI controls resulting in a plurality of gaps between each of the plurality of first level UI controls and the second level UI controls; and
enabling a user to select any gaps formed between the selected one of the first level UI controls, another one of the first level UI controls and one of the plurality of second level controls to navigate from the selected one of the first level UI controls to the one of the plurality of second level UI controls.
7. The method of claim 6 , wherein the second level UI controls are displayed in proximity to the first level UI control.
8. The method of claim 6 , wherein each of the plurality of UI controls is a distinct menu option.
9. The method of claim 6 , wherein the UI element is a nested radial UI menu.
10. A non-transitory computer readable medium on which are stored instructions that when executed cause a programmable device to perform functions of:
receiving a first input for invoking a user interface (UI) element on a UI screen, the UI element being a radial menu displaying a plurality of UI controls;
responsive to receiving the first input, displaying a plurality of first level UI controls of the plurality of UI controls;
receiving a second input for selection of one of the first level UI controls;
responsive to receiving the second input, displaying a plurality of second level UI controls of the plurality of UI controls, the plurality of second level UI controls displaying a radial submenu of the selected one of the first level UI controls, the radial submenu having a plurality of menu items and the second level UI controls being displayed concurrently as the plurality of first level UI controls and the concurrent display of the first level UI controls and the second level UI controls resulting in a plurality of gaps between each of the plurality of first level UI controls and the second level UI controls; and
enabling a user to select any gaps formed between the selected one of the first level UI controls, another one of the first level UI controls and one of the plurality of second level controls to navigate from the selected one of the first level UI controls to the one of the plurality of second level UI controls.
11. The non-transitory computer readable medium of claim 10 , wherein the second level UI controls are displayed in proximity to the first level UI control.
12. The non-transitory computer readable medium of claim 10 , wherein each of the plurality of UI controls is a distinct menu option.
13. The non-transitory computer readable medium of claim 10 , wherein each of the plurality of UI controls is a distinct menu option.
14. The non-transitory computer readable medium of claim 10 , wherein the UI element is a nested radial UI menu.