# US 10,310,711 B2 · Music now playing user interface

> Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt

- Number: US 10,310,711 B2
- Document ID: US10310711B2
- Status: Granted
- Kind: B2
- Application number: 15/808,774
- Filed: 2017-11-09
- Published: 2018-03-08
- Granted: 2019-06-04
- Earliest claimed: 2014-06-24
- Assignees: Apple Inc.
- Applicants: Apple Inc.
- Inventors: Taylor G. Carrigan; Joe Howard; Joshua McGlinn; Jonathan Lochhead; Benjamin W. Keighran; William M. Bachman; Elbert D. Chen; Jeffrey L. Robbin; Jennifer L. C. Folse; Lynne Kress; Kory M. Westerhold; Monika E. Gromek; Policarpo Bonilla Wood, Jr.
- Web page: https://patentgrep.com/patent/US10310711B2

## CPC

- G06F 3/0482: Interaction with lists of selectable items, e.g. menus
- G06F 3/04812: Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
- G06F 3/04842: Selection of displayed objects or displayed text elements (G06F3/0482 takes precedence)
- G06F 3/0485: Scrolling or panning
- G06F 3/0488: using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F 3/04883: for inputting data by handwriting, e.g. gesture or text
- 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
- G11B 27/34: Indicating arrangements {(indicating means incorporated in magazine or cassette G11B23/046 and G11B23/0875; indicating measured values in general G01D)}
- G11B 27/031: Electronic editing of digitised analogue information signals, e.g. audio or video signals
- 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)}
- G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N)
- G11B: INFORMATION STORAGE BASED ON RELATIVE MOVEMENT BETWEEN RECORD CARRIER AND TRANSDUCER (recording measured values in a way that does not require playback through a transducer G01D9/00; recording or playback apparatus using mechanically marked tape, e.g. punched paper tape, or using unit records, e.g. punched or magnetically marked cards G06K; transferring data from one type of record carrier to another G06K1/18; circuits for coupling output of reproducer to radio receiver H04B1/20; gramophone pick-ups or like acoustic electromechanical transducers or circuits therefor H04R)

## 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

### Claim 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.

### Claim 2 (depends on 1)

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.

### Claim 3 (depends on 1)

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.

### Claim 4 (depends on 3)

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.

### Claim 5 (depends on 4)

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.

### Claim 6 (depends on 4)

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.

### Claim 7 (depends on 6)

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.

### Claim 8 (depends on 6)

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.

### Claim 9 (depends on 1)

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.

### Claim 10 (depends on 1)

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.

### Claim 11 (depends on 1)

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

### Claim 12 (depends on 1)

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.

### Claim 13 (depends on 1)

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.

### Claim 14 (depends on 1)

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.

### Claim 15 (depends on 1)

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.

### Claim 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.

### Claim 17 (depends on 16)

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.

### Claim 18 (depends on 16)

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.

### Claim 19 (depends on 16)

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.

### Claim 20 (depends on 16)

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.

### Claim 21 (depends on 20)

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.

### Claim 22 (depends on 21)

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.

### Claim 23 (depends on 21)

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.

### Claim 24 (depends on 23)

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.

### Claim 25 (depends on 23)

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.

### Claim 26 (depends on 16)

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.

### Claim 27 (depends on 16)

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.

### Claim 28 (depends on 16)

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

### Claim 29 (depends on 16)

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.

### Claim 30 (depends on 16)

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.

### Claim 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.

### Claim 32 (depends on 31)

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.

### Claim 33 (depends on 31)

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.

### Claim 34 (depends on 31)

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.

### Claim 35 (depends on 31)

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.

### Claim 36 (depends on 35)

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.

### Claim 37 (depends on 36)

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.

### Claim 38 (depends on 36)

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.

### Claim 39 (depends on 38)

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.

### Claim 40 (depends on 38)

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.

### Claim 41 (depends on 31)

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.

### Claim 42 (depends on 31)

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.

### Claim 43 (depends on 31)

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.

### Claim 44 (depends on 31)

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.

### Claim 45 (depends on 31)

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.