Portable multifunction device with animated user interface transitions

• US 10,761,691 B2
• Filed: 04/21/2017
• Issued: 09/01/2020
• Est. Priority Date: 06/29/2007
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Anzures, Freddy Allen, Chaudhri, Imran, Herz, Scott M., Lemay, Stephen O., Matas, Michael J., Van Os, Marcel
• Primary Examiner(s): To, Jennifer N
• Assistant Examiner(s): Chen, KC
• Application Number:
  US15/493,672
• Publication Number:
  US 20170223176A1
• Time in Patent Office: 1,229 Days
• 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

In accordance with some embodiments, a computer-implemented method is performed at a portable multifunction device with a touch screen display. The computer-implemented method includes: displaying a home menu comprising a plurality of application launch icons; detecting activation of any respective application launch icon; and, in response to detecting the activation, displaying a first animation of a transition from display of the home menu to display of an application that corresponds to the activated application launch icon. The first animation comprises expanding an image of the application.

Claims

1. A computer-implemented method, comprising:

at a portable multifunction device with a touch screen display;

displaying a home menu comprising a plurality of application launch icons;

while displaying the home menu comprising the plurality of application launch icons, detecting activation of a respective application launch icon of the plurality of application launch icons, wherein the respective application launch icon includes first visual content that corresponds to the respective application launch icon; and

in response to detecting the activation of the respective application launch icon, displaying a first animation of a transition from display of the home menu to display of an application that corresponds to the respective application launch icon, wherein the first animation comprises;

expanding an image that is representative of the application, wherein the image includes second visual content that corresponds to the application, wherein the second visual content includes content that is different from the first visual content; and

while expanding the image that is representative of the application, moving at least some of the plurality of application launch icons on the touch screen display while gradually fading out at least some of the plurality of application launch icons in the home menu and while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.

2. The computer-implemented method of claim 1, wherein detecting activation of any respective application launch icon comprises detecting a finger gesture on the respective application launch icon.

3. The computer-implemented method of claim 1, wherein the first animation further comprises sliding respective application launch icons off of the touch screen display via respective corners of the touch screen display.

4. The computer-implemented method of claim 1, further comprising:

detecting a finishing gesture; and

in response to detecting the finishing gesture, displaying a second animation of a transition from display of the application to display of the home menu, the second animation comprising shrinking the image that is representative of the application.

5. The computer-implemented method of claim 4, wherein detecting the finishing gesture comprises detecting a gesture on a button or touchpad.

6. The computer-implemented method of claim 4, wherein detecting the finishing gesture comprises detecting a finger gesture on an icon in the application.

7. The computer-implemented method of claim 4, wherein the second animation further comprises sliding respective application launch icons onto the touch screen display from respective corners of the touch screen display.

8. The computer-implemented method of claim 1, further comprising:

determining, prior to displaying the first animation, that the portable multifunction device is not being held in close proximity to a user'"'"'s ear or face.

9. The computer-implemented method of claim 1, further comprising:

in response to detecting activation of the respective application launch icon of the plurality of application launch icons, ceasing to display the first visual content.

10. The computer-implemented method of claim 1, wherein expanding the image that is representative of the application includes ceasing to display the first visual content when the image has expanded from a first state to a second state that is different from the first state.

11. The computer-implemented method of claim 1, wherein fading out at least some of the plurality of application launch icons in the home menu occurs while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.

12. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a portable multifunction device with a touch screen display, the one or more programs including instructions for:

displaying a home menu comprising a plurality of application launch icons;

while displaying the home menu comprising the plurality of application launch icons, detecting activation of a respective application launch icon of the plurality of application launch icons, wherein the respective application launch icon includes first visual content that corresponds to the respective application launch icon; and

in response to detecting the activation of the respective application launch icon, displaying a first animation of a transition from display of the home menu to display of an application that corresponds to the respective application launch icon, wherein the first animation comprises;

expanding an image that is representative of the application, wherein the image includes second visual content that corresponds to the application, wherein the second visual content includes content that is different from the first visual content; and

while expanding the image that is representative of the application, moving at least some of the plurality of application launch icons on the touch screen display while gradually fading out at least some of the plurality of application launch icons in the home menu and while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.

13. The non-transitory computer-readable storage medium of claim 12, wherein detecting activation of any respective application launch icon comprises detecting a finger gesture on the respective application launch icon.

