US-20260126897-A1 - USER INTERFACES AND TECHNIQUES FOR DEFORMING CONTENT

Abstract

The present disclosure generally relates to deforming content.

Inventors

• James M. Graham
• Stephane P. BERSOT

Assignees

• APPLE INC.

Dates

Publication Date

20260507

Application Date

20251006

Claims (20)

1. 1 . A method, comprising: at a computer system that is in communication with one or more input devices and one or more display generation components: displaying, via the one or more display generation components, a user interface; while displaying the user interface, detecting, via the one or more input devices, one or more input elements at a first location that is spatially separated from the user interface; in response to detecting the one or more input elements at the first location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a first portion of a background of the user interface that changes a shape of the first portion of the background relative to other portions of the background; after displaying the spatial deformation of the first portion of the background of the user interface, detecting, via the one or more input devices, the one or more input elements at a second location that is spatially separated from the user interface, wherein the second location is different from the first location relative to the user interface; and in response to detecting the one or more input elements at the second location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a second portion of the background of the user interface that changes a shape of the second portion of the background relative to other portions of the background without displaying the spatial deformation of the first portion of the background of the user interface, wherein the first portion of the background of the user interface is different from the second portion of the background of the user interface.
2. 2 . The method of claim 1 , wherein the one or more input elements includes a first input element and a second input element different from the first input element, the method further comprising: after displaying the spatial deformation of the second portion of the background of the user interface that changes the shape of the second portion of the background relative to the other portions of the background, detecting, via the one or more input devices: the first input element of the one or more input elements at a third location that is spatially separated from the user interface; and the second input element of the one or more input elements at a fourth location that is spatially separated from the user interface, wherein the third location is different from the second location, and wherein the fourth location is different from the second location and the third location; and in response to detecting the first input element of the one or more input elements at the third location and the second input element of the one or more input elements at the fourth location, displaying, via the one or more display generation components: a spatial deformation of a third portion of the background of the user interface that changes a shape of the third portion of the background relative to other portions of the background without displaying the spatial deformation of the second portion of the background of the user interface, wherein the third portion of the background of the user interface is separate from the second portion of the background of the user interface; and a spatial deformation of a fourth portion of the background of the user interface that changes a shape of the fourth portion of the background relative to other portions of the background without displaying the spatial deformation of the second portion of the background of the user interface, wherein the spatial deformation of the fourth portion of the background of the user interface is separate from the spatial deformation of the third portion of the background of the user interface.
3. 3 . The method of claim 2 , wherein the spatial deformation of the third portion of the background is a first distance from the spatial deformation of the fourth portion of the background, the method further comprising: after displaying the spatial deformation of the third portion of the background of the user interface and the spatial deformation of the fourth portion of the background of the user interface, detecting, via the one or more input devices: the first input element of the one or more input elements at a fifth location that is spatially separated from the user interface; and the second input element of the one or more input elements at a sixth location that is spatially separated from the user interface, wherein the fifth location is different from the sixth location; and in response to detecting the first input element of the one or more input elements at the fifth location and the second input element of the one or more input elements at the sixth location, displaying, via the one or more display generation components: a spatial deformation of a fifth portion of the background of the user interface that changes a shape of the fifth portion of the background relative to other portions of the background without displaying the spatial deformation of the third portion of the background of the user interface, wherein the fifth portion of the background of the user interface is separate from the third portion of the background of the user interface; and a spatial deformation of a sixth portion of the background of the user interface that changes a shape of the sixth portion of the background relative to other portions of the background without displaying the spatial deformation of the fourth portion of the background of the user interface, wherein the sixth portion of the background of the user interface is separate from the fourth portion of the background of the user interface, wherein the spatial deformation of the fifth portion of the background is a second distance from the spatial deformation of the sixth portion of the background, and wherein the first distance is different from the second distance.
4. 4 . The method of claim 1 , wherein the one or more input elements correspond to one or more fingers of a user.
5. 5 . The method of claim 4 , wherein the user includes a first number of fingers, and wherein a number of fingers of the one or more fingers is less than the first number of fingers.
6. 6 . The method of claim 1 , further comprising: in response to detecting the one or more input elements at the first location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a first portion of one or more selectable objects of the user interface that changes a shape of the first portion of the one or more selectable objects relative to other portions of the one or more selectable objects; and in response to detecting the one or more input elements at the at the second location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a second portion of the one or more selectable objects of the user interface that changes the shape of the second portion of the one or more selectable objects relative to other portions of the one or more selectable objects without displaying the spatial deformation of the first portion of the one or more selectable objects.
7. 7 . The method of claim 1 , further comprising: in response to detecting the one or more input elements at the first location that is spatially separated from the user interface, forgoing display of a spatial deformation of a portion of a selectable object included in the user interface; and in response to detecting the one or more input elements at the second location that is spatially separated from the user interface, forgoing display of a spatial deformation of a portion of a selectable object included in the user interface.
8. 8 . The method of claim 1 , further comprising: after displaying the spatial deformation of the second portion of the background of the user interface, detecting, via the one or more input devices, the one or more input elements at a respective distance from the user interface; and in response to detecting the one or more input elements at the respective distance from the user interface: in accordance with a determination that the respective distance is a first distance, displaying, via the one or more display generation components, a spatial deformation of the background of the user interface in a first manner that changes a shape of a portion of the background relative to other portions of the background; and in accordance with a determination that the respective distance is a second distance different from the first distance, displaying, via the one or more display generation components, a spatial deformation of the background of the user interface in a second manner that changes a shape of a portion of the background relative to the other portions of the background, wherein displaying the spatial deformation in the second manner has a different appearance than displaying the spatial deformation in the first manner.
9. 9 . The method of claim 1 , further comprising: after displaying the spatial deformation of the second portion of the background of the user interface, detecting, via the one or more input devices, attention of a user; and in response to detecting the attention of the user: in accordance with a determination that the attention of the user satisfies a first set of one or more criteria, displaying, via the one or more display generation components, a spatial deformation of a portion of the background of the user interface in a first manner that changes a shape of a portion of the background relative to other portions of the background; and in accordance with a determination that the attention of the user satisfies a second set of one or more criteria different from the first set of one or more criteria, displaying, via the one or more display generation components, a spatial deformation of a portion of the background of the user interface in a second manner that changes a shape of a portion of the background relative to other portions of the background, wherein the second manner has a different appearance than the first manner.
10. 10 . The method of claim 1 , further comprising: after displaying the spatial deformation of the second portion of the background of the user interface and while displaying, via the one or more display generation components, a user interface element with a first appearance, detecting, via the one or more input devices, the one or more input elements are directed to the user interface element; and in response to detecting that the one or more input elements are directed to the user interface element, displaying, via the one or more display generation components, the user interface element with a second appearance different from the first appearance.
11. 11 . The method of claim 10 , wherein the user interface element is a first user interface element, the method further comprising: while displaying the first user interface element with the first appearance and while displaying, via the one or more display generation components, a second user interface element with a third appearance, detecting, via the one or more input devices, the one or more input elements are directed to a respective user interface element, wherein the second user interface element is different from the first user interface element; and in response to detecting that the one or more input elements are directed to the respective user interface element: in accordance with a determination that the respective user interface element is the first user interface element, displaying, via the one or more display generation components, the first user interface element with the second appearance; and in accordance with a determination that the respective user interface element is the second user interface element, displaying, via the one or more display generation components, the second user interface element with a fourth appearance different from the third appearance.
12. 12 . The method of claim 1 , wherein the computer system is in communication with one or more output devices, the method further comprising: after displaying the spatial deformation of the second portion of the background of the user interface that changes the shape of the second portion of the background, detecting, via the one or more input devices, a sequence of one or more inputs that includes a selection input; and in response to detecting the sequence of one or more inputs that includes the selection input: in accordance with a determination that the sequence of one or more inputs that includes the selection input satisfies a first set of one or more criteria, outputting, via the one or more output devices, a first feedback; and in accordance with a determination that the sequence of one or more inputs that includes the selection input satisfies a second set of one or more criteria different from the first set of one or more criteria, outputting, via the one or more output devices, a second feedback different from the first feedback.
13. 13 . The method of claim 12 , further comprising: in response to detecting the sequence of one or more inputs that includes the selection input and in accordance with a determination that the sequence of one or more inputs that includes the selection input satisfies a third set of one or more criteria different from the first set of one or more criteria and the second set of one or more criteria, wherein the third set of one or more criteria includes a criterion that is satisfied when the sequence of one or more inputs that includes the selection input is directed to a portion of the background of the user interface, outputting, via the one or more output devices, a third feedback without performing an operation corresponding to the sequence of one or more inputs that includes the selection input.
14. 14 . The method of claim 12 , further comprising: in response to detecting the sequence of one or more inputs that includes the selection input and in accordance with a determination that the sequence of one or more inputs that includes the selection input satisfies a fourth set of one or more criteria different from the first set of one or more criteria and the second set of one or more criteria, wherein the fourth set of one or more criteria includes a criterion that is satisfied when the sequence of one or more inputs that includes the selection input is directed to a user interface element, performing a respective operation corresponding to the user interface element.
15. 15 . The method of claim 14 , wherein: the sequence of one or more inputs includes respective movement of the one or more input elements; in accordance with a determination that the respective movement is a first movement, the respective operation is a first operation; in accordance with a determination that the respective movement is a second movement, the respective operation is a second operation different from the first operation; and the second movement is different from the first movement.
16. 16 . The method of claim 1 , wherein the user interface includes a plurality of regions.
17. 17 . The method of claim 16 , further comprising: after displaying the spatial deformation of the second portion of the background of the user interface, detecting, via the one or more input devices, attention of a user; and in response to detecting the attention of the user: in accordance with a determination that the attention of the user is directed to a first region of the plurality of regions, displaying, via the one or more display generation components, the first region in a first manner while displaying other regions of the plurality of regions in a second manner different from the first manner; and in accordance with a determination that the attention of the user is directed to a second region of the plurality of regions, displaying, via the one or more display generation components, the second region in a third manner while displaying other regions of the plurality of regions in the second manner, wherein the third manner is different from the second manner.
18. 18 . The method of claim 16 , further comprising: after displaying the spatial deformation of the second portion of the background of the user interface and while detecting the one or more input elements at the second location that is spatially separated from the user interface, detecting, via the one or more input devices, respective movement of the one or more input elements; and in response to detecting the respective movement of the one or more input elements displaying, via the one or more display generation components, a spatial deformation of a portion of a respective region based on the respective movement of the one or more input elements, including: in accordance with a determination that attention of the user is directed to a third region of the plurality of regions while detecting the respective movement of the one or more input elements, displaying, via the one or more display generation components, a spatial deformation of a portion of the third region of the plurality of regions that changes a shape of the portion of the third region relative to other regions of the plurality of regions of the user interface; and in accordance with a determination that the attention of the user is directed to a fourth region of the plurality of regions while detecting the respective movement of the one or more input elements, displaying, via the one or more display generation components, a spatial deformation of a portion of the fourth region of the plurality of regions that changes a shape of the portion of the fourth region relative to other regions of the plurality of regions of the user interface.
19. 19 . A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system that is in communication with one or more input devices and one or more display generation components, the one or more programs including instructions for: displaying, via the one or more display generation components, a user interface; while displaying the user interface, detecting, via the one or more input devices, one or more input elements at a first location that is spatially separated from the user interface; in response to detecting the one or more input elements at the first location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a first portion of a background of the user interface that changes a shape of the first portion of the background relative to other portions of the background; after displaying the spatial deformation of the first portion of the background of the user interface, detecting, via the one or more input devices, the one or more input elements at a second location that is spatially separated from the user interface, wherein the second location is different from the first location relative to the user interface; and in response to detecting the one or more input elements at the second location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a second portion of the background of the user interface that changes a shape of the second portion of the background relative to other portions of the background without displaying the spatial deformation of the first portion of the background of the user interface, wherein the first portion of the background of the user interface is different from the second portion of the background of the user interface.
20. 20 . A computer system configured to communicate with one or more input devices and one or more display generation components, the computer system comprising: 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 one or more display generation components, a user interface; while displaying the user interface, detecting, via the one or more input devices, one or more input elements at a first location that is spatially separated from the user interface; in response to detecting the one or more input elements at the first location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a first portion of a background of the user interface that changes a shape of the first portion of the background relative to other portions of the background; after displaying the spatial deformation of the first portion of the background of the user interface, detecting, via the one or more input devices, the one or more input elements at a second location that is spatially separated from the user interface, wherein the second location is different from the first location relative to the user interface; and in response to detecting the one or more input elements at the second location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a second portion of the background of the user interface that changes a shape of the second portion of the background relative to other portions of the background without displaying the spatial deformation of the first portion of the background of the user interface, wherein the first portion of the background of the user interface is different from the second portion of the background of the user interface.

