Using gestures to slide between user interfaces

• US 9,772,751 B2
• Filed: 06/30/2008
• Issued: 09/26/2017
• Est. Priority Date: 06/29/2007
• Status: Expired due to Fees

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Anzures, Freddy Allen, Van Os, Marcel, Chaudhri, Imran, Matas, Michael, Lemay, Stephen O., Herz, Scott
• Primary Examiner(s): WIENER, ERIC A
• Application Number:
  US12/217,029
• Publication Number:
  US 20090007017A1
• Time in Patent Office: 3,375 Days
• Field of Search: 715726, 715767, 715778, 715802, 715810, 715835, 715837, 715838, 715840, 715863
• CPC Class Codes: G06F 3/041 Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
• 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
• CPC Class Codes: G06T 13/00 Animation
• CPC Class Codes: H04M 1/2747 Scrolling on a display
• CPC Class Codes: H04M 1/72403 with means for local support of applications that increase the functionality
• CPC Class Codes: H04M 1/72427 for supporting games or graphical animations
• CPC Class Codes: H04M 1/72436 for text messaging, e.g. short messaging services [SMS] or e-mails
• CPC Class Codes: H04M 1/72445 for supporting Internet browser applications
• CPC Class Codes: H04M 1/72469 for operating the device by selecting functions from two or more displayed items, e.g. menus or icons
• CPC Class Codes: H04M 2250/12 including a sensor for measuring a physical value, e.g. temperature or motion telephones including GPS signal receivers H04M2250/10
• CPC Class Codes: H04M 2250/22 including a touch pad, a touch sensor or a touch detector digitizers for touch screens G06F3/041
• CPC Class Codes: H04N 21/4438 Window management, e.g. event handling following interaction with the user interface

Abstract

A first user interface is displayed without concurrently displaying a second user interface that is distinct from the first user interface. A gesture to select the second user interface is detected on the touch screen display. In response to detecting the gesture, an animation is displayed of a transition from display of the first user interface to display of the second user interface. The animation comprises sliding a first element of the second user interface onto the display from a first side of the display while simultaneously sliding a second element of the second user interface that contacts the first element horizontally across the top of the first element. The first element of the second user interface is distinct from the second element of the second user interface.

Claims

1. A computer-implemented method, comprising:

at a portable multifunction device with a touch screen display;

displaying a first user interface without concurrently displaying a second user interface that is distinct from the first user interface;

detecting a gesture on the touch screen display to select the second user interface; and

in response to detecting the gesture, displaying an animation of a transition from display of the first user interface to display of the second user interface, the animation comprising sliding a first element of the second user interface onto the display from a first side of the display while simultaneously sliding a second element of the second user interface that contacts the first element horizontally across the top of the first element, wherein the first element of the second user interface is distinct from the second element of the second user interface.

2. The computer-implemented method of claim 1, wherein the animation comprises sliding the first element onto the display from the bottom of the display while simultaneously sliding the second element that contacts the first element horizontally across the top of the first element from a side of the display, resulting in the first element appearing to rise while sliding.

3. The computer-implemented method of claim 1, further comprising determining, prior to displaying the animation, that the portable multifunction device is not being held in close proximity to a user'"'"'s ear or face.

4. The method of claim 1, wherein the first element of the second user interface includes a block of soft keys, and the second element of the second user interface includes an input field.

5. The method of claim 1, wherein sliding the first element of the second user interface onto the display includes increasing a size of the first element in a first dimension while maintaining a size of the first element in a second dimension that is different from the first dimension;

and

sliding the first element of the second user interface onto the display includes increasing a size of the second element in the second dimension while maintaining a size of the second element in the first dimension that is different from the second dimension.

6. The method of claim 1, wherein during the animation, the first element of the second user interface has a constant horizontal width and the second element of the second user interface has a constant vertical height.

7. The method of claim 1, wherein the first element of the second user interface extends along an entirety of the first side and the second element of the second user interface extends along a portion of a second side.

8. The method of claim 1, wherein the animation further comprises sliding the second element of the second user interface from a second side of the display perpendicular to the first side of the display towards a third side of the display opposite the second side.

9. The method of claim 1, wherein the animation further comprises sliding the first element of the second user interface onto the display in a first direction from the first side of the display while concurrently sliding the second element of the second user interface in a second direction different from the first direction;

and

