US 11,307,737 B2Granted

Media browsing user interface with intelligently selected representative media items

AssigneeApple Inc.

InventorsGraham R. Clarke, Simon Bovet, Eric M. G. Circlaeys, Lynne Devine, Alan C. Dye, Andreas Karlsson, Matthieu Lucas, Behkish J. Manzari, Nicole R. Ryan, William A. Sorrentino, III, Andre Souza Dos Santos, Gregg Suzuki, Sergey Tatarchuk

Life of this patent

Estimating the term…

patentgrep

Loading patent…

Abstract

The present disclosure generally relates to navigating a collection of media items. In accordance with one embodiment, a device displays a plurality of content items in a first layout, including a first content item at a first aspect ratio and a first size, a second content item, and a third content item. While displaying the plurality of content items in the first layout, the device detects a user input that includes a gesture, wherein the user input corresponds to a request to change a size of the first content item. In response to detecting the user input, and as the gesture progresses, the device changes the size of the first content item from the first size to a second size while concurrently gradually changing an aspect ratio of the first content item from the first aspect ratio to a second aspect ratio.

Claims45

Dependent claims

An electronic device, comprising:

a display device;
one or more processors;
and
memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for:
displaying, via the display device, a plurality of media items in a first layout that includes a plurality of rows and a plurality of columns, including displaying:
a first media item of the plurality of media items at a first aspect ratio and a first size,
a second media item of the plurality of media items at the first aspect ratio, and
a third media item of the plurality of media items;
while displaying, via the display device, the plurality of media items in the first layout that includes the plurality of rows and the plurality of columns, detecting a user input that includes a gesture, wherein the user input corresponds to a request to change a size of the first media item;
and
in response to detecting the user input:
gradually changing, as the gesture progresses, the size of the first media item from the first size to a second size that is different from the first size while concurrently gradually changing, as the gesture progresses, an aspect ratio of the first media item from the first aspect ratio to a second aspect ratio that is different from the first aspect ratio;
and
changing an aspect ratio of the second media item from the first aspect ratio to a third aspect ratio that is different from the first aspect ratio and the second aspect ratio, so that at least a subset of the plurality of media items are displayed in a second layout that includes concurrently displaying the first media item in the second aspect ratio and at least a portion of the second media item in the third aspect ratio.

11 more elements

A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device with a display device, the one or more programs including instructions for:

displaying, via the display device, a plurality of media items in a first layout that includes a plurality of rows and a plurality of columns, including displaying:
a first media item of the plurality of media items at a first aspect ratio and a first size,
a second media item of the plurality of media items at the first aspect ratio, and
a third media item of the plurality of media items;
while displaying, via the display device, the plurality of media items in the first layout that includes the plurality of rows and the plurality of columns, detecting a user input that includes a gesture, wherein the user input corresponds to a request to change a size of the first media item;
and
in response to detecting the user input:
gradually changing, as the gesture progresses, the size of the first media item from the first size to a second size that is different from the first size while concurrently gradually changing, as the gesture progresses, an aspect ratio of the first media item from the first aspect ratio to a second aspect ratio that is different from the first aspect ratio;
and
changing an aspect ratio of the second media item from the first aspect ratio to a third aspect ratio that is different from the first aspect ratio and the second aspect ratio, so that at least a subset of the plurality of media items are displayed in a second layout that includes concurrently displaying the first media item in the second aspect ratio and at least a portion of the second media item in the third aspect ratio.

7 more elements

A method, comprising:

at an electronic device with a display device:
displaying, via the display device, a plurality of media items in a first layout that includes a plurality of rows and a plurality of columns, including displaying:
a first media item of the plurality of media items at a first aspect ratio and a first size,
a second media item of the plurality of media items at the first aspect ratio, and
a third media item of the plurality of media items;
while displaying, via the display device, the plurality of media items in the first layout that includes the plurality of rows and the plurality of columns, detecting a user input that includes a gesture, wherein the user input corresponds to a request to change a size of the first media item;
and
in response to detecting the user input:
gradually changing, as the gesture progresses, the size of the first media item from the first size to a second size that is different from the first size while concurrently gradually changing, as the gesture progresses, an aspect ratio of the first media item from the first aspect ratio to a second aspect ratio that is different from the first aspect ratio;
and
changing an aspect ratio of the second media item from the first aspect ratio to a third aspect ratio that is different from the first aspect ratio and the second aspect ratio, so that at least a subset of the plurality of media items are displayed in a second layout that includes concurrently displaying the first media item in the second aspect ratio and at least a portion of the second media item in the third aspect ratio.

8 more elements

An electronic device, comprising:

