Device, Method, and Graphical User Interface with Content Display Modes and Display Rotation Heuristics

• US 20110163969A1
• 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: Lemay, Stephen O., Anzures, Freddy Allen
• Granted Patent: US 8,736,561 B2
• Time in Patent Office: Days
• US Class Current: 345/173
• CPC Class Codes: G06F 2200/1614 Image rotation following screen orientation, e.g. switching from landscape to portrait mode
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 3/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
• CPC Class Codes: G11B 27/105 of operating discs
• CPC Class Codes: G11B 27/34 Indicating arrangements indicating means incorporated in magazine or cassette G11B23/046 and G11B23/0875; indicating measured values in general G01D

Abstract

A method is performed at a multifunction device with a touch-sensitive display. The method includes: playing a first piece of content in a full-size mode on the display at a predefined aspect ratio; while playing the first piece of content on the display in the full-size mode, detecting a first gesture on the display; in response to detecting the first gesture: shrinking the playing of the first piece of content to a first region of the display while keeping the predefined aspect ratio and displaying information related to the first piece of content in a second region of the display.

Claims

1. A method, comprising:

at a multifunction device with a touch-sensitive display;

playing a first piece of content in a full-size mode on the display at a predefined aspect ratio;

while playing the first piece of content on the display in the full-size mode, detecting a first gesture on the display; and

in response to detecting the first gesture;

shrinking the playing of the first piece of content to a first region of the display while keeping the predefined aspect ratio; and

displaying information related to the first piece of content in a second region of the display.

2. The method of claim 1, wherein the first gesture is a multitouch finger pinch gesture.

3. The method of claim 1, wherein the first piece of content is played in the full-size mode when the display is in a landscape orientation, including:

in response to detecting the first gesture;

displaying a description of the first piece of content in the second region of the display; and

displaying one or more user interface components and a plurality of content icons corresponding to one of the user interface components in a third region of the display.

4. The method of claim 3, including:

while playing the first piece of content in the first region of the display, detecting a gesture on a first content icon in the plurality of content icons; and

in response to detecting the gesture on the first content icon;

replacing the playing of the first piece of content in the first region of the display with playing of a second piece of content associated with the first content icon; and

replacing the description of the first piece of content with a description of the second piece of content in the second region.

5. The method of claim 4, including:

in response to detecting the gesture on the first content icon, removing the first content icon from the third region of the display.

6. The method of claim 3, including:

while playing the first piece of content in the first region of the display, detecting a gesture on a first content icon in the plurality of content icons; and

in response to detecting the gesture on the first content icon, replacing the playing of the first piece of content in the first region of the display with playing of a second piece of content associated with the first content icon in the full-size mode.

7. The method of claim 3, including:

while playing the first piece of content in the first region of the display, detecting a rotation of the display from the landscape orientation to a portrait orientation;

in response to detecting the rotation,

configuring the display into fourth and fifth distinct regions;

playing the first piece of content at the predefined aspect ratio within the fourth region of the display; and

displaying the description of the first piece of content and the user interface components in the fifth region of the display.

8. The method of claim 1, wherein the first piece of content is played in the full-size mode when the display is in a portrait orientation, including:

in response to detecting the first gesture, displaying a description of the first piece of content and one or more user interface components in the second region of the display.

9. The method of claim 8, including:

while playing the first piece of content in the first region of the display, detecting a gesture on a first component of the one or more user interface components; and

in response to detecting the gesture on the first component, replacing the description of the first piece of content with a plurality of content icons corresponding to the first component in the second region of the display.

10. The method of claim 9, including:

while playing the first piece of content in the first region of the display, detecting a gesture on a first content icon in the plurality of content icons in the second region of the display; and

,

in response to detecting the gesture on the first content icon, replacing the playing of the first piece of content in the first region of the display with playing of a second piece of content associated with the first content icon.

11. The method of claim 8, including:

while playing the first piece of content in the first region of the display, detecting a rotation of the display from the portrait orientation to a landscape orientation; and

in response to detecting the rotation;

configuring the display into third, fourth, and fifth distinct regions;

playing the first piece of content at the predefined aspect ratio within the third region of the display;

displaying the description of the first piece of content in the fourth region of the display; and

