Graphical user interface for browsing, searching and presenting media items

• US 8,291,320 B2
• Filed: 02/17/2005
• Issued: 10/16/2012
• Est. Priority Date: 04/25/2003
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Robbin, Jeffrey L., Wagner, Peter K., Wiese, Mike
• Primary Examiner(s): Stevens, Robert
• Assistant Examiner(s): KEATON, SHERROD L
• Application Number:
  US11/061,321
• Publication Number:
  US 20050193094A1
• Time in Patent Office: 2,798 Days
• Field of Search: 715/810, 715/727, 715/835, 715/838, 715/776, 715/716, 715/784, 715/744, 345/744
• US Class Current: 715/716
• CPC Class Codes: G06F 16/433 using audio data
• CPC Class Codes: G06F 16/44 Browsing; Visualisation therefor
• CPC Class Codes: G06F 16/639 using playlists
• CPC Class Codes: G06F 16/954 Navigation, e.g. using categorised browsing
• CPC Class Codes: G06F 16/958 Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces
• CPC Class Codes: G06Q 20/10 specially adapted for electronic funds transfer [EFT] systems; specially adapted for home banking systems
• CPC Class Codes: G06Q 30/0601 Electronic shopping [e-shopping]
• CPC Class Codes: G06Q 30/0603 Catalogue ordering
• CPC Class Codes: G06Q 30/0643 Graphical representation of items or shoppers

Abstract

Improved graphical user interfaces suitable for reviewing, browsing, previewing and/or purchasing media items are disclosed. The graphical user interfaces are particularly useful for a system that provides purchase and distribution of media in a client-server environment.

Claims

1. A method for browsing media items via a client application program that connects to an online media store, said method comprising:

(a) displaying an application program window associated with the client application program, the application program window including displayed content and at least one sub-window;

(b) displaying a first set of media item representations in the sub-window, the first set of media item representations including a plurality of different media item representations, the media item representations corresponding to a plurality of media items, each of the media item representations including at least a text descriptor and an image for the media item corresponding thereto;

(c) displaying a first direction control within or proximate to a first side of the sub-window;

(d) displaying a second direction control within or proximate to a second side of the sub-window; and

(e) moving the media item representations through the sub-window in a first direction in response to receiving a user selection of the first direction control or in a second direction in response to receiving a user selection of the second direction control, to thereby display a second set of media item representations in the sub-window, where each of the media item representations of the second set of media item representations is different than the media item representations of the first set of media item representations,

wherein when the media item representations move through the sub-window in response to the user selection, the application program window does not otherwise move the displayed content through the application program window,

wherein the moving (e) the media items representations through the sub-window operates to (i) move the media item representations within the first set out of the sub-window with a sliding animation and (ii) move the media item representation within the second set into the sub-window with a sliding animation,

wherein the first and second direction controls are not moved by the sliding animation,

wherein the media item representations are provided to the client application program by a remote server via a network, and

wherein one or more characteristics of the sliding animation are controllable by data received from the remote server via the network, and wherein the one or more characteristics of the sliding animation include one or more of speed, acceleration and style.

2. A method as recited in claim 1, wherein said displaying (b) displays the media item representations in a horizontal manner, and wherein said moving (e) moves the media item representations in a horizontal manner.

3. A method as recited in claim 2, wherein the first direction is to the left of the sub-window, and the second direction is to the right of the sub-window.

4. A method as recited in claim 1, wherein the movement caused by said moving (e) is a scroll action through the sub-window in the first direction in response to receiving a user selection of the first direction control or in the second direction in response to receiving a user selection of the second direction control.

5. A method as recited in claim 4, wherein said displaying (b) displays the media item representations in a horizontal manner.

6. A method as recited in claim 5, wherein the scroll action is horizontal.

7. A method as recited in claim 4, wherein the first direction is to the left of the sub-window, and the second direction is to the right of the sub-window.

8. A method as recited in claim 1, wherein the sub-window is associated with a category or grouping of media.

9. A method as recited in claim 8, wherein the media item representations being displayed in the sub-window all pertain to the category or grouping.

10. A method as recited in claim 9, wherein the category or grouping of media pertains to new releases.

11. A method as recited in claim 1, wherein the image pertains to artwork associated with the media item corresponding thereto.

12. A method as recited in claim 1, wherein the image is a thumbnail-sized image.

13. A method as recited in claim 1, wherein the text descriptor pertains to a title of the media item.

14. A method as recited in claim 1,

wherein said displaying (b) displays the media item representations in a horizontal manner, and wherein said moving (e) moves the media item representations in a horizontal manner,

wherein the sub-window is associated with a category or grouping of media, and

wherein the media item representations being displayed in the sub-window all pertain to the category or grouping.

15. A method as recited in claim 1, wherein the media item is an album of music.

16. A method as recited in claim 1, wherein the media item is a song.

17. A method as recited in claim 1, wherein the one or more characteristics of the sliding animation include speed, acceleration and style.

38. A method as recited in claim 1, wherein each of the media item representations being displayed in the sub-window are selectable, and wherein on selection of one of the media item representations being displayed, the sub-window is updated to display media information pertaining to the selected one of the media item representations.

18. A graphical user interface for scrolling through a plurality of media items, said graphical user interface comprising:

an application program window associated with a client application program;

at least one sub-window, within said application program window, for displaying a set of a plurality of media item representations, the media item representations corresponding to a plurality of media items, each of the media item representations including at least a text descriptor and an image for the media item corresponding thereto;

a first-side transition control for requesting first direction horizontal scrolling through sets of a plurality of the media item representations within said at least one sub-window; and

a second-side transition control for requesting second direction horizontal scrolling through sets of a plurality of the media item representations within said at least one sub-window,

wherein, in response to selection of said first-side transition control or said second-side transition control, each of the media item representations within a next set of a plurality of media item representations being displayed in said at least one sub-window is different than the media item representations within a prior set of a plurality of media item representations previously displayed, and

wherein the first-side transition control and the second-side transition control induce horizontal scrolling relative to said at least one sub-window without inducing scrolling of the application program window,

wherein the horizontal scrolling through said at least one sub-window operates to (i) move the media item representations within the prior set out of said at least one sub-window with a horizontal sliding animation and (ii) move the media item representation within the next set into said at least one sub-window with a horizontal sliding animation,

wherein the first-side transition control and the second-side transition control are not moved by the horizontal sliding animation,

wherein the media item representations are provided to the client application program by a remote server via a network, and

wherein one or more characteristics of the horizontal sliding animation are controllable by data received from the remote server via the network, and wherein the one or more characteristics of the horizontal sliding animation include one or more of speed, acceleration and style.

19. A graphical user interface as recited in claim 18,

wherein said first-side transition control is a left-side transition control and is for requesting left direction scrolling, and

wherein said second-side transition control is a right-side transition control and is for requesting right direction scrolling.

20. A graphical user interface as recited in claim 18, wherein the image pertains to artwork associated with the media item corresponding thereto.

21. A graphical user interface as recited in claim 20, wherein the image is a thumbnail-sized image.

22. A graphical user interface as recited in claim 18, wherein the text descriptor pertains to a title of the media item.

23. A graphical user interface as recited in claim 18, wherein the media item is an album of music.

24. A graphical user interface as recited in claim 18, wherein the media item is a song.

25. A graphical user interface as recited in claim 18, wherein the sub-window is associated with a category or grouping of media.

26. A graphical user interface as recited in claim 25, wherein the category or grouping pertains to new releases.

27. A graphical user interface as recited in claim 18, wherein said graphical user interface further comprises:

a position indicator that indicates relative position of the displayed media item representations with respect to a larger set of available media item representations that can be displayed in said at least one sub-window.

28. A graphical user interface as recited in claim 18, wherein said at least one sub-window comprises:

a first sub-window for displaying a first plurality of media item representations pertaining to a first category or grouping; and

a second sub-window for displaying a second plurality of media item representations pertaining to a second category or grouping,

wherein each of the first and second plurality of media item representations corresponds to a plurality of media items.

29. A graphical user interface as recited in claim 28, wherein each of said first sub-window and said second sub-window has said first-side transition control and said second-side transition control.

30. A graphical user interface for browsing through a plurality of media items, said graphical user interface comprising:

a window, associated with a client application program, for displaying a set of a plurality of media item representations, the media item representations corresponding to a plurality of media items, the media item representations being provided to the client application program by an online media store via a network, each of the media item representations including at least a text descriptor and an image for the media item corresponding thereto;

a first-side transition control for requesting a first transition effect of the media item representations within said window, wherein a current set of media item representations is moved out of said window in a first direction in accordance with a predetermined animation effect while a next set of media item representations is moved into said window in the first direction in accordance with a predetermined animation effect; and

a second-side transition control for requesting a second transition effect of the media item representations within said window, wherein a current set of media item representations is moved out of said window in a second direction in accordance with a predetermined animation effect while a next set of media item representations is moved into said window in the second direction in accordance with a predetermined animation effect,

wherein the first-side transition control and the second-side transition control are not moved by the predetermined animation effect,

wherein said window represents a sub-window within an application program window, and wherein said first-side transition control and said second-side transition control induce transitions of media item representations with respect to the sub-window but not with respect to the entirety of the application program window,

wherein the media item representations are provided to the client application program by the online media store via the network, and

wherein one or more characteristics of the first transition effect and the second transition effect are controllable by data received from the online media store via the network, and wherein the one or more characteristics include one or more of speed, acceleration and style.

31. A computer readable medium including at least computer program code for browsing media items via a client application program that connects to an online media store, said method comprising:

computer program code for displaying a set of a plurality of media item representations in a window, the media item representations corresponding to a plurality of media items, each of the media item representations including at least a text descriptor and an image for the media item corresponding thereto;

computer program code for displaying a first direction control within or proximate to a first side of the window;

computer program code for displaying a second direction control within or proximate to a second side of the window;

computer program code for horizontally moving the set of the plurality of the media item representations through the window in a first direction in response to receiving a user selection of the first direction control; and

computer program code for horizontally moving the set of the plurality of the media item representations through the window in a second direction in response to receiving a user selection of the second direction control,

wherein each of the media item representations being displayed in the window are selectable, and wherein on selection of one of the media item representations being displayed, the window is updated to display media information pertaining to the selected one of the media item representations, and

wherein said computer program code for moving the plurality of media item representations through the window operates to move the plurality of media item representations, but not the first direction control or the second direction control being displayed, through the window with an animation effect,

wherein the window represents a sub-window within a window associated with the client application program, and wherein the first direction control and the second direction control induce movement of media item representations with respect to the sub-window but not with respect to the entirety of the window associated with the client application program,

wherein the media item representations are provided to the client application program by a remote server via a network, and

wherein one or more characteristics of the animation effect are controllable by data received from the remote server via the network, and wherein the one or more characteristics of the animation effect include one or more of speed, acceleration and style.

32. A computer readable medium as recited in claim 31, wherein said computer program code for moving the plurality of media item representations through the window operates to remove one or more media item representations from the window and add the same number of media item representations to the window.

33. A computer readable medium as recited in claim 31, wherein said computer program code for displaying always operates to display the same number of media item representations in the window regardless of any movement by said computer program code for moving.

34. A computer readable medium as recited in claim 31,

wherein said computer program code for displaying always operates to display a first set of the media item representations in the window, and

wherein said computer code for moving operates to display a second set of the media item representations in the window, where at least one of the media item representations of the second set of media item representations is different than the media item representations of the first set of media item representations.

35. A computer readable medium as recited in claim 31, wherein at least a portion of said computer program code is provided in a markup language document.

36. A computer readable medium as recited in claim 31, wherein said computer program code for displaying displays the media item representations in a horizontal manner.

37. A computer readable medium as recited in claim 36, wherein the first direction is to the left of the window, and the second direction is to the right of the window.

39. A computer readable medium as recited in claim 31, wherein the one or more characteristics of the animation effect include speed, acceleration and style.