a display device;
one or more processors;
and
memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for:
displaying, via the display device, a plurality of media items in a first layout that includes a plurality of rows and a plurality of columns, including displaying:
a first media item of the plurality of media items at a first aspect ratio and a first size,
a second media item of the plurality of media items at the first aspect ratio, and
a third media item of the plurality of media items;
while displaying, via the display device, the plurality of media items in the first layout that includes the plurality of rows and the plurality of columns, detecting a user input that includes a gesture, wherein the user input corresponds to a request to change a size of the first media item;
and
in response to detecting the user input:
gradually changing, as the gesture progresses, the size of the first media item from the first size to a second size that is different from the first size while concurrently gradually changing, as the gesture progresses, an aspect ratio of the first media item from the first aspect ratio to a second aspect ratio that is different from the first aspect ratio;
changing an aspect ratio of the second media item from the first aspect ratio to a third aspect ratio that is different from the first aspect ratio;
and
displaying, via the display device, a subset of the plurality of media items in a second layout that includes a single row or a single column, including:
concurrently displaying, on the display device, with the first media item at the second aspect ratio, the second media item of the plurality of media items at the third aspect ratio that is different from the first aspect ratio, and
without concurrently displaying the third media item of the plurality of media items,
wherein:
the second layout is different from the first layout;
in the first layout the second media item has a first location relative to the first media item;
in the second layout the third media item has the first location relative to the first media item;
and
displaying, on the display device, the subset of the plurality of media items in the second layout includes:
transitioning, as the gesture of the user input progresses, from displaying the first media item in the first layout to displaying the first media item in the second layout, including displaying a combination of the second media item and the third media item at the first location relative to the first media item during the transition from displaying the first media item in the first layout to displaying the first media item in the second layout.

21 more elements

displaying, via the display device, a plurality of media items in a first layout that includes a plurality of rows and a plurality of columns, including displaying:
a first media item of the plurality of media items at a first aspect ratio and a first size,
a second media item of the plurality of media items at the first aspect ratio, and
a third media item of the plurality of media items;
while displaying, via the display device, the plurality of media items in the first layout that includes the plurality of rows and the plurality of columns, detecting a user input that includes a gesture, wherein the user input corresponds to a request to change a size of the first media item;
and
in response to detecting the user input:
gradually changing, as the gesture progresses, the size of the first media item from the first size to a second size that is different from the first size while concurrently gradually changing, as the gesture progresses, an aspect ratio of the first media item from the first aspect ratio to a second aspect ratio that is different from the first aspect ratio;
changing an aspect ratio of the second media item from the first aspect ratio to a third aspect ratio that is different from the first aspect ratio;
and
displaying, via the display device, a subset of the plurality of media items in a second layout that includes a single row or a single column, including:
concurrently displaying, on the display device, with the first media item at the second aspect ratio, the second media item of the plurality of media items at the third aspect ratio that is different from the first aspect ratio, and
without concurrently displaying the third media item of the plurality of media items,
wherein:
the second layout is different from the first layout;
in the first layout the second media item has a first location relative to the first media item;
in the second layout the third media item has the first location relative to the first media item;
and
displaying, on the display device, the subset of the plurality of media items in the second layout includes:
transitioning, as the gesture of the user input progresses, from displaying the first media item in the first layout to displaying the first media item in the second layout, including displaying a combination of the second media item and the third media item at the first location relative to the first media item during the transition from displaying the first media item in the first layout to displaying the first media item in the second layout.

17 more elements

A method, comprising:

at an electronic device with a display device:
displaying, via the display device, a plurality of media items in a first layout that includes a plurality of rows and a plurality of columns, including displaying:
a first media item of the plurality of media items at a first aspect ratio and a first size,
a second media item of the plurality of media items at the first aspect ratio, and
a third media item of the plurality of media items;
while displaying, via the display device, the plurality of media items in the first layout that includes the plurality of rows and the plurality of columns, detecting a user input that includes a gesture, wherein the user input corresponds to a request to change a size of the first media item;
and
in response to detecting the user input:
gradually changing, as the gesture progresses, the size of the first media item from the first size to a second size that is different from the first size while concurrently gradually changing, as the gesture progresses, an aspect ratio of the first media item from the first aspect ratio to a second aspect ratio that is different from the first aspect ratio;
changing an aspect ratio of the second media item from the first aspect ratio to a third aspect ratio that is different from the first aspect ratio;
and
displaying, via the display device, a subset of the plurality of media items in a second layout that includes a single row or a single column, including:
concurrently displaying, on the display device, with the first media item at the second aspect ratio, the second media item of the plurality of media items at the third aspect ratio that is different from the first aspect ratio, and
without concurrently displaying the third media item of the plurality of media items,
wherein:
the second layout is different from the first layout;
in the first layout the second media item has a first location relative to the first media item;
in the second layout the third media item has the first location relative to the first media item;
and
displaying, on the display device, the subset of the plurality of media items in the second layout includes:
transitioning, as the gesture of the user input progresses, from displaying the first media item in the first layout to displaying the first media item in the second layout, including displaying a combination of the second media item and the third media item at the first location relative to the first media item during the transition from displaying the first media item in the first layout to displaying the first media item in the second layout.

18 more elements

Dependencies are inferred from the claim text.

Facts

Application: 16/584,783Filed 26 Sep 2019 · us provisional application
Priority: 6 May 2019
Published: US 2020/0356590 A112 Nov 2020
Granted: 19 Apr 2022
Term ends: Not estimatedThe source records don’t support an estimate.

Classification18 codes

G06F 3/0482
Based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like…:…
G06F 16/55
Of still image data: clustering; Classification
G06F 3/016
Input arrangements or combined input and output arrangements for interaction between user and computer: input arrangements with force or tactile…
G06F 3/04845
For the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a…:…

Family

Application62/843,930Us provisional application · filed 6 May 2019
Application62/856,052Us provisional application · filed 1 Jun 2019
US 2020/0356590 A1Pre-grant publication · published 12 Nov 2020
US 11,307,737 B2This patent

From the US filing history. Foreign family members aren’t listed.

Timeline

Citations

Open elsewhere

Building an agent or pulling many patents? Use the API or MCP server instead of scraping pages. Get an API key