WO2025155643A1 - Affichage de régions d'arrière-plan pour des interfaces utilisateur relatives à l'heure - Google Patents

Affichage de régions d'arrière-plan pour des interfaces utilisateur relatives à l'heure

Info

Publication number
WO2025155643A1
WO2025155643A1 PCT/US2025/011749 US2025011749W WO2025155643A1 WO 2025155643 A1 WO2025155643 A1 WO 2025155643A1 US 2025011749 W US2025011749 W US 2025011749W WO 2025155643 A1 WO2025155643 A1 WO 2025155643A1
Authority
WO
WIPO (PCT)
Prior art keywords
user interface
time
displaying
color
display generation
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
PCT/US2025/011749
Other languages
English (en)
Inventor
Louis R. MIKOLAY
Jarrett A. FORD
Bobby MARTIN JR.
Michael T. NARTEY
Sydney SUA
Diogo Jose DA SILVA VALENTE SOARES
Marie E. DOMMENGET
Oluwaseyi A. AMOLE
Sheri R. SMITH
Aaron M. MELIM
Hanwen FAN
Andrew P. CLYMER
Vincenzo Vuono
Loic A. SANDER
Yeobeen CHUNG
Yun Yu
Edward Chao
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Apple Inc
Original Assignee
Apple Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Priority claimed from US19/007,277 external-priority patent/US20250231531A1/en
Application filed by Apple Inc filed Critical Apple Inc
Publication of WO2025155643A1 publication Critical patent/WO2025155643A1/fr
Pending legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

