Device, Method, and Graphical User Interface for Navigating Through a Range of Values

• US 20110167369A1
• Filed: 05/27/2010
• Published: 07/07/2011
• Est. Priority Date: 01/06/2010
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: van Os, Marcel
• Granted Patent: US 8,510,677 B2
• Time in Patent Office: Days
• US Class Current: 715/769
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0483 Interaction with page-structured environments, e.g. book metaphor
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06Q 10/107 Computer-aided management of electronic mailing [e-mailing]
• CPC Class Codes: G06Q 10/109 Time management, e.g. calendars, reminders, meetings or time accounting

Abstract

A multifunction device displays a navigation user interface that includes: a navigation bar having a plurality of unit regions and a plurality of subunit regions. Each of the unit regions represents a range of values. Each subunit region represents a subset of a respective range of values. The navigation user interface also includes a content area for displaying content associated with subunit regions. In response to detecting an input that selects a respective subunit region, the multifunction device updates the content area in accordance with the respective selected subunit region. In response to detecting an input that selects a respective unit region, the multifunction device updates the navigation bar to include subunit regions in accordance with the selected unit region and updates the content area in accordance with at least one of the subunit regions in the updated navigation bar.

Claims

1. 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, 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;

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.

2. The device of claim 1, wherein the first input is a gesture that includes a selection, a movement, and a release.

3. The device of claim 1, further comprising instructions for, while displaying content associated with a respective subunit region in the content area, visually highlighting the respective subunit region in the navigation bar.

4. The device of claim 1, further comprising instructions for, in response to detecting the first input:

when the first input corresponds to a request to select the prior unit region selecting a subunit region at the end of the second set of subunit regions; and

when the first input corresponds to a request to select the subsequent unit region selecting a subunit region at the beginning of the third set of subunit regions.

5. The device of claim 1, wherein the units are units of time and the subunits are subunits of time.

6. The device of claim 5, wherein the units are years and the subunits are months.

7. The device of claim 5, wherein the units are months and the subunits are days.

8. The device of claim 5, wherein the units are days and the subunits are hours.

9. The device of claim 1, wherein displaying in the navigation bar a second subset of subunit regions includes displaying an animation of the first subset of subunits sliding out of view while the second subset of subunits slides into view.

10. The device of claim 9, wherein:

in response to detecting the first input, a respective subunit region of the second set of subunit regions is currently selected; and

the device includes instructions for;

displaying a callout indicating that the respective subunit region is selected;

while sliding the first subset of subunits out of view, moving the callout on the display in accordance with the movement of the respective subunit; and

ceasing to display the callout when it reaches a location on the display that is proximate to a center of the navigation bar.

11. The device of claim 1, wherein displaying in the navigation bar a third subset of subunit regions includes displaying an animation of the first subset of subunits sliding out of view.

12. The device of claim 11, wherein:

in response to detecting the first input, a respective subunit region of the third set of subunit regions is currently selected; and

the device includes instructions for;

displaying a callout indicating that the respective subunit region is selected; and

while sliding the first subset of subunits out of view, moving the callout on the display in accordance with the movement of the respective subunit; and

ceasing to display the callout when it reaches a location on the display that is proximate to an end of the navigation bar.

13. The device of claim 1, wherein the navigation bar has a fixed size, and respective sizes of the unit regions and subunit regions are selected so as to fit within the navigation bar.

14. 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;

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.

15. A 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;

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.

16. 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 accordance with the values represented by the plurality of unit regions and the plurality of subunit regions; 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.

17. The device of claim 16, further comprising instructions for, while displaying content associated with a respective subunit region in the content area, visually highlighting the respective subunit region in the navigation bar.

18. The device of claim 16, further comprising instructions for, in response to detecting the input that selects a respective unit region in the navigation bar:

when the input corresponds to a request to select a prior unit region, selecting a subunit region at the end of a second set of subunit regions associated with the prior unit region; and

when the first input corresponds to a request to select a subsequent unit region, selecting a subunit region at the beginning of a third set of subunit regions associated with the subsequent unit region.

19. 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 accordance with the values represented by the plurality of unit regions and the plurality of subunit regions; 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.

20. A 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 accordance with the values represented by the plurality of unit regions and the plurality of subunit regions; 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.