Application menu user interface

• US 11,126,321 B2
• Filed: 09/04/2007
• Issued: 09/21/2021
• Est. Priority Date: 09/04/2007
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Chaudhri, Imran A., Herz, Scott, Jobs, Steven, Anzures, Freddy A., Christie, Greg
• Primary Examiner(s): Nabi, Reza
• Application Number:
  US11/850,005
• Publication Number:
  US 20090064055A1
• Time in Patent Office: 5,131 Days
• Field of Search: 715863, 715839, 715782, 715848, 715853, 715855, 715763, 715765, 715864
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• 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/04883 for inputting data by handwriting, e.g. gesture or text

Abstract

Methods, systems, and apparatus, including computer program products, for presenting user interface elements. A first page of one or more user interface elements is presented on a touch-sensitive display. Each of the user interface elements corresponds to a respective application. A gesture performed on the touch-sensitive display is detected. In response to the detected gesture, a second page of one or more user interface elements is presented on the touch-sensitive display.

Claims

1. A method, comprising:

at a computing device with a touch screen display;

displaying a first page that includes application icons in a first area of the touch screen display, wherein;

the first page is one page in a set of pages in an application menu that include application icons,

pages in the application menu are separately displayed in the first area of the touch screen display, and

selection of a respective application icon displayed in the first area of the touch screen display launches an application that corresponds to the respective application icon displayed in the first area of the touch screen display;

displaying a plurality of application icons in a second area, concurrently with the display of the first page that includes application icons in the first area, of the touch screen display, wherein;

the second area is different from the first area, and

selection of a respective application icon displayed in the second area of the touch screen display launches an application that corresponds to the respective application icon displayed in the second area of the touch screen display;

while displaying the first page in the first area and the plurality of application icons in the second area, detecting a first finger swipe gesture on the touch screen display on the first page of application icons in the first area; and

in response to detecting the first finger swipe gesture on the touch screen display in the first area, replacing display of the first page in the application menu with display of a second page in the application menu in the first area on the touch screen display while maintaining display of the plurality of application icons in the second area on the touch screen display, wherein replacing display of the first page in the application menu with display of the second page in the application menu in the first area on the touch screen display comprises an animation that moves the first page out of the first area and the second page into the first area,

and wherein the second page in the application menu includes application icons that are different from the application icons in the first page in the application menu.

2. The method of claim 1, wherein the touch screen display has a width, the first page has a width, and the width of the first page substantially fills the width of the touch screen display.

3. The method of claim 1, wherein second area is a menu bar.

4. The method of claim 1, wherein the first page in the first area and the plurality of application icons in the second area are displayed in response to detecting selection of a button.

5. The method of claim 4, wherein the button is a home button.

6. The method of claim 1, including:

while displaying the second page in the first area and the plurality of application icons in the second area, detecting a second finger swipe gesture on the touch screen display; and

in response to detecting the second finger swipe gesture, replacing display of the second page with display of a third page in the application menu in the first area on the touch screen display while maintaining display of the plurality of application icons in the second area on the touch screen display.

7. The method of claim 1, wherein the application menu includes a number of pages that are configured to be separately displayed as a sequence of pages in the first area of the touch screen display, the method further including:

displaying a set of page indicators, wherein the page indicators provide information about the number of pages in the application menu and a position of a displayed page in the sequence of pages; and

,

in response to detecting the first finger swipe gesture, updating the information provided by the set page indicators to reflect the replacement of the displayed first page by the second page.

8. The method of claim 1, wherein the first finger swipe gesture is at a location in the first display area where no user interface elements are displayed.

9. The method of claim 1, wherein the application icons displayed in the first area of the first page comprise a first application icon corresponding to a first application and a second application icon corresponding to a second application distinct from the first application.

10. The method of claim 1, wherein the plurality of application icons displayed in the second area comprises a third application icon corresponding to a third application and a fourth application icon corresponding to a fourth application distinct from the third application.

11. A computing device, comprising:

a touch screen display;

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 page that includes application icons in a first area of the touch screen display, wherein;

the first page is one page in a set of pages in an application menu that include application icons,

pages in the application menu are separately displayed in the first area of the touch screen display, and

selection of a respective application icon displayed in the first area of the touch screen display launches an application that corresponds to the respective application icon displayed in the first area of the touch screen display;

displaying a plurality of application icons in a second area, concurrently with the display of the first page that includes application icons in the first area, of the touch screen display, wherein;

the second area is different from the first area, and

selection of a respective application icon displayed in the second area of the touch screen display launches an application that corresponds to the respective application icon displayed in the second area of the touch screen display;

while displaying the first page in the first area and the plurality of application icons in the second area, detecting a first finger swipe gesture on the touch screen display on the first page of application icons in the first area; and

in response to detecting the first finger swipe gesture on the touch screen display in the first area, replacing display of the first page in the application menu with display of a second page in the application menu in the first area on the touch screen display while maintaining display of the plurality of application icons in the second area on the touch screen display, wherein replacing display of the first page in the application menu with display of the second page in the application menu in the first area on the touch screen display comprises an animation that moves the first page out of the first area and the second page into the first area, and wherein the second page in the application menu includes application icons that are different from the application icons in the first page in the application menu.

12. The device of claim 11, wherein the touch screen display has a width, the first page has a width, and the width of the first page substantially fills the width of the touch screen display.

13. The device of claim 11, wherein second area is a menu bar.

14. The device of claim 11, wherein the first page in the first area and the plurality of application icons in the second area are displayed in response to detecting selection of a button.

15. The device of claim 11, including instructions for:

while displaying the second page in the first area and the plurality of application icons in the second area, detecting a second finger swipe gesture on the touch screen display; and

in response to detecting the second finger swipe gesture, replacing display of the second page with display of a third page in the application menu in the first area on the touch screen display while maintaining display of the plurality of application icons in the second area on the touch screen display.

16. The device of claim 11, wherein the application menu includes a number of pages that are configured to be separately displayed as a sequence of pages in the first area of the touch screen display, the device further including instructions for:

displaying a set of page indicators, wherein the page indicators provide information about the number of pages in the application menu and a position of a displayed page in the sequence of pages; and

,

in response to detecting the first finger swipe gesture, updating the information provided by the set page indicators to reflect the replacement of the displayed first page by the second page.

17. The device of claim 11, wherein the first finger swipe gesture is at a location in the first display area where no user interface elements are displayed.

18. The device of claim 11, wherein the application icons displayed in the first area of the first page comprise a first application icon corresponding to a first application and a second application icon corresponding to a second application distinct from the first application.

19. The device of claim 11, wherein the plurality of application icons displayed in the second area comprises a third application icon corresponding to a third application and a fourth application icon corresponding to a fourth application distinct from the third application.

20. A non-transitory computer readable storage medium having stored therein instructions, which when executed by a device with a touch screen display, cause the device to:

display a first page that includes application icons in a first area of the touch screen display, wherein;

the first page is one page in a set of pages in an application menu that include application icons,

pages in the application menu are separately displayed in the first area of the touch screen display, and

selection of a respective application icon displayed in the first area of the touch screen display launches an application that corresponds to the respective application icon displayed in the first area of the touch screen display;

display a plurality of application icons in a second area, concurrently with the display of the first page that includes application icons in the first area, of the touch screen display, wherein;

the second area is different from the first area, and

selection of a respective application icon displayed in the second area of the touch screen display launches an application that corresponds to the respective application icon displayed in the second area of the touch screen display;

while displaying the first page in the first area and the plurality of application icons in the second area, detect a first finger swipe gesture on the touch screen display on the first page of application icons in the first area; and

in response to detecting the first finger swipe gesture on the touch screen display in the first area, replace display of the first page in the application menu with display of a second page in the application menu in the first area on the touch screen display while maintaining display of the plurality of application icons in the second area on the touch screen display, wherein replacing display of the first page in the application menu with display of the second page in the application menu in the first area on the touch screen display comprises an animation that moves the first page out of the first area and the second page into the first area, and wherein the second page in the application menu includes application icons that are different from the application icons in the first page in the application menu.

21. The storage medium of claim 20, wherein the touch screen display has a width, the first page has a width, and the width of the first page substantially fills the width of the touch screen display.

22. The storage medium of claim 20, wherein second area is a menu bar.

23. The storage medium of claim 20, wherein the first page in the first area and the plurality of application icons in the second area are displayed in response to detecting selection of a button.

24. The storage medium of claim 23, wherein the button is a home button.

25. The storage medium of claim 20, including instructions that cause the device to:

while displaying the second page in the first area and the plurality of application icons in the second area, detect a second finger swipe gesture on the touch screen display; and

in response to detecting the second finger swipe gesture, replace display of the second page with display of a third page in the application menu in the first area on the touch screen display while maintaining display of the plurality of application icons in the second area on the touch screen display.

26. The storage medium of claim 20, wherein the application menu includes a number of pages that are configured to be separately displayed as a sequence of pages in the first area of the touch screen display, the storage medium further including instructions that cause the device to:

display a set of page indicators, wherein the page indicators provide information about the number of pages in the application menu and a position of a displayed page in the sequence of pages; and

,

in response to detecting the first finger swipe gesture, update the information provided by the set page indicators to reflect the replacement of the displayed first page by the second page.

27. The storage medium of claim 20, wherein the first finger swipe gesture is at a location in the first display area where no user interface elements are displayed.

28. The storage medium of claim 20, wherein the application icons displayed in the first area of the first page comprise a first application icon corresponding to a first application and a second application icon corresponding to a second application distinct from the first application.

29. The storage medium of claim 20, wherein the plurality of application icons displayed in the second area comprises a third application icon corresponding to a third application and a fourth application icon corresponding to a fourth application distinct from the third application.

30. A graphical user interface on a computing device with a touch screen display, comprising:

a first page that includes application icons in a first area of the touch screen display, wherein;

the first page is one page in a set of pages in an application menu that include application icons,

pages in the application menu are separately displayed in the first area of the touch screen display, and

selection of a respective application icon displayed in the first area of the touch screen display launches an application that corresponds to the respective application icon displayed in the first area of the touch screen display; and

a plurality of application icons in a second area on the touch screen display, wherein;

the plurality of application icons in the second area are concurrently displayed with the first page that includes application icons in the first area,

the second area is different from the first area, and

selection of a respective application icon displayed in the second area of the touch screen display launches an application that corresponds to the respective application icon displayed in the second area of the touch screen display;

wherein;

while the first page is displayed in the first area and the plurality of application icons is displayed in the second area, a first finger swipe gesture is detected on the touch screen display on the first page of application icons in the first area; and

in response to detecting the first finger swipe gesture on the touch screen display in the first area, display of the first page in the application menu is replaced with display of a second page in the application menu in the first area on the touch screen display while display of the plurality of application icons in the second area on the touch screen display is maintained, wherein replacing display of the first page in the application menu with display of the second page in the application menu in the first area on the touch screen display comprises an animation that moves the first page out of the first area and the second page into the first area, and wherein the second page in the application menu includes application icons that are different from the application icons in the first page of the application menu.