Methods and systems for adding respective complications on a user interface
The present disclosure generally relates to context-specific user interfaces. In some embodiments, methods are provided for displaying a watch user interface including a clock face and a user interface element at least partially surrounding the clock face. In some embodiments, methods are further provided for receiving a request to add a respective complication to a respective location on the clock face and, in response to receiving the request: in accordance with a determination that the respective complication is a first complication, displaying the first complication in the respective location and replacing at least a portion of the user interface element with content associated with the first complication; and in accordance with a determination that the respective complication is a second complication, displaying the second complication in the respective location without replacing the portion of the user interface element with content associated with the second complication.
1. An electronic device, comprising:
a display;
one or more input devices;
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, on the display, a watch user interface, the watch user interface including:
a clock face; and
a user interface element at least partially surrounding a portion of the clock face;
receiving, via the one or more input devices, a request to add a respective complication to a respective location on the clock face; and
in response to receiving the request to add the respective complication to the respective location on the clock face:
in accordance with a determination that the respective complication is a first complication, displaying, on the display, the first complication in the respective location on the clock face and replacing at least a portion of the user interface element, that at least partially surrounds the portion of the clock face, with content associated with the first complication, wherein the content associated with the first complication includes first content, and wherein the first complication includes second content displayed in the respective location on the clock face, wherein the second content is associated with the first complication; and
in accordance with a determination that the respective complication is a second complication, displaying, on the display, the second complication in the respective location on the clock face without replacing the portion of the user interface element with content associated with the second complication.
2. The electronic device of claim 1 , wherein the first content represents data from an application and the second content represents data from the application that is different than the first content.
3. The electronic device of claim 1 , wherein the first content includes textual information associated with the first complication.
4. The electronic device of claim 1 , wherein the second complication consists of a single graphical element.
5. The electronic device of claim 1 , wherein the respective location is contained entirely within the clock face.
6. The electronic device of claim 1 , wherein the one or more programs further include instructions for:
while displaying the content associated with the first complication in the portion of the user interface element, receiving an input corresponding to a location on the display; and
in response to receiving the input corresponding to a location on the display:
in accordance with the input corresponding to a location of the portion of the user interface element, launching an application associated with the first complication; and
in accordance with the input corresponding to a location on the user interface element other than the portion of the user interface element, forgoing launching an application associated with the first complication.
7. The electronic device of claim 1 , wherein a size of the portion of the user interface element is based on the content associated with the first complication.
8. The electronic device of claim 1 , wherein the first complication includes date information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes information from an appointment.
9. The electronic device of claim 1 , wherein the first complication includes first weather information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes second weather information different than the first weather information.
10. The electronic device of claim 1 , wherein the first complication includes first exercise information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes second exercise information different than the first exercise information.
11. The electronic device of claim 1 , wherein the first complication includes an affordance displayed at the respective location on the clock face and wherein the content associated with the first complication displayed at the portion of the user interface element includes heart rate information.
12. The electronic device of claim 1 , wherein the first complication includes an affordance displayed at the respective location on the clock face and wherein the content associated with the first complication is displayed at the portion of the user interface includes meditation or mindfulness information.
13. The electronic device of claim 1 , wherein the first complication includes first time information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes second time information different than the first time information.
14. 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 and one or more input devices, the one or more programs including instructions for:
displaying, on the display, a watch user interface, the watch user interface including:
a clock face; and
a user interface element at least partially surrounding a portion of the clock face;
receiving, via the one or more input devices, a request to add a respective complication to a respective location on the clock face; and
in response to receiving the request to add the respective complication to the respective location on the clock face:
in accordance with a determination that the respective complication is a first complication, displaying, on the display, the first complication in the respective location on the clock face and replacing at least a portion of the user interface element, that at least partially surrounds the portion of the clock face, with content associated with the first complication, wherein the content associated with the first complication includes first content, and wherein the first complication includes second content displayed in the respective location on the clock face, wherein the second content is associated with the first complication; and
in accordance with a determination that the respective complication is a second complication, displaying, on the display, the second complication in the respective location on the clock face without replacing the portion of the user interface element with content associated with the second complication.
15. The non-transitory computer-readable storage medium of claim 14 , wherein the first content represents data from an application and the second content represents data from the application that is different than the first content.
16. The non-transitory computer-readable storage medium of claim 14 , wherein the first content includes textual information associated with the first complication.
17. The non-transitory computer-readable storage medium of claim 14 , wherein the second complication consists of a single graphical element.
18. The non-transitory computer-readable storage medium of claim 14 , wherein the respective location is contained entirely within the clock face.
19. The non-transitory computer-readable storage medium of claim 14 , wherein the one or more programs further include instructions for:
while displaying the content associated with the first complication in the portion of the user interface element, receiving an input corresponding to a location on the display; and
in response to receiving the input corresponding to a location on the display:
in accordance with the input corresponding to a location of the portion of the user interface element, launching an application associated with the first complication; and
in accordance with the input corresponding to a location on the user interface element other than the portion of the user interface element, forgoing launching an application associated with the first complication.
20. The non-transitory computer-readable storage medium of claim 14 , wherein a size of the portion of the user interface element is based on the content associated with the first complication.
21. The non-transitory computer-readable storage medium of claim 14 , wherein the first complication includes date information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes information from an appointment.
22. The non-transitory computer-readable storage medium of claim 14 , wherein the first complication includes first weather information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes second weather information different than the first weather information.
23. The non-transitory computer-readable storage medium of claim 14 , wherein the first complication includes first exercise information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes second exercise information different than the first exercise information.
24. The non-transitory computer-readable storage medium of claim 14 , wherein the first complication includes an affordance displayed at the respective location on the clock face and wherein the content associated with the first complication displayed at the portion of the user interface element includes heart rate information.
25. The non-transitory computer-readable storage medium of claim 14 , wherein the first complication includes an affordance displayed at the respective location on the clock face and wherein the content associated with the first complication is displayed at the portion of the user interface includes meditation or mindfulness information.
26. The non-transitory computer-readable storage medium of claim 14 , wherein the first complication includes first time information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes second time information different than the first time information.
27. A method, comprising:
at an electronic device with a display and one or more input devices:
displaying, on the display, a watch user interface, the watch user interface including:
a clock face; and
a user interface element at least partially surrounding a portion of the clock face;
receiving, via the one or more input devices, a request to add a respective complication to a respective location on the clock face;
in response to receiving the request to add the respective complication to the respective location on the clock face, performing one or more operations including:
in accordance with a determination that the respective complication is a first complication, displaying, on the display, the first complication in the respective location on the clock face and replacing at least a portion of the user interface element, that at least partially surrounds the portion of the clock face, with content associated with the first complication, wherein the content associated with the first complication includes first content, and wherein the first complication includes second content displayed in the respective location on the clock face, wherein the second content is associated with the first complication; and
in accordance with a determination that the respective complication is a second complication, displaying, on the display, the second complication in the respective location on the clock face without replacing the portion of the user interface element with content associated with the second complication; and
repeating the displaying the watch user interface and receiving the request to add the respective complication to the respective location on the clock face and performing the one or more operations multiple times including:
at least one time where the first complication is added to the respective location on the clock face;
and
at least one time where the second complication is added to the respective location on the clock face.
28. The method of claim 27 , wherein the first content represents data from an application and the second content represents data from the application that is different than the first content.
29. The method of claim 27 , wherein the first content includes textual information associated with the first complication.
30. The method of claim 27 , wherein the second complication consists of a single graphical element.
31. The method of claim 27 , wherein the respective location is contained entirely within the clock face.
32. The method of claim 27 , further comprising:
while displaying the content associated with the first complication in the portion of the user interface element, receiving an input corresponding to a location on the display; and
in response to receiving the input corresponding to a location on the display:
in accordance with the input corresponding to a location of the portion of the user interface element, launching an application associated with the first complication; and
in accordance with the input corresponding to a location on the user interface element other than the portion of the user interface element, forgoing launching an application associated with the first complication.
33. The method of claim 27 , wherein a size of the portion of the user interface element is based on the content associated with the first complication.
34. The method of claim 27 , wherein the first complication includes date information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes information from an appointment.
35. The method of claim 27 , wherein the first complication includes first weather information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes second weather information different than the first weather information.
36. The method of claim 27 , wherein the first complication includes first exercise information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes second exercise information different than the first exercise information.
37. The method of claim 27 , wherein the first complication includes an affordance displayed at the respective location on the clock face and wherein the content associated with the first complication displayed at the portion of the user interface element includes heart rate information.
38. The method of claim 27 , wherein the first complication includes an affordance displayed at the respective location on the clock face and wherein the content associated with the first complication is displayed at the portion of the user interface includes meditation or mindfulness information.
39. The method of claim 27 , wherein the first complication includes first time information displayed at the respective location on the clock face, and wherein the content associated with the first complication displayed at the portion of the user interface element includes second time information different than the first time information.