displaying the user interface components and a plurality of content icons corresponding to one of the user interface components in the fifth region of the display.

12. A portable multifunction device, comprising:

a touch-sensitive 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;

playing a first piece of content in a full-size mode on the display at a predefined aspect ratio;

while playing the first piece of content on the display in the full-size mode, detecting a first gesture on the display; and

in response to detecting the first gesture;

shrinking the playing of the first piece of content to a first region of the display while keeping the predefined aspect ratio; and

displaying information related to the first piece of content in a second region of the display.

13. The device of claim 12, wherein the first gesture is a multitouch finger pinch gesture.

14. The device of claim 12, wherein the first piece of content is played in the full-size mode when the display is in a landscape orientation, including instructions for:

in response to detecting the first gesture;

displaying a description of the first piece of content in the second region of the display; and

displaying one or more user interface components and a plurality of content icons corresponding to one of the user interface components in a third region of the display.

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

while playing the first piece of content in the first region of the display, detecting a gesture on a first content icon in the plurality of content icons; and

in response to detecting the gesture on the first content icon;

replacing the playing of the first piece of content in the first region of the display with playing of a second piece of content associated with the first content icon; and

replacing the description of the first piece of content with a description of the second piece of content in the second region.

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

in response to detecting the gesture on the first content icon, removing the first content icon from the third region of the display.

17. The device of claim 14, including instructions for:

while playing the first piece of content in the first region of the display, detecting a gesture on a first content icon in the plurality of content icons; and

in response to detecting the gesture on the first content icon, replacing the playing of the first piece of content in the first region of the display with playing of a second piece of content associated with the first content icon in the full-size mode.

18. The device of claim 14, including instructions for:

while playing the first piece of content in the first region of the display, detecting a rotation of the display from the landscape orientation to a portrait orientation;

in response to detecting the rotation,

configuring the display into fourth and fifth distinct regions;

playing the first piece of content at the predefined aspect ratio within the fourth region of the display; and

displaying the description of the first piece of content and the user interface components in the fifth region of the display.

19. The device of claim 12, wherein the first piece of content is played in the full-size mode when the display is in a portrait orientation, including instructions for:

in response to detecting the first gesture, displaying a description of the first piece of content and one or more user interface components in the second region of the display.

20. The device of claim 19, including instructions for:

while playing the first piece of content in the first region of the display, detecting a gesture on a first component of the one or more user interface components; and

in response to detecting the gesture on the first component, replacing the description of the first piece of content with a plurality of content icons corresponding to the first component in the second region of the display.

21. The device of claim 20, including instructions for:

while playing the first piece of content in the first region of the display, detecting a gesture on a first content icon in the plurality of content icons in the second region of the display; and

,

in response to detecting the gesture on the first content icon, replacing the playing of the first piece of content in the first region of the display with playing of a second piece of content associated with the first content icon.

22. The device of claim 19, including instructions for:

while playing the first piece of content in the first region of the display, detecting a rotation of the display from the portrait orientation to a landscape orientation; and

in response to detecting the rotation;

configuring the display into third, fourth, and fifth distinct regions;

playing the first piece of content at the predefined aspect ratio within the third region of the display;

displaying the description of the first piece of content in the fourth region of the display; and

displaying the user interface components and a plurality of content icons corresponding to one of the user interface components in the fifth region of the display.

23. A graphical user interface on a portable multifunction device with a touch-sensitive display, memory, and one or more processors to execute one or more programs stored in the memory, the graphical user interface comprising:

a first piece of content being played in a full-size mode on the display at a predefined aspect ratio;

wherein;

in response to detecting a first gesture on the display;

the playing of the first piece of content is shrunk to a first region of the display while keeping the predefined aspect ratio; and

information related to the first piece of content is displayed in a second region of the display.

24. 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 touch-sensitive display, cause the device to:

play a first piece of content in a full-size mode on the display at a predefined aspect ratio;

detect a first gesture on the display while playing the first piece of content on the display in the full-size mode; and

in response to detecting the first gesture;

shrink the playing of the first piece of content to a first region of the display while keeping the predefined aspect ratio; and

display information related to the first piece of content in a second region of the display.