Music now playing user interface

• US 10,310,711 B2
• Filed: 11/09/2017
• Issued: 06/04/2019
• Est. Priority Date: 06/24/2014
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Carrigan, Taylor G., Howard, Joe, McGlinn, Joshua, Lochhead, Jonathan, Keighran, Benjamin W., Bachman, William M., Chen, Elbert D., Robbin, Jeffrey L., Folse, Jennifer L. C., Kress, Lynne, Westerhold, Kory M., Gromek, Monika E., Wood, Jr., Policarpo Bonilla
• Primary Examiner(s): Dinh, Duc Q
• Application Number:
  US15/808,774
• Publication Number:
  US 20180067617A1
• Time in Patent Office: 572 Days
• Field of Search: 715819, 715820, 715828, 715829, 715830, 715845, 715781, 715807, 715803
• CPC Class Codes: G06F 3/04812 Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• 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/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: 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/031 Electronic editing of digitised analogue information signals, e.g. audio or video signals
• CPC Class Codes: G11B 27/102 Programmed access in sequence to addressed parts of tracks of operating record carriers access by moving the head G11B3/08, G11B5/54, G11B7/085, G11B21/022; by moving the record carrier G11B15/005, G11B17/005, by driving of both record carrier and head G11B15/1816
• 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

The invention is directed to an electronic device. The electronic device generates for presentation on a display a user interface including a plurality of content items, a first heading, and a second heading. While the user interface is presented on the display, the electronic device receives input scrolling the plurality of content items. In response to the input, the electronic device scrolls the plurality of content items including: scrolling the first heading with a first content item of the plurality of content items that is currently playing; and scrolling the second heading with a second content item of the plurality of content items that is next in a queue of content items.

Claims

1. A method comprising:

at an electronic device with one or more processors and memory;

generating for presentation on a display a user interface including;

a first user interface object, corresponding to a first content item, that is associated with a first region of the user interface that is adjacent to the first user interface object, wherein the first region includes first information associated with the first user interface object, and the first information associated with the first user interface object indicates first one or more characteristics of the first content item; and

a second user interface object, corresponding to a second content item, that is associated with a second region of the user interface that is adjacent to the second user interface object and is different from the first region, wherein the second region includes first information associated with the second user interface object, and the first information associated with the second user interface object indicates first one or more characteristics of the second content item;

while the first user interface object is selected, causing display, in the first region, of second information that is associated with the first user interface object concurrently with the first information that is associated with the first user interface object; and

while the first information and the second information associated with the first user interface object are displayed in the first region, receiving user input comprising;

ending the selection of the first user interface object; and

selecting the second user interface object; and

in response to receiving the user input;

causing an end of the display of the second information that is associated with the first user interface object in the first region while maintaining the display of the first user interface object and the first information that is associated with the first user interface object in the first region; and

causing display, in the second region, of second information that is associated with the second user interface object concurrently with the first information that is associated with the second user interface object.

2. The method of claim 1, the method further comprising:

receiving input scrolling the first and second user interface objects; and

in response to receiving the input scrolling the first and second user interface objects, scrolling the first region along with the first user interface object and scrolling the second region along with the second user interface object.

3. The method of claim 1, wherein the second information associated with the first user interface object includes one or more selectable items including a first selectable item, the method further comprising:

while the first user interface object is selected, receiving a selection of the first menu item; and

in response to receiving the selection of the first menu item, presenting a first user interface response corresponding to the first selectable item.

4. The method of claim 3, wherein the second information associated with the second user interface object includes one or more menu items including a second selectable item, the method further comprising:

while the second user interface object is selected, receiving a selection of the second selectable item; and

in response to receiving the selection of the second selectable item, presenting a second user interface response corresponding to the second selectable item.

5. The method of claim 4, wherein the one or more selectable items of the second information associated with the first user interface object are different from the one or more selectable items of the second information associated with the second user interface object.

6. The method of claim 4, wherein:

the first user interface response is associated with the first content item; and

the second user interface response is associated with the second content item.

7. The method of claim 6, wherein:

the one or more selectable items of the second information associated with the first user interface object item include text describing actions to be performed with respect to the first content item; and

the one or more selectable items of the second information associated with the second user interface object include text describing actions to be performed with respect to the second content item.

8. The method of claim 6, wherein:

the second information associated with the first user interface object further includes text describing the first content item; and

the second information associated with the second user interface object further includes text describing the second content item.

9. The method of claim 1, the method further comprising:

receiving scrolling input;

in response to receiving the scrolling input;

in accordance with a determination that the first user interface object is selected, scrolling the information associated with the first user interface object while the second user interface object remains stationary; and

in accordance with a determination that the second user interface object is selected, scrolling the information associated with the second user interface object while the first user interface object remains stationary.

10. The method of claim 1, wherein generating the user interface includes:

aligning the first and second user interface objects along a first axis; and

positioning the first region adjacent to the first user interface object along a second axis that is substantially perpendicular to the first axis and positioning the second region adjacent to the second associated user interface object along the second axis.

11. The method of claim 1, wherein the first and second user interface objects are both images having identical spatial dimensions.

12. The method of claim 1, wherein:

the user interface includes a third user interface object that is associated with a third region of the user interface that is adjacent to the third user interface object and is different from the first region and the second region, wherein the third region includes first information associated with the third user interface object; and

the method further includes;

while the second user interface object is selected and the second information that is associated with the second user interface object is displayed concurrently with the first information that is associated with the second user interface object in the second region, receiving second user input comprising;

ending of the selection of the second user interface object; and

selecting of the third user interface object; and

in response to receiving the second user input;

causing an end of the display of the second information that is associated with the second user interface object in the second region while maintaining the display of the second user interface object and the first information that is associated with the second user interface object; and

causing display, in the third region, of second information that is associated with the third user interface object concurrently with the first information that is associated with the third user interface object.

13. The method of claim 1, further comprising:

in response to the selection of a respective user interface object of the first user interface object and the second user interface object;

in accordance with a determination that a content item associated with the selected respective user interface object is currently playing, concurrently displaying, adjacent to the respective user interface object;

the first information associated with the respective user interface object;

the second information associated with the respective user interface object; and

a visual indication indicating that the content item associated with the respective user interface object is currently playing; and

in accordance with a determination that the content item associated with the selected respective user interface object is not currently playing, concurrently displaying, adjacent to the respective user interface object;

the first information associated with the respective user interface object; and

the second information associated with the respective user interface object,

without displaying the visual indication indicating that the content item associated with the respective user interface object is currently playing.

14. The method of claim 1, further comprising:

while a respective user interface object of the first user interface object and the second user interface object is selected and the first information and the second information associated with the respective user interface object are concurrently displayed, receiving a further selection of the respective user interface object; and

in response to detecting the further selection of the respective user interface object, starting playback of a content item associated with the respective user interface object.

15. The method of claim 1, wherein:

while the first user interface object is selected, the selected first user interface object is highlighted by the electronic device, and

while the second user interface object is selected, the selected second user interface object is highlighted by the electronic device.

16. An electronic device, comprising:

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;

generating for presentation on a display a user interface including;

a first user interface object, corresponding to a first content item, that is associated with a first region of the user interface that is adjacent to the first user interface object, wherein the first region includes first information associated with the first user interface object, and the first information associated with the first user interface object indicates first one or more characteristics of the first content item; and

a second user interface object, corresponding to a second content item, that is associated with a second region of the user interface that is adjacent to the second user interface object and is different from the first region, wherein the second region includes first information associated with the second user interface object, and the first information associated with the second user interface object indicates first one or more characteristics of the second content item;

while the first user interface object is selected, causing display, in the first region, of second information that is associated with the first user interface object concurrently with the first information that is associated with the first user interface object;

while the first information and the second information associated with the first user interface object are displayed in the first region, receiving user input comprising;

ending the selection of the first user interface object; and

selecting the second user interface object; and

in response to receiving the user input;

causing an end of the display of the second information that is associated with the first user interface object in the first region while maintaining the display of the first user interface object and the first information that is associated with the first user interface object in the first region; and

causing display, in the second region, of second information that is associated with the second user interface object concurrently with the first information that is associated with the second user interface object.

17. The electronic device of claim 16, wherein the instructions are further for:

in response to detecting the selection of a respective user interface object of the first user interface object and the second user interface object;

in accordance with a determination that a content item associated with the selected respective user interface object is currently playing, concurrently displaying, adjacent to the respective user interface object;

the first information associated with the respective user interface object;

the second information associated with the respective user interface object; and

a visual indication indicating that the content item associated with the respective user interface object is currently playing; and

in accordance with a determination that the content item associated with the selected respective user interface object is not currently playing, concurrently displaying, adjacent to the respective user interface object;

the first information associated with the respective user interface object; and

the second information associated with the respective user interface object,

without displaying the visual indication indicating that the content item associated with the respective user interface object is currently playing.

18. The electronic device of claim 16, wherein the instructions are further for:

while a respective user interface object of the first user interface object and the second user interface object is selected and the first information and the second information associated with the respective user interface object are concurrently displayed, receiving a further selection of the respective user interface object; and

in response to receiving the further selection of the respective user interface object, starting playback of the first or second content item, respectively, associated with the respective user interface object.

19. The electronic device of claim 16, wherein the instructions are further for:

receiving input scrolling the first and second user interface objects; and

in response to receiving the input scrolling the first and second user interface objects, scrolling the first region along with the first user interface object and scrolling the second region along with the second user interface object.

20. The electronic device of claim 16, wherein the second information associated with the first user interface object includes one or more selectable items including a first selectable item, the instructions are further for:

while the first user interface object is selected, receiving a selection of the first menu item; and

in response to receiving the selection of the first menu item, presenting a first user interface response corresponding to the first selectable item.

21. The electronic device of claim 20, wherein the second information associated with the second user interface object includes one or more menu items including a second selectable item, the instructions are further for:

while the second user interface object is selected, receiving a selection of the second selectable item; and

in response to receiving the selection of the second selectable item, presenting a second user interface response corresponding to the second selectable item.

22. The electronic device of claim 21, wherein the one or more selectable items of the second information associated with the first user interface object are different from the one or more selectable items of the second information associated with the second user interface object.

23. The electronic device of claim 21, wherein:

the first user interface response is associated with the first content item; and

the second user interface response is associated with the second content item.

24. The electronic device of claim 23, wherein:

the one or more selectable items of the second information associated with the first user interface object item include text describing actions to be performed with respect to the first content item; and

the one or more selectable items of the second information associated with the second user interface object include text describing actions to be performed with respect to the second content item.

25. The electronic device of claim 23, wherein:

the second information associated with the first user interface object further includes text describing the first content item; and

the second information associated with the second user interface object further includes text describing the second content item.

26. The electronic device of claim 16, wherein the instructions are further for:

receiving scrolling input;

in response to receiving the scrolling input;

in accordance with a determination that the first user interface object is selected, scrolling the information associated with the first user interface object while the second user interface object remains stationary; and

in accordance with a determination that the second user interface object is selected, scrolling the information associated with the second user interface object while the first user interface object remains stationary.

27. The electronic device of claim 16, wherein generating the user interface includes:

aligning the first and second user interface objects along a first axis; and

positioning the first region adjacent to the first user interface object along a second axis that is substantially perpendicular to the first axis and positioning the second region adjacent to the second associated user interface object along the second axis.

28. The electronic device of claim 16, wherein the first and second user interface objects are both images having identical spatial dimensions.

29. The electronic device of claim 16, wherein:

the user interface includes a third user interface object that is associated with a third region of the user interface that is adjacent to the third user interface object and is different from the first region and the second region, wherein the third region includes first information associated with the third user interface object; and

the instructions are further for;

while the second user interface object is selected and the second information that is associated with the second user interface object is displayed concurrently with the first information that is associated with the second user interface object in the second region, receiving second user input comprising;

ending of the selection of the second user interface object and

selecting of the third user interface object; and

in response to receiving the second user input;

causing an end of the display of the second information that is associated with the second user interface object in the second region while maintaining the display of the second user interface object and the first information that is associated with the second user interface object; and

causing display, in the third region, of second information that is associated with the third user interface object concurrently with the first information that is associated with the third user interface object.

30. The electronic device of claim 16, wherein:

while the first user interface object is selected, the selected first user interface object is highlighted by the electronic device, and

while the second user interface object is selected, the selected second user interface object is highlighted by the electronic device.

31. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with one or more processors and memory, cause the device to:

generate for presentation on a display a user interface including;

a first user interface object, corresponding to a first content item, that is associated with a first region of the user interface that is adjacent to the first user interface object, wherein the first region includes first information associated with the first user interface object, and the first information associated with the first user interface object indicates first one or more characteristics of the first content item; and

a second user interface object, corresponding to a second content item, that is associated with a second region of the user interface that is adjacent to the second user interface object and is different from the first region, wherein the second region includes first information associated with the second user interface object, and the first information associated with the second user interface object indicates first one or more characteristics of the second content item;

while the first user interface object is selected, cause display, in the first region, of second information that is associated with the first user interface object concurrently with the first information that is associated with the first user interface object;

while the first information and the second information associated with the first user interface object are displayed in the first region, receive user input comprising;

ending the selection of the first user interface object; and

selecting the second user interface object; and

in response to receiving the user input;

cause an end of the display of the second information that is associated with the first user interface object in the first region while maintaining the display of the first user interface object and the first information that is associated with the first user interface object in the first region; and

cause display, in the second region, of second information that is associated with the second user interface object concurrently with the first information that is associated with the second user interface object.

32. The non-transitory computer readable storage medium of claim 31, wherein the instructions further cause the device to:

in response to detecting the selection of a respective user interface object of the first user interface object and the second user interface object;

in accordance with a determination that a content item associated with the selected respective user interface object is currently playing, concurrently display, adjacent to the respective user interface object;

the first information associated with the respective user interface object;

the second information associated with the respective user interface object; and

a visual indication indicating that the content item associated with the respective user interface object is currently playing; and

in accordance with a determination that the content item associated with the selected respective user interface object is not currently playing, concurrently display, adjacent to the respective user interface object;

the first information associated with the respective user interface object; and

the second information associated with the respective user interface object,

without displaying the visual indication indicating that the content item associated with the respective user interface object is currently playing.

33. The non-transitory computer readable storage medium of claim 31, wherein the instructions further cause the device to:

while a respective user interface object of the first user interface object and the second user interface object is selected and the first information and the second information associated with the respective user interface object are concurrently displayed, receive a further selection of the respective user interface object; and

in response to receiving the further selection of the respective user interface object, start playback of the first or second content item, respectively, associated with the respective user interface object.

34. The non-transitory computer readable storage medium of claim 31, wherein the instructions further cause the device to:

receive input scrolling the first and second user interface objects; and

in response to receiving the input scrolling the first and second user interface objects, scroll the first region along with the first user interface object and scrolling the second region along with the second user interface object.

35. The non-transitory computer readable storage medium of claim 31, wherein the second information associated with the first user interface object includes one or more selectable items including a first selectable item, the instructions further cause the device to:

while the first user interface object is selected, receive a selection of the first menu item; and

in response to receiving the selection of the first menu item, present a first user interface response corresponding to the first selectable item.

36. The non-transitory computer readable storage medium of claim 35, wherein the second information associated with the second user interface object includes one or more menu items including a second selectable item, the instructions further cause the device to:

while the second user interface object is selected, receive a selection of the second selectable item; and

in response to receiving the selection of the second selectable item, present a second user interface response corresponding to the second selectable item.

37. The non-transitory computer readable storage medium of claim 36, wherein the one or more selectable items of the second information associated with the first user interface object are different from the one or more selectable items of the second information associated with the second user interface object.

38. The non-transitory computer readable storage medium of claim 36, wherein:

the first user interface response is associated with the first content item; and

the second user interface response is associated with the second content item.

39. The non-transitory computer readable storage medium of claim 38, wherein:

the one or more selectable items of the second information associated with the first user interface object item include text describing actions to be performed with respect to the first content item; and

the one or more selectable items of the second information associated with the second user interface object include text describing actions to be performed with respect to the second content item.

40. The non-transitory computer readable storage medium of claim 38, wherein:

the second information associated with the first user interface object further includes text describing the first content item; and

the second information associated with the second user interface object further includes text describing the second content item.

41. The non-transitory computer readable storage medium of claim 31, wherein the instructions further cause the device to:

receive scrolling input;

in response to receiving the scrolling input;

in accordance with a determination that the first user interface object is selected, scroll the information associated with the first user interface object while the second user interface object remains stationary; and

in accordance with a determination that the second user interface object is selected, scroll the information associated with the second user interface object while the first user interface object remains stationary.

42. The non-transitory computer readable storage medium of claim 31, wherein generating the user interface includes:

aligning the first and second user interface objects along a first axis; and

positioning the first region adjacent to the first user interface object along a second axis that is substantially perpendicular to the first axis and positioning the second region adjacent to the second associated user interface object along the second axis.

43. The non-transitory computer readable storage medium of claim 31, wherein the first and second user interface objects are both images having identical spatial dimensions.

44. The non-transitory computer readable storage medium of claim 31, wherein:

the user interface includes a third user interface object that is associated with a third region of the user interface that is adjacent to the third user interface object and is different from the first region and the second region, wherein the third region includes first information associated with the third user interface object; and

the instructions further cause the device to;

while the second user interface object is selected and the second information that is associated with the second user interface object is displayed concurrently with the first information that is associated with the second user interface object in the second region, receive second user input comprising;

ending of the selection of the second user interface object and

selecting of the third user interface object; and

in response to receiving the second user input;

cause an end of the display of the second information that is associated with the second user interface object in the second region while maintaining the display of the second user interface object and the first information that is associated with the second user interface object; and

cause display, in the third region, of second information that is associated with the third user interface object concurrently with the first information that is associated with the third user interface object.

45. The non-transitory computer readable storage medium of claim 31, wherein:

while the first user interface object is selected, the selected first user interface object is highlighted by the electronic device, and

while the second user interface object is selected, the selected second user interface object is highlighted by the electronic device.