Device, method, and graphical user interface for navigating through a range of values

A method, comprising:

• at a multifunction device with a display and a touch-sensitive surface:
• displaying a navigation user interface that includes:
• a navigation bar having a plurality of unit regions and a plurality of subunit regions associated with a respective unit region, wherein each of the unit regions represents a range of values, and each subunit region of the plurality of subunit regions represents a subset of a respective range of values for the respective unit region;
• and
• a content area for displaying content associated with subunit regions;
• wherein, prior to detecting a first input, the plurality of unit regions include a prior unit region, a current unit region and a subsequent unit region, and the plurality of subunit regions includes a first set of subunit regions associated with the current unit region and wherein the unit regions and subunit regions are linearly arranged within the navigation bar in the order of the prior unit region, the current unit region, the first set of subunit regions associated with the current unit region, and the subsequent unit region;
• detecting the first input;
• and,
• in response to detecting the first input:
• when the first input corresponds to a request to select a particular subunit region from the first set of subunit regions, displaying in the ‘content area content associated with the particular subunit region;
• when the first input corresponds to a request to select the prior unit region:
• ceasing to display the first set of subunit regions;
• displaying in the navigation bar a second set of subunit regions associated with the prior unit region;
• and
• displaying in the content area content associated with a subunit region from the second set of subunit regions;
• and,
• when the first input corresponds to a request to select the subsequent unit region:
• ceasing to display the first set of subunit regions;
• displaying in the navigation bar a third set of subunit regions associated with the subsequent unit region;
• and
• displaying in the content area content associated with a subunit region from the third set of subunit regions.

A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a portable multifunction device with a display and a touch-sensitive surface, cause the device to:

• display a navigation user interface that includes:
• a navigation bar having a plurality of unit regions and a plurality of subunit regions associated with a respective unit region, wherein each of the unit regions represents a range of values, and each subunit region of the plurality of subunit regions represents a subset of a respective range of values for the respective unit region;
• and
• a content area for displaying content associated with subunit regions;
• wherein, prior to detecting a first input, the plurality of unit regions include a prior unit region, a current unit region and a subsequent unit region, and the plurality of subunit regions includes a first set of subunit regions associated with the current unit region and wherein the unit regions and subunit regions are linearly arranged within the navigation bar in the order of the prior unit region, the current unit region, the first set of subunit regions associated with the current unit region, and the subsequent unit region;
• detect the first input;
• and,
• in response to detecting the first input:
• when the first input corresponds to a request to select a particular subunit region from the first set of subunit regions, display in the content area content associated with the particular subunit region;
• when the first input corresponds to a request to select the prior unit region:
• cease to display the first set of subunit regions;
• display in the navigation bar a second set of subunit regions associated with the prior unit region;
• and
• display in the content area content associated with a subunit region from the second set of subunit regions;
• and,
• when the first input corresponds to a request to select the subsequent unit region:
• cease to display the first set of subunit regions;
• display in the navigation bar a third set of subunit regions associated with the subsequent unit region;
• and
• display in the content area content associated with a subunit region from the third set of subunit regions.

A multifunction device, comprising:

• a display and 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 navigation user interface that includes:
• a navigation bar having a plurality of unit regions and a plurality of subunit regions associated with a respective unit region of the plurality of unit regions, wherein:
• each of the unit regions represents a range of values;
• each subunit region of the plurality of subunit regions represents a subset of a respective range of values for the respective unit region;
• and
• the unit regions and subunit regions are linearly arranged within the navigation bar in the order of the prior unit region, the current unit region, the first set of subunit regions associated with the current unit region, and the subsequent unit region;
• and
• a content area for displaying content associated with subunit regions;
• in response to detecting an input that selects a respective subunit region in the navigation bar, updating the content area in accordance with the respective selected subunit region;
• and,
• in response to detecting an input that selects a respective unit region in the navigation bar, updating the navigation bar to include subunit regions in accordance with the selected unit region and updating the content area in accordance with at least one of the subunit regions in the updated navigation bar.

A method, comprising:

• at a multifunction device with a display and a touch-sensitive surface:
• displaying a navigation user interface that includes:
• a navigation bar having a plurality of unit regions and a plurality of subunit regions associated with a respective unit region of the plurality of unit regions, wherein:
• each of the unit regions represents a range of values;
• each subunit region of the plurality of subunit regions represents a subset of a respective range of values for the respective unit region;
• and
• the unit regions and subunit regions are linearly arranged within the navigation bar in the order of the prior unit region, the current unit region, the first set of subunit regions associated with the current unit region, and the subsequent unit region;
• and
• a content area for displaying content associated with subunit regions;
• in response to detecting an input that selects a respective subunit region in the navigation bar, updating the content area in accordance with the respective selected subunit region;
• and,
• in response to detecting an input that selects a respective unit region in the navigation bar, updating the navigation bar to include subunit regions in accordance with the selected unit region and updating the content area in accordance with at least one of the subunit regions in the updated navigation bar.

A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a portable multifunction device with a display and a touch-sensitive surface, cause the device to:

• display a navigation user interface that includes:
• a navigation bar having a plurality of unit regions and a plurality of subunit regions associated with a respective unit region of the plurality of unit regions, wherein:
• each of the unit regions represents a range of values;
• each subunit region of the plurality of subunit regions represents a subset of a respective range of values for the respective unit region;
• and
• the unit regions and subunit regions are linearly arranged within the navigation bar in the order of the prior unit region, the current unit region, the first set of subunit regions associated with the current unit region, and the subsequent unit region;
• and
• a content area for displaying content associated with subunit regions;
• in response to detecting an input that selects a respective subunit region in the navigation bar, update the content area in accordance with the respective selected subunit region;
• and,
• in response to detecting an input that selects a respective unit region in the navigation bar, the navigation bar is updated to include subunit regions in accordance with the selected unit region and updating the content area in accordance with at least one of the subunit regions in the updated navigation bar.