IP Library › Granted Patent US 11,334,238

Granted Patent B2

US 11,334,238 · App. 14/290,850 · Granted May 17, 2022

Device, method, and graphical user interface for moving user interface objects

Inventors: Nicholas Zambetti (San Francisco, CA); Chanaka G. Karunamuni (San Jose, CA); Imran Chaudhri (San Francisco, CA); Christopher P. Foss (San Francisco, CA); Eugene M. Bistolas (Mountain View, CA); Kyle S. Macomber (Los Alto, CA); Keith W. Rauenbuehler (San Francisco, CA); Lee S. Broughton (Santa Cruz, CA); Arnold Freidling (San Francisco, CA)

Assignee: APPLE INC.

G06F3/04883 G06F3/0485 G06F3/0487 G06F3/0488 G06F3/04845 G06F3/04886

View Patent ↗

Loading inventors, assignments & file history…

Monitor This Case

Get email alerts when status or documents change.

Order Certified Copies

Most orders are placed with the USPTO same day — all within 24 business hours.

Order via The Patent Place →

Pre-filled with this patent's details

Quick Facts

Patent No.: US 11,334,238
App. No.: 14/290,850
Granted: May 17, 2022
Kind: B2

External Links

USPTO Patent Center↗ Full Patent PDF↗

Abstract

An electronic device with a display and a touch-sensitive surface displays a user interface with a plurality of content units, where the content units are arranged along a first axis in the user interface, and a respective content unit is associated with corresponding metadata. The device detects a contact on the touch-sensitive surface and a first movement of the contact. In response to detecting the first movement of the contact, the device moves a first set of one or more of the content units perpendicular to the first axis in the user interface in accordance with the first movement, and for one or more respective content units in the first set of content units, the device displays metadata for the respective content unit adjacent to the respective content unit that was not displayed immediately prior to detecting the first movement of the contact.

Claims (158)

1. 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 a display and a touch-sensitive surface, cause the electronic device to:

display a user interface with a plurality of content units, wherein:

the plurality of content units includes a first set of two or more of the content units;

the first set of content units includes a first content unit and a second content unit;

the plurality of content units are arranged along a first scrolling axis in the user interface; and

a respective content unit is associated with corresponding metadata;

while displaying the first content unit and the second content unit, detect only a single contact on the touch-sensitive surface and detect a first movement of only the single contact; and

in response to detecting the first movement of only the single contact:

move the first set of two or more of the content units perpendicular to the first scrolling axis in the user interface in accordance with the first movement of only the single contact; and

for two or more respective content units in the first set of content units, display metadata for the respective content unit adjacent to the respective content unit that was not displayed immediately prior to detecting the first movement of the single contact, including concurrently displaying, on the display:

first metadata for the first content unit adjacent to the first content unit; and

second metadata, different from the first metadata, adjacent to the second content unit.

2. The computer readable storage medium of claim 1 , including instructions, which when executed by the electronic device with the display and the touch-sensitive surface, cause the device to:

in response to detecting the first movement of only the single contact, move the first set of content units parallel to the first scrolling axis in the user interface in accordance with the first movement of only the single contact.

3. The computer readable storage medium of claim 1 , wherein:

a respective content unit of the first set of content units corresponds to respective metadata; and

moving the first set of content units perpendicular to the first scrolling axis includes revealing the respective metadata at a location that was previously occupied by the respective content unit.

4. The computer readable storage medium of claim 1 , wherein:

the plurality of content units includes a second set of one or more content units displayed on the display; and

moving the first set of content units perpendicular to the first scrolling axis includes moving the first set of content units without moving the second set of content units perpendicular to the first scrolling axis.

5. The computer readable storage medium of claim 4 , including instructions, which when executed by the electronic device with the display and the touch-sensitive surface, cause the device to:

in response to detecting the first movement of only the single contact, display metadata for one or more of the content units in the second set of content units and one or more of the content units in the first set of content units.

6. The computer readable storage medium of claim 4 , wherein:

immediately prior to detecting the first movement of only the single contact:

one or more of the first set of content units are arranged within a first region of the display; and

one or more of the second set of content units are arranged within a second region of the display that is offset from the first region in a direction perpendicular to the first scrolling axis; and

after detecting the first movement of the single contact:

one or more of the first set of content units and the second set of content units are arranged within the second region of the display; and

metadata for the displayed content units is displayed within the first region of the display.

7. The computer readable storage medium of claim 1 , including instructions, which when executed by the electronic device with the display and the touch-sensitive surface, cause the device to:

while the metadata for the respective content unit is displayed, detect liftoff of the single contact; and

in response to detecting liftoff of the single contact, cease to display the metadata for the respective content unit.

8. The computer readable storage medium of claim 1 , wherein:

the user interface includes a plurality of messages in a conversation between a first user and a second user; and

the first set of content units that moves perpendicular to the first scrolling axis in the user interface includes messages sent by the first user and excludes messages sent by the second user.

9. The computer readable storage medium of claim 1 , wherein:

the first set of content units have a color determined based on a color gradient that changes from a first color to a second color along the first scrolling axis; and

the computer readable storage medium, including instructions, which when executed by the electronic device with the display and the touch-sensitive surface, cause the device to:

detect a change in orientation of the device; and

in response to detecting the change in orientation of the device, adjust the gradient in accordance with the change in orientation of the device.

10. The computer readable storage medium of claim 1 , including instructions, which when executed by the electronic device with the display and the touch-sensitive surface, cause the device to:

