User interface widget for selecting a point or range

• US 7,765,491 B1
• Filed: 11/16/2005
• Issued: 07/27/2010
• Est. Priority Date: 11/16/2005
• Status: Expired due to Fees

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Cotterill, Stephen
• Primary Examiner(s): Vu; Kieu
• Assistant Examiner(s): Pan; Yongjia
• Application Number:
  US11/282,069
• Time in Patent Office: 1,714 Days
• Field of Search: 715/786, 715/833
• US Class Current: 715/833
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/0485 Scrolling or panning

Abstract

A technique for selecting and/or displaying an exact point or a range is provided wherein a slider widget comprising a thumb with a left edge and a right edge lying in proximity to the left and right edges of the thumb is provided such that a user may utilize the widget to display an exact point or a range.

Claims

1. A method for selecting a point or range, the method comprising:

displaying a slider widget that includes a thumb, a first edge element and a second edge element;

wherein the thumb, the first edge element and the second edge element are positioned along a track that corresponds to a first range, the first edge element being positioned along the track at a distance along the track from the thumb, the second edge element being positioned along the track at a distance along the track from the thumb;

wherein the position of the first edge element and the position of the second edge element define a sub-range of said first range;

receiving first user input that moves the thumb along the track;

in response to the first user input that moves the thumb along the track,

automatically moving the first edge element and the second edge element along the track in a manner that maintains (a) the distance between the first edge and the thumb and (b) the distance between the second edge and the thumb, and

changing the position of the sub-range defined by the first and second edge elements without changing the length of the sub-range;

receiving second user input that moves one of the first or second edge elements along the track while keeping the other edge element stationary; and

in response to the second user input, changing the distance between the thumb and the edge element being moved without changing a size of the thumb;

wherein the method is performed by a computing device.

2. The method of claim 1 wherein the first edge element and the second edge element are displayed on opposite sides of said thumb.

3. The method of claim 1 wherein, prior to receiving the first user input, the thumb is positioned at an arbitrary point within the sub-range defined by the positions of first and second edge elements.

4. The method of claim 1, further comprising:

receiving third user input that operates to move the sub-range defined by the positions of the first and second edge elements to another location on said first range.

5. The method of claim 1, further comprising:

receiving third user input directed to said slider widget that selects the endpoints of a second range, wherein said second range comprises a subset of said first range.

6. The method of claim 5, wherein the slider widget comprises an additional set of edge elements operational to define said endpoints of said second range.

7. The method of claim 6, wherein one of said additional set of edge elements defines a starting point of said second range and another one of said additional set of edge elements defines a finishing point of said second range.

8. The method of claim 6, wherein said third user input is directed to one of said additional set of edge elements.

9. The method of claim 6, further comprising:

directing said third user input to a first additional edge element of said additional set of edge elements;

moving said first additional edge element along a path, wherein said path represents said first range;

placing said first additional edge element along said path to define a first endpoint of said endpoints of said second range; and

causing a second additional edge element of said additional set of edge elements to define a second endpoint of said endpoints of said second range after placing said first additional edge element along said path, wherein said first and second additional edge elements fully define said second range.

10. The method of claim 9, wherein said second endpoint lies along the opposite side of said path as said first endpoint and said endpoints are equidistant from said thumb.

11. The method of claim 6, further comprising:

directing said third user input to one of said additional set of edge elements;

moving a first additional edge element of said additional set of edge elements along a path, wherein said path represents said first range;

during said moving of said first additional edge element, causing a second additional edge element of said additional set of edge elements positioned adjacent to the side of said thumb opposite said first additional edge element to move in concert with said first additional edge element, said movement of said second additional edge element being of the same magnitude and in the opposite direction along said path as the movement of said first additional edge element; and

placing said first and second additional edge elements along said path to define both of said endpoints of said second range.

12. The method of claim 5, wherein said second range is collapsed in response to receiving user input.

13. The method of claim 1, further comprising providing feedback to a user to assist in positioning said slider widget.

14. The method of claim 13, wherein said feedback comprises tooltips.

15. The method of claim 1, further comprising:

while moving one of the first and second edge elements, maintaining equal distance between the thumb and the first and second edge elements.

16. The method of claim 1, further comprising:

while moving one of the first and second edge elements, maintaining the thumb in a stationary position until the user releases a key.

17. The method of claim 1, wherein the slider widget operates within a scrollbar of a windowed user environment in which a particular window contains multiple objects, the method further comprising:

using the first and second edge elements, setting a range of objects within the window to be viewed; and

using the thumb, selecting a specific one of the objects.

31. The non-transitory computer-readable medium of claim 13, wherein said feedback comprises tooltips.

18. A non-transitory computer-readable medium storing computer-executable instructions for:

displaying a slider widget that includes a thumb, a first edge element and a second edge element;

wherein the thumb, the first edge element and the second edge element are positioned along a track that corresponds to a first range, the first edge element being positioned along the track at a distance along the track from the thumb, the second edge element being positioned along the track at a distance along the track from the thumb;

wherein the position of the first edge element and the position of the second edge element define a sub-range of said first range;

receiving first user input that moves the thumb along the track;

in response to the first user input that moves the thumb along the track,

automatically moving the first edge element and the second edge element along the track in a manner that maintains (a) the distance between the first edge and the thumb and (b) the distance between the second edge and the thumb, and

changing the position of the sub-range defined by the first and second edge elements without changing the length of the sub-range;

receiving second user input that moves one of the first or second edge elements along the track while keeping the other edge element stationary; and

in response to the second user input, changing the distance between the thumb and the edge element being moved without changing a size of the thumb.

19. The non-transitory computer-readable medium of claim 18 wherein the first edge element and the second edge element are displayed on opposite sides of said thumb.

20. The non-transitory computer-readable medium of claim 18 wherein, prior to receiving the first user input, the thumb is positioned at an arbitrary point within the sub-range defined by the positions of first and second edge elements.

21. The non-transitory computer-readable medium of claim 18, further comprising instructions for:

receiving third user input that operates to move the sub-range defined by the positions of the first and second edge elements to another location on said first range.

22. The non-transitory computer-readable medium of claim 18, further comprising instructions for:

receiving third user input directed to said slider widget that selects the endpoints of a second range, wherein said second range comprises a subset of said first range.

23. The non-transitory computer-readable medium of claim 22, wherein the slider widget comprises an additional set of edge elements operational to define said endpoints of said second range.

24. The non-transitory computer-readable medium of claim 23, wherein one of said additional set of edge elements defines a starting point of said second range and another one of said additional set of edge elements defines a finishing point of said second range.

25. The non-transitory computer-readable medium of claim 23, wherein said third user input is directed to one of said additional set of edge elements.

26. The non-transitory computer-readable medium of claim 23, further comprising instructions for:

directing said third user input to a first additional edge element of said additional set of edge elements;

moving said first additional edge element along a path, wherein said path represents said first range;

placing said first additional edge element along said path to define a first endpoint of said endpoints of said second range; and

causing a second additional edge element of said additional set of edge elements to define a second endpoint of said endpoints of said second range after placing said first additional edge element along said path, wherein said first and second additional edge elements fully define said second range.

27. The non-transitory computer-readable medium of claim 26, wherein said second endpoint lies along the opposite side of said path as said first endpoint and said endpoints are equidistant from said thumb.

28. The non-transitory computer-readable medium of claim 23, further comprising instructions for:

directing said third user input to one of said additional set of edge elements;

moving a first additional edge element of said additional set of edge elements along a path, wherein said path represents said first range;

during said moving of said first additional edge element, causing a second additional edge element of said additional set of edge elements positioned adjacent to the side of said thumb opposite said first additional edge element to move in concert with said first additional edge element, said movement of said second additional edge element being of the same magnitude and in the opposite direction along said path as the movement of said first additional edge element; and

placing said first and second additional edge elements along said path to define both of said endpoints of said second range.

29. The non-transitory computer-readable medium of claim 22, wherein said second range is collapsed in response to receiving user input.

30. The non-transitory computer-readable medium of claim 18, further comprising instructions for providing feedback to a user to assist in positioning said slider widget.

32. The non-transitory computer-readable medium of claim 18, further comprising:

while moving one of the first and second edge elements, maintaining equal distance between the thumb and the first and second edge elements.

33. The non-transitory computer-readable medium of claim 18, further comprising instructions for:

while moving one of the first and second edge elements, maintaining the thumb in a stationary position until the user releases a key.

34. The non-transitory computer-readable medium of claim 18, wherein the slider widget operates within a scrollbar of a windowed user environment in which a particular window contains multiple objects, the computer-readable storage medium further comprising instructions for:

using the first and second edge elements, setting a range of objects within the window to be viewed; and

using the thumb, selecting a specific one of the objects.