Definitions

  • Electronic devices include displays that can be used to display various types of content and to provide information to a user.
  • Some electronic devices such as smartphones and smartwatches, can display an indication of time to provide a user with the current time.
  • a non-transitory computer-readable storage medium stores 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, the one or more programs including instructions for: displaying, via the display generation component, a time user interface having a first background region and a second background region, wherein the first background region is displayed with a first color and the second background region is displayed with a second color; detecting an update event; and in response to detecting the update event, displaying, via the display generation component, the time user interface with the first background region having the second color.
  • a transitory computer-readable storage medium stores 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, the one or more programs including instructions for: displaying, via the display generation component, a time user interface having a first background region and a second background region, wherein the first background region is displayed with a first color and the second background region is displayed with a second color; detecting an update event; and in response to detecting the update event, displaying, via the display generation component, the time user interface with the first background region having the second color.
  • a method comprises: displaying, via the display generation component, a time user interface including a user interface region that has an appearance that represents a view of a simulated three- dimensional reflective object, the user interface region having a first appearance that is based on simulated light emitted from a simulated light source at a first position relative to the simulated three-dimensional reflective object; detecting an event; and in response to detecting the event, displaying, via the display generation component, the time user interface with the user interface region having a second appearance that is different from the first appearance, wherein the second appearance is based on simulated light emitted from the simulated light source at a second position relative to the simulated three-dimensional reflective object, wherein the second position relative to the simulated three-dimensional reflective object is different from the first position relative to the simulated three-dimensional reflective object.
  • a non-transitory computer-readable storage medium stores 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, the one or more programs including instructions for: displaying, via the display generation component, a time user interface including a user interface region that has an appearance that represents a view of a simulated three-dimensional reflective object, the user interface region having a first appearance that is based on simulated light emitted from a simulated light source at a first position relative to the simulated three-dimensional reflective object; detecting an event; and in response to detecting the event, displaying, via the display generation component, the time user interface with the user interface region having a second appearance that is different from the first appearance, wherein the second appearance is based on simulated light emitted from the simulated light source at a second position relative to the simulated three-dimensional reflective object, wherein the second position relative to the simulated three-
  • a computer system configured to communicate with a display generation component.
  • the computer system comprises: 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 time user interface including a user interface region that has an appearance that represents a view of a simulated three- dimensional reflective object, the user interface region having a first appearance that is based on simulated light emitted from a simulated light source at a first position relative to the simulated three-dimensional reflective object; detecting an event; and in response to detecting the event, displaying, via the display generation component, the time user interface with the user interface region having a second appearance that is different from the first appearance, wherein the second appearance is based on simulated light emitted from the simulated light source at a second position relative to the simulated three-dimensional reflective object, wherein the second position relative to the simulated three-dimensional reflective object is different from the first position
  • a computer system configured to communicate with a display generation component.
  • the computer system comprises: means for displaying, via the display generation component, a time user interface including a user interface region that has an appearance that represents a view of a simulated three-dimensional reflective object, the user interface region having a first appearance that is based on simulated light emitted from a simulated light source at a first position relative to the simulated three-dimensional reflective object; means for detecting an event; and in response to detecting the event, means for displaying, via the display generation component, the time user interface with the user interface region having a second appearance that is different from the first appearance, wherein the second appearance is based on simulated light emitted from the simulated light source at a second position relative to the simulated three- dimensional reflective object, wherein the second position relative to the simulated three- dimensional reflective object is different from the first position relative to the simulated three-dimensional reflective object.
  • a computer program product comprises 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, the one or more programs including instructions for: displaying, via the display generation component, a time user interface including a user interface region that has an appearance that represents a view of a simulated three-dimensional reflective object, the user interface region having a first appearance that is based on simulated light emitted from a simulated light source at a first position relative to the simulated three-dimensional reflective object; detecting an event; and in response to detecting the event, displaying, via the display generation component, the time user interface with the user interface region having a second appearance that is different from the first appearance, wherein the second appearance is based on simulated light emitted from the simulated light source at a second position relative to the simulated three-dimensional reflective object, wherein the second position relative to the simulated three-dimensional reflective object is different from the first position relative to the simulated
  • a method comprises: displaying, via the display generation component, a time user interface, the time user interface including: an indication of time that includes one or more numerals representing at least one of an hour and a minute; and a color boundary that represents a number of seconds that have elapsed in a current minute, wherein the color boundary moves over time from a first edge of the time user interface toward a second edge of the time user interface as additional seconds elapse in the current minute.
  • a computer system configured to communicate with a display generation component.
  • the computer system comprises: means for displaying, via the display generation component, a time user interface, the time user interface including: an indication of time that includes one or more numerals representing at least one of an hour and a minute; and a color boundary that represents a number of seconds that have elapsed in a current minute, wherein the color boundary moves over time from a first edge of the time user interface toward a second edge of the time user interface as additional seconds elapse in the current minute.
  • a transitory computer-readable storage medium stores 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, the one or more programs including instructions for: displaying, via the display generation component, a user interface element in a time user interface that includes a representation of time, including displaying the user interface element aligned with a first portion of a first numeral of the representation of time; detecting a change in time; and in response to detecting the change in time, displaying, via the display generation component, the user interface element aligned with a second portion of a second numeral of the representation of time, wherein the second numeral is different from the first numeral.
  • a computer system configured to communicate with a display generation component.
  • the computer system comprises: means for displaying, via the display generation component, a user interface element in a time user interface that includes a representation of time, including displaying the user interface element aligned with a first portion of a first numeral of the representation of time; means for detecting a change in time; and in response to detecting the change in time, means for displaying, via the display generation component, the user interface element aligned with a second portion of a second numeral of the representation of time, wherein the second numeral is different from the first numeral.
  • a computer program product comprises 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, the one or more programs including instructions for: displaying, via the display generation component, a user interface element in a time user interface that includes a representation of time, including displaying the user interface element aligned with a first portion of a first numeral of the representation of time; detecting a change in time; and in response to detecting the change in time, displaying, via the display generation component, the user interface element aligned with a second portion of a second numeral of the representation of time, wherein the second numeral is different from the first numeral.
  • a non-transitory computer-readable storage medium stores 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 display generation components and with one or more one or more input devices, the one or more programs including instructions for: displaying, via the one or more display generation components, a time user interface; while displaying the time user interface with a seconds indicator, detecting, via the one or more input devices, a request to initiate a timer; and in response to detecting the request to initiate the timer, replacing, via the one or more display generation components, the seconds indicator of the time user interface with an indication of timer progress.
  • a transitory computer-readable storage medium stores 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 display generation components and with one or more one or more input devices, the one or more programs including instructions for: displaying, via the one or more display generation components, a time user interface; while displaying the time user interface with a seconds indicator, detecting, via the one or more input devices, a request to initiate a timer; and in response to detecting the request to initiate the timer, replacing, via the one or more display generation components, the seconds indicator of the time user interface with an indication of timer progress.
  • a computer system configured to communicate with one or more display generation components and with one or more one or more input devices, and comprises: 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 time user interface; while displaying the time user interface with a seconds indicator, detecting, via the one or more input devices, a request to initiate a timer; and in response to detecting the request to initiate the timer, replacing, via the one or more display generation components, the seconds indicator of the time user interface with an indication of timer progress.
  • a method comprises: at a computer system that is in communication with one or more display generation components and with one or more one or more input devices: detecting, via the one or more input devices, a first user input corresponding to a user request to display a time user interface, wherein the time user interface includes an indication of time and a visual media item; and in response to detecting the first user input corresponding to the user request to display the time user interface, displaying, via the one or more display generation components, the time user interface, including: in accordance with a determination that the visual media item is a first visual media item, concurrently displaying, within the time user interface, the indication of time at a first size and the first visual media item; and in accordance with a determination that the visual media item is a second visual media item different from the first visual media item, concurrently displaying, within the time user interface, the indication of time at a second size different from the first size and the second visual media item.
  • a non-transitory computer-readable storage medium stores 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 display generation components and with one or more one or more input devices, the one or more programs including instructions for: detecting, via the one or more input devices, a first user input corresponding to a user request to display a time user interface, wherein the time user interface includes an indication of time and a visual media item; and in response to detecting the first user input corresponding to the user request to display the time user interface, displaying, via the one or more display generation components, the time user interface, including: in accordance with a determination that the visual media item is a first visual media item, concurrently displaying, within the time user interface, the indication of time at a first size and the first visual media item; and in accordance with a determination that the visual media item is a second visual media item different from the first visual media item,
  • a computer system configured to communicate with one or more display generation components and with one or more one or more input devices, and comprises: 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: detecting, via the one or more input devices, a first user input corresponding to a user request to display a time user interface, wherein the time user interface includes an indication of time and a visual media item; and in response to detecting the first user input corresponding to the user request to display the time user interface, displaying, via the one or more display generation components, the time user interface, including: in accordance with a determination that the visual media item is a first visual media item, concurrently displaying, within the time user interface, the indication of time at a first size and the first visual media item; and in accordance with a determination that the visual media item is a second visual media item different from the first visual media item, concurrently displaying, within the
  • FIG. IB is a block diagram illustrating exemplary components for event handling in accordance with some embodiments.
  • FIG. 3 A is a block diagram of an exemplary multifunction device with a display and a touch-sensitive surface in accordance with some embodiments.
  • FIGS. 3B-3G illustrate the use of Application Programming Interfaces (APIs) to perform operations.
  • FIG. 4A illustrates an exemplary user interface for a menu of applications on a portable multifunction device in accordance with some embodiments.
  • FIG. 5B is a block diagram illustrating a personal electronic device in accordance with some embodiments.
  • FIGS. 6A-6X illustrate techniques for displaying background regions for time user interfaces, in accordance with some embodiments.
  • FIG. 7 is a flow diagram illustrating methods for displaying background regions for time user interfaces, in accordance with some embodiments.
  • FIGS. 7A-7D illustrate example techniques for switching between different time user interfaces, in accordance with some embodiments.
  • FIGS. 8A-8N illustrate techniques for displaying background regions for time user interfaces, in accordance with some embodiments.
  • FIGS. 10A-10N illustrate techniques for displaying background regions for time user interfaces, in accordance with some embodiments.
  • FIG. 11 is a flow diagram illustrating methods for displaying background regions for time user interfaces, in accordance with some embodiments.
  • FIGS. 12A-12T illustrate techniques for displaying background regions for time user interfaces, in accordance with some embodiments.
  • FIG. 13 is a flow diagram illustrating methods for displaying background regions for time user interfaces, in accordance with some embodiments.
  • FIGS. 14A-14V illustrate techniques for displaying an indication of timer progress, in accordance with some embodiments.
  • FIG. 15 is a flow diagram illustrating methods for displaying an indication of timer progress, in accordance with some embodiments.
  • FIGS. 16A-16AB-3 illustrate techniques for displaying one or more time user interfaces that include one or more visual media items, in accordance with some embodiments.
  • FIG. 17 is a flow diagram illustrating methods for displaying a time user interface that includes one or more visual media items, in accordance with some embodiments.
  • a first background region is displayed having a first color, wherein in response to detecting an update event, the first background region is displayed having a second color.
  • Such techniques can reduce the cognitive burden on a user who uses time user interfaces having background regions, thereby enhancing productivity. Further, such techniques can reduce processor and battery power otherwise wasted on redundant user inputs.
  • FIGS. 1A-1B, 2, 3A, 4A-4B, and 5A-5B provide a description of exemplary devices for performing the techniques for managing event notifications.
  • FIGS. 6A-6X, 8A-8N, 10A-10N, and 12A-12Q illustrate techniques for displaying background regions for time user interfaces.
  • FIGS. 7, 9, 11, and 13 are flow diagrams illustrating methods displaying background regions for time user interfaces, in accordance with some embodiments.
  • the user interfaces in FIGS. 6A-6X are used to illustrate the processes described below, including the processes in FIG. 7.
  • the user interfaces in FIGS. 8A-8N are used to illustrate the processes described below, including the processes in FIG. 9.
  • FIG. 1 A is a block diagram illustrating portable multifunction device 100 with touch-sensitive display system 112 in accordance with some embodiments.
  • Touch- sensitive display 112 is sometimes called a “touch screen” for convenience and is sometimes known as or called a “touch-sensitive display system.”
  • Device 100 includes memory 102 (which optionally includes one or more computer-readable storage mediums), memory controller 122, one or more processing units (CPUs) 120, peripherals interface 118, RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, input/output (I/O) subsystem 106, other input control devices 116, and external port 124.
  • Device 100 optionally includes one or more optical sensors 164.
  • the substitute measurements for contact force or pressure are converted to an estimated force or pressure, and the estimated force or pressure is used to determine whether an intensity threshold has been exceeded (e.g., the intensity threshold is a pressure threshold measured in units of pressure).
  • the intensity threshold is a pressure threshold measured in units of pressure.
  • the term “tactile output” refers to physical displacement of a device relative to a previous position of the device, physical displacement of a component (e.g., a touch-sensitive surface) of a device relative to another component (e.g., housing) of the device, or displacement of the component relative to a center of mass of the device that will be detected by a user with the user’s sense of touch.
  • a component e.g., a touch-sensitive surface
  • another component e.g., housing
  • the tactile output generated by the physical displacement will be interpreted by the user as a tactile sensation corresponding to a perceived change in physical characteristics of the device or the component of the device.
  • a touch-sensitive surface e.g., a touch-sensitive display or trackpad
  • the user is, optionally, interpreted by the user as a “down click” or “up click” of a physical actuator button.
  • a user will feel a tactile sensation such as an “down click” or “up click” even when there is no movement of a physical actuator button associated with the touch-sensitive surface that is physically pressed (e.g., displaced) by the user’s movements.
  • movement of the touch-sensitive surface is, optionally, interpreted or sensed by the user as “roughness” of the touch-sensitive surface, even when there is no change in smoothness of the touch-sensitive surface. While such interpretations of touch by a user will be subject to the individualized sensory perceptions of the user, there are many sensory perceptions of touch that are common to a large majority of users.
  • a tactile output is described as corresponding to a particular sensory perception of a user (e.g., an “up click,” a “down click,” “roughness”)
  • the generated tactile output corresponds to physical displacement of the device or a component thereof that will generate the described sensory perception for a typical (or average) user.
  • device 100 is only one example of a portable multifunction device, and that device 100 optionally has more or fewer components than shown, optionally combines two or more components, or optionally has a different configuration or arrangement of the components.
  • the various components shown in FIG. 1 A are implemented in hardware, software, or a combination of both hardware and software, including one or more signal processing and/or application-specific integrated circuits.
  • Memory 102 optionally includes high-speed random access memory and optionally also includes non-volatile memory, such as one or more magnetic disk storage devices, flash memory devices, or other non-volatile solid-state memory devices.
  • Memory controller 122 optionally controls access to memory 102 by other components of device 100.
  • Peripherals interface 118 can be used to couple input and output peripherals of the device to CPU 120 and memory 102.
  • the one or more processors 120 run or execute various software programs (such as computer programs (e.g., including instructions)) and/or sets of instructions stored in memory 102 to perform various functions for device 100 and to process data.
  • peripherals interface 118, CPU 120, and memory controller 122 are, optionally, implemented on a single chip, such as chip 104. In some other embodiments, they are, optionally, implemented on separate chips.
  • RF (radio frequency) circuitry 108 receives and sends RF signals, also called electromagnetic signals.
  • RF circuitry 108 converts electrical signals to/from electromagnetic signals and communicates with communications networks and other communications devices via the electromagnetic signals.
  • RF circuitry 108 optionally includes well-known circuitry for performing these functions, including but not limited to an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a CODEC chipset, a subscriber identity module (SIM) card, memory, and so forth.
  • an antenna system an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a CODEC chipset, a subscriber identity module (SIM) card, memory, and so forth.
  • SIM subscriber identity module
  • RF circuitry 108 optionally communicates with networks, such as the Internet, also referred to as the World Wide Web (WWW), an intranet and/or a wireless network, such as a cellular telephone network, a wireless local area network (LAN) and/or a metropolitan area network (MAN), and other devices by wireless communication.
  • the RF circuitry 108 optionally includes well-known circuitry for detecting near field communication (NFC) fields, such as by a short-range communication radio.
  • NFC near field communication
  • the wireless communication optionally uses any of a plurality of communications standards, protocols, and technologies, including but not limited to Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), high-speed downlink packet access (HSDPA), high-speed uplink packet access (HSUPA), Evolution, Data-Only (EV-DO), HSPA, HSPA+, Dual-Cell HSPA (DC-HSPDA), long term evolution (LTE), near field communication (NFC), wideband code division multiple access (W-CDMA), code division multiple access (CDMA), time division multiple access (TDMA), Bluetooth, Bluetooth Low Energy (BTLE), Wireless Fidelity (Wi-Fi) (e.g., IEEE 802.
  • GSM Global System for Mobile Communications
  • EDGE Enhanced Data GSM Environment
  • HSDPA high-speed downlink packet access
  • HUPA high-speed uplink packet access
  • Evolution, Data-Only (EV-DO) Evolution, Data-Only
  • HSPA HSPA+
  • DC-HSPDA Dual-Cell HSPA
  • I la IEEE 802.1 lb, IEEE 802.11g, IEEE 802.1 In, and/or IEEE 802.1 lac
  • VoIP voice over Internet Protocol
  • Wi-MAX a protocol for e-mail (e.g., Internet message access protocol (IMAP) and/or post office protocol (POP)), instant messaging (e.g., extensible messaging and presence protocol (XMPP), Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (SIMPLE), Instant Messaging and Presence Service (IMPS)), and/or Short Message Service (SMS), or any other suitable communication protocol, including communication protocols not yet developed as of the filing date of this document.
  • IMAP Internet message access protocol
  • POP post office protocol
  • instant messaging e.g., extensible messaging and presence protocol (XMPP), Session Initiation Protocol for Instant Messaging and Presence Leveraging Extensions (SIMPLE), Instant Messaging and Presence Service (IMPS)
  • SMS Short Message Service
  • transmitted and/or received instant messages optionally include graphics, photos, audio files, video files and/or other attachments as are supported in an MMS and/or an Enhanced Messaging Service (EMS).
  • EMS Enhanced Messaging Service
  • instant messaging refers to both telephony-based messages (e.g., messages sent using SMS or MMS) and Internet-based messages (e.g., messages sent using XMPP, SIMPLE, or IMPS).
  • workout support module 142 includes executable instructions to create workouts (e.g., with time, distance, and/or calorie burning goals); communicate with workout sensors (sports devices); receive workout sensor data; calibrate sensors used to monitor a workout; select and play music for a workout; and display, store, and transmit workout data.
  • create workouts e.g., with time, distance, and/or calorie burning goals
  • communicate with workout sensors sports devices
  • receive workout sensor data calibrate sensors used to monitor a workout
  • select and play music for a workout and display, store, and transmit workout data.
  • image management module 144 includes executable instructions to arrange, modify (e.g., edit), or otherwise manipulate, label, delete, present (e.g., in a digital slide show or album), and store still and/or video images.
  • modify e.g., edit
  • present e.g., in a digital slide show or album
  • browser module 147 includes executable instructions to browse the Internet in accordance with user instructions, including searching, linking to, receiving, and displaying web pages or portions thereof, as well as attachments and other files linked to web pages.
  • calendar module 148 includes executable instructions to create, display, modify, and store calendars and data associated with calendars (e.g., calendar entries, to-do lists, etc.) in accordance with user instructions.
  • widget modules 149 are mini-applications that are, optionally, downloaded and used by a user (e.g., weather widget 149-1, stocks widget 149-2, calculator widget 149-3, alarm clock widget 149-4, and dictionary widget 149-5) or created by the user (e.g., user- created widget 149-6).
  • a widget includes an HTML (Hypertext Markup Language) file, a CSS (Cascading Style Sheets) file, and a JavaScript file.
  • a widget includes an XML (Extensible Markup Language) file and a JavaScript file (e.g., Yahoo! Widgets).
  • XML Extensible Markup Language
  • JavaScript e.g., Yahoo! Widgets
  • the widget creator module 150 are, optionally, used by a user to create widgets (e.g., turning a user-specified portion of a web page into a widget).
  • search module 151 includes executable instructions to search for text, music, sound, image, video, and/or other files in memory 102 that match one or more search criteria (e.g., one or more user-specified search terms) in accordance with user instructions.
  • search criteria e.g., one or more user-specified search terms
  • video and music player module 152 includes executable instructions that allow the user to download and play back recorded music and other sound files stored in one or more file formats, such as MP3 or AAC files, and executable instructions to display, present, or otherwise play back videos (e.g., on touch screen 112 or on an external, connected display via external port 124).
  • device 100 optionally includes the functionality of an MP3 player, such as an iPod (trademark of Apple Inc.).
  • notes module 153 includes executable instructions to create and manage notes, to-do lists, and the like in accordance with user instructions.
  • map module 154 are, optionally, used to receive, display, modify, and store maps and data associated with maps (e.g., driving directions, data on stores and other points of interest at or near a particular location, and other location-based data) in accordance with user instructions.
  • maps e.g., driving directions, data on stores and other points of interest at or near a particular location, and other location-based data
  • online video module 155 includes instructions that allow the user to access, browse, receive (e.g., by streaming and/or download), play back (e.g., on the touch screen or on an external, connected display via external port 124), send an e-mail with a link to a particular online video, and otherwise manage online videos in one or more file formats, such as H.264.
  • instant messaging module 141 rather than e-mail client module 140, is used to send a link to a particular online video.
  • FIG. IB is a block diagram illustrating exemplary components for event handling in accordance with some embodiments.
  • memory 102 (FIG. 1A) or 370 (FIG. 3A) includes event sorter 170 (e.g., in operating system 126) and a respective application 136-1 (e.g., any of the aforementioned applications 137-151, 155, 380-390).
  • Event sorter 170 receives event information and determines the application 136-1 and application view 191 of application 136-1 to which to deliver the event information.
  • Event sorter 170 includes event monitor 171 and event dispatcher module 174.
  • application 136-1 includes application internal state 192, which indicates the current application view(s) displayed on touch-sensitive display 112 when the application is active or executing.
  • device/global internal state 157 is used by event sorter 170 to determine which application(s) is (are) currently active, and application internal state 192 is used by event sorter 170 to determine application views 191 to which to deliver event information.
  • application internal state 192 includes additional information, such as one or more of: resume information to be used when application 136-1 resumes execution, user interface state information that indicates information being displayed or that is ready for display by application 136-1, a state queue for enabling the user to go back to a prior state or view of application 136-1, and a redo/undo queue of previous actions taken by the user.
  • Event monitor 171 receives event information from peripherals interface 118.
  • Event information includes information about a sub-event (e.g., a user touch on touch- sensitive display 112, as part of a multi-touch gesture).
  • Peripherals interface 118 transmits information it receives from VO subsystem 106 or a sensor, such as proximity sensor 166, accelerometer(s) 168, and/or microphone 113 (through audio circuitry 110).
  • Information that peripherals interface 118 receives from I/O subsystem 106 includes information from touch- sensitive display 112 or a touch-sensitive surface.
  • event monitor 171 sends requests to the peripherals interface 118 at predetermined intervals. In response, peripherals interface 118 transmits event information. In other embodiments, peripherals interface 118 transmits event information only when there is a significant event (e.g., receiving an input above a predetermined noise threshold and/or for more than a predetermined duration).
  • event sorter 170 also includes a hit view determination module 172 and/or an active event recognizer determination module 173.
  • Hit view determination module 172 provides software procedures for determining where a sub-event has taken place within one or more views when touch-sensitive display 112 displays more than one view. Views are made up of controls and other elements that a user can see on the display.
  • FIG. 1 Another aspect of the user interface associated with an application is a set of views, sometimes herein called application views or user interface windows, in which information is displayed and touch-based gestures occur.
  • the application views (of a respective application) in which a touch is detected optionally correspond to programmatic levels within a programmatic or view hierarchy of the application. For example, the lowest level view in which a touch is detected is, optionally, called the hit view, and the set of events that are recognized as proper inputs are, optionally, determined based, at least in part, on the hit view of the initial touch that begins a touch-based gesture.
  • Hit view determination module 172 receives information related to sub-events of a touch-based gesture. When an application has multiple views organized in a hierarchy, hit view determination module 172 identifies a hit view as the lowest view in the hierarchy which should handle the sub-event. In most circumstances, the hit view is the lowest level view in which an initiating sub-event occurs (e.g., the first sub-event in the sequence of subevents that form an event or potential event). Once the hit view is identified by the hit view determination module 172, the hit view typically receives all sub-events related to the same touch or input source for which it was identified as the hit view.
  • Active event recognizer determination module 173 determines which view or views within a view hierarchy should receive a particular sequence of sub-events. In some embodiments, active event recognizer determination module 173 determines that only the hit view should receive a particular sequence of sub-events. In other embodiments, active event recognizer determination module 173 determines that all views that include the physical location of a sub-event are actively involved views, and therefore determines that all actively involved views should receive a particular sequence of sub-events. In other embodiments, even if touch sub-events were entirely confined to the area associated with one particular view, views higher in the hierarchy would still remain as actively involved views.
  • Event dispatcher module 174 dispatches the event information to an event recognizer (e.g., event recognizer 180). In embodiments including active event recognizer determination module 173, event dispatcher module 174 delivers the event information to an event recognizer determined by active event recognizer determination module 173. In some embodiments, event dispatcher module 174 stores in an event queue the event information, which is retrieved by a respective event receiver 182.
  • an event recognizer e.g., event recognizer 180.
  • event dispatcher module 174 delivers the event information to an event recognizer determined by active event recognizer determination module 173.
  • event dispatcher module 174 stores in an event queue the event information, which is retrieved by a respective event receiver 182.
  • An application programming interface is an interface between a first software process and a second software process that specifies a format for communication between the first software process and the second software process.
  • Limited APIs e.g., private APIs or partner APIs
  • Public APIs that are accessible to a wider set of software processes.
  • the application can be any suitable type of application, including, for example, one or more of: a browser application, an application that functions as an execution environment for plug-ins, widgets or other applications, a fitness application, a health application, a digital payments application, a media application, a social network application, a messaging application, and/or a maps application.
  • the implementation module is constructed to provide an API response (via the API) as a result of processing an API call.
  • the implementation module is included in the device (e.g., 3150) that runs the application.
  • the implementation module is included in an electronic device that is separate from the device that runs the application.
  • Tray 408 with icons for frequently used applications such as: o Icon 416 for telephone module 138, labeled “Phone,” which optionally includes an indicator 414 of the number of missed calls or voicemail messages; o Icon 418 for e-mail client module 140, labeled “Mail,” which optionally includes an indicator 410 of the number of unread e-mails; o Icon 420 for browser module 147, labeled “Browser;” and o Icon 422 for video and music player module 152, also referred to as iPod (trademark of Apple Inc.) module 152, labeled “iPod;” and
  • Icons for other applications such as: o Icon 424 for IM module 141, labeled “Messages;” o Icon 426 for calendar module 148, labeled “Calendar;” o Icon 428 for image management module 144, labeled “Photos;” o Icon 430 for camera module 143, labeled “Camera;” o Icon 432 for online video module 155, labeled “Online Video;” o Icon 434 for stocks widget 149-2, labeled “Stocks;” o Icon 436 for map module 154, labeled “Maps;” o Icon 438 for weather widget 149-1, labeled “Weather;” o Icon 440 for alarm clock widget 149-4, labeled “Clock;” o Icon 442 for workout support module 142, labeled “Workout Support;” o Icon 444 for notes module 153, labeled “Notes;” and o Icon 446 for notes module
  • FIG. 5A illustrates exemplary personal electronic device 500.
  • Device 500 includes body 502.
  • device 500 can include some or all of the features described with respect to devices 100 and 300 (e.g., FIGS. 1 A-4B).
  • device 500 has touch-sensitive display screen 504, hereafter touch screen 504.
  • touch screen 504 optionally includes one or more intensity sensors for detecting intensity of contacts (e.g., touches) being applied.
  • the one or more intensity sensors of touch screen 504 (or the touch-sensitive surface) can provide output data that represents the intensity of touches.
  • the user interface of device 500 can respond to touches based on their intensity, meaning that touches of different intensities can invoke different user interface operations on device 500.
  • PCT/US2013/040061 titled “Device, Method, and Graphical User Interface for Displaying User Interface Objects Corresponding to an Application,” filed May 8, 2013, published as WIPO Publication No. WO/2013/169849, and International Patent Application Serial No. PCT/US2013/069483, titled “Device, Method, and Graphical User Interface for Transitioning Between Touch Input to Display Output Relationships,” filed November 11, 2013, published as WIPO Publication No. WO/2014/105276, each of which is hereby incorporated by reference in their entirety.
  • device 500 has one or more input mechanisms 506 and 508.
  • Input mechanisms 506 and 508, if included, can be physical. Examples of physical input mechanisms include push buttons and rotatable mechanisms.
  • device 500 has one or more attachment mechanisms. Such attachment mechanisms, if included, can permit attachment of device 500 with, for example, hats, eyewear, earrings, necklaces, shirts, jackets, bracelets, watch straps, chains, trousers, belts, shoes, purses, backpacks, and so forth. These attachment mechanisms permit device 500 to be worn by a user.
  • Input mechanism 508 is, optionally, a microphone, in some examples.
  • Personal electronic device 500 optionally includes various sensors, such as GPS sensor 532, accelerometer 534, directional sensor 540 (e.g., compass), gyroscope 536, motion sensor 538, and/or a combination thereof, all of which can be operatively connected to I/O section 514.
  • sensors such as GPS sensor 532, accelerometer 534, directional sensor 540 (e.g., compass), gyroscope 536, motion sensor 538, and/or a combination thereof, all of which can be operatively connected to I/O section 514.
  • Memory 518 of personal electronic device 500 can include one or more non- transitory computer-readable storage mediums, for storing computer-executable instructions, which, when executed by one or more computer processors 516, for example, can cause the computer processors to perform the techniques described below, including process 700, 900, 1100, 1300, 1500, and 1700 (FIGS. 7, 9, 11, 13, 15, and 17).
  • a computer-readable storage medium can be any medium that can tangibly contain or store computer-executable instructions for use by or in connection with the instruction execution system, apparatus, or device.
  • the storage medium is a transitory computer-readable storage medium.
  • the storage medium is a non-transitory computer-readable storage medium.
  • the non-transitory computer-readable storage medium can include, but is not limited to, magnetic, optical, and/or semiconductor storages. Examples of such storage include magnetic disks, optical discs based on CD, DVD, or Blu-ray technologies, as well as persistent solid-state memory such as flash, solid-state drives, and the like.
  • Personal electronic device 500 is not limited to the components and configuration of FIG. 5B, but can include other or additional components in multiple configurations.
  • the term “affordance” refers to a user-interactive graphical user interface object that is, optionally, displayed on the display screen of devices 100, 300, and/or 500 (FIGS. 1 A, 3A, and 5A-5B). For example, an image (e.g., icon), a button, and text (e.g., hyperlink) each optionally constitute an affordance.
  • the term “focus selector” refers to an input element that indicates a current part of a user interface with which a user is interacting.
  • the cursor acts as a “focus selector” so that when an input (e.g., a press input) is detected on a touch-sensitive surface (e.g., touchpad 355 in FIG. 3 A or touch-sensitive surface 451 in FIG. 4B) while the cursor is over a particular user interface element (e.g., a button, window, slider, or other user interface element), the particular user interface element is adjusted in accordance with the detected input.
  • a touch-sensitive surface e.g., touchpad 355 in FIG. 3 A or touch-sensitive surface 451 in FIG. 4B
  • a particular user interface element e.g., a button, window, slider, or other user interface element
  • a detected contact on the touch screen acts as a “focus selector” so that when an input (e.g., a press input by the contact) is detected on the touch screen display at a location of a particular user interface element (e.g., a button, window, slider, or other user interface element), the particular user interface element is adjusted in accordance with the detected input.
  • an input e.g., a press input by the contact
  • a particular user interface element e.g., a button, window, slider, or other user interface element
  • focus is moved from one region of a user interface to another region of the user interface without corresponding movement of a cursor or movement of a contact on a touch screen display (e.g., by using a tab key or arrow keys to move focus from one button to another button); in these implementations, the focus selector moves in accordance with movement of focus between different regions of the user interface.
  • the focus selector is generally the user interface element (or contact on a touch screen display) that is controlled by the user so as to communicate the user’s intended interaction with the user interface (e.g., by indicating, to the device, the element of the user interface with which the user is intending to interact).
  • the location of a focus selector e.g., a cursor, a contact, or a selection box
  • a press input is detected on the touch-sensitive surface (e.g., a touchpad or touch screen) will indicate that the user is intending to activate the respective button (as opposed to other user interface elements shown on a display of the device).
  • the term “characteristic intensity” of a contact refers to a characteristic of the contact based on one or more intensities of the contact. In some embodiments, the characteristic intensity is based on multiple intensity samples.
  • the characteristic intensity is, optionally, based on a predefined number of intensity samples, or a set of intensity samples collected during a predetermined time period (e.g., 0.05, 0.1, 0.2, 0.5, 1, 2, 5, 10 seconds) relative to a predefined event (e.g., after detecting the contact, prior to detecting liftoff of the contact, before or after detecting a start of movement of the contact, prior to detecting an end of the contact, before or after detecting an increase in intensity of the contact, and/or before or after detecting a decrease in intensity of the contact).
  • a predefined time period e.g., 0.05, 0.1, 0.2, 0.5, 1, 2, 5, 10 seconds
  • a characteristic intensity of a contact is, optionally, based on one or more of a maximum value of the intensities of the contact, a mean value of the intensities of the contact, an average value of the intensities of the contact, a top 10 percentile value of the intensities of the contact, a value at the half maximum of the intensities of the contact, a value at the 90 percent maximum of the intensities of the contact, or the like.
  • the duration of the contact is used in determining the characteristic intensity (e.g., when the characteristic intensity is an average of the intensity of the contact over time).
  • the characteristic intensity is compared to a set of one or more intensity thresholds to determine whether an operation has been performed by a user.
  • the set of one or more intensity thresholds optionally includes a first intensity threshold and a second intensity threshold.
  • a contact with a characteristic intensity that does not exceed the first threshold results in a first operation
  • a contact with a characteristic intensity that exceeds the first intensity threshold and does not exceed the second intensity threshold results in a second operation
  • a contact with a characteristic intensity that exceeds the second threshold results in a third operation.
  • a comparison between the characteristic intensity and one or more thresholds is used to determine whether or not to perform one or more operations (e.g., whether to perform a respective operation or forgo performing the respective operation), rather than being used to determine whether to perform a first operation or a second operation.
  • FIGS. 6A-6X illustrate techniques for displaying background regions for time user interfaces, in accordance with some embodiments.
  • the user interfaces in these figures are used to illustrate the processes described below, including the processes in FIG. 7.
  • FIG. 6A illustrates computer system 600, which includes display 602 (e.g., a touch-sensitive display), rotatable and depressible input mechanism 604, and button 606.
  • computer system 600 is a smartwatch.
  • computer system 600 displays, on display 602, user interface 608a.
  • User interface 608a includes an application that the user is currently using, such as messaging application 610 as shown in FIG. 6A.
  • computer system 600 receives a request to display a time user interface. The request to display the time user interface is received by way of a user input 612 (e.g., a press or a tap) to rotatable and depressible input mechanism 604.
  • a user input 612 e.g., a press or a tap
  • computer system 600 In response to receiving input 612 to rotatable and depressible input mechanism 604, computer system 600 displays user interface 608b (e.g., a time user interface, a watch face user interface, a wake screen, a lock screen, a home screen, and/or a clock user interface) that displays an indication of time, as shown in FIG. 6B.
  • user interface 608b e.g., a time user interface, a watch face user interface, a wake screen, a lock screen, a home screen, and/or a clock user interface
  • user interface 608 bis a wake screen (e.g., a lock screen and/or an initial user interface) that computer system 600 displays when coming out of a state in which computer system 600 does not receive user inputs or detect the occurrence of one or more conditions that keep the computer system in an active state (e.g., a low-power state, a reduced-power state, a sleep state, and/or a dimmed state).
  • user interface 608b is a home screen (e.g., user interface 400 or as shown in FIG. 6X) that includes user interface objects corresponding to respective applications and, optionally, an indication of time.
  • Second background region 620b corresponds to a representation of a second flower that is relatively smaller and overlaid over first background region 620a.
  • the second background region includes multiple portions, such as an inner portion of the representation of the second flower (e.g., a pistil and/or stamen) and an outer portion of the representation of the second flower (e.g., petals and/or leaves).
  • the first background region 620a and second background region 620b includes one or more colors.
  • the update event corresponds to various events, such as a tap on display 602 while computer system 600 is in the lower power state and/or a detected raise gesture while computer system 600 is in the lower power state (e.g., the user raising computer system 600 to view display 602 or the user raising computer system 600 out of a pocket).
  • the color of first background region 620a is adjusted and the color of second background region 620b is adjusted.
  • the color of second background region 620b changes to include one or more new colors. For example, an animation of a new flower (e.g., as shown in second background region 620b in FIG. 6D or in FIG. 6H) growing from the center of user interface 608d is depicted.
  • the new flower includes one or more colors, such as the color corresponding to the inner portion of the new flower (e.g., blue, or another color or pattern) and the color corresponding to the outer portion of the new flower (e.g., orange, or another color or pattern).
  • the color of first background region 620a changes to a new color corresponding to the color of second background region 620b prior to detecting the update event.
  • the color of first background region 620a changes to the color of the inner portion of the second representation of the flower as depicted in FIG. 6B (e.g., red, or another color or pattern).
  • first background region 620a includes multiple colors in response to the update event.
  • first background region 620a is displayed including new flower initially growing from the center of user interface 608d
  • an additional color is displayed within first background region 620a (e.g., on the outer edges of user interface 608d or towards the center of user interface 608d), such as the color of the outer portion of the second representation of the flower as depicted in FIG. 6B (e.g., yellow, or another color or pattern).
  • FIG. 6H illustrates computer system 600 after detecting a second update event.
  • first background region 620a is displayed with at least one new color relative to the color(s) previously displayed in first background region 620a (e.g., as depicted in FIGS. 6D-6F).
  • first background region 620a is displayed with a new color in response to detecting events such as a user tapping on display 602 while computer system 600 is in the lower power state and/or a detected raise gesture while computer system 600 is in the lower power state (e.g., the user raising computer system 600 to view display 602 or the user moving computer system 600 out of a pocket)
  • first background region 620a is displayed with a new color.
  • color option 628c is displayed as highlighted.
  • the currently selected color option corresponds to “red,” as shown via label 630b.
  • time user interface preview 632b is displayed with respective colors corresponding to the currently selected color option.
  • time user interface preview 632b is displayed with a color scheme having a red theme (e.g., varying shades of red for the different background regions and complications, or varying shades of a different color for the different background regions).
  • FIG. 6S illustrates computer system 600 displaying a time user interface with a “multiple” dial option selected.
  • the time user interface includes an indication of time (e.g., hour hand 614 and minute hand 616).
  • the state of computer system 600 while displaying user interface 608g generally corresponds to an active state, full-power state, on state, and/or awake state.
  • user interface 608g includes a plurality of background objects, including background object 638a.
  • the plurality of background objects corresponds to a plurality of flowers having respective colors.
  • Background object 638a includes a blue inner flower region and a yellow outer flower region, for example.
  • the respective colors correspond to color options selected via the editing user interface.
  • display 602 transitions to a lower power state than the state depicted in FIG. 6S.
  • user interface 608h is displayed with a plurality of background objects, including background object 638b.
  • the plurality of background objects corresponds to the plurality of background objects of FIG. 6S while depicted in a grayscale state.
  • background object 638b includes a gray inner flower region and a gray outer flower region.
  • the outline of the inner region of background object 638b corresponds to blue and the outline of the outer region of background object 638b corresponds to yellow.
  • the plurality of background object 638b is displayed as shrunk in size relative to the plurality of background object 638a.
  • 6V corresponds to the display of an initial user interface after the computer system wakes (e.g., from a lower power and/or resting state) and/or unlocked (e.g., after providing authentication via facial recognition or after providing authentication via a passcode).
  • computer system 600-1 displays a plurality of background objects, including background object 640.
  • the plurality of background objects correspond to representations of flowers.
  • Computer system 600-1 navigates to a home screen in response to detection of one or more inputs, such as, e.g., input 642 corresponding to a swipe up gesture near the bottom portion of display 602.
  • FIG. 6X illustrates a subsequent display state of a plurality of background objects on a home screen of computer system 600-1.
  • the state of display 602 depicted in FIG. 6X corresponds to the state of the home screen once the plurality of user interface objects and the plurality of background objects are no longer displayed as moving.
  • user interface object 644 e.g., corresponding to an icon for a weather application or corresponding to an icon for another application
  • background object 640 is displayed as stationary behind one or more user interface objects of the plurality of user interface objects, such as user interface object 644.
  • FIG. 7 is a flow diagram illustrating a method for displaying background regions using a computer system in accordance with some embodiments.
  • Method 700 is performed at a computer system (e.g., 100, 300, 500, 600, 600-1, a smartphone, a smartwatch, a tablet computer, a laptop computer, a desktop computer, a head mounted augmented reality device and/or a head mounted extended reality device) that is in communication with a display generation component (e.g., 602, a display controller, a display, a touch-sensitive display system, a touchscreen, a monitor, and/or a head mounted display system).
  • a display generation component e.g., 602
  • a display controller e.g., a display controller, a display, a touch-sensitive display system, a touchscreen, a monitor, and/or a head mounted display system.
  • method 700 provides an intuitive way for displaying background regions for time user interfaces.
  • the method reduces the cognitive burden on a user for displaying background regions for time user interfaces, thereby creating a more efficient human-machine interface.
  • the first background region includes only one color. In some embodiments, the first background region includes multiple colors. In some embodiments, the first background region includes a pattern of shapes (e.g., flowers, geometric shapes, and/or as shown in FIGS. 6B-6H and/or 6S-6X) and/or a pattern of colors.
  • a sleep screen e.g., as shown in FIGS. 6C, 6G, and/or 6T
  • a wake screen is a user interface that is displayed when the computer system is in a reduced-power state, off state, and/or sleep state.
  • a wake screen e.g., as shown in FIGS.
  • 6D and/or 6H is a user interface that is displayed when the computer system transitions from a lower power state to a higher power state (e.g., from a state in which computer system 600 has a lower brightness, a display has a slower refresh rate, a lower power processor is in use, a processor is in a lower power state, and/or one or more additional sensors are taking less frequent sensor measurements to a state in which computer system 600 has a higher brightness, a display has a faster refresh rate, a higher power processor is in use, a processor is in a higher power state, and/or one or more additional sensors are taking more frequent sensor measurements).
  • the second background region is contained within the first background region.
  • the first background region and the second background region are mutually exclusive (e.g., do not overlap).
  • the first background region corresponds to a first flower or first geometric shape and the second background region corresponds to a second flower or second geometric shape that is smaller than the first flower or first geometric shape.
  • the first flower or first geometric shape is behind the second flower or second geometric shape.
  • the first background region and/or the second background region are displayed behind an indication of time (e.g., 614 and/or 616, a digital indication of time and/or an analog indication of time that includes one or more clock hands that indicate time by pointing in different directions) and/or one or more user interface elements associated with a corresponding application (e.g., 618a, 618b, 618c, 618d, a complication, text, and/or graphic that displays information obtained from an application).
  • an indication of time e.g., 614 and/or 616, a digital indication of time and/or an analog indication of time that includes one or more clock hands that indicate time by pointing in different directions
  • one or more user interface elements associated with a corresponding application e.g., 618a, 618b, 618c, 618d, a complication, text, and/or graphic that displays information obtained from an application.
  • the computer system in response to detecting an input (e.g., 618a) corresponding to selection of the user interface element associated with the application, launches and/or opens the corresponding application (e.g., displays a user interface of the corresponding application).
  • the indication of time and/or the one or more user interface elements are overlaid on the first background region and/or the second background region.
  • the computer system detects (704) an update event (e.g., a detected motion causing the computer system to transition from a low-power state, off state, and/or sleep state to an active state, full-power state, on state, and/or awake state).
  • an update event e.g., a detected motion causing the computer system to transition from a low-power state, off state, and/or sleep state to an active state, full-power state, on state, and/or awake state.
  • detected motion includes change in position, rotation, and/or change in orientation of at least a portion of the computer system (e.g., motion that satisfies a set of motion criteria, such as motion that is indicative of a wrist raise gesture, picking up the computer system, an intent to view the display generation component, and/or an intent to interact with the computer system).
  • the update event is detected via one or more input devices (e.g., a touch-sensitive surface, a button, and/or a motion detector). In some embodiments, the update event is detected based on context (e.g., a predetermined time and/or location). In some embodiments, the update event is detected based on information from an application (e.g., calendar application, message application, e-mail application, and/or weather application). In some embodiments, the update event is a notification (e.g., of a calendar event, message, e-mail, and/or event associated with another application).
  • an application e.g., calendar application, message application, e-mail application, and/or weather application.
  • the update event is a notification (e.g., of a calendar event, message, e-mail, and/or event associated with another application).
  • the computer system displays (706) (e.g., at a second time different from the first time), via the display generation component, the time user interface with the first background region having the second color (e.g., as shown in FIGS. 6D-6F and/or green).
  • the second background region is displayed with a new color (e.g., blue, or another color or pattern) and the first background region is displayed transitioning to the color previously included in the second background region.
  • the first background region and second background region are displayed as transitioning to a grayscale outline of colored regions (e.g., as shown in FIGS. 6C, 6G, and/or 6T).
  • Displaying a time user interface having a first background region with a first color and a second background region with a second color, and displaying the time user interface with the first background region having the second color in response to detecting an update event indicates that the update event has been detected and updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, thereby providing improved visual feedback to the user, reducing the number of inputs required to perform an operation, and preventing permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • permanent discoloration e.g., burn-in
  • displaying the time user interface having the first background region and the second background region includes displaying the second background region (or, in some embodiments, a sub-region of the second background region) with a third color (e.g., the color of 620b as shown in FIG. 6D and/or the color yellow).
  • the second background region includes multiple colors (e.g., a flower with two colors, a flower with three colors, a geometric shape with two colors, or a geometric shape with three colors).
  • the second background region includes a pattern of shapes (e.g., flowers or geometric shapes) that have one or more respective colors. Displaying the time user interface including the second background region displayed with a third color varies the appearance of the time user interface without requiring the user to provide inputs to manually edit the time user interface, thereby reducing the number of inputs required to perform an operation.
  • the computer system displays, via the display generation component, the time user interface with a first color pattern (e.g., as shown in FIGS. 6B and/or 6S, a flower having a specific shape and one or more colors, a geometric shape having one or more colors, an arrangement of multiple flowers having respective specific shapes and one or more colors, and/or an arrangement of multiple geometric shapes having one or more colors).
  • a first color pattern e.g., as shown in FIGS. 6B and/or 6S, a flower having a specific shape and one or more colors, a geometric shape having one or more colors, an arrangement of multiple flowers having respective specific shapes and one or more colors, and/or an arrangement of multiple geometric shapes having one or more colors.
  • the computer system displays, via the display generation component, the time user interface with a second color pattern different from the first color pattern (e.g., as shown in FIGS.
  • Displaying an editing user interface including a plurality of color options, wherein the first color of the first background region is based on a selected color option, and the second color of the second background region is based on the selected color option provides additional control options without cluttering the user interface with additional displayed controls.
  • FIGS. 7A-7D illustrate an exemplary embodiment by which computer system 600 allows a user to switch between different time user interfaces based on user input.
  • computer system 600 displays time user interface 750.
  • computer system 600 detects user input 752 (e.g., a touch screen input (e.g., a press and hold input)).
  • user input 752 e.g., a touch screen input (e.g., a press and hold input)
  • FIG. 7B in response to user input 752, computer system 600 displays editing user interface 626a. Editing user interface 626a includes a representation of time user interface 750.
  • computer system 600 detects user input 754, which is a swipe right input on the representation of time user interface 750.
  • user input 754 is a swipe right input on the representation of time user interface 750.
  • FIGS. 8A-8N illustrate techniques for displaying a simulated three-dimensional reflective object on a time user interface, in accordance with some embodiments.
  • the user interfaces in these figures are used to illustrate the processes described below, including the processes in FIG. 9.
  • Simulated light source 816, reflective spheres 820a-820c and sphere 820d thus have positions relative to the surface of representation 812a, and as a result, light rays 818a, 818b, 822a and reflected light rays 822b and 822c have a particular angle with respect to the surface of representation 812a.
  • the collective position of simulated light source 816, reflective spheres 820a-820c, and sphere 820d relative to the surface of representation 812a creates an appearance of simulated three-dimensional reflective object 812a that corresponds to representation 812a.
  • simulated three-dimensional reflective object 812a changes relative to the appearance of simulated three-dimensional reflective object 812a prior to the change in orientation of computer system 600 (e.g., as discussed in FIGS. 8A). For instance, a lower portion 828 of simulated three-dimensional reflective object 812a becomes dark or otherwise shaded based on the changed orientation of computer system 600. The remaining portion of simulated three-dimensional reflective object 812a appears generally similar to that of FIG.
  • portion 8 A or includes different changes in appearance than the shaded portion (e.g., the remaining portions become slightly brighter or slightly darker). Based on the changes in position of the light sources and changed angles of the light rays incident on representation 812a, various colors also change within portion 828 and/or the remaining portions. For example, the colors within the remaining portions change from yellow and red to yellow and orange.
  • simulated three-dimensional reflective object 812a creates the appearance of reflections based on the light emitted and/or reflected from simulated light source 816, reflective spheres 820a-820c, and sphere 820d.
  • simulated three- dimensional reflective object 812a includes deformations that extend from a central point of time user interface 810a corresponding to a point of rotation for hands of time user interface 810a (e.g., hour, minute, and/or seconds hands).
  • the deformations correspond to common time divisions, such as 60 deformations representing 60 seconds, 12 deformations representing 12 hours, and/or four deformations representing 12 o’clock, 3 o’clock, 6 o’clock, and 9 o’clock.
  • Simulated three-dimensional reflective object 812a also includes an appearance corresponding to a material, such as titanium, stainless steel, or aluminum.
  • the appearance also includes a type of external treatment of the material, such as a polished finish or a brushed finish.
  • Computer system 600 includes an outer housing 800-1.
  • the material depicted in the appearance of simulated three-dimensional reflective object 812a is selected (e.g., by computer system 600) and/or displayed based on the material of the housing. For example, if the housing material of computer system 600 is stainless steel, the appearance of simulated three-dimensional reflective object 812a is stainless steel.
  • Users can also share a respective time user interface that includes a respective simulated three-dimensional reflective object 812a with another user.
  • the appearance of simulated three-dimensional reflective object 812a is different when the shared time user interface is displayed on the second device.
  • simulated three-dimensional reflective object 812a is displayed on the other user’s device with simulated three-dimensional reflective object 812a matching the housing material of the other user’s device.
  • simulated three-dimensional reflective object 812a is displayed as stainless steel on the transferring device
  • simulated three-dimensional reflective object 812a is displayed as aluminum on the receiving device.
  • FIG. 8C user’s wrist 826 and computer system 600 are rotated towards the user.
  • the change in orientation of computer system 600 causes representation 812a to change orientation (e.g., rotate in one or more directions) relative to simulated light source 816, reflective spheres 820a-820c, and sphere 820d as shown in FIG. 8C.
  • the change in orientation of representation 812a changes in accordance with a change in speed, direction, and/or orientation of computer system 600. Accordingly, the collective position of simulated light source 816, reflective spheres 820a-820c, and sphere 820d relative to the surface of representation 812a changes with respect to the collective position prior to the change in orientation of computer system 600 (e.g., as discussed in FIGS.
  • the particular angles between the light rays and the surface of representation 812a change relative to the particular angles prior to the change in orientation of computer system 600 (e.g., as discussed in FIGS. 8A-8B).
  • the appearance of simulated three-dimensional reflective object 812a changes relative to the appearance of simulated three-dimensional reflective object 812a prior to the change in orientation of computer system 600 (e.g., as discussed in FIGS. 8A-8B).
  • an upper portion 830 of simulated three- dimensional reflective object 812a becomes dark or otherwise shaded based on the changed orientation of computer system 600.
  • the appearance of the remaining portion of simulated three-dimensional reflective object 812a is similar to that in FIG.
  • portion 8A or includes different changes in appearance than the shaded portion (e.g., the remaining portions become slightly brighter or slightly darker). Based on the changes in position of the light sources and changes in angles of the light rays incident on representation 812a, various colors also change within portion 828 or the remaining portions. For example, the colors within the remaining portions change from yellow and orange to red and orange.
  • FIG. 8D user’s wrist 826 and computer system 600 rotate in an upward direction towards the user.
  • the change in orientation of computer system 600 causes representation 812a to change orientation (e.g., rotate in one or more directions) relative to simulated light source 816, reflective spheres 820a-820c, and sphere 820d as shown in FIG. 8D.
  • the change in orientation of representation 812a changes in accordance with a change in speed, direction, and/or orientation of computer system 600.
  • the collective position of simulated light source 816, reflective spheres 820a-820c and sphere 820d relative to the surface of representation 812a changes with respect to the collective position prior to the change in orientation of computer system 600 (e.g., as discussed in FIGS. 8A-8C).
  • the particular angles between the light rays and the surface of representation 812a change relative to the particular angles prior to the change in orientation of computer system 600 (e.g., as discussed in FIGS. 8A-8C).
  • the appearance of simulated three- dimensional reflective object 812a changes relative to the appearance of simulated three- dimensional reflective object 812a prior to the change in orientation of computer system 600 (e.g., as discussed in FIGS. 8A-8C).
  • a right portion 832 of simulated three- dimensional reflective object 812a becomes dark or otherwise shaded based on the changed orientation of computer system 600.
  • the remaining portion of simulated three-dimensional reflective object 812a appears generally similar to that of FIG. 8 A or includes different changes in appearance than the shaded portion (e.g., the remaining portions becomes slightly brighter or slightly darker).
  • various colors also change within portion 828 or the remaining portions. For example, the colors within the remaining portions shift from red and orange to dark red.
  • FIG. 8E user’s wrist 826 and computer system 600 rotate in a downward direction away from the user.
  • the change in orientation of computer system 600 causes representation 812a to change orientation (e.g., rotate in one or more directions) relative to simulated light source 816, reflective spheres 820a-820c, and sphere 820d as shown in FIG. 8E.
  • the change in orientation of representation 812a changes in accordance with a change in speed, direction, and/or orientation of computer system 600.
  • the position of simulated light source 816, reflective spheres 820a-820c, and sphere 820d relative to the surface of representation 812a changes with respect to the collective position prior to the change in orientation of computer system 600 (e.g., as discussed in FIG. 8A).
  • the angles between the light rays and the surface of representation 812a change relative to the angles prior to the change in orientation of computer system 600 (e.g., as discussed in FIGS. 8A-8D).
  • the appearance of simulated three-dimensional reflective object 812a changes relative to the appearance of simulated three-dimensional reflective object 812a prior to the change in orientation of computer system 600 (e.g., as discussed in FIGS. 8A-8D).
  • a left portion 834 of simulated three-dimensional reflective object 812a becomes dark or otherwise shaded based on the changed orientation of representation 812a.
  • the remaining portion of simulated three-dimensional reflective object 812a appears generally similar to that of FIG. 8 A or includes different changes in appearance than the shaded portion (e.g., the remaining portions become slightly brighter or slightly darker).
  • various colors also change within portion 828 or the remaining portions. For example, the colors within the remaining portions shift from dark red to dark yellow.
  • user’s wrist 826 and computer system 600 moves into a resting position, such as resting at the user’s side or otherwise positioned in a non-viewing orientation.
  • the orientation causes computer system 600 to enter a sleep state, a resting state, and/or a reduced power state.
  • the change in orientation of computer system 600 causes representation 812a to also tilt in a corresponding direction as depicted in FIG. 8F, such as tilting generally away from light rays emitted from simulated light source 816, light ray 822a, and reflected light rays 822b and 822c.
  • the change in orientation of representation 812a changes consistently with a change in speed, direction, and/or orientation of computer system 600.
  • the color scheme for simulated three-dimensional reflective object 812a includes various predefined and/or adjustable colors that are depicted based on movement of the computer system 600, as described with respect to FIGS. 8A-8F.
  • a current color scheme of simulated three-dimensional reflective object 812a is “warm,” which generally includes the colors red, orange, and yellow.
  • reflective sphere 820a emits a red light ray 822a.
  • Reflective sphere 820b is an orange sphere and reflective sphere 820c is a yellow sphere, such that reflected light ray 822b is orange and reflected light ray 822c is yellow.
  • computer system 600 displays an editing user interface 834 that enables a user to modify various aspects of simulated three-dimensional reflective object 812a.
  • computer system 600 displays editing user interface 834 in response to detecting an input (e.g., press-and-hold input on display 802 and/or a press of a predefined button such as button 806).
  • an input e.g., press-and-hold input on display 802 and/or a press of a predefined button such as button 806.
  • the manner in which one or more colors are reflected on simulated three-dimensional reflective object is modified via editing user interface 834.
  • a first color scheme corresponding to color option 836a is initially selected for simulated three- dimensional reflective object 812a. As shown in FIG.
  • reflected light ray 822b is a “lemon” color and reflected light ray 822c is a “gold” color.
  • the appearance of simulated three-dimensional reflective object 812a changes within editing user interface 834 to reflect the selected color scheme of “yellow.”
  • computer system 600 detects an input, such as a rotation 804b of rotatable and depressible input mechanism 804 to cycle through additional color options 836.
  • the user navigates from the color corresponding to color option 836b to the color corresponding to color option 836c as depicted in FIG. 8H.
  • Color option 836c includes shades or classifications of colors corresponding to the autumn season, such as bronze, purple, and gold. Accordingly, model 814 is adjusted based on the user selection.
  • Reflective sphere 820a is adjusted to emit a purple colored light.
  • Reflective sphere 820b is adjusted to emit a bronze colored light and reflective sphere 820c is adjusted to emit a gold colored light.
  • reflected light ray 822b is a bronze color and reflected light ray 822c is a gold color.
  • the appearance of simulated three-dimensional reflective object 812a changes within editing user interface 834 to reflect the selected color scheme of “Fall.” Once the user has selected a desired color scheme for simulated three-dimensional reflective object 812a, the user presses 804c rotatable and depressible input mechanism 804 to finalize the selection.
  • simulated three-dimensional reflective object 812a is displayed on display 802 including the selected color scheme “Fall.” Accordingly, based on various movements of computer system 600, simulated three-dimensional reflective object 812a is displayed with varying shades of brightness and darkness, along with varying shades of the respective colors of color scheme “Fall,” including purple, gold, and bronze (e.g., as discussed with respect to FIGS. 8A-8F).
  • computer system 600 navigates back to editing user interface 834 in response to an input (e.g., a press-and-hold input on display 802 and/or a press of a predefined button such as button 806).
  • computer system 600 detects gesture 838 (e.g., a swipe left gesture or a swipe right gesture) to switch between an analog version of time user interface and a digital version of the time user interface.
  • the time user interface including simulated three-dimensional reflective object 812a is an analog time user interface.
  • Computer system 600 detects the gesture which causes computer system 600 to change the time user interface from the analog time user interface to a digital time user interface, as shown in FIG. 8K.
  • one or more characteristics of the time user interface remain the same, such as the color scheme.
  • various aspects of model 814 remains the same when switching from the analog time user interface to the digital time user interface, such as the reflective sphere 820a continuing to emit a purple colored light, reflective sphere 820b continuing to reflect a bronze light ray and reflective sphere 820c continuing to reflect a gold light ray.
  • the user provides an input, such as a press 840 of rotatable and depressible input mechanism 804 in to order to activate the digital time user interface.
  • a digital time user interface 810b including simulated three-dimensional reflective object 812b is depicted. While digital time user interface 810b is activated, simulated three-dimensional reflective object 812b represents an indication of time including one or more numerals indicating the current time, such as “1029” representing 10:29AM.
  • the change in appearance of the simulated three-dimensional reflective object includes greater variance when the time user interface is analog.
  • the same general model 814 is implemented when using digital time user interface 810b
  • the simulated three-dimensional reflective object representation includes different characteristics than when model 814 is implemented using an analog time user interface.
  • simulated three-dimensional reflective object representation 824b has less freedom of movement when model 814 is implemented using a digital time user interface.
  • the simulated three-dimensional reflective object representation generally represents a three- dimensional curved surface that rotates and/or tilts with a degree of rotation within the three- dimensional model.
  • model 814 is implemented using a digital time user interface
  • simulated three-dimensional reflective object representation 812a rotates and/or tilts along one or more axes within model 814 (e.g., simulated three-dimensional reflective object representation 812a is capable of rotating only clockwise or counterclockwise within model 814).
  • FIG. 8M a movement of user’s wrist 826 and corresponding movement of computer system 600 is depicted while digital time user interface 810b is displayed.
  • computer system 600 tilts clockwise and away from the user.
  • the change in orientation of computer system 600 causes representation 824b to tilt in a corresponding direction within model 814, such as tilting towards a lower portion of model 814.
  • the degree of tilt of representation 824b is less than the degree of tilt which would be implemented when using an analog time user interface with the same characteristic movement of computer system 600 (e.g., as discussed with respect to FIG. 8B).
  • the change in orientation of representation 824b changes consistently with a change in speed, direction, and/or orientation of computer system 600.
  • the position of simulated light source 816, reflective spheres 820a-820c, and sphere 820d relative to the surface of representation 824b and the particular angles between the light rays and the surface of representation 824b changes relative to the respective positions and angles prior to the change in orientation of computer system 600 (e.g., as discussed in FIG. 8L).
  • the appearance of simulated three-dimensional reflective object 812b changes relative to the appearance of simulated three-dimensional reflective object 812b prior to the change in orientation of computer system 600 (e.g., as discussed in FIG. 8L).
  • an upper portion 842 of simulated three-dimensional reflective object 812b is shown with a bright reflection based on the changed orientation of representation 824b.
  • the simulated lighting effect is based on a position of the simulated light source (e.g., 816, 820a, 820b, and/or 820c) (e.g., relative to the simulated three-dimensional reflective object), a color of the simulated light source, and/or a brightness of the simulated light source (e.g., in accordance with the simulated light source having at first position relative to the simulated three-dimensional object, the simulated three-dimensional object and/or the simulated lighting effect has a first appearance; and in accordance with the simulated light source having a second position different from the first position relative to the simulated three-dimensional object, the simulated three-dimensional object and/or the simulated lighting effect has a second appearance that is different from the first appearance).
  • a position of the simulated light source e.g., 816, 820a, 820b, and/or 820c
  • a color of the simulated light source e.g., relative to the simulated three-dimensional reflective object
  • the appearance of the simulated three-dimensional object is relatively brighter when an angle between light incident on a surface point of the simulated three-dimensional object and a line perpendicular to the surface point (e.g., an angle of incidence and/or an illumination angle) is smaller (e.g., 2 degrees, 5 degrees, 10 degrees, or 20 degrees) than when the angle is larger (e.g., 60 degrees, 70 degrees, 80 degrees, or 85 degrees) (e.g., as shown in FIG. 8A relative to FIGS. 8B-8F).
  • an angle between light incident on a surface point of the simulated three-dimensional object and a line perpendicular to the surface point e.g., an angle of incidence and/or an illumination angle
  • the angle is larger (e.g., 60 degrees, 70 degrees, 80 degrees, or 85 degrees) (e.g., as shown in FIG. 8A relative to FIGS. 8B-8F).
  • the position of the simulated light source (e.g., 816, 820a, 820b, and/or 820c) is moved in a curved (e.g., circular) motion around the simulated three- dimensional reflective object (e.g., 812a).
  • the appearance of the simulated three-dimensional reflective object (e.g., 812a) includes light moving from a first portion on the three-dimensional reflective object to a second portion on the three-dimensional reflective object (e.g., as shown in FIGS. 8A-8E).
  • the position of the simulated light source (e.g., 816, 820a, 820b, and/or 820c) is moved at a first speed
  • the position of the simulated light source in accordance with the detected event including a second speed of movement of the computer system, is moved at a second speed, where the first speed of movement is greater than the second speed of movement and the first speed is greater than the second speed.
  • the appearance of the simulated three-dimensional reflective object (e.g., 812a) and/or the simulated lighting effect is modified at a first speed
  • the appearance of the simulated three-dimensional reflective object (e.g., 812a) and/or the simulated lighting effect is modified at second speed, where the first speed of movement is greater than the second speed of movement and the first speed is greater than the second speed.
  • a time user interface including a user interface region (e.g., 808b) having an appearance that represents a view of a simulated three-dimensional reflective object (e.g., 812a) having a first appearance that is based on simulated light emitted from a simulated light source (e.g., 816, 820a, 820b, and/or 820c) at a first position relative to the simulated three-dimensional reflective object (e.g., 812a), and further, in response to detecting an event, displaying the time user interface with the user interface region (e.g., 808b) having a second appearance, that is different from the first appearance, wherein the second appearance is based on simulated light emitted from the simulated light source (e.g., 816, 820a, 820b, and/or 820c) at a second position relative to the simulated three-dimensional reflective object (e.g., 812a), wherein the second position relative to the simulated three-dimensional reflective object (e
  • the event includes (e.g., is or is based on) a movement of the computer system detected via one or more sensors of the computer system (e.g., one or more sensors for detecting motion such as an accelerometer, gyroscope, magnetometer and/or internal measurement unit).
  • the movement includes rotation, a change in position, and/or a change in orientation of at least a portion of the computer system (e.g., movement of a wrist to which the computer system is attached and/or motion that is determined to be indicative of a wrist movement in a particular direction and/or a wrist rotation around a particular axis). Detecting an event including movement of the computer system updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, thereby reducing the number of inputs required to perform an operation.
  • the computer system in response to detecting the event, changes the appearance of the user interface region (e.g., 808b) to the second appearance to have an updated appearance that corresponds to moving the simulated light source (e.g., 816, 820a, 820b, and/or 820c) from the first position relative to the simulated three-dimensional reflective object (e.g., 812a) (e.g., moved along an x-axis, a y-axis, and/or a z-axis) to the second position relative to the simulated three-dimensional reflective object, wherein movement of the simulated light source (e.g., 816, 820a, 820b, and/or 820c) between the first position relative to the simulated three-dimensional reflective object and the second position relative to the simulated three-dimensional reflective object is based on the movement of the computer system (e.g., if the movement includes a movement of the computer system in a first direction, the appearance corresponds to moving
  • the simulated light source
  • Moving the simulated light source from the first position relative to the simulated three-dimensional reflective object to the second position relative to the three-dimensional reflective object based on movement of the computer system updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, thereby reducing the number of inputs required to perform an operation.
  • the event includes (e.g., is or is based on) a transition of the computer system from a first power state (e.g., an active state, a normal operating state, full-power state, on state, and/or awake state) to a second power state (e.g., a lower power state, a sleep state, a resting state, and/or a reduced power state) (e.g., as shown in FIG. 8F relative to FIGS.
  • a first power state e.g., an active state, a normal operating state, full-power state, on state, and/or awake state
  • a second power state e.g., a lower power state, a sleep state, a resting state, and/or a reduced power state
  • the computer system consumes less power in the second power state than in the first power state (e.g., because in the active state, a display has a higher brightness, a display has a faster refresh rate, a higher power processor is in use, a processor is in a higher power state, and/or one or more additional sensors are taking more frequent sensor measurements).
  • the computer system transitions to the second power state in response to detecting a wrist down motion (e.g., a wrist or hand down gesture and/or motion that satisfies a set of motion criteria that indicates that a wrist or hand of a user has been lowered) (e.g., as shown in FIG. 8F).
  • a wrist down motion e.g., a wrist or hand down gesture and/or motion that satisfies a set of motion criteria that indicates that a wrist or hand of a user has been lowered
  • the computer system transitions to the second power state in response to detecting that the computer system (or, in some embodiments, a display of the computer system) is covered (e.g., in response to detecting a hand cover gesture and/or in response to detecting that the computer system has been covered for a predetermined amount of time). In some embodiments, the computer system transitions to the second power state in response to detecting that the computer system has been lowered (e.g., as shown in FIG. 8F) (e.g., to a resting position, a surface, and/or a user’s pocket).
  • the computer system transitions to the second power state after a period in which the computer system does not receive user inputs or detect the occurrence of one or more conditions that keep the computer system in an active state, normal operating state, full-power state, on state, and/or awake state. Detecting an event including a transition of the computer system from a first power state to a second power state, wherein the computer system consumes less power in the second power state than in the first power state updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, thereby reducing the number of inputs required to perform an operation.
  • the appearance of the user interface region in response to detecting the event, changing the appearance of the user interface region (e.g., 808b) to the second appearance to have an updated appearance that corresponds to increasing a distance between the simulated light source (e.g., 816, 820a, 820b, and/or 820c) and the simulated three-dimensional reflective object (e.g., 812a), wherein a first distance between the simulated three-dimensional reflective object and the first position relative to the simulated three-dimensional reflective object is smaller than a second distance between the simulated three-dimensional reflective object and the second position relative to the simulated three-dimensional reflective object.
  • the simulated light source e.g., 816, 820a, 820b, and/or 820c
  • the simulated three-dimensional reflective object e.g., 812a
  • the distance between the simulated light source (e.g., 816, 820a, 820b, and/or 820c) and the simulated three-dimensional reflective object (e.g., 812a) is based on a specific point on the three-dimensional reflective object (e.g., a center point of the object or a point on a surface of the three-dimensional reflective object closest to the simulated light source).
  • a specific point on the three-dimensional reflective object e.g., a center point of the object or a point on a surface of the three-dimensional reflective object closest to the simulated light source.
  • the first appearance includes a first simulated lighting effect that corresponds to light falling on a first portion of the simulated three-dimensional reflective object (e.g., 812a) (e.g., a direct lighting effect, an indirect lighting effect, a diffused lighting effect, a form shadow effect, a core shadow effect, an occlusion shadow effect, and/or a cast shadow effect),
  • the second appearance includes a second simulated lighting effect that corresponds to light falling on a second portion of the simulated three- dimensional reflective object (e.g., a direct lighting effect, an indirect lighting effect, a diffused lighting effect, a form shadow effect, a core shadow effect, an occlusion shadow effect, and/or a cast shadow effect)
  • the first simulated lighting effect is based on the first position relative to the simulated three-dimensional reflective object
  • the second simulated lighting effect is based on the second position relative to the simulated three-dimensional reflective object
  • the first simulated lighting effect is different from the second simulated lighting effect (e.g.,
  • the first portion of the simulated three-dimensional reflective object and the second portion of the simulated three-dimensional reflective object include overlapping portions. In some embodiments, the first portion of the simulated three- dimensional reflective object and the second portion of the simulated three-dimensional reflective object do not include overlapping portions. Displaying different simulated lighting effects on different portions of the three-dimensional reflective object based on the first and second positions relative to the simulated three-dimensional reflective object updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, providing improved visual feedback to the user and reducing the number of inputs required to perform an operation.
  • the first position relative to the simulated three- dimensional reflective object corresponds to a first angle (e.g., angle of incidence; e.g., the first angle changes in response to detecting the event) between a first side of the simulated three-dimensional reflective object (e.g., a point or a portion of the surface of the three-dimensional reflective object) and the simulated light source (e.g., 816, 820a, 820b, and/or 820c), the second position relative to the simulated three-dimensional reflective object
  • a first angle e.g., angle of incidence; e.g., the first angle changes in response to detecting the event
  • a first side of the simulated three-dimensional reflective object e.g., a point or a portion of the surface of the three-dimensional reflective object
  • the simulated light source e.g., 816, 820a, 820b, and/or 820c
  • I l l corresponds to a second angle (e.g., angle of incidence; the second angle changes in response to detecting the event) between the first side of the simulated three-dimensional reflective object (e.g., a point or a portion of the surface of the three-dimensional reflective object) and the simulated light source (e.g., 816, 820a, 820b, and/or 820c), and the first angle is different than the second angle (e.g., as shown in FIGS. 8A-8F).
  • the first angle is larger than the second angle.
  • the first angle is smaller than the second angle.
  • Changing an angle between a first side of the simulated three-dimensional reflective object and the simulated light source updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, providing improved visual feedback to the user and reducing the number of inputs required to perform an operation.
  • a color of the simulated light source (e.g., 816, 820a, 820b, and/or 820c) is selectable by a user of the computer system (e.g., as shown in FIGS. 8G-8I).
  • a user selects a color of the simulated light source (e.g., 816, 820a, 820b, and/or 820c) using an editing user interface (e.g., 834) (e.g., by rotating a depressible and rotatable input device and/or by performing one or more gestures on a surface of the computer system).
  • a color of the simulated light source (e.g., 816, 820a, 820b, and/or 820c) is based on a color selected by a user of the computer system (e.g., via a user interface).
  • the light source in accordance with a determination that a first color has been selected, the light source has a first color; and in accordance with a determination that a second color has been selected, the light source has a second color different from the first color (e.g., as shown in FIGS. 8G-8I).
  • Providing options to select a color of the simulated light source provides improved visual feedback to the user and prevents permanent discoloration (e.g., bum-in) on the display screen based on varying display patterns and/or colors.
  • the simulated light source (e.g., 816, 820a, 820b, and/or 820c) includes a first simulated light source having a first property (e.g., a position, a size, a shape, and/or a color) and a second simulated light source having a second property different from the first property (e.g., a position, a size, a shape, and/or a color).
  • a first simulated light source having a first property e.g., a position, a size, a shape, and/or a color
  • second simulated light source having a second property different from the first property
  • the user interface region (e.g., 808b) has an appearance that includes simulated reflections from the first simulated light source (e.g., 816, 820a, 820b, and/or 820c) and the second simulated light source (e.g., 816, 820a, 820b, and/or 820c), where the appearance of the user interface region (e.g., 808b) is based on the first property of the first simulated light source and the second property of the second simulated light source.
  • Using simulated light sources with different properties updates the time user interface without requiring the user to provide inputs to manually edit the time user interface and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • the first property includes a first color (e.g., red, orange, yellow, green, blue, purple, white, and/or grey) and the second property includes a second color different from the first color (e.g., red, orange, yellow, green, blue, purple, white, and/or grey)
  • the simulated three-dimensional reflective object e.g., 812a
  • the simulated three-dimensional reflective object includes: a first reflective feature (e.g., a convex surface, a concave surface, a smooth surface, a rough surface, a deformation, an indentation, and/or a protrusion) having a first reflection (e.g., a specular reflection, a diffuse reflection, and/or a multiple reflection) based on the first color and a first direction (e.g., a direction based on coordinates with respect to an x-axis, a y-axis, and/or a z- axis) of the first simulated light source (e.g.
  • reflective features may include multiple overlapping reflections based on multiple simulated light sources (e.g., 816, 820a, 820b, and/or 820c) projecting different colors onto the simulated three-dimensional reflective object (e.g., 812a).
  • simulated light sources e.g., 816, 820a, 820b, and/or 820c
  • Displaying reflections of different reflective features of the three-dimensional reflective object based on colors and directions of the simulated light sources updates the time user interface without requiring the user to provide inputs to manually edit the time user interface and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • permanent discoloration e.g., burn-in
  • displaying the time user interface including the user interface region includes: in accordance with a determination that the computer system is a first type of device (e.g., a wearable device including a specific device material, a mobile device including a specific device material, a tablet device including a specific device material, or a laptop device including a specific device material), displaying the user interface region (e.g., 808b) with an appearance that is based on the simulated three-dimensional reflective object (e.g., 812a) having a first set of one or more simulated properties; and in accordance with the computer system corresponding to a second type different from the first type when displaying the time user interface (e.g., a wearable device including a specific device material, a mobile device including a specific device material, a tablet device including a specific device material, or a laptop device including a specific device material), displaying the user interface region (e.g., 808b) with an appearance
  • a simulated property of the object is based on a physical material of the computer system (e.g., 800-1, a device housing, and/or a device casing). Varying the simulated properties that affect the appearance of the user interface region based on device type updates the time user interface without requiring the user to provide inputs to manually edit the time user interface and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • a physical material of the computer system e.g., 800-1, a device housing, and/or a device casing.
  • the first set of one or more simulated properties includes a first simulated reflectivity (e.g., a reflectivity based on a material of a housing of the computer system of the first type and/or a reflectivity based on an external treatment of the material of the housing of the computer system of the first type), and the second set of one or more simulated properties includes a second simulated reflectivity (e.g., a reflectivity based on a material of a housing of the computer system of the first type and/or a reflectivity based on an external treatment of the material of the housing of the computer system of the first type) different from the first simulated reflectivity.
  • a first simulated reflectivity e.g., a reflectivity based on a material of a housing of the computer system of the first type and/or a reflectivity based on an external treatment of the material of the housing of the computer system of the first type
  • the simulated reflectivity corresponds to a reflectivity of the housing material corresponding to the computer system. In some embodiments, the simulated reflectivity corresponds to a reflectivity of an external treatment of the material of the housing of the computer system. In some embodiments, the simulated reflectivity corresponds to the reflectivity of aluminum when the computer system has an aluminum device housing. In some embodiments, the simulated reflectivity corresponds to the reflectivity of titanium when the computer system has a titanium device housing. In some embodiments, the simulated reflectivity corresponds to the reflectivity of stainless steel when the computer system has a stainless steel device housing. In some embodiments, the simulated reflectivity corresponds to the reflectivity of a polished surface when the device housing has a polished finish.
  • the simulated reflectivity corresponds to the reflectivity of a brushed surface when the device housing has a brushed finish. Varying the simulated reflectivity of the three-dimensional reflective object based on device type updates the time user interface without requiring the user to provide inputs to manually edit the time user interface and prevents permanent discoloration (e.g., bum-in) on the display screen based on varying display patterns and/or colors.
  • Varying the simulated reflectivity of the three-dimensional reflective object based on device type updates the time user interface without requiring the user to provide inputs to manually edit the time user interface and prevents permanent discoloration (e.g., bum-in) on the display screen based on varying display patterns and/or colors.
  • the first set of one or more simulated properties includes a first color (e.g., a color based on a material of a housing of the computer system and/or a portion of the housing of the computer system), and the second set of one or more simulated properties includes a second color (e.g., a color based on a material of a housing of the computer system and/or a portion of the housing of the computer system) different from the first color.
  • the color property of the simulated three-dimensional reflective object e.g., 812a
  • the color property of the simulated three-dimensional reflective object includes multiple colors when the housing of the computer system includes multiple colors.
  • Varying the color of the three-dimensional reflective object based on device type updates the time user interface without requiring the user to provide inputs to manually edit the time user interface and prevents permanent discoloration (e.g., bum-in) on the display screen based on varying display patterns and/or colors.
  • permanent discoloration e.g., bum-in
  • the computer system provides (e.g., sharing and/or transmitting) a representation of the time user interface to a second computer system different from the computer system (e.g., a user of the computer system shares the representation of the time user interface with a user of the second computer system and/or the representation of the time user interface is obtained by the user of the second computer system), wherein when the time user interface is displayed on the second computer system the user interface region (e.g., 808b) has an appearance that is based on a simulated three-dimensional reflective object (e.g., 812a) that is displayed with a second set of one or more simulated properties that are different from the first set of one or more simulated properties that are used when the time user interface is displayed on the computer system (e.g., a color of the simulated three-dimensional reflective object corresponds to a color of the housing of the second computer system different from a color of the housing of the first computer system, a reflectivity of the simulated three-dimensional reflective object corresponds to a reflect
  • Providing the representation of the time user interface to a second computer system and displaying the simulated three-dimensional reflective object with different simulated properties on the second computer system updates the time user interface without requiring the user to provide inputs to manually edit the time user interface and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • permanent discoloration e.g., burn-in
  • the simulated three-dimensional reflective object (e.g., 812a) includes a plurality of deformations (e.g., a cavity, an indentation, a depression, a slot, and/or a notch) that are arranged into segments indicative of time divisions, and (e.g., a segment corresponds to one second, five seconds, fifteen seconds, thirty seconds, forty-five seconds, one minute, five minutes, fifteen minutes, thirty minutes, forty-five minutes, one hour, three hours, six hours, nine hours, and/or twelve hours), the plurality of deformations reflect the simulated light emitted from the simulated light source (e.g., as shown in FIGS. 8A-8F). Displaying the three-dimensional reflective object including deformations that reflect the simulated light and are arranged into segments indicative of time divisions provides improves visual feedback to the user.
  • a plurality of deformations e.g., a cavity, an indentation, a depression, a slot, and/or a notch
  • the plurality of deformations are positioned in a circular arrangement around a center point of the time user interface (e.g., originating at the center point and extending towards the edge of the time user interface), and the center point of the time user interface is a point of rotation for an indication of time (e.g., an analog indication of time that includes one or more clock hands that indicate time by pointing in different directions, such as a seconds hand, minute hand, and/or hour hand) (e.g., as shown in FIGS. 8A-8F).
  • Displaying the three-dimensional reflective object including deformations positioned in a circular arrangement around a center point of rotation for the indication of time improves visual feedback to the user.
  • the time user interface corresponds to an analog time user interface
  • the time user interface includes one or more clock hands overlaid on the simulated three-dimensional reflective object (e.g., 812a) that have positions that indicate a current time (e.g., the one or more clock hands move overlaid on the simulated three- dimensional reflective object over time to indicate a current time) (e.g., as shown in FIGS. 8A-8F).
  • Displaying clock hands overlaid on the simulated three-dimensional reflective object for an analog time user interface varies the appearance of the time user interface without requiring the user to provide inputs to manually edit the time user interface and improves visual feedback to the user.
  • the time user interface corresponds to a digital time user interface
  • displaying the time user interface includes displaying the simulated three- dimensional reflective object (e.g., 812a) as one or more numerical digits representing an indication of time (e.g., the appearance of the simulated three-dimensional reflective object changes over time based on the numerical digits changing over time to indicate a current time) (e.g., as shown in FIGS. 8K-8N). Displaying the simulated three-dimensional reflective object as one or more numerical digits for a digital time user interface varies the appearance of the time user interface without requiring the user to provide inputs to manually edit the time user interface and improves visual feedback to the user.
  • First potion 1018a of the background has a relatively dark color and second portion 1018b of the background has a relatively light color, such that the corresponding portion of the one or more numerals has a relatively opposite brightness to that of the corresponding background.
  • first portion 1016a is white and first portion 1018a of the background is dark blue; and second portion 1016b of the one or more numerals is black and second portion 1018b of the background is light green.
  • a user navigates to an editing user interface 1020 in order to modify various aspects of time user interface 1010a.
  • a user of computer system 600 provides an input (e.g., press-and-hold input on display 1002 and/or a press of a predefined button such as button 1006).
  • the manner in which one or more colors are displayed as time elapses on time user interface 1010a is modified via editing user interface 1020.
  • the user performs one or more gestures (e.g., a left swipe gesture or a right swipe gesture) to arrive at a color editing user interface 1022.
  • the user selects a color scheme from a plurality of color schemes 1024 such that changes in time (e.g., as discussed with respect to FIGS. 10A- 10G) will include color changes consistent with a set of colors corresponding to the selected color scheme.
  • a current color scheme corresponds to “Blue-Green.”
  • the user rotates rotatable and depressible input mechanism to cycle through a variety of different color schemes to select a new color scheme, such as “Purple- Yellow.”
  • a purple-yellow color scheme the background portions of the time user interface cycles through a variety of colors as time elapses, such as lavender, magenta, fuchsia, violet, purple, indigo, gold, bright yellow, mustard yellow, dark yellow, gold, and blonde.
  • Various color schemes are made up of one or more primary or main colors and colors similar to the primary or main colors, such as a monotone color scheme, a color scheme having two main colors, three main colors, four main colors, and/or five main colors.
  • the user while in editing user interface 1020, the user selects and customizes various user interface elements corresponding to respective applications (e.g., selectable complications and/or icons that can be selected to open the respective applications) to be displayed concurrently with one or more numerals 1012.
  • respective applications e.g., selectable complications and/or icons that can be selected to open the respective applications
  • the user of computer system 600 has selected both a color scheme and two user interface elements 1026 and 1028 (e.g., complications) for display concurrently with time user interface 1010a.
  • the user has selected a weather user interface element (e.g., for displaying current weather conditions in a location) and a calendar user interface element (e.g., for displaying current date information).
  • first portion 1016a of the one or more numerals has a white color
  • second portion 1016b of the one or more numerals has a black color
  • first portion 1018a of the background has a light purple color
  • second portion 1018b of the background has a dark yellow color.
  • the current time is 4:05pm with 15 seconds having elapsed in the current minute based on the position of color boundary 1014.
  • the computer system 600 transitions from an active state to a sleep, resting, and/or lower power state. For instance, the user lowers computer system 600 to a resting position (e.g., at the user’s side and/or in the user’s pocket) and/or performs a hand cover gesture over computer system 600. As a result, computer system enters the sleep, resting, and/or lower power state. While in the sleep, resting, and/or lower power state, the first portion 1018a of the background and second portion 1018b of the background are displayed with a black color (e.g., or alternatively, a dark color).
  • a black color e.g., or alternatively, a dark color
  • color boundary 1014 is not visible on the background of time user interface 1010a, whereas color boundary 1014 is visible within the interior of numerals 1012.
  • the color of first portion 1016a of the one or more numerals takes on the color of first portion 1018a of the background prior to entering the sleep state (e.g., as depicted in FIG. 10J).
  • the color of first portion 1016a of the one or more numerals becomes light purple.
  • the color of second portion 1016b of the one or more numerals becomes dark yellow when entering the sleep state.
  • the position of the respective user interface elements determine the color of the user interface elements when entering the sleep state.
  • the user of computer system 600 changes display modes of the time user interface. For example, with reference to FIG. 10L, the user provides a gesture input 1030 on display 1002 (e.g., a tap input and/or a swipe input) to navigate to an alternative display mode for the time user interface. With reference to FIG. 10M, the alternative display mode includes one or more numerals representing an indication of time 1032 and a background region 1034.
  • Time user interface 1010b includes additional information and user interface elements in other portions of time user interface 1010a, such as a date object 1036 and a plurality of user interface elements 1038 corresponding to applications and/or application functions 1038 of computer system 600.
  • background region 1034 includes a color gradient, such as a blue color gradient, a green color gradient, a red color gradient, an orange color gradient, a yellow color gradient, or a purple color gradient.
  • the color gradient has a relatively dark color (e.g., dark red) or relatively light color (e.g., light red).
  • the color gradient has a relatively dark color
  • the color of one or more numerals 1032 is white (e.g., or alternatively, a relatively light color), as shown in FIG. 10M.
  • the color of one or more numerals 1032 is black (e.g., or alternatively, a relatively dark color).
  • a time change including a change to a new minute is depicted.
  • the time has changed from 4:05pm to 4:06pm.
  • the color gradient of background region 1034 changes upon the current time changing to a new minute.
  • the color gradient changes from a light blue color gradient to a dark blue color gradient, from a red gradient to an orange gradient, or from a yellow gradient to a green gradient.
  • successive minutes results in color gradient change from a dark color to a light color.
  • the color of one or more numerals 1032 changes from white (e.g., or alternatively, a relatively light color) to black (e.g., or alternatively, a relatively dark color).
  • FIG. 11 is a flow diagram illustrating a method for displaying background regions using a computer system in accordance with some embodiments.
  • Method 1100 is performed at a computer system (e.g., a smartphone, a smartwatch, a tablet computer, a laptop computer, a desktop computer, and/or a head mounted device (e.g., a head mounted augmented reality and/or extended reality device)) that is in communication with a display generation component (e.g., a display controller, a display, a touch- sensitive display system, a touchscreen, a monitor, and/or a head mounted display system).
  • a display generation component e.g., a display controller, a display, a touch- sensitive display system, a touchscreen, a monitor, and/or a head mounted display system.
  • the computer system is in communication with one or more input devices (e.g., a touch-sensitive surface, a physical button, a rotatable input mechanism, a rotatable and depressible input mechanism, a motion sensor, an accelerometer, a gyroscope, a keyboard, a controller, and/or a mouse).
  • input devices e.g., a touch-sensitive surface, a physical button, a rotatable input mechanism, a rotatable and depressible input mechanism, a motion sensor, an accelerometer, a gyroscope, a keyboard, a controller, and/or a mouse.
  • method 1100 provides an intuitive way for displaying background regions for time user interfaces.
  • the method reduces the cognitive burden on a user for displaying background regions for time user interfaces, thereby creating a more efficient human-machine interface.
  • the computer system displays (1102), via the display generation component, a time user interface (e.g., 1010a, a user interface that includes an analog and/or digital indication of time, a clock face user interface, a watch face user interface, a home screen, a reduced-power screen, a wake screen, and/or a lock screen), the time user interface (e.g., 1010a) including (1104) an indication of time that includes one or more numerals (e.g., 1012) representing at least one of an hour and a minute (e.g., a single numeral representing an hour, two numerals representing an hour, a single numeral representing an hour and two numerals representing a minute, or two numerals representing an hour and two numerals representing a minute); and (1106) a color boundary (e.g., 1014, a horizontal boundary, a vertical boundary, a diagonal boundary, and/or a boundary between two colors or two areas with different colors) that represents a number of seconds that have elapse
  • a home screen corresponds to a user interface that is initially displayed when the computer system is unlocked, wakes from a reduced-power state, and/or receives a particular input (e.g., a swipe from a specific region on the display or a press of a specific button of the computer system).
  • the home screen includes affordances for a plurality of applications and functions of the computer system.
  • the plurality of applications and functions are user-customizable, such that the user of the computer system can configure which applications and/or device functions appear on the home screen.
  • the indication of time represents an hour and/or minute of a current time and the position of the color boundary (e.g., 1014) represents a number of seconds of the current time represented by the indication of time.
  • the one or more numerals e.g., 1012 are displayed as overlaid on the color boundary (e.g., 1014) (e.g., the color boundary is displayed in a background that includes two or more areas separated by the color boundary).
  • the time user interface (e.g., 1010a) is divided into 60 equal sections (e.g., horizontal sections, vertical sections, and/or diagonal sections), where the color boundary (e.g., 1014) moves through the sections sequentially over time to indicate the current second (e.g., the color boundary at the 20th section indicates the current second is the 20th second) (e.g., as shown in FIGS. 8A-8F).
  • the color boundary (e.g., 1014) moves in discrete increments over time (e.g., the color boundary moves in second increments). In some embodiments, the color boundary moves in continuous increments over (e.g., the color boundary moves in sub-second increments).
  • a reduced-power screen is a user interface that is displayed when the computer system is in a reduced-power state, low-power state, and/or off state.
  • a wake screen is a user interface that is displayed when the computer system transitions from a lower power state to a higher power state (e.g., from a state in which the computer system has a lower brightness, a display has a slower refresh rate, a lower power processor is in use, a processor is in a lower power state, and/or one or more additional sensors are taking less frequent sensor measurements to a state in which the computer system has a higher brightness, a display has a faster refresh rate, a higher power processor is in use, a processor is in a higher power state, and/or one or more additional sensors are taking more frequent sensor measurements).
  • Displaying the time user interface including one or more numerals representing at least one of an hour and a minute and a color boundary that represents a number of seconds that have elapsed in a current minute, wherein the color boundary moves over time from a first edge of the time user interface toward a second edge of the time user interface as additional seconds elapse in the current minute updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user by making changes in seconds easier to view at a glance and/or at a distance, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • the time user interface (e.g., 1010a) includes a first portion (e.g., 1016a and/or 1018a) having a first color on a first side of the color boundary (e.g., 1014) and a second portion (e.g., 1016b and/or 1018b) having a second color on a second side of the color boundary opposite of the first side of the color boundary, and the movement of the color boundary causes a change in color (e.g., a change in color of a portion of a background and/or a change in color of a portion of one or more numerals overlaid on the background) of the first portion (e.g., 1016a and/or 1018a) from the first color to the second color, and wherein the movement of the color boundary represents seconds elapsing in a current minute (e.g., as shown in FIGS.
  • a current minute e.g., as shown in FIGS.
  • the change in color corresponds to a change from a first particular second (e.g., fifth second of a minute or 19th second of a minute) to a second particular second (e.g., sixth second of a minute or 20th second of a minute).
  • the position on the time user interface (e.g., 1010a) of the change in color corresponds to a lateral position with a value corresponding to a fraction representing the current second e.g., as shown in FIGS. 10A-10F) (e.g., a horizontal line at a 5/60 lateral position when the current second is 5 or a horizontal line at a 19/60 lateral position when the current second is 19).
  • Displaying the movement of the color boundary representing seconds elapsing as a change in color of a first portion of the time user interface from a first color to a second color updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • the first portion (e.g., 1016a) having the first color includes a first portion of the one or more numerals (e.g., 1012) (e.g., an upper portion, a lower portion, a left portion, and/or a right portion), the second portion (e.g., 1016b) having the second color includes a second portion of the one or more numerals (e.g., an upper portion, a lower portion, a left portion, and/or a right portion), and the movement of the color boundary (e.g., 1014) causes a change in color of the first portion (e.g., 1016a) of the one or more numerals from the first color to the second color (e.g., a change in color at a different position on the time user interface relative to a previous change in color of the numeral; e.g., a change in color of a portion of the interior of the numeral).
  • the change in color of the first portion (e.g., 1016a) of the one or more numerals (e.g., 1012) includes a change from a first respective color to a second respective color, including: in accordance with a determination that the current minute is a first minute, the first respective color is lighter than the second respective color e.g., as shown in FIGS. 10A-10B); and in accordance with a determination that the current minute is a second minute immediately subsequent to the first minute, the first respective color is darker than the second respective color (e.g., as shown in FIGS.
  • Displaying the one or more numerals having a second configuration different from a first configuration when a color boundary reaches an edge of the time user interface updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • the first configuration corresponds to the one or more numerals (e.g., 1012) having at least one of a first shape (e.g., a first portion of the numeral is thicker or thinner than a different portion of the numeral; e.g., a first portion of the numeral is sharper or smoother than a different portion of the numeral) and a first size
  • the computer system displays, via the display generation component, the time user interface (e.g., 1010a) including the one or more numerals having a second configuration different from the first configuration includes modifying at least one of the first shape and the first size of the one or more numerals (e.g., as shown in FIGS. 10B-10C).
  • a numeral expands horizontally and/or vertically towards a center of the time user interface or shrinks horizontally and/or vertically towards one or more edges of the time user interface. In some embodiments, a numeral expands horizontally and shrinks vertically. In some embodiments, a numeral expands vertically and shrinks horizontally. In some embodiments, a numeral expands horizontally and maintains a vertical length. In some embodiments, a numeral expands vertically and maintains a horizontal length. In some embodiments, a numeral shrinks horizontally and maintains a vertical length. In some embodiments, a numeral shrinks vertically and maintains a horizontal length. In some embodiments, a numeral shrinks vertically and maintains a horizontal length.
  • modifying a shape includes modifying a portion of the numeral to be thicker or thinner. In some embodiments, modifying a shape includes modifying a portion of the numeral to be straighter or rounder. Displaying the one or more numerals having a second configuration different from a first configuration, including modifying at least one of a shape and size of the numerals, when a color boundary reaches an edge of the time user interface updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • displaying the one or more numerals having a second configuration different from a first configuration including modifying at least one of a shape and size of the numerals, when a color boundary reaches an edge of the time user interface updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent
  • modifying at least one of the first shape includes: modifying at least one of a respective shape and a respective size of a first numeral; and modifying at least one of a respective shape and a respective size of a second numeral that is different from the first numeral (e.g., as shown in FIGS. 10B-10C) (e.g., two, three, or four numerals).
  • modifying a shape includes modifying a portion of the numeral to be thicker or thinner. In some embodiments, modifying a shape includes modifying a portion of the numeral to be straighter or rounder. Modifying at least one of a shape and size of two or more numerals when a color boundary reaches an edge of the time user interface updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • the computer system detects that a first minute has ended and a second minute has started (e.g., the current time changes from 2:58pm to 2:59pm as shown in FIGS. 10B-10C or changes from 2:59pm to 3:00pm as shown in FIGS. 10D-10F).
  • the second minute is after and temporally adjacent to the first minute and in response to detecting that the first minute has ended and the second minute has started displaying, via the display generation component, the time user interface (e.g., 1010a) including a respective numeral of the one or more numerals (e.g., 1012) having the second configuration different from the first configuration, wherein the respective numeral of the one or more numerals maintains a respective value (e.g., numerals “0” “2 and “5” maintain respective values, whereas numeral “8” changes to numeral “9”).
  • the time user interface e.g., 1010a
  • the respective numeral of the one or more numerals e.g., 1012
  • numerals “0” “2 and “5” maintain respective values
  • numeral “8” changes to numeral “9”.
  • a numeral expands horizontally and/or vertically towards a center of the time user interface or shrinks horizontally and/or vertically towards one or more edges of the time user interface.
  • a numeral is removed.
  • a numeral is added. Maintaining a respective value of a numeral that changes configuration when a current minute elapses and a next minute begins updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • a background of the time user interface includes a solid color background (e.g., the color boundary that represents a number of seconds is no longer visible)
  • displaying, via the display generation component, the time user interface including the one or more numerals (e.g., 1012) having the second configuration different from the first configuration e.g., as shown in FIGS. 10C and/or 10E.
  • Displaying the one or more numerals having a second configuration different from a first configuration while a background of the time user interface includes a solid color background improves visual feedback to the user.
  • the computer system detects that a first minute that corresponds to a first hour has ended and that a second minute has started.
  • the second minute is after and temporally adjacent to the first minute.
  • a next minute in response to detecting that the first minute has ended and a next minute has started (e.g., the current time changes from 2:58pm to 2:59pm as shown in FIGS. 10B-10C or changes from 2:59pm to 3:00pm as shown in FIGS.
  • the computer system displays the time user interface (e.g., 1010a) including the one or more numerals (e.g., 1012) crossfading into one or more second numerals different from the one or more numerals.
  • the one or more second numerals include a single numeral (e.g., as shown in FIG. 10E) representing the new hour (e.g., “3” represents 3:00am or 3:00pm or “4” represents 4:00am or 4:00pm).
  • the one or more second numerals include a multiple numerals representing the new hour (e.g., “03:00” represents 3:00am or 3:00pm or “04:00” represents 4:00am or 4:00pm).
  • the computer system displays the time user interface including the one or more numerals (e.g., 1012) shifting (e.g., at least one of a shape, size, and/or center position of a numeral changes) to a new orientation.
  • Displaying the one or more numerals crossfading into one or more seconds numerals when a next minute correspond to a new hour and displaying the one or more numerals shifting to a new orientation when the next minute does not correspond to a new hour updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • permanent discoloration e.g., burn-in
  • the computer system displays, via the display generation component, the time user interface (e.g., 1010a) with one or more user interface elements (e.g., 1026, 1028, 1038, selectable user interface elements and/or complications) associated with one or more respective applications (e.g., a first user interface element associated with a first application in an upper-left comer of the time user interface, a first user interface element associated with a first application in a lower-left corner of the time user interface, a first user interface element associated with a first application in an upper-right corner of the time user interface, and/or a first user interface element associated with a first application in a lower-left comer of the time user interface), wherein the one or more user interface elements (e.g., one or more complications) are shaped based on a corresponding shape of an adjacent numeral of the one or more numerals (e.g., 1012) (e.g., as shown in FISG.
  • the one or more user interface elements e.g., one
  • a complication refers to a feature of a user interface (e.g., a home screen, a wake screen, a clock face and/or a watch face) other than those used to indicate the hours and minutes of a time (e.g., clock hands or hour/minute indications).
  • complications provide data obtained from an application.
  • a complication updates the displayed data in accordance with a determination that the data obtained from the application has been updated.
  • the complication updates the displayed data over time.
  • a complication includes an affordance that when selected launches a corresponding application.
  • a complication includes an affordance that when selected causes the computer system to perform a corresponding task.
  • a complication is displayed at a fixed, predefined location on the display.
  • complications occupy respective locations at particular regions (e.g., lower-right, lower-left, upper-right, and/or upper-left) of a user interface (e.g., a home screen, a wake screen, a clock face and/or a watch face).
  • a user may select a type of complication to include on the display.
  • a user may select parameters to display for a specific type of complication.
  • Displaying one or more user interface elements with a shape based on a corresponding shape of an adjacent numeral updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • the computer system displays the indication of time that includes one or more numerals (e.g., 1012) representing at least one of an hour and a minute with a color boundary (e.g., 1014) that represents a number of seconds that have elapsed in a current minute and moves over time toward a second edge of the time user interface as additional seconds elapse in the current minute is displaying the time user interface in a first display mode.
  • numerals e.g., 1012
  • a color boundary e.g., 1014
  • the computer system detects an event corresponding to a display mode change (e.g., 1030, a user input corresponding to a request to change the display mode or a change in device context that causes the display mode to change automatically without further user input); and in response to detecting the event, displaying, via the one or more display generation components, the time user interface in a second display mode that is different from the first display mode (e.g., as shown in FIGS.
  • a display mode change e.g., 1030, a user input corresponding to a request to change the display mode or a change in device context that causes the display mode to change automatically without further user input
  • displaying the time user interface in the second display mode includes: displaying, via the display generation component, the indication of time (e.g., 1032) with additional information that is not available in the first display mode for the time user interface (e.g., a display mode wherein the time user interface includes and/or is displayed concurrently with additional user interface elements (e.g., 1038); e.g., a display mode that changes differently with respect to time relative to how a main display mode changes with respect to time; e.g., a display mode that includes a set of widgets that can be displayed with multiple different time user interfaces), and displaying, via the display generation component, a background of the time user interface (e.g., 1034, a background in which the indication of time, complications, and/or additional user interface elements are overlaid), wherein the background includes a color gradient (e.g., a color gradient between two or more predefined colors or a color gradient between two or more user-selected colors).
  • the background includes a color gradient (e
  • the set of widgets includes a widget that includes information that is updated over time in response to the computer system receiving updated or additional information from a respective application.
  • the computer system in response to detecting selection (e.g., via a touch input, rotational input, press input, swipe input, an input using a mouse/cursor, and/or air gestures) of a widget of the set of widgets, the computer system displays a user interface of a respective application associated with (e.g., corresponding to) the selected widget (e.g., an application from which received information is displayed by the selected widget).
  • the size, position, appearance, and/or content displayed by a widget is user-configured and/or user configurable (e.g., via user input).
  • the set of widgets e.g., 1038
  • the set of widgets is a representation of a set of two or more widgets through which the computer system can scroll (e.g., in response to receiving a user scroll input and/or rotation of the rotatable input mechanism).
  • the set of widgets includes content from a subset (e.g., one, two, and/or less than all) of widgets at a time (e.g., the set of widgets displays content from a single widget of available widgets without displaying content from any other available widgets while optionally displaying at least a portion of a second widget).
  • the set of widgets e.g., 1038
  • the computer system changes the sequence in which the set of widgets are arranged based on the input (e.g., changes which widget is on top or first in the sequence).
  • the respective display mode is entered into based on (e.g., in response to detecting) user input. In some embodiments, the respective display mode is entered into based on a default setting. In some embodiments, in accordance with a determination that the time user interface is not displayed in the respective display mode, displaying, via the display generation component, a background of the time user interface, wherein the background does not include the color gradient. Displaying a background of the time user interface including a color gradient in a respective display mode updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • a background of the time user interface including a color gradient in a respective display mode updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the
  • the computer system modifies (e.g., changing) at least one color of the color gradient (e.g., as shown in FIGS. 10L-10M) (e.g., modify one or more pre-defined colors of the color gradient to one or more different colors or modify one or more user-selected colors of the color gradient to one or more different user-selected colors).
  • Modifying the color gradient when a current minute elapses and a next minute begins updates the time user interface without requiring the user to provide inputs to manually edit the time user interface and improves visual feedback to the user.
  • the color of the one or more numerals changes between a light color (e.g., white and/or light gray) and a dark color (e.g., black and/or dark gray). Modifying at least one color of the one or more numerals when a current minute elapses and a next minute begins updates the time user interface without requiring the user to provide inputs to manually edit the time user interface and improves visual feedback to the user.
  • a light color e.g., white and/or light gray
  • a dark color e.g., black and/or dark gray
  • 10K-10L e.g., display the two colors opposite a color boundary within the one or more numerals representing a number of seconds that have elapsed in a current minute and/or display the two colors as a color gradient within the two numerals.
  • Displaying a background of the time user interface with two colors when the computer system is in a first power state and displaying the two colors within the one or more numerals when the computer system is in a second power state updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • permanent discoloration e.g., burn-in
  • At least one color of the time user interface is based on a user selection (e.g., 1018a, a crown rotation, an inward press of crown, a tap gesture, and/or a long press gesture) of a color option from a plurality of color options (e.g., bright options, neutral options, due tone options, and/or monotone options) (e.g., as shown in FIGS. 101- 10J).
  • Displaying a color of the time user interface based on a user selection from of a plurality of color options updates the time user interface without requiring the user to provide inputs to manually edit the time user interface and improves visual feedback to the user.
  • changing the portion of the numeral includes changing a curvature (e.g., 1252 and/or 1254) of the numeral from a first curvature to a second curvature that is different from the first curvature.
  • the first curvature has a smaller degree of curvature than the second curvature.
  • the second curvature has a smaller degree of curvature than the first curvature.
  • displaying the time user interface includes: in accordance with a determination that a position of the first boundary (e.g., 1248) is at an edge (e.g., 1250) of a numeral of the one or more numerals (e.g., the first boundary and the edge of the numeral are positioned along the same horizontal line or the first boundary and the edge of the numeral are positioned along the same vertical line), forgoing changing a portion of the numeral (e.g., the computer system forgoes changing a position of the portion of the numeral and/or maintains display of the portion of the numeral extending along the first position).
  • a position of the first boundary e.g., 1248
  • an edge e.g., 1250
  • a numeral of the one or more numerals e.g., the first boundary and the edge of the numeral are positioned along the same horizontal line or the first boundary and the edge of the numeral are positioned along the same vertical line
  • changing the portion of the numeral includes: as the color boundary (e.g., 1214) moves towards the first boundary (e.g., 1248), changing the portion of the numeral from extending along the first position (e.g., 1246) to extending along a third position (e.g., a position between the color boundary before a second elapses and the color boundary after the second elapses), wherein the third position is between the first position and the first boundary.
  • position of the numeral changes gradually from the first position (e.g., 1246) to the third position to the first boundary.
  • the position of the numeral changes gradually from the first position (e.g., 1246) to the third position to the first boundary (e.g., 1248).
  • a second power state e.g., a lower power state, a sleep state, a resting state, and/or a reduced power state
  • the computer system consumes less power in the second power state than in the first power state (e.g., because in the active state, a display has a higher brightness, a display has a faster refresh rate, a higher power processor is in use, a processor is in a higher power state, and/or one or more additional sensors are taking more frequent sensor measurements)
  • the computer system changes the portion of the numeral from extending along a first position (e.g., 1246, a position of a straight edge of the numeral and/or a position of a curved edge of the numeral) to extending along the first boundary (
  • FIG. 12A illustrates computer system 600, which includes display 602 (e.g., a touch-sensitive display), rotatable and depressible input mechanism 604, and button 606.
  • computer system 600 is a smartwatch.
  • computer system 600 displays, on display 602, time user interface 1210a.
  • time user interface 1210a includes one or more numerals representing an indication of the current time, such as “1009” representing a current time of 10:09am.
  • Time user interface 1210a also includes color boundary 1214 that represents a number of seconds that have elapsed in a current minute.
  • Color boundary 1214 moves over time from a first edge (e.g., a top edge) to a second edge (e.g., a bottom edge) as the seconds within the current minute elapse. For instance, as depicted in FIG. 12A, color boundary 1214 is halfway between the top edge and the bottom edge of time user interface 1210a, which represents 30 seconds having elapsed in the current minute.
  • Time user interface 1210a includes user interface element 1220, corresponding to a calendar application and indicating a current date.
  • Time user interface 1210a further includes user interface element 1222, corresponding to a weather application and indicating current weather conditions at a location.
  • a first portion 1218a of a background of time user interface 1210a includes a third color and on the other side of color boundary 1214 (e.g., below the color boundary), a second portion 1218b of the background of time user interface 1210a includes a fourth color.
  • First portion 1216a of the one or more numerals and second portions 1216b of the one or more numerals generally have either a white color or a black color, respectively (e.g., or a relatively light color and a relatively dark color, respectively).
  • the first potion 1218a and second portion 1218b of the background have a relatively light color and a relatively dark color, such that the corresponding portion of the one or more numerals has a relatively opposite brightness to that of the corresponding background.
  • first portion 1216a of the one or more numerals has a white color
  • second portion 1216b of the one or more numerals has a dark blue color
  • first portion 1218a of the background has a dark green color
  • second portion 1218b of the background has a light pink color.
  • a color of a user interface element matches a corresponding color of a portion of a numeral on a same side of color boundary 1214.
  • user interface element 1222 includes the same color as first portion 1216a of the one or more numerals, which is white.
  • user interface element 1220 includes the same color as second portion 1216b of the one or more numerals, which is dark blue.
  • a change in time to a new minute is displayed.
  • the color boundary has moved completely to the bottom edge of time user interface 1210a such that the color boundary is no longer visible.
  • the background of time user interface takes on the color of first portion 1218a of the background from the previous minute (e.g., dark green) and one or more numerals 1212 take on the color of first portion 1216a of the one or more numerals from the previous minute (e.g., white).
  • a size and/or shape of one or more numerals 1212 change in response to the time change to the new minute, and/or one or more numerals are added or removed.
  • a numeral is displayed as “morphing” and/or shifting into a new shape and/or size (e.g., a change in horizontal or vertical length), or into a new number (e.g., from a “1” to “2”). Relative to the previous minute (e.g., as depicted in FIG. 12A), the “1” in the upper left comer and the “0” in the upper right corner remain displayed.
  • a shape of user interface element 1220 changes from curved to straight. The shape change occurs in order for user interface element 1220 to become aligned with the newly displayed “1.” Based on the alignment with the newly displayed “1,” user interface element 1220 also shifts position to move closer to a center of time user interface 1210a. User interface element 1220 also changes color from dark blue to white based on color boundary moving to the bottom edge of time user interface 1210a. As seconds begin to elapse in the new minute, color boundary 1214 begins to move in a predefined direction from a predefined edge of time user interface 1210a (e.g., move downward from the top edge of time user interface 1210a).
  • color boundary 124 has moved from the top edge of time user interface 1210a downward (e.g., a 75% portion of the display area downward) on time user interface 1210a indicating that 45 seconds have elapsed relative to FIG. 12B (e.g., 75% of one minute). Accordingly, the position of color boundary 1214 indicates that 45 seconds have elapsed in the current minute of 10: 10am.
  • first portion 1218a of the background includes a different color from a set of predefined colors (e.g., a color not previously displayed on time user interface within a predefined number of minutes).
  • first portion 1218a of the background which was previously dark blue (e.g., as depicted in FIGS. 12A-12C) has changed to light orange. Accordingly, first portion of the one or more numerals 1216a has changed to dark green and user interface element 1222 changes to dark green.
  • second portion 1218b of the background maintains the same color (e.g., dark blue) that was displayed during the previous minute (e.g., as depicted in FIGS. 12A-12C). Accordingly, second portion of the one or more numerals 1216b maintains a white color.
  • an upper portion of user interface element 1220 corresponds to the color of first portion of the one or more numerals 1216a (e.g., dark green) and a lower portion of user interface element 1220 corresponds to the color of second portion of the one or more numerals 1216b (e.g., white).
  • user interface elements include either one color or two colors at a point in time.
  • computer system 600 transitions from an active state to a sleep, resting, and/or lower power state. For instance, the user lowers computer system 600 to a resting position (e.g., at the user’s side and/or in the user’s pocket) and/or performs a hand cover gesture over computer system 600. As a result, computer system enters the sleep, resting, and/or lower power state. While in the sleep, resting, and/or lower power state, the first portion 1218a of the background and second portion 1218b of the background are displayed with a black color (e.g., or alternatively, a dark color).
  • a black color e.g., or alternatively, a dark color
  • the upper portion of user interface element 1220 is light orange (e.g., consistent with the color of first portion 1216a of the one or more numerals) and the lower portion of user interface element 1220 is dark blue (e.g., consistent with the color of first portion 1216a of the one or more numerals).
  • a current time is 5:58pm, represented by numerals “0558.”
  • user interface element 1220 has changed positions (e.g., relative to FIGS. 12A-12D) from the lower left portion of time user interface 1210a to the lower right portion of time user interface 1210a. In particular, user interface element 1220 is aligned around a lower right portion of the numeral “8.”
  • User interface element 1222 has changed positions (e.g., relative to FIGS. 12A-12D) from the upper right portion of time user interface 1210a to the upper left portion of time user interface 1210a. In particular, user interface element 1220 is aligned around an upper right portion of the numeral “0.”
  • a user provides input 1226 (e.g., via a press-and-hold input on display 1202) in order to navigate to an editing user interface.
  • an editing user interface 1228 is displayed.
  • the user taps “edit” affordance 1230 in order to navigate to a plurality of selectable editing options within editing user interface 1220.
  • the user performs one or more gestures (e.g., a left swipe gesture or a right swipe gesture) to arrive at a color editing user interface 1228a.
  • the user selects a color scheme from a plurality of color schemes such that changes in time will include color changes consistent with a set of colors for the selected color scheme (e.g., as discussed with respect to FIGS. 12H-12I). For instance, a current color scheme corresponds to “Blue.”
  • the user further navigates to an editing user interface 1228b for editing various aspects of the displayed user interface elements, such as user interface elements 1220 and 1222.
  • the user rotates rotatable and depressible input mechanism 1204 in order to modify the positions of user interface elements 1220 and 1222.
  • the user can modify the relative positions of user interface elements 1220 and 1222 (e.g., positions such as upper left, upper right, lower left, and lower right)
  • the user is not able to modify the positions of the user interface elements.
  • the user cannot customize the alignment and position of a user interface element along a numeral.
  • the user rotates rotatable and depressible input mechanism 1204 in order to move user interface element 1220 from a lower right position (e.g., as shown in FIG. 12E) to a lower left position and to move user interface element 1222 from an upper left position (e.g., as shown in FIG. 12E) to an upper right position.
  • a rotation of rotatable and depressible input mechanism 1204 will cause multiple user interface elements to move.
  • a rotation of rotatable and depressible input mechanism 1204 will cause a single user interface element to move (e.g., in combination with a tap input on a desired user interface element prior to rotation).
  • Options are also provided for a user to change the type of user interface element displayed on time user interface 1210a.
  • a user taps on a desired user interface element, which will cause a plurality of selectable options to appear.
  • the plurality of selectable options includes a plurality of applications and/or application functions, the selection of which will cause the selected application or application function to replace the selected user interface element within the editing user interface.
  • the user taps on user interface element 1220 and selects an activity application in order to change user interface element 1220 from a user interface element associated with a calendar application to a user interface element associated with an activity application.
  • the user taps on user interface element 1222 and select a stocks application in order to change user interface element 1222 from a user interface element associated with a weather application to a user interface element associated with a stocks application.
  • the user rotates rotatable and depressible input mechanism 1204 in order to further change the position of one or more user interface elements.
  • a rotation of rotatable and depressible input mechanism 1204 causes user interface element 1222 to change positions from the upper right comer of time user interface 1210a to the lower right corner of time user interface 1210a.
  • the user rotates rotatable and depressible input mechanism 1204 in order to further change the position of one or more user interface elements.
  • a rotation of rotatable and depressible input mechanism 1204 causes user interface element 1220 to change positions from the lower left corner of time user interface 1210a to the upper left comer of time user interface 1210a.
  • the user provides input 1232 (e.g., a tap input or a press-and-hold input) to save the changes made and exit editing user interface 1228b.
  • the user provides input 1234 in order to interact with user interface element 1222.
  • the user taps on user interface element 1222 which is associated with a stocks application.
  • a stocks application 1236 is displayed on display 1202.
  • the user returns to the time user interface by way of one or more inputs such as pressing an affordance displayed on stocks application 1236 and/or pressing a hardware button (e.g., rotatable and depressible input mechanism 1204 and/or button 1206).
  • a hardware button e.g., rotatable and depressible input mechanism 1204 and/or button 1206
  • user interface elements are also disabled as in FIG. 12M.
  • numerals 1212 within time user interface 1210a are displayed not displayed within a margin.
  • the user interface elements are displayed outside of a margin, such as margin 1238 in FIG. 12M (e.g., as discussed with respect to FIGS. 12A-12L).
  • the size of numerals 1212 is enlarged such that the edges of numerals 1212 are closer to the edge of time user interface 1210a than as discussed in FIG. 12M.
  • the size of numerals 1212 is decreased such numerals 1212 such that the size of numerals are similar and/or the same as discussed in FIG. 12M.
  • a user interface element includes a straight shape or a curved shape (e.g., convex or concave).
  • a first portion of a user interface element includes a first shape, such as straight and/or curved
  • a second portion of the user interface includes a different shape, such as straight and/or curved.
  • a text direction of the user interface elements also changes based on the particular alignment of the user interface element.
  • FIGS. 12O-12Q provide several exemplary alignments, shapes, and positions of user interface elements.
  • FIG. 120 includes a current time of 2:27pm.
  • user interface element 1220 has a straight shape, a horizontal direction, and is aligned along a bottom edge of the minute numeral “2.”
  • User interface element 1222 has a straight shape, a diagonal direction, and is aligned along a lower right edge of minute numeral “7.”
  • FIG. 12P includes a current time of 12:04pm.
  • user interface element 1220 has a straight shape, a diagonal direction, and is aligned along a top edge of the hour numeral “1.”
  • User interface element 1222 has a straight shape, an upward direction, and is aligned along a right edge of minute numeral “4.”
  • FIG. 12Q includes a current time of 2:56pm.
  • user interface element 1220 has a straight shape, an upward direction, and is aligned along a left edge of the minute numeral “5.”
  • User interface element 1222 has a curved shape, an upward curved direction, and is aligned along a middle portion of minute numeral “2.”
  • FIG. 12R includes current time of 10:09pm.
  • one or more numerals 1212 and color boundary 1214 are depicted.
  • a numeral “0” within one or more numerals 1212 includes an internal edge 1240 and corresponding internal curves 1242 and 1244. The alignment of internal edge 1240 is highlighted via line 1246. Also shown is line 1248 representing the location that color boundary 1214 will reach when color boundary 1214 moves based on the passage of time (e.g., the passage of one second).
  • a numeral “9” within one or more numerals 1212 includes internal edges 1250 and corresponding internal curves 1252 and 1254.
  • a portion of the numeral is not changed. For example, when a distance between color boundary 1214 and internal edge 1240 is more than the distance color boundary 1214 moves when at least one second elapses (or a percentage of the distance color boundary 1214 moves when one second elapses), a portion of the corresponding numeral “0” is not changed.
  • color boundary 1214 continues to move across time user interface 1210a, such that color boundary 1214 approaches the edges of other numerals. Accordingly, when a distance between color boundary 1214 and an edge of other numeral(s) is less than the threshold distance, a portion of the corresponding numeral is changed similar, the same, and/or analogous to that of internal edge 1240 (as discussed with respect to FIGS. 12R-12T). For example, an edge of the numeral “8” (e.g., as shown in FIG. 10B) changes as color boundary 1014 approaches the edge of the numeral “8” and optionally exhibits some of the same behavior described above with reference to FIGS.
  • the second portion is different from the first portion (e.g., the first portion is a top portion and the second portion is a bottom portion).
  • the user interface element e.g., 1222, 1224, and/or a complication
  • the second numeral replaces the first numeral when the time changes.
  • the second numeral replaces a numeral that is different from the first numeral when the time changes.
  • the computer system displays, via the display generation component, the user interface element (e.g., 1222, 1224, and/or a complication) having a first color (e.g., the user interface element includes one color at the first time or the user interface includes two colors at the first time); and at a second time different from the first time, the computer system displays, via the display generation component, the user interface element (e.g., 1222, 1224, and/or a complication) having a second color different from the first color (e.g., the user interface element includes one color at the first time or the user interface includes two colors at the first time) (e.g., as shown in FIGS. 12A-12B).
  • the user interface element e.g., 1222, 1224, and/or a complication
  • a color of the first numeral of the representation of time corresponds to a first color
  • a color of the user interface element corresponds to the first color
  • at a second time different from the first time the color of the first numeral of the representation of time (e.g., the color of the first numeral changes at the second time; e.g., the color changes along a linear boundary and/or the color changes along a boundary within the numeral) has a second color different from the first color
  • the color of the user interface element e.g., 1222, 1224, and/or a complication
  • the second color e.g., the color of the user interface element changes at the second time
  • Changing the color of the first numeral and the color of the user interface element as time changes updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • permanent discoloration e.g., burn-in
  • a second region of the time user interface e.g., an upper corner, a lower corner, a right side, and/or a left side
  • a third numeral is displayed in the first region (e.g., a third hour numeral or a third minute numeral) (e.g., a numeral that is the same as the first numeral, different from the first numeral, the same as the second numeral or different from the second numeral)
  • the user interface element e.g., 1222, 1224, and/or a complication
  • a first location in the second region e.g., a location that is determined based on a shape of the third numeral
  • the second region of the time user interface e.g., an upper corner, a
  • the computer system in response to detecting the change in time: while displaying the user interface element (e.g., a complication) aligned with the second portion of the second numeral of the representation of time: the computer system displays, via the display generation component, the user interface element (e.g., 1222, 1224, and/or a complication) having a third characteristic different from the first characteristic (e.g., a curvature, a text direction, a shape, a color, and/or a general location); and the computer system displays, via the display generation component, the second user interface element (e.g., 1222, 1224, and/or a complication) aligned with (e.g., aligned along and/or wraps around) a fourth portion (e.g., aligned along a straight edge, aligned along an outwardly curved or convex edge, and/or aligned along an inwardly curved or concave edge) of a fourth numeral of the representation of time
  • Displaying a second user interface element in a time user interface that includes a representation of time including displaying the user interface element aligned with a third portion of a third numeral of the representation of time and in response to detecting a change in time, displaying the second user interface element aligned with a fourth portion of a fourth numeral of the representation of time updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., bum-in) on the display screen based on varying display patterns and/or colors.
  • permanent discoloration e.g., bum-in
  • the user interface element (e.g., 1222, 1224, and/or a complication) has a first shape (e.g., a straight shape, a circular shape, a rectangular shape, a triangular shape, an outwardly curved or convex shape, and/or an inwardly curved or concave shape), and the second user interface element (e.g., 1222, 1224, and/or a complication) has a second shape different from the first shape (e.g., a straight shape, a circular shape, a rectangular shape, a triangular shape, an outwardly curved or convex shape, and/or an inwardly curved or concave shape).
  • a first shape e.g., a straight shape, a circular shape, a rectangular shape, a triangular shape, an outwardly curved or convex shape, and/or an inwardly curved or concave shape
  • the first shape is based on a configuration of the first numeral (e.g., the boundaries of the numeral and/or the size of the numeral) of the representation of time.
  • the second shape is based on a configuration (e.g., the boundaries of the numeral and/or the size of the numeral) of the third numeral of the representation of time.
  • the first shape changes to a third shape which is based on a configuration (e.g., the boundaries of the numeral and/or the size of the numeral) of the second numeral.
  • the second shape changes to a fourth shape which is based on a configuration (e.g., the boundaries of the numeral and/or the size of the numeral) of the fourth numeral (e.g., as shown in FIGS. 12A- 12D and/or 12Q).
  • Displaying the user interface element with a first shape and the second user interface element with a different shape updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • first curvature is based on a curvature of the first numeral of the representation of time.
  • second curvature is based on a curvature of the third numeral of the representation of time.
  • first curvature changes to a third curvature which is based on a curvature of the second numeral.
  • the second curvature changes to a fourth curvature which is based on a curvature of the fourth numeral (e.g., as shown in FIGS. 12A-12D and/or 12Q).
  • Displaying the user interface element with a first curvature and the second user interface element with a different curvature updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • the user interface element includes (e.g., 1222, 1224, and/or a complication) first text in a first direction (e.g., text in an upward direction, text in a downward direction, text in a right direction, and/or text in a left direction), and the second user interface element (e.g., 1222, 1224, and/or a complication) includes second text in a second direction different from the first direction (e.g., text in an upward direction, text in a downward direction, text in a right direction, and/or text in a left direction).
  • first direction e.g., text in an upward direction, text in a downward direction, text in a right direction, and/or text in a left direction
  • second user interface element e.g., 1222, 1224, and/or a complication
  • the first text is based on a configuration of the first numeral (e.g., the boundaries of the numeral and/or the location of the numeral on the time user interface) of the representation of time.
  • the second text is based on a configuration (e.g., the boundaries of the numeral and/or the location of the numeral on the time user interface) of the third numeral of the representation of time.
  • the first text changes to a third text in a third direction different from the first direction which is based on a configuration (e.g., the boundaries of the numeral and/or the location of the numeral on the time user interface) of the second numeral.
  • the second text changes to a fourth text in a fourth direction which is based on a configuration (e.g., the boundaries of the numeral and/or the location of the numeral on the time user interface) of the fourth numeral (e.g., as shown in FIGS. 12A-12D and/or 12O-12Q).
  • Displaying the user interface element with a first text direction and the second user interface element with a different text direction updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • the user interface element (e.g., 1222, 1224, and/or a complication) is positioned on a first side of the time user interface (e.g., 1210a) (e.g., an upper side, a left side, a right lower, and/or a lower side), and the second user interface element (e.g., 1222, 1224, and/or a complication) is positioned on a second side of the time user interface different from the first side of the time user interface (e.g., an upper side, a left side, a right lower, and/or a lower side); and at a second time: the user interface element (e.g., 1222, 1224, and/or a complication) is positioned on the second side of the time user interface (e.g., an upper side, a left side, a right lower, and/or a lower side), and the second user interface element (e.g., 1222
  • the user interface element and the second user interface element are on opposite sides before changing position and are on opposite sides after changing position. In some embodiments, the user interface element and the second user interface element are on opposite sides before changing position and are on the same side after changing position. In some embodiments, the user interface element and the second user interface element are on the same side before changing position and are on opposite sides after changing position. In some embodiments, the user interface element and the second user interface element are on the same side before changing position and are on the same side after changing position.
  • the time user interface (e.g., 1210a) includes a first user interface element that includes first status information (e.g., 1222, 1224, and/or a first complication) and a second user interface element that includes second status information (e.g., 1222, 1224, and/or a second complication) that is different from the first status information; and displaying the time user interface includes: at a first time: displaying a respective portion of the representation of time (e.g., one or more numerals that represent a current time) with the first color, and displaying the first user interface element (e.g., 1222, 1224, and/or a complication) with the first color; displaying the second user interface element (e.g., 1222, 1224, and/or a complication) with the first color (e.g., the color of the user interface element and the second user interface element is the same at the first time); and at a second time different from the first time:
  • first status information e.
  • the first user interface element and the second user interface element change from having the same first color to having the same second color.
  • the first user interface element and the second user interface element change from having the same color to having different colors.
  • Displaying the user interface element and second user interface element having a first color at a first time and different colors at a second time updates the time user interface without requiring the user to provide inputs to manually edit the time user interface, improves visual feedback to the user, and prevents permanent discoloration (e.g., burn-in) on the display screen based on varying display patterns and/or colors.
  • the user interface element (e.g., 1222, 1224, and/or a complication) consists of text having a maximum threshold length of characters.
  • the text has a minimum threshold length of character (e.g., two characters, three characters, four characters, and/or five characters). Displaying the user interface elements including text having a predefined maximum threshold length of characters improves visual feedback to the user.
  • methods 700, 900, 1100, 1500, and/or 1700 optionally include one or more of the characteristics of the various methods described above with reference to method 1300.
  • the same computer system performs methods 700, 900, 1100, 1300, 1500, and/or 1700 and/or the various time user interfaces recited in methods 700, 900, 1100, 1300, 1500, and/or 1700 are implemented on the same computer system. For brevity, these details are not repeated below.
  • FIGS. 14A-14V illustrate techniques for displaying an indication of timer progress, in accordance with some embodiments.
  • computer system 1400 includes display 1402, which optionally includes a touch-sensitive surface (e.g., to form a touch display), rotatable input mechanism 1404, first button 1408 (e.g., a first physical button and/or a first mechanical button), and second button 1406 (e.g., a second physical button and/or a second mechanical button).
  • first button 1408 e.g., a first physical button and/or a first mechanical button
  • second button 1406 e.g., a second physical button and/or a second mechanical button.
  • computer system 1400 is the same computer system as electronic devices 100, 300, and/or 500.
  • computer system 1400 includes some or all the features of electronic devices 100, 300, and/or 500.
  • seconds progress indicator 1410A advancing along (e.g., filling and/or moving along) the path of seconds indicator 1410 in a clockwise direction as time progresses.
  • Seconds progress indicator 1410A advancing indicates the passage of time in seconds.
  • Time user interface 1412 also includes visual object 1414 in the path of seconds indicator 1410.
  • visual object 1414 indicates the current day and/or date.
  • the visual object in the path of seconds indicator 1410 is a complication, a logo, text, and/or other information.
  • the visual appearance e.g., color, size, boldness, and/or height
  • Computer system 1400 detects a first type of input (e.g., tap input 1450A directed at time user interface 1412 (e.g., directed to hour and minute indicators 1412A and/or a different part of time user interface 1412), a double tap input directed at time user interface 1412, a touch input directed at time user interface 1412, and/or single press 1450B of first button 1408) and, in response, replaces display of time user interface 1412 with timer user interface 1426, including replacing seconds indicator 1410 with progression indicator 1420, as shown in FIG. 14C, without automatically starting the countdown timer.
  • a first type of input e.g., tap input 1450A directed at time user interface 1412 (e.g., directed to hour and minute indicators 1412A and/or a different part of time user interface 1412), a double tap input directed at time user interface 1412, a touch input directed at time user interface 1412, and/or single press 1450B of first button 1408) and, in response, replaces display of time user interface 14
  • computer system 1400 in response to computer system 1400 detecting a type of input (e.g., a tap-and-hold input and/or a triple-tap input) that is different from the first type and directed at time user interface 1412, computer system 1400 displays a user interface that is different from timer user interface 1426, such as a user interface for selecting a time user interface (e.g., a watch face) that is different from time user interface 1412.
  • a type of input e.g., a tap-and-hold input and/or a triple-tap input
  • timer user interface 1426 such as a user interface for selecting a time user interface (e.g., a watch face) that is different from time user interface 1412.
  • computer system 1400 is displaying timer user interface 1426 while computer system 1400 optionally continues to detect single press 1450B of first button 1408.
  • visual object 1414 is animated during the transition between time user interface 1412 and timer user interface 1426, such as changing in color, size, height, font, and/or boldness as shown by the visual changes in visual object 1414 in FIGS. 14B-14D, thereby indicating to the user that computer system 1400 has detected an input (e.g., the first type of input) at first button 1408.
  • Timer user interface 1426 includes current time 1412B, countdown time 1426A (e.g., indicating minutes and seconds and/or numerically indicating a countdown duration), accept option 1426B, start option 1426C, and progression indicator 1420.
  • hour and minute indicators 1412A transform into current time 1412B, such as by an animated reduction in size and movement towards the top of display 1402.
  • progression indicator 1420 includes a path (e.g., around the perimeter of display 1402 and/or along an edge of display 1402) that corresponds to the initial countdown time (e.g., the current value of the initial countdown time 1426A).
  • the full length of the path (e.g., one revolution around the perimeter of display 1402) of progression indicator 1420 corresponds to 5 minutes (e.g., the same as the initial countdown time, as shown in FIG. 14C).
  • the path of progression indicator 1420 is divided into segments (e.g., 1420A-1420D), with each segment corresponding to one minute.
  • the number of segments is based on the value of the initial countdown time 1426A (e.g., one segment for each minute and/or one segment for each minute and fraction of minute).
  • the segments boundaries are indicated by time unit boundaries 1422A-1422E. While the timer is running, timer progress indicator 1430A advances along (e.g., emptying, vacating, filling, and/or moving along) the path of progression indicator 1420 and provides the user with feedback about how much time has passed.
  • computer system 600 detects an input (e.g., 1450C, 1450D, 1450E, and/or 1450F).
  • an input e.g., 1450C, 1450D, 1450E, and/or 1450F.
  • computer system 600 starts the countdown timer, as shown in FIG. 14G.
  • a press e.g., a single press or a press-and-hold
  • computer system 600 In response to detecting the input and in accordance with a determination that the input (e.g., 1450E) is directed to a rotation (e.g., clockwise or counterclockwise) of rotatable input mechanism 1404, computer system 600 changes (e.g., based on a direction and/or magnitude of input) the initial countdown time 1426A and optionally displays timer entry user interface 1434, as shown in FIG. 14Q. In some embodiments, rotation of rotatable input mechanism 1404 in a first direction (e.g., counterclockwise) decreases the initial countdown time 1426A, as shown in FIG. 14R.
  • a first direction e.g., counterclockwise
  • rotation of rotatable input mechanism 1404 in a second direction increases the initial countdown time 1426A, as shown in FIG. 14S.
  • computer system 600 displays timer entry user interface 1434, as shown in FIG. 14Q, for modifying the initial countdown time 1426A.
  • computer system 1400 is displaying time user interface 1412 in the same or similar state as that in FIG. 14B.
  • computer system 1400 detects a second type of input (e.g., double-press 1450G) directed to first button 1408 and, in response, replaces display of time user interface 1412 with timer user interface 1426, including replacing seconds indicator 1410 with progression indicator 1420 and automatically starts the countdown timer without requiring additional user input, as shown in FIG. 14G.
  • a second type of input e.g., double-press 1450G
  • computer system 1400 receives an input and, in accordance with a determination that the input is a first type of input (e.g., 1450A and/or 1450B), displays timer user interface 1426 without starting the countdown timer (e.g., to allow for modification of the initial countdown time) and in accordance with a determination that the input is a second type of input (e.g., 1450G) displays timer user interface 1426 and starts the countdown timer (e.g., to allow for quick starting of the countdown).
  • a first type of input e.g., 1450A and/or 1450B
  • displays timer user interface 1426 without starting the countdown timer e.g., to allow for modification of the initial countdown time
  • a second type of input e.g., 1450G
  • computer system 1400 has started the countdown timer (e.g., in response to detecting input 1450C, 1450F, and/or 1450G).
  • computer system 1400 outputs one or more non-visual outputs to indicate that the countdown has started, such as tactile output 1460A and/or audio output 1460B.
  • timer progress indicator 1430A advances along (e.g., emptying, vacating, and/or moving along) the path of progression indicator 1420. As shown in FIG.
  • timer progress indicator 1430 A starts at first time unit boundary 1422 A and advances along the path of progression indicator 1420 in a counterclockwise direction at a rate the corresponds to one segment (e.g., 1420A-1420D) per minute.
  • computer system 1400 outputs one or more non-visual outputs (e.g., tactile output and/or audio output) to indicate that the countdown timer has reached a time boundary. As shown in FIG.
  • computer system 1400 In response to detecting the input and in accordance with a determination that the input (e.g., 1450J without 1450K) is directed at (e.g., the first type of input, the second type of input, a single press, and/or a double-press) first button 1408 (e.g., only first button 1408 is pressed), computer system 1400 updates the countdown timer to synchronize to a respective minute boundary and to continue counting down.
  • synchronizing to a respective minute boundary includes synchronizing the countdown timer down to the next minute boundary (e.g., changing the remaining time on the countdown timer from 3:20 to 3:00).
  • time has progressed (e.g., as indicated by current time 1412B) and the countdown timer has advanced, as indicated by countdown time 1426 A and timer progress indicator 1430A (e.g., advancing in the counterclockwise direction).
  • computer system 1400 outputs one or more non-visual outputs (e.g., tactile output 1460C and/or audio output 1460D) to indicate that the countdown timer has reached one minute remaining, thereby providing the user with feedback that the countdown timer is nearing the end of the countdown time.
  • non-visual outputs e.g., tactile output 1460C and/or audio output 1460D
  • computer system 1400 outputs one or more non-visual outputs (e.g., tactile output 1460E and/or audio output 1460F) at a respective interval (e.g., every 10 seconds and/or every 15 seconds) to indicate how much time is remaining, thereby providing the user with feedback that the countdown timer is nearing the end of the countdown time.
  • non-visual outputs e.g., tactile output 1460E and/or audio output 1460F
  • time has progressed (e.g., as indicated by current time 1412B) and the countdown timer has advanced, as indicated by countdown time 1426A (e.g., reaching the end of the countdown timer at 00:00) and timer progress indicator 1430A (e.g., advancing in the counterclockwise direction to reach time unit boundary 1422A).
  • computer system 1400 outputs one or more non-visual outputs (e.g., tactile output 1460F and/or audio output 1460H) to indicate that there is no time remaining on the countdown timer.
  • non-visual outputs e.g., tactile output 1460F and/or audio output 1460H
  • computer system 1600 outputs audio output 1460H using a speaker mode that is different from speaker modes used for music playback (e.g., so that audio output 1460H is louder and/or can be heard more easily).
  • computer system 1400 automatically begins a count-up timer, as shown in FIG. 14M.
  • count-up time 1428A has a higher resolution of time (e.g., has higher precision) than countdown time 1426A.
  • count-up time 1428 A and timer progress indicator 1430 A indicate how much time have elapsed since the end of the countdown timer was reached (e.g., the countdown timer expired).
  • the computer system while operating in the first timer mode, is configured to detect user inputs to modify settings of the timer (e.g., change a duration of the timer and/or change one or more visual characteristics of the indication of timer progress).
  • modify settings of the timer e.g., change a duration of the timer and/or change one or more visual characteristics of the indication of timer progress.
  • performing the operation includes: in accordance with a determination that the indication of timer progress is advancing (e.g., the count up timer is running and/or the count down timer is running), stopping the time, pausing the timer, and/or ceasing advancing the indication of timer progress; and in accordance with a determination that the indication of timer progress is not advancing (e.g., the count up timer is not running and/or the count down timer is not running), starting the timer, restarting the timer, and/or starting/restarting advancing the indication of timer progress.
  • Pausing and/or resuming the timer when the hardware button is activated along with a second hardware button enables the computer system to provide the user with quick access to the pause/resume operations, thereby reducing the number of inputs required to perform the operations, increasing the accuracy of the user’s ability to synchronize the timer with external events, and improving the man-machine interface.
  • the computer system detects activation of the hardware button to display the indication of timer progress (e.g., that does not automatically progress) and (while displaying the indication of timer progress) the computer system detects a set of one or more touch inputs to cause the indication of timer progress to progress over time. Initiating the timer in response to detecting touch inputs enables the computer system to provide the user with visual feedback that the touch inputs were detected, thereby providing improved visual feedback.
  • the computer system in response to detecting the request to initiate the timer, advances the indication of timer progress (e.g., 1430A) to indicate counting down from an initial time value (e.g., 4 minutes, 5 minutes, and/or 1 hour) towards a first time value (e.g., to 0 seconds, 1 minute, and/or 3 minutes) (e.g., as in FIGS.
  • an initial time value e.g., 4 minutes, 5 minutes, and/or 1 hour
  • a first time value e.g., to 0 seconds, 1 minute, and/or 3 minutes
  • the computer system In response to the indication of timer progress (e.g., 1420 and/or 1430A) reaching the first time value (e.g., as in FIG. 14L), the computer system (e.g., 1400) advances the indication of timer progress (e.g., 1420 and/or 1430A) to indicate counting up from a second time value (e.g., as in FIGS. 14M and/or 14O-14P).
  • the first time value is the same as the second time value. In some embodiments, the first time value is different from the second time value.
  • the timer counts down from the initial time value until no timing is remaining (0 minutes and 0 seconds) and then automatically starts counting up (e.g., the same as or similar to a stopwatch).
  • the computer system receives user input (e.g., prior to detecting the request to initiate the timer) to modify and/or set the initial time value.
  • Counting down until a first time value is reached and then automatically counting up provides the user with visual feedback about how much time is left until the first time value (e.g., how much of a 5-minute timer is remaining) and also how much time has elapsed after the timer expired (e.g., how much time has passed since the 5-minute timer has elapsed), thereby providing improved visual feedback and reducing the number of inputs required (as compared to requiring manual input to start the count-up timer after expiration of the count-down timer).
  • a direction of movement of the indication of timer progress changes (e.g., 1430A) (e.g., from counterclockwise to clockwise and/or from right to left) when the indication of timer progress (e.g., 1430 A) reaches the first time value (e.g., as in FIG. 14L).
  • the indication of timer progress moves in a first direction (e.g., counterclockwise and/or to the right) and while advancing the indication of timer progress up from the second time value, the indication of timer progress moves in a second direction (e.g., clockwise and/or to the left) that is different from (e.g., opposite of and/or orthogonal to) the first direction.
  • a speed of the indication of timer progress also changes (e.g., increases or decreases) when the indication of timer progress reaches the first time value.
  • Changing a direction of the indication of timer progress when the first time value is reached provides the user with a visual indication that the first time value has been reached (e.g., any time the user looks at the indication of timer progress, the user can know if the timer is counting down or up based on (or, optionally based only on) the direction of the indication of timer progress), thereby providing improved visual feedback.
  • a path along which the indication of timer progresses corresponds to: a first duration (e.g., 5 minutes, 8 minutes, or 1 hour) while the indication of timer progress (e.g., 1430A)counts down to the first time value (e.g., the indication of timer progresses at a first speed along the path) (e.g., as in FIGS.
  • a second duration e.g., 30 seconds, 1 minute, or 3 minutes
  • the indication of timer progress e.g., 1430 A
  • the second time value e.g., the indication of timer progress progresses at a second speed, different from the first speed, along the path
  • Changing the duration indicated by the path of the indication of timer progresses enables the computer system to show different events (counting down and counting up) with different visual fidelities, thereby improving the man-machine interface.
  • the computer system displays, via the one or more display generation components (e.g., 1402) and concurrently with the indication of timer progress (e.g., 1420 and/or 1430A), a plurality of regions (e.g., 1420A-1420E) that correspond to (e.g., indicate) respective time unit boundaries (e.g., 30-second boundaries, minute boundaries, and/or hour boundaries), wherein the indication of timer progress (e.g., 1430A) advances relative to (e.g., along, over, and/or next to) the plurality of regions (e.g., 1420A-1420E).
  • the indication of timer progress e.g., 1430A
  • the plurality of regions e.g., 1420A-1420E
  • the first of conditions includes a first threshold condition that is met when the initial time value is less than a respective value (e.g., less than 8 minutes, less than 15 minutes, or less than 5 hours). Displaying regions to show time boundaries (e.g., minute boundaries) provides the user with visual feedback about how much time has elapsed (as the indication of timer progress passes by the time boundaries), thereby providing the user with improved visual feedback.
  • a respective value e.g., less than 8 minutes, less than 15 minutes, or less than 5 hours.
  • the computer system detects, via the one or more input devices (e.g., 1402 and/or 1404) (e.g., voice input via a microphone, touch input via a touch-sensitive surface, and/or rotational input via a rotatable input mechanism), user input (e.g., 1450E and/or 1450Q-1450S) corresponding to a time value (e.g., 1 minutes, 3 minutes, 5 minutes, and/or 2 hours) for the initial time value (e.g., 1426A) of the timer.
  • the one or more input devices e.g., 1402 and/or 1404
  • user input e.g., 1450E and/or 1450Q-1450S
  • a time value e.g., 1 minutes, 3 minutes, 5 minutes, and/or 2 hours
  • the computer system In response to receiving the user input (e.g., 1450E and/or 1450Q-1450S) corresponding to the time value, the computer system (e.g., 1400) sets the initial time value (e.g., 1426A) of the timer to the time value (e.g., as in FIGS. 14R and 14S).
  • the user input corresponding to the initial time value is received prior to detecting the request to initiate the timer (e.g., the user sets a default value).
  • the user input corresponding to the initial time value is received after detecting the request to initiate the timer (e.g., the user sets the initial time value for the current use of the timer).
  • Receiving user input to set the initial time value enables the computer system to track the duration that the user is interested in, thereby improving the utility of the timer and improving the man-machine interface.
  • the indication of timer progress e.g., 1430A
  • a first value e.g., green, blue, and/or orange
  • a visual parameter of indication of timer progress e.g., color, fill pattern, brightness, or other variable visual parameter
  • the computer system In response to detecting the request (e.g., 1450A, 1450B, and/or 1450G) to initiate the timer, the computer system (e.g., 1400) changes (e.g., via an animation over a period of time), via the one or more display generation components (e.g., 1402), a size of the current time indicator from the first size (e.g., 1412A) to a second size (e.g., 1412B) that is smaller than the first size.
  • the first size e.g., 1412A
  • a second size e.g., 1412B
  • Reducing the size of an indication of the current time when initiating the timer provides the user with visual feedback that the timer has been initiated, thereby providing improved visual feedback, and visually deprioritizes the current time, thereby enabling the computer system to use more display space for the timer and improving the man-machine interface.
  • the computer system receives user input to set and/or change the visual style of the text and the visual style of the indication of timer progress changes accordingly.
  • Displaying a visual style for the indication of timer progress that is based on the visual style of currently displayed text that is part of the time user interface provides the user with visual feedback that the indication of timer progress is also part of the time user interface, thereby providing improved visual feedback.
  • Automatically synchronizing the visual style of the indication of time progress based on the visual style of the text that is displayed as part of the time user interfaces also reduces the number of user inputs required to customize the indication of the timer progress.
  • the visual style of the text e.g., 1412A in FIG.
  • the indication of timer progress includes one or more (e.g., 1, 2, 3, 4, or 6) lines (e.g., perpendicular lines and/or parallel lines).
  • a single number or letter of the text includes a first quantity (e.g., 1, 2, or 5) of parallel lines and the indication of timer progress includes the first quantity of parallel lines. Displaying a visual style with one or more lines for the indication of timer progress that is based on a visual style with one or more lines of the text that is part of the time user interface provides the user with visual feedback that the indication of timer progress is also part of the time user interface, thereby providing improved visual feedback.
  • Automatically synchronizing the visual style of the indication of time progress to include a number of lines that is based on the number of lines of the visual style of the text that is displayed as part of the time user interfaces reduces the number of user inputs required to customize the indication of the timer progress.
  • the visual style of the text (e.g., 1412A in FIG. 14A and/or 14T) includes one or more (e.g., 1, 2, 5, or 8) colors and the visual style of the indication of timer progress (e.g., 1430A in FIGS. 14C and/or 14U) includes the one or more colors.
  • the indication of timer progress and the text use the same color scheme (e.g., changing a color scheme changes the colors of both the indication of timer progress and the text). Displaying the indication of timer progress and the text using the same colors provides the user with visual feedback that the indication of timer progress is also part of the time user interface, thereby providing improved visual feedback.
  • Automatically synchronizing the visual style of the indication of time progress to include a color that is based on a color of the visual style of the text that is displayed as part of the time user interfaces reduces the number of user inputs required to customize the indication of the timer progress.
  • the computer system detects that a set of one or more low power criteria are met.
  • the one or more low power criteria includes a criterion that is met when a hand gesture (e.g., a wrist down gesture, such as when a wrist of a user is detected by the user’s side, and/or a cover gesture, such as when a hand of a user covers a display or touch-sensitive surface of the computer system) is detected.
  • a hand gesture e.g., a wrist down gesture, such as when a wrist of a user is detected by the user’s side
  • a cover gesture such as when a hand of a user covers a display or touch-sensitive surface of the computer system
  • the one or more low power criteria includes a criterion that is met when a hand of the user is within a range of orientations (e.g., by their side and/or wrist down) (e.g., for a non-zero threshold duration of time). In some embodiments, the one or more low power criteria includes a criterion that is met when no input of certain types (e.g., touch inputs and/or button presses) are detected for a threshold duration of time (e.g., 10 seconds, 15 seconds, or 45 seconds).
  • a threshold duration of time e.g. 10 seconds, 15 seconds, or 45 seconds.
  • the one or more low power criteria includes a criterion that is met when the computer system is within a range of orientations (e.g., by the user’s side and/or display facing down) (e.g., for a non-zero threshold duration of time).
  • the computer system e.g., 1400 enters a low power state (e.g., as in FIG.
  • the low power mode is a mode in which the computer system conserves battery power while continuing to display some information on a display (e.g., of the computer system).
  • the display of the computer system uses a brightness (e.g., average pixel luminance) while in the low power state that is less than a brightness of the display while not in the low power state.
  • animations use a reduced frame rate while the computer system is in the low power state as compared to while not in the low power state.
  • a display of the computer system updates less frequently (e.g., update of values on the display and/or a display refresh rate) while in the low power state as compared to while not in the low power state.
  • a processor speed and/or power usage of a processor of the computer system is reduced while in the low power state as compared to while not in the low power state.
  • the computer system does not enter the low power state when the timer is active (e.g., running, counting down, and/or counting up).
  • the computer system in accordance with a determination that the set of one or more low power criteria are met while displaying a different user interface (e.g., a different time user interface or a different interface that is not the time interface), the computer system enters the low power state. Forgoing entering the low power state when the time is active provides the user with visual feedback that the timer is active and enables the computer system to provide the user with accurate and easily viewable feedback about the state of the timer, thereby providing improved visual feedback.
  • the time user interface e.g., 1412 at FIG.
  • displaying the time user interface in the low power state includes displaying the plurality of numerals interlinked (e.g., 1412A at FIG. 14V).
  • a most significant digit of the current hour is interlinked with a most significant digit of the current minute (e.g., interlinking 0 and 3 while displaying a time of 12:34 such that the 0 and the 3 appear to pass through each other) and/or a least significant digit of the current house is interlinked with a least significant digit of the current minute (e.g., interlinking 2 and 4 while displaying a time of 12:34 such that the 2 and 4 appear to pass through each other).
  • Interlinking one or more numerals of the current time indicator provides the user with visual feedback that the set of low power criteria is met and/or that the computer has entered into the low power state, thereby providing the user with improved visual feedback.
  • the change in the state of the timer includes the timer starting (e.g., as in FIG. 14G), the timer stopping, and/or the timer being canceled. Providing non-visual feedback that the timer has started, the timer has stopped, and/or that the timer has been canceled provides the user with improved feedback about the state of the timer.
  • the computer system e.g., 1400 detects the occurrence of a condition associated with a state of the timer. In response to detecting the occurrence of the condition associated with the state of the timer, the computer system (e.g., 1400) outputs a non-visual output (e.g., an audio output and/or a tactile output) based on the state of the timer (e.g., as in FIGS. 14G, 14J, and 14K). In some embodiments, the timing, the frequency, the duration, and/or the contents of the non-visual output are based on the state of the timer. Providing non-visual feedback based on the state of the timer provides the user with improved feedback about the state of the timer.
  • a non-visual output e.g., an audio output and/or a tactile output
  • the condition associated with the state of the timer includes a first threshold amount of time having elapsed on the timer (e.g., 1, 5, 10, 30, seconds, or 1, 5, or 10 minutes) (e.g., as the indication of timer progress advances) (e.g., as in FIG. 14J).
  • the computer system outputs a non-visual output once per minute while the timer is running.
  • the computer system outputs a non-visual output at each minute demarcation of the timer. Outputting non-visual outputs at a plurality of one- minute increments of the timer provides the user with feedback about the timer reaching those one-minute increments, thereby providing improved user feedback about the state of the computer system and the timer.
  • outputting the non-visual output includes: outputting a sequence of non-visual outputs with a first temporal spacing between sequential outputs in the sequence of non-visual outputs while the timer is in a first state (e.g., more than 3 minutes from completion or more than 1 minute from completion); and outputting the sequence of non-visual outputs (e.g., as in FIG. 14K) with a second temporal spacing between sequential outputs in the sequence of non-visual outputs, different from the first temporal spacing between sequential outputs in the sequence of non-visual outputs, while the timer is in a second state (e.g., less than 3 minutes from completion or less than 1 minute from completion) that is different from the first state.
  • a first state e.g., more than 3 minutes from completion or more than 1 minute from completion
  • the computer system varies the temporal spacing between sequential outputs of the non-visual output based on the state of the timer. In some embodiments, the computer system increases the temporal spacing between sequential outputs of the non-visual outputs as the timer gets closer to completion (e.g., closer to 0 seconds). Outputting the non-visual outputs with variable temporal spacing between sequential outputs based on the state of the timer provides the user with feedback about the state of the timer, thereby providing improved user feedback.
  • the computer system (e.g., 1400) is configured to use (e.g., communicate with (e.g., is in wireless communication with and/or includes)) a first speaker mode with a first maximum volume and a second speaker mode, different from the first speaker mode, with a second maximum volume that is higher than the first maximum volume.
  • the computer system detects, via the one or more input devices, a request to play an audio-video file (e.g., a movie and/or a video clip) and in response to receiving the request to play the audio-video file, the computer system (e.g., 1400) plays the audio-video file, including outputting, via the first speaker mode, audio of the audio-video file.
  • an audio-video file e.g., a movie and/or a video clip
  • outputting the non-visual output includes outputting, via the second speaker mode, an audio alert (e.g., 1460H) (e.g., outputting an audio alert using an emergency alert speaker).
  • the computer system is configured to use the second speaker for emergency alerts.
  • the first speaker mode uses a first speaker (e.g., without using the second speaker) and the second speaker mode uses a second speaker (e.g., with or without using the first speaker) that is different from the first speaker.
  • the first speaker mode and the second speaker mode are different modes of the same speaker.
  • the seconds indicator and the indication of timer progress are configured to traverse a path (e.g., 1410 and/or 1420) and wherein a visual element (e.g., 1414) (e.g., a symbol, a text, and/or a logo) is displayed at a location on the path.
  • the computer system e.g., 1400
  • the computer system changes, via the one or more display generation components (e.g., 1402), a color of the visual element (e.g., 1414) as the seconds indicator traverses the location on the path.
  • the computer system e.g., 1400
  • displays e.g., while the timer runs, counts down, and/or counts up
  • the indication of timer progress e.g., 1430A
  • traversing the path e.g., advancing along the path
  • a path around a perimeter of the time user interface e.g., a path around a perimeter of the time user interface.
  • the computer system changes, via the one or more display generation components (e.g., 1402), a color of the visual element (e.g., 1414) as the indication of timer progress traverses the location on the path (e.g., as in FIG. 141).
  • a first portion of the visual element changes color with a second portion of the visual element changing color when the seconds indicator and/or the indication of timer progress passes through the first portion without passing through the second portion, and then the second portion changes color as the seconds indicator and/or the indication of timer progress passes through the second portion.
  • FIGS. 16A-16AB-3 illustrate techniques for displaying timer user interfaces that include one or more visual media items, in accordance with some embodiments.
  • computer system 1600 includes display 1602, which optionally includes a touch- sensitive surface (e.g., to form a touch display), and rotatable input mechanism 1604.
  • computer system 1600 is the same computer system as electronic devices 100, 300, and/or 500.
  • computer system 1600 includes some or all the features of electronic devices 100, 300, and/or 500.
  • computer system 1600 is displaying time user interface 1606 while computer system 1600.
  • computer system 1600 is a wearable device (e.g., a wrist- worn device and/or a headset), such as a smart watch
  • time user interface 1606 is a watch face that includes the current time, a visual media item (e.g., a photograph and/or a video) and, optionally, one or more complications that display information from applications running on computer system 1600.
  • Time user interface 1606 includes time indication 1608 which is an indication of the current time.
  • Time user interface 1606 also includes visual media item 1609 (e.g., a photograph, an image, and/or a video) that is displayed concurrently with time indication 1608.
  • visual media item 1609 changes from one media item to another based on various criteria.
  • one or more visual characteristics of time indication 1608 change as visual media item 1609 changes from one visual media item to another.
  • computer system 1600 is associated with and/or corresponds with second computer system 1610.
  • computer system 1600 and computer system 1610 are associated with the same user and/or are logged into the same user account.
  • computer system 1600 is paired with computer system 1610 and/or registered on computer system 1610, and/or computer system 1610 is paired with computer system 1600 and/or registered on computer system 1600.
  • computer system 1600 includes some or all of the features of electronic devices 100, 300, and/or 500.
  • computer system 1610 includes display 1612, which optionally includes a touch-sensitive surface (e.g., to form a touch display).
  • computer system 1610 displays user interface 1614.
  • Region 1616b includes options 1614b-l, 1614b-2, 1614b-3, 1614b-4, and 1614b- 5.
  • Option 1614b- 1 when selected, causes computer system 1610 and/or computer system 1600 to modify the size at which time indication 1608 is displayed within time user interface 1606 such that time indication 1608 is displayed in an “extra small” size.
  • Option 1614b-2 when selected, causes computer system 1610 and/or computer system 1600 to modify the size at which time indication 1608 is displayed within time user interface 1606 such that time indication 1608 is displayed in a “small” size that is larger than the “extra small” size.
  • time indication 1608 is displayed at different sizes within time user interface 1606 for different visual media items, such that as visual media item 1609 changes from one visual media item to another, time indication 1608 changes from a first size to a second size.
  • Region 1614c includes options 1614c-l, 1614c-2, 1614c-3, 1614c-4, 1614c-5, 1614c-6, 1614c-7, and 1614c-8.
  • the different options in region 1614c correspond to different colors, and selection of a respective option 1614c-l through 1614c-8 causes computer system 1610 and/or computer system 1600 to display time indication 1608 in the corresponding selected color within time user interface 1606.
  • Region 1614d includes options 1614d-l, 1614d-2, and 1614d-3.
  • the different options in region 1614d correspond to different fonts, and selection of a respective option 1614d- 1 , 1614d-2, 1614d-3 causes computer system 1610 and/or computer system 1600 to display time indication 1608 in the corresponding selected font within time user interface 1606.
  • Region 1614e includes options 1614e-l, 1614e-2, and 1614e-3.
  • the different options in region 1614e correspond to different scripts, and selection of a respective option 1614e-l, 1614e-2, 1614e-3 causes computer system 1610 and/or computer system 1600 to display time indication 1608 in the corresponding selected script within time user interface 1606.
  • Region 1614f includes options 1614f-l, 1614f-2, 1614f-3, 1614f-4, 1614f-5, 1614f-6, and 1614f-7.
  • Region 1614g includes options 1614g-l, 1614g-2, 1614g-3, and 1614g-4.
  • Option 1614g- 1 corresponds to a no complications setting in which time user interface 1606 is displayed (e.g., by computer system 1600) without any complications.
  • Option 1614g-2 corresponds to a bottom complications setting in which time user interface 1606 is displayed (e.g., by computer system 1600) with one or more complications in a bottom region of time user interface 1606 and without complications at the top of time user interface 1606.
  • Option 1614g-3 corresponds to a top complications setting in which time user interface 1606 is displayed (e.g., by computer system 1600) with one or more complications in a top region of time user interface 1606 and without complications at the bottom of time user interface 1606.
  • User interface 1606 also includes option 1614h which, when selected, causes time user interface 1608 to be applied as the watch face for computer system 1600; and option 1616i which, when selected, deletes and/or removes time user interface 1608.
  • FIG. 16A depicts three different example scenarios in which computer system 1610 detects three different user inputs: user input 1616a corresponding to selection of option 1614a-l, user input 1616b corresponding to selection of option 1614a-2, and user input 1616c corresponding to selection of option 1614a-3. Each of these user inputs will be described below.
  • computer system 1610 displays user interface 1618.
  • User interface 1618 includes options 1618a through 1618f.
  • Options 1618a through 1618f correspond to different collections of visual media items.
  • option 1618a corresponds to a “People” collection that includes visual media items that depict one or more specific people.
  • Option 1618b corresponds to a “Pets” collection that includes visual media items that depict one or more pets.
  • Option 1618c corresponds to a “Nature” collection that includes visual media items that are determined to depict nature.
  • Option 1618d corresponds to a “Cities” collection that includes visual media items that are determined to depict one or more cities and/or that were captured in specific cities.
  • Option 1618e corresponds to a collection labeled “Collection 1.”
  • Option 1618f corresponds to a “Featured Photos” collection that includes one or more photos that are automatically selected without user input (e.g., by computer system 1600, computer system 1610, or a different computer system). In some embodiments, the “Features Photos” collection changes over time (e.g., changes each day).
  • different collections include different sets of visual media items, such that user selection of a respective option 1618a- 1618f causes computer system 1600 and/or computer system 1610 to display different sets of visual media items within time user interface 1606 based on the user selection.
  • collections of visual media items are specified and/or created by a user.
  • collections of visual media items are automatically generated without user input.
  • User interface 1618 also includes option 1618g which, when selected, causes computer system 1610 to display user interface 1622 shown in FIG. 16D so that a user can manually selected visual media items to be displayed within time user interface 1606.
  • FIG. 16D in response to user input 1616b in FIG. 16 A, computer system 1610 displays user interface 1622.
  • User interface 1622 displays visual media items from a media library (e.g., a media library that is stored on and/or is accessible on computer system 1610; and/or a media library that is associated with a user of computer system 1610).
  • a media library e.g., a media library that is stored on and/or is accessible on computer system 1610; and/or a media library that is associated with a user of computer system 1610.
  • user interface 1622 includes, among others, visual media items 1624a-1624e.
  • User interface 1622 enables a user to manually select visual media items to be displayed within time user interface 1606.
  • User interface 1622 includes search bar 1622a which enables a user to enter search terms to search for media items that are responsive to the entered search terms.
  • user interface 1630 includes options 1630a, 1630b, and 1630c.
  • Option 1630a when selected, causes computer system 1610 to cease display of user interface 1630 and, optionally, re-display user interface 1614, without saving the visual media item selections made by the user.
  • Option 1630b when selected, causes computer system 1610 to ceases display of user interface 1630 and, optionally, re-display user interface 1614 with the visual media item selections made by the user saved.
  • Option 1630c when selected, causes computer system 1610 to re-display user interface 1622 so that the user can select additional visual media items.
  • Time user interface also includes time user interface representations 1632a- 1632e.
  • Time user interface representations 1632a-1632e show representations of time user interface 1606 using the visual media items selected by the user in FIGS. 16D-16E.
  • Time user interface representation 1632a includes time indication 1608 with visual media item 1624a. Additionally, in time user interface representation 1632a, time indication 1608 is displayed at a small size setting aligned to the top of the user interface.
  • Time user interface representation 1632b includes time indication 1608 with visual media item 1624b, and time indication 1608 is displayed at a medium size setting aligned to the top.
  • Time user interface representation 1632c includes time indication 1608 with visual media item 1624c, and time indication 1608 is displayed at a large size setting aligned to the right.
  • computer system 1610 automatically selects the size and/or position of time indication 1608 for different visual media items based on the content depicted in the visual media items. For example, computer system 1610 automatically selects the size and/or position of time indication 1608 in order to fit time indication 1608 into a detected empty area of the visual media item and/or so as not to obscure a detected subject of the visual media item. In some embodiments, in FIG. 16F, computer system 1610 selects different sizes for time indication 1608 for different visual media items based on option 1614b-5 (e.g., a “dynamic” time size setting) being selected in FIG. 16A.
  • option 1614b-5 e.g., a “dynamic” time size setting
  • a foreground portion 1624a-l of visual media item 1624a overlays time indication 1608, while a background portion 1624a-2 of visual media item 1624a is positioned behind time indication 1608.
  • depth segmentation information e.g., as metadata associated with the visual media item
  • one or more foreground objects are positioned in front of time indication 1608 and/or layered on top of time indication 1608 while one or more background objects are positioned behind time indication 1608.
  • depth segmentation information for a visual media item is captured and/or acquired at the time of capturing the visual media item.
  • depth segmentation information for a visual media item is calculated after capturing the visual media item (e.g., using one or more machine learning models and/or automated processes to identify foreground objects and background objects in a visual media item).
  • a visual media item does not include depth segmentation information
  • the entirety of the visual media item is displayed behind time indication 1608.
  • visual media items 1624a, 1624b, 1624c include depth segmentation information
  • visual media items 1624d and 1624e do not include depth segmentation information.
  • time user interface representations 1632a, 1632b, and 1632c foreground portions 1624a-l, 1624b-l, and 1624c-l are overlaid on time indication 1608 and background portions 1624a-2, 1624b-2, and 1624c-2 are positioned behind time indication 1608; and in time user interface representations 1632d, 1632e, the entirety of visual media items 1624d, 1624e are positioned behind time indication 1608.
  • computer system 1610 detects user input 1634 corresponding to selection of time user interface representation 1632a.
  • Layout editing user interface 1636 includes options 1636a and 1636b.
  • Option 1636a when selected, causes computer system 1610 to cease display of layout editing user interface 1636 and re-display user interface 1630 without modifying the layout of time user interface representation 1632a.
  • Option 1636b when selected, causes computer system 1610 to cease display of layout editing user interface 1636 and re-display user interface 1630 with modifications to time user interface representation 1632a applied if modifications have been made within layout editing user interface 1636.
  • Layout editing user interface 1636 also includes option 1636o that, when selected, causes computer system 1610 to display a media item picker user interface (e.g., user interface 1622) that allows the user to replace visual media item 1624a with a different visual media item.
  • Layout editing user interface 1636 also includes options 1636c, 1636d, 1636f, 1636g, 1632i, 1632j, 16361, 1636m that correspond to different time indication sizes and alignments.
  • Previews 1636e, 1636h, 1636k, 1636n displays time indication 1608 at four different sizes (extra small, small, medium, and large).
  • option 1636g is selected (small size, top alignment).
  • computer system 1610 detects user input 1638 corresponding to selection of option 16361.
  • computer system 1610 displays visual media item 1624a at a smaller size such that foreground portions 1624a-l of visual media item 1624a no longer obscure greater than a threshold amount of time indication 1608. Based on this determination, computer system 1610 ceases display of warning 1639, and ceases disabling save option 1636b (e.g., ceases displaying save option 1636b in a manner indicating that save option 1636b is displayed). At FIG. 161, computer system 1610 detects user input 1640b corresponding to selection of save option 1636b.
  • time user interface representation 1632a has been modified based on the changes made by the user in FIGS. 16G-16I, such that time indication 1608 is now larger and aligned to the left, and visual media item 1624a has been made smaller and shifted in position towards the bottom right.
  • a user is able to select any time user interface representation 1632a-1632e to modify the size and alignment of time indication 1608 as well as the size and alignment of visual media items 1624a-1624e with layout editing user interface 1636.
  • computer system 1610 detects user input 1640c corresponding to selection of option 1630b.
  • Option 1614f-5 corresponds to a color backdrop style in which the visual media items (e.g., 1609 and/or 1624a-1624e) displayed in time user interface 1606 are modified such that a background portion of the visual media item is displayed in a single color, and a foreground portion of the visual media item is displayed in the visual media item’s original colors.
  • Option 1614f-6 corresponds to a color backdrop mono style in which the visual items (e.g., 1609 and/or 1624a-1624e) displayed in time user interface 1606 are modified such that a background portion of the visual media item is displayed in a single color and a foreground portion of visual media item is displayed in black and white and/or grayscale.
  • Monotone style user interface 1644 includes cancel option 1644a and save option 1644b.
  • Cancel option 1644a when selected, causes computer system 1610 to cease display of monotone style user interface 1644 and re-display user interface 1614 without applying any changes made within monotone style user interface 1644.
  • Save option 1644b when selected, causes computer system 1610 to cease display of monotone style user interface 1644 and re-display user interface 1614 while saving any changes made within monotone style user interface 1644.
  • Monotone style user interface 1644 corresponds to a monotone visual style.
  • Monotone visual style user interface 1644 includes time user interface representations 1646a-1646e that display previews of what time user interface 1606 would look like with the selected visual style applied for the five selected visual media items 1624a-1624e and the various layouts and arrangements that were specified previously in FIGS. 16D-16J. As discussed above, selection and/or application of the monotone visual style causes visual media items (e.g., 1609 and/or 1624a-1624e) displayed in time user interface 1606 to be modified such that they are displayed in different shades of a single color. Monotone style user interface 1644 includes color options 1647a-1647h that correspond to different colors.
  • Selection of a respective color option 1647a-1647h modifies the monotone color to be applied to time user interface 1606, and also causes computer system 1610 to revise time user interface representations 1646a-1646e with the selected color.
  • Monotone style user interface 1644 also includes brightness options 1648a- 1648c.
  • Option 1648a corresponds to a “light” brightness setting and, when selected, causes time user interface 1606 to be displayed with a first set of shades of the selected color
  • option 1648b corresponds to a “medium” brightness setting and, when selected, causes time user interface 1606 to be displayed with a second set of shades of the selected color, wherein the second set of shades is different from the first set of shades and is darker than the first set of shades
  • option 1648c corresponds to a “dark” brightness setting and, when selected, causes time user interface 1606 to be displayed with a third set of shades of the selected color, wherein the third set of shades is different from the first and second sets of shades and is darker than the first and second sets of shades.
  • Duotone style user interface 1650 includes cancel option 1650a and save option 1650b.
  • Cancel option 1650a when selected, causes computer system 1610 to cease display of duotone style user interface 1650 and re-display user interface 1614 without applying any changes made within duotone style user interface 1650.
  • Save option 1650b when selected, causes computer system 1610 to cease display of duotone style user interface 1650 and re-display user interface 1614 while saving any changes made within duotone style user interface 1650.
  • Duotone style user interface 1650 corresponds to a duotone visual style.
  • Duotone style user interface 1650 includes time user interface representations 1646a-1646e that display previews of what time user interface 1606 would look like with the selected visual style applied for the five selected visual media items 1624a- 1624e and the various layouts and arrangements that were specified previously in FIGS. 16D- 16J.
  • selection and/or application of the duotone visual style causes visual media items (e.g., 1609 and/or 1624a-1624e) displayed in time user interface 1606 to be modified such that they are displayed in various shades of two colors.
  • duotone style user interface 1650 includes a first set of color options 165 la-165 Id that are selectable to define the first color to be applied to time user interface 1606, and a second set of color options 1651 e-165 Ih that are selectable to define a second color to be applied to time user interface 1606.
  • a foreground portion of visual media items displayed in time user interface 1606 are displayed in the first color
  • a background portion of visual media items displayed in time user interface 1606 are displayed in the second color.
  • Tritone style user interface 1652 in response to user input 1642c in FIG. 16K, computer system 1610 displays tritone style user interface 1652.
  • Tritone style user interface 1652 includes cancel option 1652a and save option 1652b.
  • Cancel option 1652a when selected, causes computer system 1610 to cease display of tritone style user interface 1652and re-display user interface 1614 without applying any changes made within tritone style user interface 1652.
  • Save option 1652b when selected, causes computer system 1610 to cease display of tritone style user interface 1652 and re-display user interface 1614 while saving any changes made within tritone style user interface 1652.
  • Tritone style user interface 1652 corresponds to a tritone visual style.
  • color backdrop style user interface 1654 includes color options 1655a-1655h that allow a user to select the color to be applied to the background portion of visual media items displayed within time user interface 1606.
  • the selected background color is applied to the entirety of the visual media item.
  • Black and white style user interface 1658 includes time user interface representations 1646a-1646e that display previews of what time user interface 1606 would look like with the selected visual style applied for the five selected visual media items 1624a-1624e and the various layouts and arrangements that were specified previously in FIGS. 16D-16J. As discussed above, selection and/or application of the black and white visual style causes visual media items (e.g., 1609 and/or 1624a-1624e) displayed in time user interface 1606 to be modified such that they are displayed in black and white and/or gray scale. Black and white style user interface 1658 includes options 1659a-1659c.
  • Option 1659a corresponds to a light brightness setting that, when selected, causes the black and white visual media items to be displayed and/or modified to have a first brightness level.
  • Option 1659b corresponds to a medium brightness setting that, when selected, causes the black and white visual media items to be displayed and/or modified to have a second brightness level that is darker than the first brightness level.
  • Option 1659c corresponds to a dark brightness setting that, when selected, causes the black and white visual media items to be displayed and/or modified to have a third brightness level that is darker than the first and second brightness levels.
  • FIG. 16R computer system 1610 displays user interface 1614.
  • computer system 1610 detects user input 1660 corresponding to selection of option 1614h.
  • computer system 1610 in response to user input 1660, causes computer system 1600 to display and/or apply time user interface 1606 using the settings specified by the user within user interface 1614 on computer system 1600.
  • the left side of FIG. 16S depicts a first scenario in which the user has selected the natural visual style (e.g., option 1614f- 1) and the right side of FIG. 16S depicts a second scenario in which the user has selected the color backdrop visual style (e.g., option 1614f-5).
  • computer system 1600 transitions from a higher power state to a lower power state (e.g., based on a determination that computer system 1600 has not detected user input for a threshold duration of time), and also transitions from the time user interface 1606 shown in the second row to the time user interface 1606 shown in the third row.
  • computer system 1600 displays time user interface 1606 with visual media item 1624c and time indication 1608 at a large size and aligned to the right.
  • computer system 1600 detects touch input 1661b, and in response to user input 1661b, computer system 1600 transitions from the time user interface 1606 shown in the third row to the time user interface 1606 shown in the fourth row.
  • computer system 1600 transitions from displaying a first version of time user interface 1606 (e.g., with a first media item and a first time indication size and arrangement) to displaying a second version of time user interface 1606 (e.g., with a second media item and a second time indication size and arrangement).
  • User interface 1666 in response to user input 1665, computer system 1600 displays user interface 1666.
  • User interface 1666 includes option 1666a that, when selected, causes computer system 1600 to cease display of user interface 1666 and re-display user interface 1664.
  • User interface 1666 also includes options 1666b, 1666c, 1666d.
  • Option 1666b corresponds to a first collection of visual media items and, when selected, selects the first collection of visual media items for use in time user interface 1606.
  • Option 1666c corresponds to a first visual media item and, when selected, selects the first visual media item for use in time user interface 1606.
  • Option 1666d corresponds to a second collection of visual media items and, when selected, selects the second collection of visual media items for use in time user interface 1606.
  • computer system 1610 allowed a user to specify which visual media items to use in time user interface 1606 (e.g., FIGS. 16B-16F) with greater granularity (e.g., allowing a user to specify and/or select the exact visual media items to be used in time user interface 1606)
  • computer system 1600 allows a user to select visual media items with less granularity such that a user is limited to the visual media items and/or pre-defined sets of visual media items.
  • FIG. 16 V computer system 1600 detects user input 1667 corresponding to selection of option 1666b.
  • 16W-2 in response to user input 1669b (e.g. rotation of rotatable input mechanism 1604 by a second amount and/or in a first or second direction), computer system 1600 transitions from the medium size setting to the small size setting, and updates preview 1668a to preview the selected time size setting.
  • FIG. 16W-3 in response to user input 1669b (e.g. rotation of rotatable input mechanism 1604 by a third amount and/or in a first or second direction), computer system 1600 transitions from the medium size setting to the large size setting, and updates preview 1668a to preview the selected time size setting.
  • FIG. 16W-4 in response to user input 1669b (e.g.
  • computer system 1600 transitions from the medium size setting to the dynamic size setting.
  • the user once the user has selected (e.g., scrolled to) his or her desired time size setting, the user provides a swipe left input (e.g., user input 1669a) to move to a next setting.
  • a swipe left input e.g., user input 1669a
  • 16X depicts example scenarios in which computer system 1600 detects two different types of user input: (1) user input 1671b which includes rotation of rotatable input mechanism 1604; and (2) user input 1671a, which is a swipe left input on display 1602.
  • computer system 1600 scrolls through different time color options in response to rotation of rotatable input mechanism 1604 (e.g., user input 1671b).
  • FIG. 16X-1 in response to user input 1671b (e.g. rotation of rotatable input mechanism 1604 by a first amount and/or in a first direction), computer system 1600 transitions from the blue color setting to the red color setting, and updates preview 1670a to preview the selected time color setting.
  • user input 1671b which includes rotation of rotatable input mechanism 1604
  • user input 1671a which is a swipe left input on display 1602.
  • computer system 1600 scrolls through different time color options in response to rotation of rotatable input mechanism 1604 (e.g., user input 1671b).
  • FIG. 16X-1 in response to user
  • 16X-2 in response to user input 1671b (e.g. rotation of rotatable input mechanism 1604 by a second amount and/or in a first or second direction), computer system 1600 transitions from the blue color setting to an orange color setting, and updates preview 1670a to preview the selected time color setting.
  • FIG. 16X-3 in response to user input 1671b (e.g. rotation of rotatable input mechanism 1604 by a third amount and/or in a first or second direction), computer system 1600 transitions from the blue color setting to the green color setting, and updates preview 1670a to preview the selected time color setting.
  • a swipe left input e.g., user input 1671a
  • a swipe right input moves to a previous setting (e.g., time size user interface 1668).
  • 16Y depicts example scenarios in which computer system 1600 detects two different types of user input: (1) user input 1673b which includes rotation of rotatable input mechanism 1604; and (2) user input 1673a, which is a swipe left input on display 1602.
  • computer system 1600 scrolls through different time font options in response to rotation of rotatable input mechanism 1604 (e.g., user input 1673b).
  • FIG. 16Y-1 in response to user input 1673b (e.g. rotation of rotatable input mechanism 1604 by a first amount and/or in a first direction), computer system 1600 transitions from the New York font setting to a California font setting, and updates preview 1672a to preview the selected time font setting.
  • user input 1673b e.g. rotation of rotatable input mechanism 1604 by a first amount and/or in a first direction
  • computer system 1600 transitions from the New York font setting to a Classic font setting, and updates preview 1672a to preview the selected time font setting.
  • user input 1673b e.g. rotation of rotatable input mechanism 1604 by a second amount and/or in a first or second direction
  • computer system 1600 transitions from the New York font setting to a Classic font setting, and updates preview 1672a to preview the selected time font setting.
  • the user once the user has selected (e.g., scrolled to) his or her desired time font setting, the user provides a swipe left input (e.g., user input 1673a) to move to a next setting.
  • a swipe right input moves to a previous setting (e.g., time color user interface 1670).
  • Time script user interface 1674 allows a user to modify the script of time indication 1608, similar to options 1614e-l through 1614e-3 discussed above with reference to FIG. 16A.
  • Time script user interface 1674 includes preview 1674a which displays a preview of time user interface 1606 with the currently-selected time script setting applied. In FIG. 16Z, the Arabic script setting is selected, and preview 1674a shows time user interface 1606 with the time indication in the Arabic script.
  • FIG. 16Z the Arabic script setting is selected, and preview 1674a shows time user interface 1606 with the time indication in the Arabic script.
  • 16Z depicts example scenarios in which computer system 1600 detects two different types of user input: (1) user input 1675b which includes rotation of rotatable input mechanism 1604; and (2) user input 1675a, which is a swipe left input on display 1602.
  • computer system 1600 scrolls through different time script options in response to rotation of rotatable input mechanism 1604 (e.g., user input 1675b).
  • FIG. 16Z-1 in response to user input 1675b (e.g. rotation of rotatable input mechanism 1604 by a first amount and/or in a first direction), computer system 1600 transitions from the Arabic script setting to a Arabic Indic script setting, and updates preview 1674a to preview the selected time script setting.
  • user input 1675b which includes rotation of rotatable input mechanism 1604
  • user input 1675a which is a swipe left input on display 1602.
  • computer system 1600 scrolls through different time script options in response to rotation of rotatable input mechanism 1604 (e.g., user input 1675b).
  • FIG. 16Z-1 in
  • computer system 1600 transitions from the Arabic script setting to a Devanagari script setting, and updates preview 1674a to preview the selected time script setting.
  • user input 1675b e.g. rotation of rotatable input mechanism 1604 by a second amount and/or in a first or second direction
  • computer system 1600 transitions from the Arabic script setting to a Devanagari script setting, and updates preview 1674a to preview the selected time script setting.
  • the user provides a swipe left input (e.g., user input 1675a) to move to a next setting.
  • a swipe right input moves to a previous setting (e.g., time font user interface 1672).
  • Style user interface 1676 allows a user to modify the visual style applied to time user interface 1606, similar to options 1614f- 1 through 1614f-7 discussed above with reference to FIG. 16A.
  • Style user interface 1676 includes preview 1676a which displays a preview of time user interface 1606 with the currently-selected style setting applied.
  • the natural style setting is selected, and preview 1676a shows time user interface 1606 with the natural style setting applied.
  • FIG. 16AA the natural style setting is selected, and preview 1676a shows time user interface 1606 with the natural style setting applied.
  • 16AA depicts example scenarios in which computer system 1600 detects two different types of user input: (1) user input 1677b which includes rotation of rotatable input mechanism 1604; and (2) user input 1677a, which is a swipe left input on display 1602.
  • computer system 1600 scrolls through different visual style options in response to rotation of rotatable input mechanism 1604 (e.g., user input 1677b).
  • FIG. 16AA-1 in response to user input 1677b (e.g. rotation of rotatable input mechanism 1604 by a first amount and/or in a first direction), computer system 1600 transitions from the natural style setting to the monotone style setting, and updates preview 1676a to preview the selected style setting.
  • user input 1677b which includes rotation of rotatable input mechanism 1604
  • user input 1677a which is a swipe left input on display 1602.
  • computer system 1600 scrolls through different visual style options in response to rotation of rotatable input mechanism 1604 (e.g., user input 1677b).
  • FIG. 16AA-1 in response to user
  • FIG. 16AA-2 in response to user input 1677b (e.g. rotation of rotatable input mechanism 1604 by a second amount and/or in a first or second direction), computer system 1600 transitions from the natural style setting to the duotone style setting, and updates preview 1676a to preview the selected style setting.
  • FIG. 16AA-3 in response to user input 1677b (e.g. rotation of rotatable input mechanism 1604 by a third amount and/or in a first or second direction), computer system 1600 transitions from the natural style setting to the tritone style setting, and updates preview 1676a to preview the selected style setting.
  • FIG. 16AA-4 in response to user input 1677b (e.g.
  • computer system 1600 transitions from the natural style setting to the black and white style setting, and updates preview 1676a to preview the selected style setting.
  • the user is able to provide a tap input (e.g., input 1677c in FIG. 16AA-2) to select and/or modify one or more options for the selected style setting.
  • a tap input e.g., input 1677c in FIG. 16AA-2
  • computer system 1600 detects user input 1677c (e.g., a tap input).
  • First color user interface 1678 allows a user to select the first color to be used in the duotone style setting, similar to options 165 la-165 Id in FIG. 16M.
  • First color user interface 1678 includes preview 1678a which displays a preview of time user interface 1606 with the currently-selected first color applied to the duotone style setting.
  • red is selected, and preview 1678a shows a first portion of visual media item 1609 (e.g., foreground portion 1609-1) in red.
  • 16AA-2-1 depicts example scenarios in which computer system 1600 detects three different types of user input: (1) user input 1679c which includes rotation of rotatable input mechanism 1604; (2) user input 1679b, which is a press of rotatable and depressible input mechanism 1604; and user input 1679a, which is a swipe left input on display 1602.
  • the duotone style applies two colors to the visual media item within time user interface 1606.
  • a user is able to select a first color and a second color to be used in the duotone style (e.g., options 165 la- 165 Id in FIG. 16M, and options 165 le-165 Ih in FIG. 16M).
  • a user can select the first color by rotating rotatable input mechanism 1604 while computer system 1600 displays first color user interface 1678.
  • a user can select a second color by providing a swipe left input (e.g., user input 1679a) to display a second color user interface 1680 (e.g., FIG. 16AA-2-7), and rotating rotatable input mechanism 1604 while computer system 1600 displays second color user interface 1680.
  • the user can provide a user input (e.g., user input 1679b and/or user input 1681b) to saved the selected colors and re-display style user interface 1676 (FIG. 16AA).
  • computer system 1600 in response to user input 1679c (e.g., rotation of rotatable input mechanism 1604 by a first amount and/or in a first direction), transitions from the red setting for the first color to the blue setting for the first color, and updates preview 1678a to preview the selected first color (e.g., changing the color of foreground portion 1609-1 from red to blue).
  • user input 1679c e.g., rotation of rotatable input mechanism 1604 by a first amount and/or in a first direction
  • preview 1678a e.g., changing the color of foreground portion 1609-1 from red to blue.
  • computer system 1600 transitions from the red setting for the first color to the green setting for the first color, and updates preview 1678a to preview the selected first color (e.g., changing the color of foreground portion 1609-1 from red to green).
  • user input 1679c e.g., rotation of rotatable input mechanism 1604 by a second amount and/or in a first or second direction
  • computer system 1600 transitions from the red setting for the first color to the green setting for the first color, and updates preview 1678a to preview the selected first color (e.g., changing the color of foreground portion 1609-1 from red to green).
  • computer system 1600 transitions from the red setting for the first color to the yellow setting for the first color, and updates preview 1678a to preview the selected first color (e.g., changing the color of foreground portion 1609-1 from red to yellow).
  • user input 1679c e.g., rotation of rotatable input mechanism 1604 by a third amount and/or in a first or second direction
  • computer system 1600 transitions from the red setting for the first color to the yellow setting for the first color, and updates preview 1678a to preview the selected first color (e.g., changing the color of foreground portion 1609-1 from red to yellow).
  • computer system 1600 transitions from the red setting for the first color to the purple setting for the first color, and updates preview 1678a to preview the selected first color (e.g., changing the color of foreground portion 1609-1 from red to purple).
  • user input 1679c e.g., rotation of rotatable input mechanism 1604 by a fourth amount and/or in a first or second direction
  • computer system 1600 transitions from the red setting for the first color to the purple setting for the first color, and updates preview 1678a to preview the selected first color (e.g., changing the color of foreground portion 1609-1 from red to purple).
  • computer system 1600 in response to user input 1679c (e.g., rotation of rotatable input mechanism 1604 by a fifth amount and/or in a first or second direction, computer system 1600 transitions from the red setting for the first color to the pink setting for the first color, and updates preview 1678a to preview the selected first color (e.g., changing the color of foreground portion 1609-1 from red to pink).
  • user input 1679c e.g., rotation of rotatable input mechanism 1604 by a fifth amount and/or in a first or second direction
  • preview 1678a e.g., changing the color of foreground portion 1609-1 from red to pink.
  • Second color user interface 1680 allows a user to select the second color to be used in the duotone style setting, similar to options 1651 e- 165 Ih in FIG. 16M.
  • Second color user interface 1680 includes preview 1680a which displays a preview of time user interface 1606 with the currently-selected second color applied to the duotone style setting.
  • pink is selected, and preview 1680a shows a second portion of visual media item 1609 (e.g., background portion 1609-2) in pink.
  • 16AA-2-7 depicts example scenarios in which computer system 1600 detects three different types of user input: (1) user input 1681c which includes rotation of rotatable input mechanism 1604; (2) user input 1681b, which is a press of rotatable and depressible input mechanism 1604; and user input 1681a, which is a swipe right input on display 1602.
  • User input 1681b causes computer system 1600 to cease display of second color user interface 1680 and re-display style user interface 1676.
  • User input 1681a causes computer system 1600 to cease display of second color user interface 1680 and re-display first color user interface 1678.
  • computer system 1600 transitions from the pink setting for the second color to the brown setting for the second color, and updates preview 1680a to preview the selected second color (e.g., changing the color of background portion 1609-2 from pink to brown).
  • user input 1681c e.g., rotation of rotatable input mechanism 1604 by a first amount and/or in a first direction
  • computer system 1600 transitions from the pink setting for the second color to the brown setting for the second color, and updates preview 1680a to preview the selected second color (e.g., changing the color of background portion 1609-2 from pink to brown).
  • preview 1680a to preview the selected second color
  • computer system 1600 transitions from the pink setting for the second color to the orange setting for the second color, and updates preview 1680a to preview the selected second color (e.g., changing the color of background portion 1609-2 from pink to orange).
  • user input 1681c e.g., rotation of rotatable input mechanism 1604 by a second amount and/or in a first or second direction
  • computer system 1600 transitions from the pink setting for the second color to the orange setting for the second color, and updates preview 1680a to preview the selected second color (e.g., changing the color of background portion 1609-2 from pink to orange).
  • computer system 1600 transitions from the pink setting for the second color to the cyan setting for the second color, and updates preview 1680a to preview the selected second color (e.g., changing the color of background portion 1609-2 from pink to cyan).
  • user input 1681c e.g., rotation of rotatable input mechanism 1604 by a third amount and/or in a first or second direction
  • computer system 1600 transitions from the pink setting for the second color to the cyan setting for the second color, and updates preview 1680a to preview the selected second color (e.g., changing the color of background portion 1609-2 from pink to cyan).
  • computer system 1600 in response to user input 1681c (e.g., rotation of rotatable input mechanism 1604 by a fourth amount and/or in a first or second direction), transitions from the pink setting for the second color to the violet setting for the second color, and updates preview 1680a to preview the selected second color (e.g., changing the color of background portion 1609-2 from pink to violet).
  • user input 1681c e.g., rotation of rotatable input mechanism 1604 by a fourth amount and/or in a first or second direction
  • preview 1680a e.g., changing the color of background portion 1609-2 from pink to violet.
  • computer system 1600 in response to user input 1681c (e.g., rotation of rotatable input mechanism 1604 by a fifth amount and/or in a first or second direction), transitions from the pink setting for the second color to the gray setting for the second color, and updates preview 1680a to preview the selected second color (e.g., changing the color of background portion 1609-2 from pink to gray).
  • user input 1681c e.g., rotation of rotatable input mechanism 1604 by a fifth amount and/or in a first or second direction
  • preview 1680a to preview the selected second color (e.g., changing the color of background portion 1609-2 from pink to gray).
  • FIGS. 16AA-2-1 through 16AA-2-12 display an example scenario in which a user selects two different colors to be applied for the duotone style setting
  • similar user interfaces and user inputs can be used for the user to select various settings for the other style settings (e.g., monotone, tritone, color backdrop, color backdrop mono, and/or black and white).
  • a first user interface e.g., similar to first color user interface 1678
  • a color e.g., similar to options 1647a-1647h in FIG.
  • a single user interface (e.g., similar to first color user interface 1678) can be used for a user to select between different brightness settings (e.g., similar to options 1659a-1659c in FIG. 16Q).
  • computer system 1600 detects user input 1677a (e.g., a swipe left input).
  • user input 1677a e.g., a swipe left input
  • computer system 1600 ceases display of style user interface 1676 and displays complications user interface 1682.
  • Complications user interface 1682 allows a user to modify the complications in time user interface 1606, similar to options 1614g- 1 through 1614g-4 discussed above with reference to FIG. 16 A.
  • Complications user interface 1682 includes preview 1682a which displays a preview of time user interface 1606 with the currently-selected complications setting applied. In FIG. 16AB, the no complications setting is selected, and preview 1682a shows time user interface 1606 with no complications.
  • FIG. 16AB the no complications setting is selected, and preview 1682a shows time user interface 1606 with no complications.
  • 16AB depicts example scenarios in which computer system 1600 detects two different types of user input: (1) user input 1683b which includes rotation of rotatable and depressible input mechanism 1604; and (2) user input 1683a, which is a press input of rotatable and depressible input mechanism 1604.
  • user input 1683b which includes rotation of rotatable and depressible input mechanism 1604
  • user input 1683a which is a press input of rotatable and depressible input mechanism 1604.
  • computer system 1600 scrolls through different complications options in response to rotation of rotatable input mechanism 1604 (e.g., user input 1683b).
  • FIG. 16AB-1 in response to user input 1683b (e.g.
  • computer system 1600 transitions from a no complications setting to a bottom complications setting, and updates preview 1682a to preview the selected complications setting (e.g., to display a bottom complication region 1684a).
  • computer system 1600 transitions from the no complications setting to a top complications setting, and updates preview 1682a to preview the selected complications setting (e.g., to display a top complication region 1684b).
  • user input 1683b e.g. rotation of rotatable input mechanism 1604 by a second amount and/or in a first or second direction
  • computer system 1600 transitions from the no complications setting to a top complications setting, and updates preview 1682a to preview the selected complications setting (e.g., to display a top complication region 1684b).
  • top complication region 1684b causes time indication 1608, which is aligned to a top portion of time user interface 1606, to be displayed at a smaller size.
  • computer system 1600 transitions from the no complications setting to a top and bottom complications setting, and updates preview 1682a to preview the selected complications setting (e.g., to display bottom complication region 1684a and top complication region 1684b).
  • top complication region 1684b causes time indication 1608, which is aligned to a top portion of time user interface 1606, to be displayed at a smaller size.
  • FIG. 17 is a flow diagram illustrating methods for displaying a timer user interface that includes one or more visual media items, in accordance with some embodiments.
  • Method 1700 is performed at a computer system (e.g., 100, 300, 500, 1600, and/or 1610) (e.g., a smartphone, a smartwatch, a tablet computer, a laptop computer, a desktop computer, and/or a head mounted device (e.g., a head mounted augmented reality and/or extended reality device)) that is in communication with one or more display generation components (e.g., 1602 and/or 1612) (e.g., one or more display controllers, displays, touch-sensitive display systems, touchscreens, monitors, and/or a head mounted display system) and with one or more one or more input devices (e.g., 1602, 1604, and/or 1612) (e.g., a touch- sensitive surface, a physical button, a rotatable input mechanism, a rotatable and depressible input mechanism, a motion sensor, an accelerometer, a gyroscope, a keyboard, a controller, and/or a mouse).
  • method 1700 provides an intuitive way for displaying time user interfaces that include one or more visual media items.
  • the method reduces the cognitive burden on a user for displaying timer user interface that include one or more visual media items, thereby creating a more efficient human-machine interface.
  • the computer system detects (1702), via the one or more input devices, a first user input (e.g., 1662, 1683a, 1661a, 1661b, and/or 1628) corresponding to a user request to display a time user interface (e.g., 1606, 1632a, 1632b, 1632c, 1632d, and/or 1632e) (e.g., a user interface that includes an analog and/or digital indication of time, a clock face user interface, a watch face user interface, a reduced-power screen, a wake screen, and/or a lock screen), wherein the time user interface includes an indication of time (e.g., 1608) (e.g., an analog and/or digital indication of time) and a visual media item (e.g., 1609, 1624a, 1624b, 1624c, 1624d, and/or 1624e) (e.g., a photograph, a video, and/or
  • the computer system In response to detecting the first user input corresponding to the user request to display the time user interface (1704), the computer system (e.g., 1600) displays (1706), via the one or more display generation components (e.g., 1602), the time user interface (e.g., 1606, 1632a, 1632b, 1632c, 1632d, and/or 1632e), including: in accordance with a determination that the visual media item is a first visual media item (1708) (e.g., in accordance with a determination that the time user interface is displayed with the first visual media item and/or includes the first visual media item) (and, in some embodiments, does not include a second visual media item), concurrently displaying (1710), within the time user interface (e.g., 1606), the indication of time (e.g., 1608) at a first size (e.g., displaying the indication of time at a first display size; and/or displaying the indication of time such that it occupies a first display area of the time user interface and
  • indication of time 1608 is displayed at a first size and with a first visual media item 1624a) (e.g., 1632a); and in accordance with a determination that the visual media item is a second visual media item different from the first visual media item (e.g., in accordance with a determination that the time user interface is displayed with the second visual media item and/or includes the second visual media item) (and, in some embodiments, does not include the first visual media item), concurrently displaying, within the time user interface, the indication of time at a second size different from the first size (e.g., in FIG.
  • indication of time 1608 is displayed at a second size and with a second visual media item 1624b) (e.g., 1632b) (e.g., displaying the indication of time at a second display size different from the first display size; and/or displaying the indication of time such that it occupies a second display area of the time user interface and/or the one or more display generation components that is different from the first display area) (e.g., a second size that is smaller than the first size (e.g., occupies less display area than the first size) or a second size that is larger than the first size (e.g., occupies more display area than the first size)) and the second visual media item (e.g., 1609, 1624a, 1624b, 1624c, 1624d, and/or 1624e).
  • a second visual media item 1624b e.g., 1632b
  • Automatically adjusting the size of the indication of time when different visual media items are displayed allows for these operations to be performed without user input. Furthermore, doing so also enhances the operability of the system and makes the user-system interface more efficient (e.g., by preventing erroneous inputs and helping the user to provide proper inputs and reducing errors) which, additionally, reduces power usage and improves the battery life of the device by enabling the user to use the system more quickly and efficiently.
  • displaying the time user interface (e.g., 1606) (e.g., first user input corresponding to a user request to display a time user interface) further comprises: in accordance with the determination that the visual media item is the first visual media item (e.g., 1609, 1624a, 1624b, 1624c, 1624d, and/or 1624e), displaying, within the time user interface (e.g., 1606), the indication of time (e.g., 1608) at a first display position (e.g., displaying the indication of time within a first display region; and/or displaying the indication of time such that it occupies a first display region) (e.g., in FIG.
  • time indication 1608 is displayed at a first display position); and in accordance with the determination that the visual media item is the second visual media item different from the first visual media item, displaying, within the time user interface, the indication of time at a second display position (e.g., displaying the indication of time within a second display region; and/or displaying the indication of time such that it occupies a second display region) different from the first display position (e.g., in FIG. 16S in the second row, time indication 1608 is displayed at a second display position).
  • a second display position e.g., displaying the indication of time within a second display region; and/or displaying the indication of time such that it occupies a second display region
  • the computer system concurrently displays, within the time user interface, the first visual media item and the indication of time, wherein the indication of time (e.g., 1608) is displayed at the first size and at the first display position (e.g., FIG. 16S top row).
  • the computer system concurrently displays, within the time user interface, the second visual media item and the indication of time, wherein the indication of time (e.g., 1608) is displayed at the second size and at the second display position (e.g., FIG. 16S second row).
  • Automatically adjusting the position of the indication of time when different visual media items are displayed allows for these operations to be performed without user input. Furthermore, doing so also enhances the operability of the system and makes the user-system interface more efficient (e.g., by preventing erroneous inputs and helping the user to provide proper inputs and reducing errors) which, additionally, reduces power usage and improves the battery life of the device by enabling the user to use the system more quickly and efficiently.
  • the visual media item is the second visual media item different from the first visual media item
  • displaying, within the time user interface, the indication of time with the plurality of digits in a second arrangement e.g., a horizontal arrangement (e.g., all digits aligned in a horizontal row); a vertical arrangement (e.g., all digits aligned in a vertical column); and/or a mixed arrangement (e.g., the plurality of digits arranged in two or more rows and two or more columns)) different from the first arrangement (e.g., 1608 in the second row of FIG. 16S).
  • Automatically adjusting the arrangement of digits in the indication of time when different visual media items are displayed allows for these operations to be performed without user input. Furthermore, doing so also enhances the operability of the system and makes the user-system interface more efficient (e.g., by preventing erroneous inputs and helping the user to provide proper inputs and reducing errors) which, additionally, reduces power usage and improves the battery life of the device by enabling the user to use the system more quickly and efficiently.
  • 16S is aligned left); and in accordance with the determination that the visual media item is the second visual media item different from the first visual media item, displaying, within the time user interface, the indication of time with a second alignment within the time user interface (e.g., displaying the indication of time aligned to and/or adjacent to a top edge, a bottom edge, a right edge, or a left edge of the time user interface) that is different from the first alignment (e.g., 1608 in the second row of FIG. 16S is aligned to the top).
  • the first alignment e.g., 1608 in the second row of FIG. 16S is aligned to the top.
  • Automatically adjusting the alignment of the indication of time when different visual media items are displayed allows for these operations to be performed without user input. Furthermore, doing so also enhances the operability of the system and makes the user-system interface more efficient (e.g., by preventing erroneous inputs and helping the user to provide proper inputs and reducing errors) which, additionally, reduces power usage and improves the battery life of the device by enabling the user to use the system more quickly and efficiently.
  • the computer system receives, via the one or more input devices, a first set of user inputs (e.g., 1638 and/or 1669b) corresponding to a user request to display the indication of time at the first size when the first visual media item (e.g., 1609, 1624a, 1624b, 1624c, 1624d, and/or 1624e) is displayed within the time user interface.
  • a first set of user inputs e.g., 1638 and/or 1669b
  • the first visual media item e.g., 1609, 1624a, 1624b, 1624c, 1624d, and/or 1624e
  • displaying the indication of time (e.g., 1608) at the first size includes: in accordance with a determination that one or more user inputs have caused selection of the indication of time to be displayed at a first respective size when the first visual media item is displayed within the time user interface, displaying the indication of time at the first respective size; and in accordance with a determination that one or more user inputs have caused selection of the indication of time to be displayed at a second respective size different from the first respective size when the first visual media item is displayed within the time user interface, displaying the indication of time at the second respective size.
  • displaying the indication of time (e.g., 1608) at the second size includes: in accordance with a determination that the one or more user inputs have caused selection of the indication of time to be displayed at a third respective size when the second visual media item is displayed within the time user interface, displaying the indication of time at the third respective size; and in accordance with a determination that the one or more user inputs have caused selection of the indication of time to be displayed at a fourth respective size when the second visual media item is displayed within the time user interface, displaying the indication of time at the fourth respective size.
  • Allowing a user to specify the size at which the indication of time is displayed when certain visual media items are displayed enhances the operability of the system and makes the user-system interface more efficient (e.g., by preventing erroneous inputs and helping the user to provide proper inputs and reducing errors) which, additionally, reduces power usage and improves the battery life of the device by enabling the user to use the system more quickly and efficiently.
  • concurrently displaying, within the time user interface (e.g., 1606), the indication of time (e.g., 1608) at a first size and the first visual media item (e.g., 1609, 1624a, 1624b, 1624c, 1624d, and/or 1624e) comprises displaying the first visual media item at a first display position relative to the indication of time.
  • the first display position is selected based on one or more user inputs (e.g., 1640a and/or based on a drag input in FIG. 16H) (e.g., the first display position at which the first visual media item is displayed is a user-selected setting).
  • concurrently displaying, within the time user interface (e.g., 1606), the indication of time (e.g., 1608) at the second size and the second visual media item (e.g., 1609, 1624a, 1624b, 1624c, 1624d, and/or 1624e) comprises displaying the second visual media item at a second display position relative to the indication of time (e.g., a second display position different from the first display position); and the second display position is selected based on one or more user inputs (e.g., 1640a and/or based on a drag input in FIG. 16H) (e.g., the second display position at which the second visual media item is displayed is a user-selected setting).
  • the computer system receives, via the one or more input devices, a first set of user inputs corresponding to a user request to display the first visual media item at a first zoom level (e.g., with a first amount of cropping) and/or at a first display position relative to the indication of time when the first visual media item is displayed within the time user interface.
  • a first zoom level e.g., with a first amount of cropping
  • Allowing a user to specify the display position of visual media items when different visual media items are displayed enhances the operability of the system and makes the user-system interface more efficient (e.g., by preventing erroneous inputs and helping the user to provide proper inputs and reducing errors) which, additionally, reduces power usage and improves the battery life of the device by enabling the user to use the system more quickly and efficiently.
  • the first size of the indication of time (e.g., 1608) is automatically selected for the first visual media item (e.g., 1609, 1624a, 1624b, 1624c, 1624d, and/or 1624e) (e.g., by the computer system and/or one or more external computer systems) without user input (e.g., the first size of the indication of time is an automatically- applied setting); and the second size of the indication of time is automatically selected for the second visual media item (e.g., 1609, 1624a, 1624b, 1624c, 1624d, and/or 1624e) (e.g., by the computer system and/or one or more external computer systems) without user input (e.g., the second size of the indication of time is an automatically-applied setting).
  • displaying the time user interface (e.g., 1606) (e.g., first user input corresponding to a user request to display a time user interface) further includes: in accordance with a determination that a first color has been selected for the indication of time based on one or more user inputs (e.g., user input selecting one or options 1614c-l through 1614c-8 and/or user input 1671b), displaying the indication of time (e.g., 1608) in the first color; and in accordance with a determination that a second color has been selected for the indication of time based on one or more user inputs (e.g., user input selecting one or options 1614c-l through 1614c-8 and/or user input 1671b), wherein the second color is different from the first color, displaying the indication of time (e.g., 1608) in the second color.
  • a first color has been selected for the indication of time based on one or more user inputs
  • the indication of time (e.g., 1608) is displayed with the same color for a plurality of (or, optionally, all) visual media items displayed within the time user interface (e.g., the color of the indication of time remains consistent even as the visual media item changes within the time user interface; and/or as the size and/or display position of the indication of time changes within the time user interface) (e.g., for all rows in FIG. 16S).
  • a single color is applied to the indication of time for all visual media items based on one or more user inputs.
  • different colors are applied for the indication of time for different visual media items based on one or more user inputs.
  • the computer system receives user input corresponding to selection of a first color for the indication of time when the first visual media item is displayed (e.g., top row of FIG. 16S), and user input corresponding to selection of a second color for the indication of time when the second visual media item is displayed (e.g., second row of FIG. 16S).
  • concurrently displaying the indication of time and the first visual media item includes concurrently displaying the indication of time in the first color and the first visual media item (e.g., top row of FIG. 16S); and concurrently displaying the indication of time and the second visual media item includes concurrently displaying the indication of time in the second color and the second visual media item (e.g., second row of FIG. 16S).
  • displaying the time user interface (e.g., 1606) (e.g., first user input corresponding to a user request to display a time user interface) includes: in accordance with a determination that a first color style (e.g., FIGS.
  • a single color style is applied for all visual media items within the time user interface based on one or more user inputs (e.g., the color style of the time user interface remains consistent even as the visual media item changes within the time user interface) (e.g., all rows of FIG. 16S).
  • different color styles are applied for the time user interface for different visual media items based on one or more user inputs. For example, in some embodiments, the computer system receives user input corresponding to selection of a first color style for the time user interface for when the first visual media item is displayed (e.g., top row of FIG.
  • Allowing a user to select the color style of the time user interface enhances the operability of the system and makes the user-system interface more efficient (e.g., by preventing erroneous inputs and helping the user to provide proper inputs and reducing errors) which, additionally, reduces power usage and improves the battery life of the device by enabling the user to use the system more quickly and efficiently.
  • the indication of time (e.g., 1608) is displayed in the same number character system for all visual media items displayed within the time user interface (e.g., the number character system of the indication of time remains consistent even as the visual media item changes within the time user interface; and/or as the size and/or display position of the indication of time changes within the time user interface) (e.g., all rows in FIG. 16S).
  • a single number character system is selected to be applied to the indication of time for all visual media items based on one or more user inputs.
  • different number character systems are applied for the indication of time for different visual media items based one or more user inputs.
  • the computer system receives user input corresponding to selection of a first number character system for the indication of time when the first visual media item is displayed (e.g., top row of FIG. 16S), and user input corresponding to selection of a second number character system for the indication of time when the second visual media item is displayed (e.g., second row of FIG. 16S).
  • concurrently displaying the indication of time and the first visual media item includes concurrently displaying the indication of time in the first number character system and the first visual media item; and concurrently displaying the indication of time and the second visual media item includes concurrently displaying the indication of time in the second number character system and the second visual media item.
  • Allowing a user to select the number character system of the indication of time enhances the operability of the system and makes the user-system interface more efficient (e.g., by preventing erroneous inputs and helping the user to provide proper inputs and reducing errors) which, additionally, reduces power usage and improves the battery life of the device by enabling the user to use the system more quickly and efficiently.
  • displaying the time user interface (e.g., 1606) (e.g., first user input corresponding to a user request to display a time user interface) further comprises: in accordance with a determination that the visual media item includes depth segmentation information (e.g., 1624a, 1624b, and/or 1624c), concurrently displaying, within the time user interface (e.g., 1606), the indication of time (e.g., 1608) (e.g., at the first size) and the visual media item (e.g., 1624a, 1624b, and/or 1624c) with a first visual effect applied to the time user interface (e.g., in FIG.
  • the visual media item e.g., 1624a, 1624b, and/or 1624c
  • visual media items 1624a-1624c are displayed with at least a portion of the visual media item overlapping time indication 1608); and in accordance with a determination that the visual media item does not include depth segmentation information (e.g., 1624d and/or 1624e), concurrently displaying, within the time user interface, the indication of time (e.g., 1608) (e.g., at the second size) and the visual media item (e.g., 1624d and/or 1624e) without the first visual effect applied to the time user interface (e.g., in FIG. 16S, visual media items 1624d and 1624e are displayed with no portion of the visual media item overlapping time indication 1608).
  • the indication of time e.g. 1608
  • the visual media item e.g., 1624d and/or 1624e
  • the first visual media item includes depth segmentation information (e.g., information and/or metadata indicating the depths of one or more objects depicted within the first visual media item; and/or first information indicating that a first object depicted within the first visual media item corresponds to a first depth and second information indicating that a second object depicted within the first visual media item corresponds to a second depth different from the first depth).
  • depth segmentation information is based on information captured while the first visual media item was captured and/or based on information that is calculated after the first visual media item was captured.
  • the second visual media item does not include depth segmentation information (e.g., the second media item does not include corresponding information and/or metadata indicating different depths of different objects depicted within the second visual media item).
  • Automatically displaying the time user interface with different visual effects based on whether the currently displayed visual media item includes or does not include depth segmentation information allows for these operations to be performed without user input. Furthermore, doing so also enhances the operability of the system and makes the user-system interface more efficient (e.g., by preventing erroneous inputs and helping the user to provide proper inputs and reducing errors) which, additionally, reduces power usage and improves the battery life of the device by enabling the user to use the system more quickly and efficiently.
  • concurrently displaying, within the time user interface (e.g., 1606), the indication of time (e.g., 1608) (e.g., at the first size) and the visual media item (e.g., 1624a, 1624b, and/or 1624c) with the first visual effect applied to the time user interface includes displaying at least a first object of the visual media item (e.g., 1624a-l, 1624b-l, and/or 1624b- 1) (e.g., one or more objects; one or more foreground objects; and/one or more foreground objects that have a first depth that is in front of one or more background objects that have a second depth that is further back than the first depth) overlaid on top of the indication of time (e.g., 1608) (e.g., at least partially obscuring the indication of time) (e.g., top three rows of FIG.
  • a first object of the visual media item e.g., 1624a-l, 1624b-l,
  • concurrently displaying, within the time user interface, the indication of time (e.g., 1608) (e.g., at the second size) and the visual media item (e.g., 1624d and/or 1624e) without the first visual effect applied to the time user interface includes displaying the indication of time (e.g., 1608) without the visual media item (e.g., 1624d and/or 1624e) (e.g., without any portion of the visual media item) overlaid on top of the indication of time (e.g., bottom two rows of FIG.
  • 16S (e.g., displaying the indication of time overlaid on top of the visual media item such that the indication of time is not obstructed or obscured by the visual media item).
  • Automatically displaying the time user interface with different visual effects based on whether the currently displayed visual media item includes or does not include depth segmentation information allows for these operations to be performed without user input. Furthermore, doing so also enhances the operability of the system and makes the user-system interface more efficient (e.g., by preventing erroneous inputs and helping the user to provide proper inputs and reducing errors) which, additionally, reduces power usage and improves the battery life of the device by enabling the user to use the system more quickly and efficiently.
  • concurrently displaying, within the time user interface (e.g., 1606), the indication of time (e.g., 1608) (e.g., at the first size) and the visual media item (e.g., 1624a, 1624b, and/or 1624c) with the first visual effect applied to the time user interface includes visually de-emphasizing a background portion (e.g., 1624a-2, 1624b-2, and/or 1624c-2) of the visual media item (e.g., one or more background items and/or one or more background objects; and/or a background portion that has a second depth (e.g., as indicated by the depth segmentation information) that is further back than a foreground portion that has a first depth (e.g., as indicated by the depth segmentation information)) by a first amount (e.g., blurring, obscuring, desaturating, and/or darkening the background portion by a first amount) (e.g., top
  • concurrently displaying, within the time user interface (e.g., 1606), the indication of time (e.g., 1608) (e.g., at the second size) and the visual media item (e.g., 1624d and/or 1624e) without the first visual effect applied to the time user interface includes visually de-emphasizing a background portion of the visual media item by a second amount (e.g., blurring, obscuring, desaturating, and/or darkening the background portion by a first amount) that is less than the first amount (e.g., bottom two rows of FIG. 16S).
  • a second amount e.g., blurring, obscuring, desaturating, and/or darkening the background portion by a first amount
  • visually de-emphasizing a background portion of the visual media item by the second amount that is less than the first amount comprises forgoing visually de-emphasizing any portion of the visual media item.
  • the visual media item does not include depth segmentation information
  • the visual media item does not distinguish between a background portion and a foreground portion (e.g., based on lack of depth segmentation information)
  • visually de- emphasizing the background portion of the visual media item comprises visually de- emphasizing the entirety of the visual media item by the second amount that is less than the first amount and/or forgoing visually de-emphasizing any portion of the visual media item.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

La présente divulgation concerne de manière générale l'affichage d'interfaces utilisateur relatives à l'heure.
PCT/US2025/011749 2024-01-16 2025-01-15 Affichage de régions d'arrière-plan pour des interfaces utilisateur relatives à l'heure Pending WO2025155643A1 (fr)

Applications Claiming Priority (12)

Application Number Priority Date Filing Date Title
US202463621471P 2024-01-16 2024-01-16
US63/621,471 2024-01-16
US202463637334P 2024-04-22 2024-04-22
US63/637,334 2024-04-22
US202463645813P 2024-05-10 2024-05-10
US63/645,813 2024-05-10
US202463657281P 2024-06-07 2024-06-07
US63/657,281 2024-06-07
US202463692172P 2024-09-08 2024-09-08
US63/692,172 2024-09-08
US19/007,277 US20250231531A1 (en) 2024-01-16 2024-12-31 Displaying background regions for time user interfaces
US19/007,277 2024-12-31

Publications (1)

Publication Number Publication Date
WO2025155643A1 true WO2025155643A1 (fr) 2025-07-24

Family

ID=94633686

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/US2025/011749 Pending WO2025155643A1 (fr) 2024-01-16 2025-01-15 Affichage de régions d'arrière-plan pour des interfaces utilisateur relatives à l'heure

Country Status (1)

Country Link
WO (1) WO2025155643A1 (fr)

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US3859005A (en) 1973-08-13 1975-01-07 Albert L Huebner Erosion reduction in wet turbines
US4826405A (en) 1985-10-15 1989-05-02 Aeroquip Corporation Fan blade fabrication system
US6323846B1 (en) 1998-01-26 2001-11-27 University Of Delaware Method and apparatus for integrating manual input
US6570557B1 (en) 2001-02-10 2003-05-27 Finger Works, Inc. Multi-touch system and method for emulating modifier keys via fingertip chords
US20050190059A1 (en) 2004-03-01 2005-09-01 Apple Computer, Inc. Acceleration-based theft detection system for portable electronic devices
US20060017692A1 (en) 2000-10-02 2006-01-26 Wehrenberg Paul J Methods and apparatuses for operating a portable device based on an accelerometer
US7657849B2 (en) 2005-12-23 2010-02-02 Apple Inc. Unlocking a device by performing gestures on an unlock image
WO2013169849A2 (fr) 2012-05-09 2013-11-14 Industries Llc Yknots Dispositif, procédé et interface utilisateur graphique permettant d'afficher des objets d'interface utilisateur correspondant à une application
WO2014105276A1 (fr) 2012-12-29 2014-07-03 Yknots Industries Llc Dispositif, procédé et interface utilisateur graphique pour effectuer une transition entre des relations d'entrée tactile et de sortie d'affichage
EP3455696B1 (fr) * 2016-06-10 2023-10-18 Apple Inc. Interfaces utilisateur spécifiques au contexte

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US3859005A (en) 1973-08-13 1975-01-07 Albert L Huebner Erosion reduction in wet turbines
US4826405A (en) 1985-10-15 1989-05-02 Aeroquip Corporation Fan blade fabrication system
US6323846B1 (en) 1998-01-26 2001-11-27 University Of Delaware Method and apparatus for integrating manual input
US20020015024A1 (en) 1998-01-26 2002-02-07 University Of Delaware Method and apparatus for integrating manual input
US20060017692A1 (en) 2000-10-02 2006-01-26 Wehrenberg Paul J Methods and apparatuses for operating a portable device based on an accelerometer
US6570557B1 (en) 2001-02-10 2003-05-27 Finger Works, Inc. Multi-touch system and method for emulating modifier keys via fingertip chords
US20050190059A1 (en) 2004-03-01 2005-09-01 Apple Computer, Inc. Acceleration-based theft detection system for portable electronic devices
US7657849B2 (en) 2005-12-23 2010-02-02 Apple Inc. Unlocking a device by performing gestures on an unlock image
WO2013169849A2 (fr) 2012-05-09 2013-11-14 Industries Llc Yknots Dispositif, procédé et interface utilisateur graphique permettant d'afficher des objets d'interface utilisateur correspondant à une application
WO2014105276A1 (fr) 2012-12-29 2014-07-03 Yknots Industries Llc Dispositif, procédé et interface utilisateur graphique pour effectuer une transition entre des relations d'entrée tactile et de sortie d'affichage
EP3455696B1 (fr) * 2016-06-10 2023-10-18 Apple Inc. Interfaces utilisateur spécifiques au contexte

Similar Documents

Publication Publication Date Title
JP7734225B2 (ja) コンテキスト固有のユーザインタフェース
AU2022287595B2 (en) Techniques for managing display usage
AU2021245228B2 (en) Techniques for managing display usage
KR102685525B1 (ko) 시간과 관련된 사용자 인터페이스들
US20250231531A1 (en) Displaying background regions for time user interfaces
WO2025155643A1 (fr) Affichage de régions d'arrière-plan pour des interfaces utilisateur relatives à l'heure
CN121635749A (zh) 用于显示和管理小组件的用户界面
CN117242430A (zh) 与时间相关的用户界面

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 25705731

Country of ref document: EP

Kind code of ref document: A1