Graphical user interface element adjustment

• US 10,203,860 B2
• Filed: 03/18/2016
• Issued: 02/12/2019
• Est. Priority Date: 03/18/2016
• Status: Active Grant

• Current Assignee: eBay Inc.
• Original Assignee: eBay Inc.
• Inventors: Wu, Junlong
• Primary Examiner(s): Tan, Alvin H
• Application Number:
  US15/074,704
• Publication Number:
  US 20170269825A1
• Time in Patent Office: 1,061 Days
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/04855 Interaction with scrollbars

Abstract

A computer-implemented method of graphical user interface element adjustment may include presenting a graphical user interface element that includes an adjustable element that is configured to be moved to adjust a selection of a value between a first end value and a second end value. In response to a movement of the adjustable element to adjust the selection of the value, the computer-implemented method further include obtaining a time for the movement of the adjustable element and selecting the first end value to adjust based on the time. The computer-implemented method may further include determining an updated end value based on the first end value and the time and presenting the updated end value in the graphical user interface element in place of the first end value.

Claims

1. One or more non-transitory computer-readable media configured to store instructions that when executed by one or more processing systems performs operations, the operations comprising:

presenting a graphical user interface element that includes a slider line extending between a first end value and a second end value in the graphical user interface element;

presenting, on the slider line, an adjustable element that is configured to be moved along the slider line to adjust a selection of a value between the first end value and the second end value;

detecting movement of the adjustable element along the slider line to adjust the selection of the value;

obtaining a distance of the movement of the adjustable element, a time for the movement of the adjustable element, and a location of the adjustable element after the movement;

determining a speed of the movement based on the distance of the movement of the adjustable element and the time for the movement of the adjustable element;

selecting the first end value to adjust if the speed is below a threshold and selecting the second end value to adjust if the speed is above the threshold;

determining an updated end value based on the selected end value and the speed; and

presenting the updated end value in the graphical user interface element in place of the selected end value.

2. The one or more non-transitory computer-readable media of claim 1, wherein the operations further comprise after the presentation of the updated end value in the graphical user interface element in place of the selected end value, obtaining a second movement of the adjustable element to further adjust the selection of the value, wherein the selection of the value is constrained between the updated end value and the unselected end value.

3. The one or more non-transitory computer-readable media of claim 1, wherein the values on the slider line range between the first end value and the second end value.

4. The one or more non-transitory computer-readable media of claim 1, wherein the graphical user interface element further includes multiple value display elements adjacent to the slider line, wherein in response to movement of the adjustable element off of the slider line to one of the multiple value display elements the operations further comprise adjusting the selection of the value to be a value of the one of the multiple value display elements.

5. The one or more non-transitory computer-readable media of claim 4, wherein the value of the one of the multiple value display elements and values of others of the multiple value display elements are between the first end value and the second end value.

6. The one or more non-transitory computer-readable media of claim 1, wherein the first end value is positioned on a left side of the slider line and the second end value is positioned on a right side of the slider line.

7. The one or more non-transitory computer-readable media of claim 1, wherein the second end value is positioned on a left side of the slider line and the first end value is positioned on a right side of the slider line.

8. One or more non-transitory computer-readable media configured to store instructions that when executed by one or more processing systems performs operations, the operations comprising:

presenting a graphical user interface element that includes a slider line extending between a first end value and a second end value in the graphical user interface element;

presenting, on the slider line, an adjustable element that is configured to be moved along the slider line to adjust a selection of a value between the first end value and the second end value;

in response to a movement of the adjustable element along the slider line to adjust the selection of the value;

obtaining a location of the adjustable element after the movement of the adjustable element;

in response to the location of the adjustable element corresponding to a location value that is approximately in a middle third between the first end value and the second end value, selecting the second end value to adjust;

determining an updated end value for the second end value; and

presenting the updated end value in the graphical user interface element in place of the second end value.

9. The one or more non-transitory computer-readable media of claim 8, wherein the updated end value is a first updated end value and the operations further comprise:

determining a second updated end value; and

presenting the second updated end value in the graphical user interface element in place of the first end value.

10. The one or more non-transitory computer-readable media of claim 8, wherein values on the slider line range between the first end value and the second end value.

11. A computer-implemented method of graphical user interface element adjustment, the method comprising:

presenting a graphical user interface element that includes a slider line extending between a first end value and a second end value in the graphical user interface element;

presenting, on the slider line, an adjustable element that is configured to be moved along the slider line to adjust a selection of a value between the first end value and the second end value;

in response to a movement of the adjustable element along the slider line to adjust the selection of the value;

determining a speed of the movement of the adjustable element;

selecting the first end value to adjust if the speed is below a threshold and selecting the second end value to adjust if the speed is above the threshold;

determining an updated end value for the selected end value; and

presenting the updated end value in the graphical user interface element in place of the selected end value.

12. The computer-implemented method of claim 11, further comprising obtaining a distance moved by the adjustable element in the graphical user interface element, wherein the first end value is selected based on the time and the distance, and wherein the updated end value is determined based on the selected end value, a distance of the movement of the adjustable element, and a time of the movement of the adjustable element.

13. The computer-implemented method of claim 11, wherein the graphical user interface element includes a slider bar and the adjustable element is a slider element on the slider bar that slides along a line with values that range between the first end value and the second end value.

14. The computer-implemented method of claim 11, wherein the graphical user interface element further includes multiple value display elements adjacent to the slider line, wherein in response to movement of the adjustable element off of the slider line to one of the multiple value display elements, and further comprising adjusting the selection of the value to be a value of the one of the multiple value display elements.

15. The computer-implemented method of claim 14, wherein the value of the one of the multiple value display elements and values of others of the multiple value display elements are between the first end value and the second end value.

16. The computer-implemented method of claim 11, wherein the determining the updated end value for the selected end value is based at least in part on the speed of the movement of the adjustable element.

17. The computer-implemented method of claim 11, wherein the determining the updated end value for the selected end value is based at least in part on a location of the adjustable element after the movement.

18. The computer-implemented method of claim 11, wherein the determining the updated end value for the selected end value is based at least in part on a distance of the movement of the adjustable element or a time of the movement of the adjustable element.

19. The computer-implemented method of claim 11, wherein the first end value is positioned on a left side of the slider line and the second end value is positioned on a right side of the slider line.

20. The computer-implemented method of claim 11, wherein the second end value is positioned on a left side of the slider line and the first end value is positioned on a right side of the slider line.