Device, Method, and Graphical User Interface for Data Input Using Virtual Sliders

An electronic device, comprising:

• a display;
• a touch-sensitive surface;
• one or more processors;
• memory;
• and
• one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
• displaying a first numerical value field;
• detecting a first user input that selects the first numerical value field;
• in response to detecting the first input, displaying a value selection bar, the value selection bar having a length along a primary axis, and displaying a value selection object on the value selection bar, wherein:
• the value selection bar has a first end and a second end on the primary axis, the first end associated with a first minimum value, and the second end, opposite the first end, associated with a first maximum value, the first minimum value and the first maximum value defining a first range of values associated with the value selection bar;
• and
• the value selection object is movable on the value selection bar along the primary axis within bounds of the first end and the second end;
• detecting a second user input that moves the value selection object on the value selection bar;
• in response to detecting the second user input, entering a first value within the first range of values into the first numerical value field based on a position of the value selection object on the value selection bar;
• detecting a gesture on the value selection bar;
• in response to detecting the gesture:
• maintaining the length of the value selection bar along the primary axis;
• and
• associating the first end with a second minimum value and associating the second end with a second maximum value, the second minimum value and the second maximum value defining a second range of numerical values associated with the value selection bar, the second range of numerical values being distinct from the first range of numerical values;
• while the value selection bar corresponds to the second range of numerical values, detecting a third user input that moves the value selection object within the value selection bar;
• and
• in response to detecting the third user input, entering a second numerical value within the second range of numerical values into the first numerical value field based on a position of the value selection object on the value selection bar, the second numerical value replacing the first numerical value.

An electronic device, comprising:

• a display;
• a touch-sensitive surface;
• one or more processors;
• memory;
• and
• one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
• displaying a numerical value field;
• detecting a first user input selecting the numerical value field;
• in response to detecting the first input, displaying a first value selection bar having a first primary axis and a first value selection object on the first value selection bar, wherein:
• the first value selection bar has a first end and a second end on the first primary axis, the first end associated with a first minimum value, and the second end, opposite the first end, associated with a first maximum value, the first minimum value and the first maximum value defining a first range of values associated with the first value selection bar;
• and
• the first value selection object is movable on the first value selection bar along the first primary axis within bounds of the first end and the second end;
• detecting a second user input that moves the first value selection object on the first value selection bar;
• in response to detecting the second input, entering a first value within the first range of values into the numerical value field based on a position of the first value selection object on the first value selection bar;
• detecting a first gesture, the first gesture including a contact moving in a first direction;
• in response to detecting the first gesture, displaying a second value selection bar having a second primary axis and a second value selection object on the second value selection bar, wherein:
• the second value selection bar has a third end and a fourth end on the second primary axis, the third end associated with a second minimum value, and the fourth end, opposite the third end, associated with a second maximum value, the second minimum value and the second maximum value defining a second range of values associated with the second value selection bar, wherein the second range of values is within the first range of values;
• and
• the second value selection object is movable on the second value selection bar along the second primary axis within bounds of the third end and the fourth end;
• detecting a third user input that moves the second value selection object within the second value selection bar;
• and
• in response to detecting the third user input, entering a second value within the second range of values into the numerical value field based on a position of the second value selection object on the second values selection bar, the second value replacing the first value.