Description

CROSS-REFERENCE TO RELATED APPLICATIONS The present application claims priority to U.S. Provisional Patent Application Ser. No. 63/717,058, entitled “USER INTERFACES AND TECHNIQUES FOR DEFORMING CONTENT,” filed Nov. 6, 2024. The content of these application(s) is hereby incorporated by reference in their entirety. FIELD The present disclosure relates generally to computer user interfaces, and more specifically to techniques for indicating where inputs are located. BACKGROUND Electronic devices often indicate a location of an input. Such indications can include a cursor that moves across a screen. SUMMARY Some techniques for indicating where inputs are located using electronic devices are generally cumbersome and inefficient. For example, some existing techniques use a mouse cursor that covers content where the mouse cursor is located. Existing techniques require more time than necessary, wasting user time and device energy. This latter consideration is particularly important in battery-operated devices. Accordingly, the present technique provides electronic devices with faster, more efficient processes and interfaces for indicating where inputs are located. Such processes and interfaces optionally complement or replace other processes for indicating where inputs are located. Such processes and interfaces reduce the cognitive burden on a user and produce a more efficient human-machine interface. For battery-operated computing devices, such processes and interfaces conserve power and increase the time between battery charges. In some embodiments, a method that is performed at a computer system that is in communication with one or more input devices and one or more display generation components is described. In some embodiments, the method comprises: displaying, via the one or more display generation components, a user interface; while displaying the user interface, detecting, via the one or more input devices, one or more input elements at a first location that is spatially separated from the user interface; in response to detecting the one or more input elements at the first location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a first portion of a background of the user interface that changes a shape of the first portion of the background relative to other portions of the background; after displaying the spatial deformation of the first portion of the background of the user interface, detecting, via the one or more input devices, the one or more input elements at a second location that is spatially separated from the user interface, wherein the second location is different from the first location relative to the user interface; and in response to detecting the one or more input elements at the second location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a second portion of the background of the user interface that changes a shape of the second portion of the background relative to other portions of the background without displaying the spatial deformation of the first portion of the background of the user interface, wherein the first portion of the background of the user interface is different from the second portion of the background of the user interface. In some embodiments, a non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of a computer system that is in communication with one or more input devices and one or more display generation components is described. In some embodiments, the one or more programs includes instructions for: displaying, via the one or more display generation components, a user interface; while displaying the user interface, detecting, via the one or more input devices, one or more input elements at a first location that is spatially separated from the user interface; in response to detecting the one or more input elements at the first location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a first portion of a background of the user interface that changes a shape of the first portion of the background relative to other portions of the background; after displaying the spatial deformation of the first portion of the background of the user interface, detecting, via the one or more input devices, the one or more input elements at a second location that is spatially separated from the user interface, wherein the second location is different from the first location relative to the user interface; and in response to detecting the one or more input elements at the second location that is spatially separated from the user interface, displaying, via the one or more display generation components, a spatial deformation of a second por