Device, Method, and Graphical User Interface for Providing Digital Content Products

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

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Chaudhri, Imran
• Granted Patent: US 8,525,839 B2
• Time in Patent Office: Days
• US Class Current: 345/473
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• 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

Abstract

A multifunction device having a touch-sensitive surface displays graphical objects that represent digital content products, each graphic object having a front side image and a back side image. An initial display shows front side images of objects representing digital content products. A user input selects a graphical object, resulting in an animation that simultaneously flips the graphical object over and enlarges it. At the end of the animation, the back side is displayed, and is larger than the initial front side image. A second user input on a front side image of a second graphical object results in a second animation that simultaneously flips the first graphical object over and reduces its size, and also flips the second graphical object over and enlarges it. The front side image of the first graphical object and the back side image of the second graphical object are thereby concurrently displayed.

Claims

1. A multifunction device, comprising:

a display;

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 graphical objects that represent digital content products, wherein each graphical object has a front side image of a respective digital content product and a back side image of the respective digital content product, and wherein an initial display of the graphical objects shows the front side images of a plurality of digital content products;

detecting a first user input comprising a contact on the touch-sensitive surface at a location that corresponds to a front side image of a first graphical object of the displayed graphical objects;

in response to detecting the first user input, displaying a first animation that simultaneously flips the first graphical object over and enlarges the first graphical object, wherein at the end of the first animation, the back side image of the first graphical object is displayed, and the back side image as displayed is larger than the front side image of the first graphical object as initially displayed;

detecting a second user input comprising a contact on the touch-sensitive surface at a location that corresponds to a front side image of a second graphical object of the displayed graphical objects; and

,

in response to detecting the second user input, displaying a second animation that simultaneously flips the first graphical object over and reduces the size of the first graphical object, and flips the second graphical object over and enlarges the second graphical object, wherein at the end of the second animation, the front side image of the first graphical object and the back side image of the second graphical object are concurrently displayed.

2. The device of claim 1, including instructions for, in response to detecting the first user input, visually deemphasizing graphical objects other than the first graphical object.

3. The device of claim 1, including instruction for, in response to detecting the second user input, visually deemphasizing graphical objects other than the second graphical object.

4. The device of claim 1, including instructions for updating state information of the device in accordance with updated positions of the first and second graphical objects at the end of the second animation.

5. The device of claim 1, wherein the second animation returns the first graphical object to a position of the first graphical object prior to the first animation.

6. The device of claim 1, wherein displaying the graphical objects, prior to detecting the first user input, comprises displaying the graphical objects in an array, the first graphical object having a first identified position in the array, and the second animation returns the first graphical object to the first identified position in the array.

7. A method, comprising:

at a multifunction device with a display and a touch-sensitive surface;

displaying graphical objects that represent digital content products, wherein each graphical object has a front side image of a respective digital content product and a back side image of the respective digital content product, and wherein an initial display of the graphical objects shows the front side images of a plurality of digital content products;

detecting a first user input comprising a contact on the touch-sensitive surface at a location that corresponds to a front side image of a first graphical object of the displayed graphical objects;

in response to detecting the first user input, displaying a first animation that simultaneously flips the first graphical object over and enlarges the first graphical object, wherein at the end of the first animation, the back side image of the first graphical object is displayed, and the back side image as displayed is larger than the front side image of the first graphical object as initially displayed;

detecting a second user input comprising a contact on the touch-sensitive surface at a location that corresponds to a front side image of a second graphical object of the displayed graphical objects; and

,

in response to detecting the second user input, displaying a second animation that simultaneously flips the first graphical object over and reduces the size of the first graphical object, and flips the second graphical object over and enlarges the second graphical object, wherein at the end of the second animation, the front side image of the first graphical object and the back side image of the second graphical object are concurrently displayed.

8. The method of claim 7, including in response to detecting the first user input, visually deemphasizing graphical objects other than the first graphical object.

9. The method of claim 7, including in response to detecting the second user input, visually deemphasizing graphical objects other than the second graphical object.

10. The method of claim 7, including updating state information of the device in accordance with updated positions of the first and second graphical objects at the end of the second animation.

11. The method of claim 7, wherein the second animation returns the first graphical object to a position of the first graphical object prior to the first animation.

12. The method of claim 7, wherein displaying the graphical objects, prior to detecting the first user input, comprises displaying the graphical objects in an array, the first graphical object having a first identified position in the array, and the second animation returns the first graphical object to the first identified position in the array.

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

graphical objects that represent digital content products, wherein each graphical object has a front side image of a respective digital content product and a back side image of the respective digital content product, and wherein an initial display of the graphical objects shows the front side images of a plurality of digital content products;

wherein;

in response to detecting a first user input comprising a contact on the touch-sensitive surface at a location that corresponds to a front side image of a first graphical object of the displayed graphical objects;

displaying a first animation that simultaneously flips the first graphical object over and enlarges the first graphical object, wherein at the end of the first animation, the back side image of the first graphical object is displayed, and the back side image as displayed is larger than the front side image of the first graphical object as initially displayed; and

in response to detecting a second user input comprising a contact on the touch-sensitive surface at a location that corresponds to a front side image of a second graphical object of the displayed graphical objects;

displaying a second animation that simultaneously flips the first graphical object over and reduces the size of the first graphical object, and flips the second graphical object over and enlarges the second graphical object, wherein at the end of the second animation, the front side image of the first graphical object and the back side image of the second graphical object are concurrently displayed.

14. A computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a multifunction device with a display and a touch-sensitive surface, cause the device to:

display graphical objects that represent digital content products, wherein each graphical object has a front side image of a respective digital content product and a back side image of the respective digital content product, and wherein an initial display of the graphical objects shows the front side images of a plurality of digital content products;

detect a first user input comprising a contact on the touch-sensitive surface at a location that corresponds to a front side image of a first graphical object of the displayed graphical objects;

in response to detecting the first user input, display a first animation that simultaneously flips the first graphical object over and enlarges the first graphical object, wherein at the end of the first animation, the back side image of the first graphical object is displayed, and the back side image as displayed is larger than the front side image of the first graphical object as initially displayed;

detect a second user input comprising a contact on the touch-sensitive surface at a location that corresponds to a front side image of a second graphical object of the displayed graphical objects; and

,

in response to detecting the second user input, display a second animation that simultaneously flips the first graphical object over and reduces the size of the first graphical object, and flips the second graphical object over and enlarges the second graphical object, wherein at the end of the second animation, the front side image of the first graphical object and the back side image of the second graphical object are concurrently displayed.

15. The computer readable storage medium of claim 14, including instructions that cause the device, in response to detecting the first user input, to visually deemphasize graphical objects other than the first graphical object.

16. The computer readable storage medium of claim 14, including instructions that cause the device, in response to detecting the second user input, to visually deemphasize graphical objects other than the second graphical object.

17. The computer readable storage medium of claim 14, including instructions that cause the device to update state information of the device in accordance with updated positions of the first and second graphical objects at the end of the second animation.

18. The computer readable storage medium of claim 14, wherein the second animation returns the first graphical object to a position of the first graphical object prior to the first animation.

19. The computer readable storage medium of claim 14, wherein displaying the graphical objects, prior to detecting the first user input, comprises displaying the graphical objects in an array, the first graphical object having a first identified position in the array, and the second animation returns the first graphical object to the first identified position in the array.