Interfaces for device interactions
The present disclosure generally relates to managing interactions between devices. In some embodiments, methods and user interfaces for managing interactions between devices are described.
1 . A computer system configured to communicate with a display generation component and an external device, 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 display generation component, a user interface element;
while displaying the user interface element, detecting a first change in distance between the computer system and the external device; and
in response to detecting the first change in distance:
in accordance with a determination that a distance between the computer system and the external device is greater than a first threshold distance, continuing to display the user interface element, wherein continuing to display the user interface element in accordance with the determination that the distance between the computer system and the external device is greater than the first threshold distance includes displaying the user interface element at a first predetermined size;
in accordance with a determination that the distance between the computer system and the external device is less than the first threshold distance and greater than a second threshold distance, continuing to display the user interface element, wherein continuing to display the user interface element in accordance with the determination that the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance includes displaying the user interface element at a variable size that is based on the distance between the computer system and the external device; and
in accordance with a determination that the distance between the computer system and the external device is less than the second threshold distance, continuing to display the user interface element, wherein continuing to display the user interface element in accordance with the determination that the distance between the computer system and the external device is less than the second threshold distance includes displaying the user interface element at a second predetermined size.
2 . The computer system of claim 1 , wherein, prior to detecting the first change in distance between the computer system and the external device, the user interface element is displayed at the first predetermined size, and wherein the one or more programs further include instructions for:
in response to detecting the first change in distance and in accordance with a determination that the distance between the computer system and the external device transitions from being greater than the first threshold distance to less than the first threshold distance and greater than the second threshold distance, changing the user interface element from being displayed with the first predetermined size to being displayed with the variable size.
3 . The computer system of claim 1 , wherein the one or more programs further include instructions for:
while the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance, detecting a second change in distance between the computer system and the external device; and
in response to detecting the second change in distance:
in accordance with a determination that a second distance between the computer system and the external device has transitioned to being greater than the first threshold distance, displaying a first user interface element snapping animation of the user interface element transitioning from being displayed with the variable size to being displayed with the first predetermined size; and
in accordance with a determination that the second distance between the computer system and the external device has transitioned to being less than the second threshold distance, displaying a second user interface element snapping animation of the user interface element transitioning from being displayed with the variable size to being displayed with the second predetermined size.
4 . The computer system of claim 3 , wherein displaying the second user interface element snapping animation includes displaying a sequence of the user interface element transitioning from the variable size to a third predetermined size that is smaller than the variable size and transitioning from the third predetermined size to the second predetermined size, wherein the second predetermined size is larger than the third predetermined size.
5 . The computer system of claim 1 , wherein the first predetermined size and the second predetermined size are the same.
6 . The computer system of claim 1 , wherein the computer system is playing back a first media item while the first change in distance between the computer system and the external device is detected, and wherein the one or more programs further include instructions for:
in accordance with a determination that a first set of criteria is satisfied, transferring the playback of the first media item from the computer system to the external device.
7 . The computer system of claim 6 , wherein the external device is playing back a second media item while the first change in distance between the computer system and the external device is detected, and wherein the first set of criteria includes a criterion that is satisfied when the computer system detects a first input that corresponds to selection of a first transfer selectable user interface object.
8 . The computer system of claim 6 , wherein the external device is not playing back media when the first change in distance between the computer system and the external device is detected, and wherein the first set of criteria includes a criterion that is satisfied when the distance between the computer system and the external device transitions from being less than the first threshold distance and greater than the second threshold distance to being less than the second threshold distance.
9 . The computer system of claim 1 , wherein the external device is playing back a third media item while the first change in distance between the computer system and the external device is detected, and wherein the one or more programs further include instructions for:
in accordance with a determination that a second set of criteria is satisfied, transferring the playback of the third media item from the external device to the computer system.
10 . The computer system of claim 9 , wherein the computer system is not playing back media while detecting the first change in distance between the computer system and the external device, and wherein the second set of criteria includes a criterion that is satisfied when the computer system detects a second input that corresponds to the selection of a second transfer selectable user interface object.
11 . The computer system of claim 1 , wherein the one or more programs further include instructions for:
while the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance, detecting a third change in distance between the computer system and the external device; and
in response to detecting the third change in distance between the computer system and the external device and in accordance with a determination that a third distance between the computer system and the external device, that results from the third change in distance, is less than the second threshold distance, displaying, via the display generation component, a now playing user interface.
12 . The computer system of claim 11 , wherein the one or more programs further include instructions for:
in response to detecting the third change in distance and in accordance with a determination that the computer system was not playing media and the external device was playing back a fourth media item when the third change in distance occurred, displaying, within the now playing user interface, a transfer to computer system selectable user interface object that, when selected, causes playback of the fourth media to be transferred from the external device to the computer system.
13 . The computer system of claim 11 , wherein the one or more programs further include instructions for:
in response to detecting the third change in distance and in accordance with a determination that the computer system was playing back a fifth media item when the third change in distance occurred and the external device was playing back a sixth media item when the third change in distance occurred, displaying, within the now playing user interface, a transfer from computer system selectable user interface object, that, when selected causes playback of the fifth media item to be transferred from the computer system to the external device.
14 . The computer system of claim 1 , wherein the one or more programs further include instructions for:
in response to detecting the first change in distance and in accordance with the determination that the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance, outputting continuous haptic feedback.
15 . The computer system of claim 1 , wherein the one or more programs further include instructions for:
in response to detecting the first change in distance:
in accordance with a determination that the distance between the external device and the computer system transitions from being greater than the first threshold distance to being less than the first threshold distance and greater than the second threshold distance, outputting a first discrete haptic alert; and
in accordance with a determination that the distance between the external device and the computer system transitions from being less than the first threshold distance and greater than the second threshold distance to being less than the second threshold distance, outputting a second discrete haptic alert.
16 . The computer system of claim 1 , wherein the computer system is playing back a seventh media item at a first variable volume level and the external device is playing back the seventh media item at a second variable volume level different from the first variable volume level, and wherein the one or more programs further include instructions for:
while the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance:
detecting a fourth change in distance between the computer system and the external device; and
in response to detecting the fourth change in distance:
in accordance with a determination that the distance between the computer system and the external device has decreased:
decreasing the first variable volume level by a first amount that is based on the fourth change in distance; and
transmitting a first set of instructions that causes the external device to increase the second variable volume level by a second amount that is based on the fourth change in distance; and
in accordance with a determination that the distance between the computer system and the external device has increased:
increasing the first variable volume level volume level by a third amount that is based on the fourth change in distance; and
transmitting a second set of instructions that causes the external device to decrease the second variable volume level by a fourth amount that is based on the fourth change in distance.
17 . The computer system of claim 1 , wherein the user interface element includes a representation of media that is being played back by the computer system and/or the external device.
18 . The computer system of claim 1 , wherein the user interface element is displayed around one or more sensors that are integrated into the computer system.
19 . The computer system of claim 1 , wherein a first targeted device is playing back an eighth media item, and wherein the one or more programs further include instructions for:
while displaying the user interface element, detecting a third input that corresponds to selection of the user interface element; and
in response to detecting the third input, displaying one or more controls for controlling the playback of the eighth media item on the first targeted device.
20 . The computer system of claim 1 , wherein the external device is in communication with one or more light sources, and wherein the one or more programs further include instructions for:
in response to detecting the first change in distance and in accordance with a determination that the distance between the computer system and the external device transitions from being less than the first threshold distance and greater than the second threshold distance to being less than the second threshold distance, transmitting a third set of instructions to the external device that causes the one or more light sources to output a light animation.
21 . The computer system of claim 1 , wherein the user interface element includes one or more user interface objects that indicate that a second targeted device is actively playing back a ninth media item.
22 . The computer system of claim 1 , wherein one or more status bar user interface elements are displayed while the user interface element is displayed, and wherein, while the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance, the one or more status bar user interface elements are displayed at a variable size that is based on the distance between the computer system and the external device.
23 . The computer system of claim 1 , wherein, while the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance, the size of the user interface element has an inverse relationship with the distance between the computer system and the external device.
24 . A method, comprising:
at a computer system that is in communication with a display generation component and an external device:
displaying, via the display generation component, a user interface element;
while displaying the user interface element, detecting a first change in distance between the computer system and the external device; and
in response to detecting the first change in distance:
in accordance with a determination that a distance between the computer system and the external device is greater than a first threshold distance, continuing to display the user interface element, wherein continuing to display the user interface element in accordance with the determination that the distance between the computer system and the external device is greater than the first threshold distance includes displaying the user interface element at a first predetermined size;
in accordance with a determination that the distance between the computer system and the external device is less than the first threshold distance and greater than a second threshold distance, continuing to display the user interface element, wherein continuing to display the user interface element in accordance with the determination that the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance includes displaying the user interface element at a variable size that is based on the distance between the computer system and the external device; and
in accordance with a determination that the distance between the computer system and the external device is less than the second threshold distance, continuing to display the user interface element, wherein continuing to display the user interface element in accordance with the determination that the distance between the computer system and the external device is less than the second threshold distance includes displaying the user interface element at a second predetermined size.
25 . 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 a display generation component and an external device, the one or more programs including instructions for:
displaying, via the display generation component, a user interface element;
while displaying the user interface element, detecting a first change in distance between the computer system and the external device; and
in response to detecting the first change in distance:
in accordance with a determination that a distance between the computer system and the external device is greater than a first threshold distance, continuing to display the user interface element, wherein continuing to display the user interface element in accordance with the determination that the distance between the computer system and the external device is greater than the first threshold distance includes displaying the user interface element at a first predetermined size;
in accordance with a determination that the distance between the computer system and the external device is less than the first threshold distance and greater than a second threshold distance, continuing to display the user interface element, wherein continuing to display the user interface element in accordance with the determination that the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance includes displaying the user interface element at a variable size that is based on the distance between the computer system and the external device; and
in accordance with a determination that the distance between the computer system and the external device is less than the second threshold distance, continuing to display the user interface element, wherein continuing to display the user interface element in accordance with the determination that the distance between the computer system and the external device is less than the second threshold distance includes displaying the user interface element at a second predetermined size.
26 . The computer system of claim 1 , wherein:
the first predetermined size does not depend on the distance between the computer system and the external device; and
the second predetermined size does not depend on the distance between the computer system and the external device.
27 . The method of claim 24 , wherein, prior to detecting the first change in distance between the computer system and the external device, the user interface element is displayed at the first predetermined size, the method further comprising:
in response to detecting the first change in distance and in accordance with a determination that the distance between the computer system and the external device transitions from being greater than the first threshold distance to less than the first threshold distance and greater than the second threshold distance, changing the user interface element from being displayed with the first predetermined size to being displayed with the variable size.
28 . The method of claim 24 , further comprising:
while the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance, detecting a second change in distance between the computer system and the external device; and
in response to detecting the second change in distance:
in accordance with a determination that a second distance between the computer system and the external device has transitioned to being greater than the first threshold distance, displaying a first user interface element snapping animation of the user interface element transitioning from being displayed with the variable size to being displayed with the first predetermined size; and
in accordance with a determination that the second distance between the computer system and the external device has transitioned to being less than the second threshold distance, displaying a second user interface element snapping animation of the user interface element transitioning from being displayed with the variable size to being displayed with the second predetermined size.
29 . The method of claim 24 , wherein the computer system is playing back a first media item while the first change in distance between the computer system and the external device is detected, the method further comprising:
in accordance with a determination that a first set of criteria is satisfied, transferring the playback of the first media item from the computer system to the external device.
30 . The method of claim 24 , wherein the external device is playing back a third media item while the first change in distance between the computer system and the external device is detected, the method further comprising:
in accordance with a determination that a second set of criteria is satisfied, transferring the playback of the third media item from the external device to the computer system.
31 . The method of claim 24 , further comprising:
while the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance, detecting a third change in distance between the computer system and the external device; and
in response to detecting the third change in distance between the computer system and the external device and in accordance with a determination that a third distance between the computer system and the external device, that results from the third change in distance, is less than the second threshold distance, displaying, via the display generation component, a now playing user interface.
32 . The method of claim 24 , wherein the user interface element includes a representation of media that is being played back by the computer system and/or the external device.
33 . The method of claim 24 , wherein the user interface element is displayed around one or more sensors that are integrated into the computer system.
34 . The method of claim 24 , wherein a first targeted device is playing back an eighth media item, the method further comprising:
while displaying the user interface element, detecting a third input that corresponds to selection of the user interface element; and
in response to detecting the third input, displaying one or more controls for controlling the playback of the eighth media item on the first targeted device.
35 . The method of claim 24 , wherein the external device is in communication with one or more light sources, the method further comprising:
in response to detecting the first change in distance and in accordance with a determination that the distance between the computer system and the external device transitions from being less than the first threshold distance and greater than the second threshold distance to being less than the second threshold distance, transmitting a third set of instructions to the external device that causes the one or more light sources to output a light animation.
36 . The method of claim 24 , wherein, while the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance, the size of the user interface element has an inverse relationship with the distance between the computer system and the external device.
37 . The non-transitory computer-readable storage medium of claim 25 , wherein, prior to detecting the first change in distance between the computer system and the external device, the user interface element is displayed at the first predetermined size, and wherein the one or more programs further include instructions for:
in response to detecting the first change in distance and in accordance with a determination that the distance between the computer system and the external device transitions from being greater than the first threshold distance to less than the first threshold distance and greater than the second threshold distance, changing the user interface element from being displayed with the first predetermined size to being displayed with the variable size.
38 . The non-transitory computer-readable storage medium of claim 25 , wherein the one or more programs further include instructions for:
while the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance, detecting a second change in distance between the computer system and the external device; and
in response to detecting the second change in distance:
in accordance with a determination that a second distance between the computer system and the external device has transitioned to being greater than the first threshold distance, displaying a first user interface element snapping animation of the user interface element transitioning from being displayed with the variable size to being displayed with the first predetermined size; and
in accordance with a determination that the second distance between the computer system and the external device has transitioned to being less than the second threshold distance, displaying a second user interface element snapping animation of the user interface element transitioning from being displayed with the variable size to being displayed with the second predetermined size.
39 . The non-transitory computer-readable storage medium of claim 25 , wherein the computer system is playing back a first media item while the first change in distance between the computer system and the external device is detected, and wherein the one or more programs further include instructions for:
in accordance with a determination that a first set of criteria is satisfied, transferring the playback of the first media item from the computer system to the external device.
40 . The non-transitory computer-readable storage medium of claim 25 , wherein the external device is playing back a third media item while the first change in distance between the computer system and the external device is detected, and wherein the one or more programs further include instructions for:
in accordance with a determination that a second set of criteria is satisfied, transferring the playback of the third media item from the external device to the computer system.
41 . The non-transitory computer-readable storage medium of claim 25 , wherein the one or more programs further include instructions for:
while the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance, detecting a third change in distance between the computer system and the external device; and
in response to detecting the third change in distance between the computer system and the external device and in accordance with a determination that a third distance between the computer system and the external device, that results from the third change in distance, is less than the second threshold distance, displaying, via the display generation component, a now playing user interface.
42 . The non-transitory computer-readable storage medium of claim 25 , wherein the user interface element includes a representation of media that is being played back by the computer system and/or the external device.
43 . The non-transitory computer-readable storage medium of claim 25 , wherein the user interface element is displayed around one or more sensors that are integrated into the computer system.
44 . The non-transitory computer-readable storage medium of claim 25 , wherein a first targeted device is playing back an eighth media item, and wherein the one or more programs further include instructions for:
while displaying the user interface element, detecting a third input that corresponds to selection of the user interface element; and
in response to detecting the third input, displaying one or more controls for controlling the playback of the eighth media item on the first targeted device.
45 . The non-transitory computer-readable storage medium of claim 25 , wherein the external device is in communication with one or more light sources, and wherein the one or more programs further include instructions for:
in response to detecting the first change in distance and in accordance with a determination that the distance between the computer system and the external device transitions from being less than the first threshold distance and greater than the second threshold distance to being less than the second threshold distance, transmitting a third set of instructions to the external device that causes the one or more light sources to output a light animation.
46 . The non-transitory computer-readable storage medium of claim 25 , wherein, while the distance between the computer system and the external device is less than the first threshold distance and greater than the second threshold distance, the size of the user interface element has an inverse relationship with the distance between the computer system and the external device.