Hybrid knob/slider control

• US 8,875,054 B2
• Filed: 07/30/2010
• Issued: 10/28/2014
• Est. Priority Date: 07/30/2010
• Status: Expired due to Fees

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Hopkins, Michael Stephen, Aron, Robert David
• Primary Examiner(s): Bashore, William
• Assistant Examiner(s): Parker, Jeanette J
• Application Number:
  US12/848,078
• Publication Number:
  US 20120030626A1
• Time in Patent Office: 1,551 Days
• Field of Search: 715/833, 715/834, 715/837, 345/650
• US Class Current: 715/833
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

Abstract

A control object including a knob element is displayed in a GUI. A first user input can be detected that indicates selection of the knob element. In response to the first user input, the knob element can be visually augmented. The visual augmentation can include displaying text labels of range limit values and a slider element with the knob element. The slider element can include a fill bar to indicate the current value of the knob element. A second input can be a linear motion on or near the slider control. In response to the second user input, both the fill bar of the slider element and a fill portion of the knob element can be visually augmented to indicate the change in the value. A cursor image of a pointing device providing the second input can be hidden at least during the receiving of the second input.

Claims

1. A computer-implemented method, comprising:

providing a control object for display on a graphical user interface presented on a display of a device, the control object including at least one knob element;

receiving a first input indicating a user interaction with the control object;

adding, in response to the first input, a slider element to the control object, the slider element being added below the knob element, the slider element not being visible prior to receiving the first input and having a first dimension and a second dimension, where the second dimension is longer than the first dimension;

receiving a second input indicating motion in the graphical user interface, the direction of the motion being along the second dimension of the slider element;

changing a value of the control object according to the direction of the motion; and

augmenting the knob element and the slider element to provide visual cues of the value of the control object by at least partially cumulatively filling portions of the knob element and the slider element,

wherein a contiguous outline surrounds both the knob element and the slider element, the contiguous outline reflecting a perimeter of a combined knob element and slider element.

2. The method of claim 1, further comprising:

at least partially filling an area between the outline and the knob element with one or more of a shadow, shading, color or pattern.

3. The method of claim 1, where at least partially filling portions further comprises:

filling the portions with one or more of a shadow, shading, color or pattern to provide the visual cues.

4. The method of claim 1, further comprising:

displaying text labels with the knob element or the slider element to indicate minimum and maximum range limits for the value.

5. The method of claim 1, where adding the slider element to the control object further comprises:

detecting when a pointer, stylus or finger is at least partially touching the control object; and

augmenting the knob element to provide a visual cue that the control object has been selected.

6. The method of claim 1, further comprising:

receiving manual text entry input setting the value.

7. The method of claim 1, further comprising:

receiving the first input from a pointing device;

displaying a cursor image for the pointing device;

receiving the second input from the pointing device; and

hiding the cursor image for the pointing device at least while receiving the second input.

8. A computer-implemented method, comprising:

providing a control object for display on a graphical user interface presented on a display of a device, the control object including at least one knob element;

receiving a first input from a pointing device indicating an intention of a user to select the control object;

displaying a cursor image for the pointing device on the graphical user interface;

augmenting the control object to indicate its selection using the cursor;

receiving a second input indicating an intention of the user to change a value of the control object;

hiding the cursor image for the pointing device on the graphical user interface at least during the receiving of the second input; and

adding, in response to the second input, a slider element to the control object, the slider element being added below the knob element, the slider element not being visible prior to receiving the second input and being configured to provide a visual cue to the user of the interaction model of the knob element,

wherein the knob element and the slider element are configured to provide visual cues of the value of the control object by at least partially cumulatively filling portions of the knob element and the slider element, and

wherein a contiguous outline surrounds both the knob element and the slider element, the contiguous outline reflecting a perimeter of a combined knob element and slider element.

9. The method of claim 8, where augmenting the control object to indicate its selection, comprises:

augmenting the visual appearance of the knob element.

10. The method of claim 8, where receiving a first input comprises:

detecting a mouse-over event.

11. The method of claim 8, where receiving a second input comprises:

detecting a mouse-down event.

12. A non-transitory computer-readable storage medium having instructions stored thereon, which, when executed by a processor, causes the processor to perform operations, comprising:

providing a control object for display on a graphical user interface presented on a display of a device, the control object including at least one knob element;

receiving a first input indicating a user interaction with the control object;

adding, in response to the first input, a slider element to the control object, the slider element being added below the knob element, the slider element not being visible prior to receiving the first input and having a first dimension and a second dimension, where the second dimension is longer than the first dimension;

receiving a second input indicating motion in the graphical user interface, the direction of the motion being along the second dimension of the slider element;

changing a value of the control object according to the direction of the motion; and

augmenting the knob element and the slider element to provide visual cues of the value of the control object by at least partially cumulatively filling portions of the knob element and the slider element,

wherein a contiguous outline surrounds both the knob element and the slider element, the contiguous outline reflecting a perimeter of a combined knob element and slider element.

13. The non-transitory computer-readable storage medium of claim 12, further comprising:

at least partially filling an area between the outline and the knob element with one or more of a shadow, shading, color or pattern.

14. The non-transitory computer-readable storage medium of claim 12, where at least partially filling portions further comprises:

filling the portions with one or more of a shadow, shading, color or pattern to provide the visual cues.

15. The non-transitory computer-readable storage medium of claim 12, where adding the slider element to the control object further comprises:

detecting when a pointer, stylus or finger are at least partially touching the control object; and

augmenting the knob element to provide a visual cue that the control object has been selected.

16. The non-transitory computer-readable storage medium of claim 12, further comprising:

receiving the first input from a pointing device;

displaying a cursor image for the pointing device;

receiving the second input from the pointing device; and

hiding the cursor image for the pointing device at least while receiving the second input.

17. A non-transitory computer-readable storage medium having instructions stored thereon, which, when executed by a processor, causes the processor to perform operations, comprising:

providing a control object for display on a graphical user interface presented on a display of a device, the control object including at least one knob element;

receiving a first input from a pointing device indicating an intention of a user to select the control object;

displaying a cursor image for the pointing device on the graphical user interface;

augmenting the control object to indicate its selection using the cursor;

receiving a second input indicating an intention of the user to change a value of the control object;

hiding the cursor image for the pointing device on the graphical user interface at least during the receiving of the second input; and

adding, in response to the second input, a slider element to the control object, the slider element being added below the knob element, the slider element not being visible prior to receiving the second input and being configured to provide a visual cue to the user of the interaction model of the knob element,

wherein the knob element and the slider element are configured to provide visual cues of the value of the control object by at least partially cumulatively filling portions of the knob element and the slider element, and

wherein a contiguous outline surrounds both the knob element and the slider element, the contiguous outline reflecting a perimeter of a combined knob element and slider element.

18. The non-transitory computer-readable storage medium of claim 17, where augmenting the control object to indicate its selection, comprises:

augmenting the visual appearance of the knob element.

19. The non-transitory computer-readable storage medium of claim 17, where receiving a first input comprises:

detecting a mouse-over event.

20. The non-transitory computer-readable storage medium of claim 17, where receiving a second input comprises:

detecting a mouse-down event.