the first element slides in the first direction without sliding in the second direction.

10. A portable multifunction 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 user interface without concurrently displaying a second user interface that is distinct from the first user interface;

detecting a gesture on the touch screen display to select the second user interface; and

in response to detecting the gesture, displaying an animation of a transition from display of the first user interface to display of the second user interface, the animation comprising sliding a first element of the second user interface onto the display from a first side of the display while simultaneously sliding a second element of the second user interface that contacts the first element horizontally across the top of the first element, wherein the first element of the second user interface is distinct from the second element of the second user interface.

11. The device of claim 10, wherein the animation comprises sliding the first element onto the display from the bottom of the display while simultaneously sliding the second element that contacts the first element horizontally across the top of the first element from a side of the display, resulting in the first element appearing to rise while sliding.

12. The device of claim 10, including instructions for determining, prior to displaying the animation, that the portable multifunction device is not being held in close proximity to a user'"'"'s ear or face.

13. The device of claim 10, wherein the first element of the second user interface includes a block of soft keys, and the second element of the second user interface includes an input field.

14. The device of claim 10, wherein sliding the first element of the second user interface onto the display includes increasing a size of the first element in a first dimension while maintaining a size of the first element in a second dimension that is different from the first dimension;

and

sliding the first element of the second user interface onto the display includes increasing a size of the second element in the second dimension while maintaining a size of the second element in the first dimension that is different from the second dimension.

15. The device of claim 10, wherein during the animation, the first element of the second user interface has a constant horizontal width and the second element of the second user interface has a constant vertical height.

16. The device of claim 10, wherein the first element of the second user interface extends along an entirety of the first side and the second element of the second user interface extends along a portion of a second side.

17. The device of claim 10, wherein the animation further comprises sliding the second element of the second user interface from a second side of the display perpendicular to the first side of the display towards a third side of the display opposite the second side.

18. The device of claim 10, wherein the animation further comprises sliding the first element of the second user interface onto the display in a first direction from the first side of the display while concurrently sliding the second element of the second user interface in a second direction different from the first direction;

and

the first element slides in the first direction without sliding in the second direction.

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

display a first user interface without concurrently displaying a second user interface that is distinct from the first user interface;

detect a gesture on the touch screen display to select the second user interface; and

in response to detecting the gesture, display an animation of a transition from display of the first user interface to display of the second user interface, the animation comprising sliding a first element of the second user interface onto the display from a first side of the display while simultaneously sliding a second element of the second user interface that contacts the first element horizontally across the top of the first element, wherein the first element of the second user interface is distinct from the second element of the second user interface.

20. The computer readable storage medium of claim 19, wherein the animation comprises sliding the first element onto the display from the bottom of the display while simultaneously sliding the second element that contacts the first element horizontally across the top of the first element from a side of the display, resulting in the first element appearing to rise while sliding.

21. The computer readable storage medium of claim 19, further comprising instructions, which when executed by the portable multifunction device with the touch screen display, cause the device to determine, prior to displaying the animation, that the portable multifunction device is not being held in close proximity to a user'"'"'s ear or face.

22. The computer readable storage medium of claim 19, wherein the first element of the second user interface includes a block of soft keys, and the second element of the second user interface includes an input field.

23. The computer readable storage medium of claim 19, wherein sliding the first element of the second user interface onto the display includes increasing a size of the first element in a first dimension while maintaining a size of the first element in a second dimension that is different from the first dimension;

and

sliding the first element of the second user interface onto the display includes increasing a size of the second element in the second dimension while maintaining a size of the second element in the first dimension that is different from the second dimension.

24. The computer readable storage medium of claim 19, wherein during the animation, the first element of the second user interface has a constant horizontal width and the second element of the second user interface has a constant vertical height.

25. The computer readable storage medium of claim 19, wherein the first element of the second user interface extends along an entirety of the first side and the second element of the second user interface extends along a portion of a second side.

26. The computer readable storage medium of claim 19, wherein the animation further comprises sliding the second element of the second user interface from a second side of the display perpendicular to the first side of the display towards a third side of the display opposite the second side.

27. The computer readable storage medium of claim 19, wherein the animation further comprises sliding the first element of the second user interface onto the display in a first direction from the first side of the display while concurrently sliding the second element of the second user interface in a second direction different from the first direction;

and

the first element slides in the first direction without sliding in the second direction.