14. The non-transitory computer-readable storage medium of claim 12, wherein the first animation further comprises sliding respective application launch icons off of the touch screen display via respective corners of the touch screen display.

15. The non-transitory computer-readable storage medium of claim 12, the one or more programs further including instructions for:

detecting a finishing gesture; and

in response to detecting the finishing gesture, displaying a second animation of a transition from display of the application to display of the home menu, the second animation comprising shrinking the image that is representative of the application.

16. The non-transitory computer-readable storage medium of claim 15, wherein detecting the finishing gesture comprises detecting a gesture on a button or touchpad.

17. The non-transitory computer-readable storage medium of claim 15, wherein detecting the finishing gesture comprises detecting a finger gesture on an icon in the application.

18. The non-transitory computer-readable storage medium of claim 15, wherein the second animation further comprises sliding respective application launch icons onto the touch screen display from respective corners of the touch screen display.

19. The non-transitory computer-readable storage medium of claim 12, the one or more programs further including instructions for:

determining, prior to displaying the first animation, that the portable multifunction device is not being held in close proximity to a user'"'"'s ear or face.

20. The non-transitory computer-readable storage medium of claim 12, the one or more programs including instructions for:

in response to detecting activation of the respective application launch icon of the plurality of application launch icons, ceasing to display the first visual content.

21. The non-transitory computer-readable storage medium of claim 12, wherein expanding the image that is representative of the application includes ceasing to display the first visual content when the image has expanded from a first state to a second state that is different from the first state.

22. The non-transitory computer-readable storage medium of claim 12, wherein fading out at least some of the plurality of application launch icons in the home menu occurs while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.

23. A portable multifunction device, comprising:

a touch screen display;

one or more processors; and

memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for;

displaying a home menu comprising a plurality of application launch icons;

while displaying the home menu comprising the plurality of application launch icons, detecting activation of a respective application launch icon of the plurality of application launch icons, wherein the respective application launch icon includes first visual content that corresponds to the respective application launch icon; and

in response to detecting the activation of the respective application launch icon, displaying a first animation of a transition from display of the home menu to display of an application that corresponds to the respective application launch icon, wherein the first animation comprises;

expanding an image that is representative of the application, wherein the image includes second visual content that corresponds to the application, wherein the second visual content includes content that is different from the first visual content; and

while expanding the image that is representative of the application, moving at least some of the plurality of application launch icons on the touch screen display while gradually fading out at least some of the plurality of application launch icons in the home menu and while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.

24. The portable multifunction device of claim 23, wherein detecting activation of any respective application launch icon comprises detecting a finger gesture on the respective application launch icon.

25. The portable multifunction device of claim 23, wherein the first animation further comprises sliding respective application launch icons off of the touch screen display via respective corners of the touch screen display.

26. The portable multifunction device of claim 23, the one or more programs including instructions for:

detecting a finishing gesture; and

in response to detecting the finishing gesture, displaying a second animation of a transition from display of the application to display of the home menu, the second animation comprising shrinking the image that is representative of the application.

27. The portable multifunction device of claim 26, wherein detecting the finishing gesture comprises detecting a gesture on a button or touchpad.

28. The portable multifunction device of claim 26, wherein detecting the finishing gesture comprises detecting a finger gesture on an icon in the application.

29. The portable multifunction device of claim 26, wherein the second animation further comprises sliding respective application launch icons onto the touch screen display from respective corners of the touch screen display.

30. The portable multifunction device of claim 23, the one or more programs including instructions for:

determining, prior to displaying the first animation, that the portable multifunction device is not being held in close proximity to a user'"'"'s ear or face.

31. The portable multifunction device of claim 23, the one or more programs including instructions for:

in response to detecting activation of the respective application launch icon of the plurality of application launch icons, ceasing to display the first visual content.

32. The portable multifunction device of claim 23, wherein expanding the image that is representative of the application includes ceasing to display the first visual content when the image has expanded from a first state to a second state that is different from the first state.

33. The portable multifunction device of claim 23, wherein fading out at least some of the plurality of application launch icons in the home menu occurs while a first application launch icon of the at least some of the plurality of application launch icons and a second application launch icon of the at least some of the plurality of application launch icons continue to be displayed on the touch screen display.