Portable Electronic Device with Animated Image Transitions

• US 20090172532A1
• Filed: 02/27/2009
• Published: 07/02/2009
• Est. Priority Date: 09/11/2006
• Status: Active Grant

• Current Assignee: Imran Chaudhri
• Original Assignee: Imran Chaudhri
• Inventors: Chaudhri, Imran
• Granted Patent: US 8,587,528 B2
• Time in Patent Office: Days
• US Class Current: 715/702
• CPC Class Codes: G06F 1/1694 the I/O peripheral being a single or a set of motion sensors for pointer control or gesture input obtained by sensing movements of the portable computer
• CPC Class Codes: G06F 16/444 Spatial browsing, e.g. 2D maps, 3D or virtual spaces
• CPC Class Codes: G06F 16/904 Browsing; Visualisation therefor for navigating the web G06F16/954; browsing optimisation for the web G06F16/957
• CPC Class Codes: G06F 2203/0381 Multimodal input, i.e. interface arrangements enabling the user to issue commands by simultaneous use of input devices of different nature, e.g. voice plus gesture on digitizer
• CPC Class Codes: G06F 2203/04104 Multi-touch detection in digitiser, i.e. details about the simultaneous detection of a plurality of touching locations, e.g. multiple fingers or pen and finger
• CPC Class Codes: G06F 3/0412 Digitisers structurally integrated in a display
• 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/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• 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

Methods and systems that improve the way media is played, sorted, modified, stored and cataloged on a portable electronic device (e.g., media player) are disclosed. One aspect relates to an image based browser that allows a user to navigate through and select images that are related to media items. In one embodiment, during navigation, transitions between images being displayed can be animated.

Claims

1. A method for transitioning between graphical user interface representations on a handheld electronic device having a display and a user input device, said method comprising:

displaying a first graphical representation on the display;

receiving a user input with respect to the user input device;

detecting that the received user input requests a transition; and

performing an animated transition from display of the first graphical representation on the display to display of a second graphical representation on the display,

wherein, in performing the animated transition, said performing operates to (i) skew the first graphical representation while being transitioned off of the display, and (ii) skew the second graphical representation while being transitioned onto the display.

2. A method as recited in claim 1, wherein the animated transition is a rotational animation.

3. A method as recited in claim 2, wherein the rotational animation appears as a rotation from the first graphical representation to the second graphical representation.

4. A method as recited in claim 1, wherein the user input device is a touch-sensitive user input device, and wherein the user input is a touch input with respect to the touch-sensitive user input device.

5. A method as recited in claim 4, wherein the touch input is a sliding user input with respect to the touch-sensitive user input device.

6. A method as recited in claim 1, wherein the first graphical representation is a first image, and the second graphical representation is a second image.

7. A method as recited in claim 1, wherein while the first graphical representation is skewed and being transitioned off of the display, the second graphical representation is skewed and being transitioned onto the display, such that during a portion of the transitioning both the first graphical representation and the second graphical representation are skewed and concurrently presented on the display.

8. A method as recited in claim 1, wherein the movement of the skewed graphical representations with respect to the display makes it appears as if the second graphical representation is being brought to the foreground while the first graphical representation is being moved to the background.

9. A method as recited in claim 1, wherein the first graphical representation pertains to at least one application operable on the electronic device.

10. A method as recited in claim 1, wherein the first graphical representation includes a plurality of selectable graphical images that are capable of being selected to initiate corresponding functions on the electronic device.

11. A method as recited in claim 1, wherein the first graphical representation pertains to an image-based menu including at least a plurality of selectable images that are capable of being selected to initiate corresponding applications on the electronic device.

12. A method as recited in claim 1, wherein each of the selectable images is an icon.

13. A method as recited in claim 1, wherein the animated transition appears to be a rotation from the first graphical representation to the second graphical representation, and wherein during the animated transition, the first graphical representation is skewed such that the first graphical representation appears to be moving between foreground and background.

14. A method as recited in claim 1, wherein the direction of the animated transition depends on a direction associated with the user input.

15. A method as recited in claim 1, wherein the electronic device is a portable electronic device, and wherein the user input is a touch input with the display of the portable electronic device.

16. A method as recited in claim 15, wherein the touch input is a sliding gesture, and wherein the direction of the animated transition depends on a direction associated with the sliding gesture.

17. A portable electronic device, comprising:

a touch screen display configured to operate as a user input device and a user output device;

at least one memory device capable of storing a plurality of images capable of being displayed on said touch screen display; and

a processing device operatively connected to said touch screen display and said at least one memory device, said processing device capable of displaying one or more of the images on said touch screen display to assist a user with interaction with said portable electronic device,

wherein said processing device is configured to display a first graphical representation on said touch screen display, receive a user input via said touch screen display, detect that the received user input requests an animated transition, and perform an animation transition to transition from display of the first graphical user representation on said touch screen display to display of a second graphical representation on said touch screen display.

18. A portable electronic device as recited in claim 17, wherein the first graphical representation is a first graphical user interface having a first plurality of selectable images, and wherein the second graphical representation is a second graphical user interface having a second plurality of selectable images.

19. A portable electronic device as recited in claim 17, wherein the first graphical representation includes at least one selectable icon pertaining to an application stored by said memory device and operable on said portable electronic device.

20. A portable electronic device as recited in claim 17, wherein, in performing the animated transition, said processing device operates to skew the first graphical representation while being transitioned off of said touch screen display, and said performing operates to skew the second graphical representation while being transitioned onto said touch screen display.

21. A portable electronic device as recited in claim 17, wherein the first graphical representation pertains to at least one application operable on said portable electronic device.

22. A portable electronic device as recited in claim 17, wherein the user input is a touch input with said touch screen display of the portable electronic device.

23. A portable electronic device as recited in claim 22, wherein the touch input is a sliding gesture, and wherein the direction of the animated transition depends on a direction associated with the sliding gesture.

24. A portable electronic device as recited in claim 17, wherein during the animated transition, the first graphical user representation is horizontally moved off said touch screen display, while the second graphical representation is horizontally moved on said touch screen display.

25. A portable electronic device as recited in claim 17, wherein the animated transition appears as a rotation from the first graphical representation to the second graphical representation.