detect a second movement of a single contact on the touch-sensitive surface, wherein the second movement includes a respective component of movement that corresponds to movement that is parallel to the first scrolling axis; and

in response to detecting the second movement of the single contact:

determine a magnitude of the respective component of movement of the single contact on the touch-sensitive surface; and

move a first content unit in the plurality of content units parallel to the first scrolling axis by a first amount that is proportional to the magnitude of the respective component of movement of the single contact.

11. The computer readable storage medium of claim 10 , including instructions, which when executed by the electronic device with the display and the touch-sensitive surface, cause the device to:

in response to detecting the second movement of the single contact:

while moving the first content unit, move a second content unit that is adjacent to the first content unit along the first scrolling axis by a second amount that is less than the first amount; and

move a third content unit that is adjacent to the second content unit along the first scrolling axis by a third amount that is less than the second amount.

12. The computer readable storage medium of claim 1 , including instructions, which when executed by the electronic device with the display and the touch-sensitive surface, cause the device to:

move the first set of two or more of the content units in a first direction along a second axis perpendicular to the first scrolling axis in the user interface in accordance with the first movement of only the single contact; and

for two or more respective content units in the first set of content units, display metadata for the respective content unit adjacent, in a second direction, opposite the first direction, along the second axis, to the respective content unit that was not displayed immediately prior to detecting the first movement of the single contact, including concurrently displaying, on the display:

first metadata for the first content unit adjacent, in the second direction along the second axis, to the first content unit; and

second metadata, different from the first metadata, adjacent, in the second direction along the second axis, to the second content unit.

13. A method, comprising:

at an electronic device with a touch-sensitive surface and a display:

displaying a user interface with a plurality of content units, wherein:

the plurality of content units includes a first set of two or more of the content units;

the first set of content units includes a first content unit and a second content unit;

the plurality of content units are arranged along a first scrolling axis in the user interface; and

a respective content unit is associated with corresponding metadata;

while displaying the first content unit and the second content unit, detecting only a single contact on the touch-sensitive surface and detecting a first movement of only the single contact; and

in response to detecting the first movement of only the single contact:

moving the first set of two or more of the content units perpendicular to the first scrolling axis in the user interface in accordance with the first movement of only the single contact; and

for two or more respective content units in the first set of content units, displaying metadata for the respective content unit adjacent to the respective content unit that was not displayed immediately prior to detecting the first movement of the single contact, including concurrently displaying, on the display:

first metadata for the first content unit adjacent to the first content unit; and

second metadata, different from the first metadata, adjacent to the second content unit.

14. The method of claim 13 , including:

in response to detecting the first movement of only the single contact, moving the first set of two or more of the content units parallel to the first scrolling axis in the user interface in accordance with the first movement of only the single contact.

15. The method of claim 13 , wherein:

a respective content unit of the first set of two or more of the content units corresponds to respective metadata; and

moving the first set of two or more of the content units perpendicular to the first scrolling axis includes revealing the respective metadata at a location that was previously occupied by the respective content unit.

16. The method of claim 13 , wherein:

the plurality of content units includes a second set of one or more content units displayed on the display; and

moving the first set of two or more of the content units perpendicular to the first scrolling axis includes moving the first set of two or more of the content units without moving the second set of content units perpendicular to the first scrolling axis.

17. The method of claim 16 , including:

in response to detecting the first movement of only the single contact, displaying metadata for one or more of the content units in the second set of content units and one or more of the content units in the first set of two or more of the content units.

18. The method of claim 16 , wherein:

immediately prior to detecting the first movement of only the single contact:

one or more of the first set of two or more of the content units are arranged within a first region of the display; and

one or more of the second set of content units are arranged within a second region of the display that is offset from the first region in a direction perpendicular to the first scrolling axis; and

after detecting the first movement of the single contact:

one or more of the first set of two or more of the content units and the second set of content units are arranged within the second region of the display; and

metadata for the displayed content units is displayed within the first region of the display.

19. The method of claim 13 , including:

while the metadata for the respective content unit is displayed, detecting liftoff of the single contact; and

in response to detecting liftoff of the single contact, ceasing to display the metadata for the respective content unit.

20. The method of claim 13 , wherein:

the user interface includes a plurality of messages in a conversation between a first user and a second user; and

the first set of two or more of the content units that moves perpendicular to the first scrolling axis in the user interface includes messages sent by the first user and excludes messages sent by the second user.

21. The method of claim 13 , wherein:

the first set of two or more of the content units have a color determined based on a color gradient that changes from a first color to a second color along the first scrolling axis; and

the method includes:

detecting a change in orientation of the device; and

in response to detecting the change in orientation of the device, adjusting the gradient in accordance with the change in orientation of the device.

22. The method of claim 13 , including:

detecting a second movement of a single contact on the touch-sensitive surface, wherein the second movement includes a respective component of movement that corresponds to movement that is parallel to the first scrolling axis; and

in response to detecting the second movement of the single contact:

determining a magnitude of the respective component of movement of the single contact on the touch-sensitive surface; and

moving a first content unit in the plurality of content units parallel to the first scrolling axis by a first amount that is proportional to the magnitude of the respective component of movement of the single contact.

23. The method of claim 22 , including:

in response to detecting the second movement of the single contact:

while moving the first content unit, moving a second content unit that is adjacent to the first content unit along the first scrolling axis by a second amount that is less than the first amount; and

moving a third content unit that is adjacent to the second content unit along the first scrolling axis by a third amount that is less than the second amount.

24. An electronic device, comprising:

a display;

a touch-sensitive surface;

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: