How to navigate the user interface

Abstract

To provide a required computer system having an improved method and interface for providing a user with a computer generation experience for making an interaction with a computer system more efficient and intuitive to a user.SOLUTION: In some embodiments, an electronic device navigates user interfaces on the basis of at least the detection of the line of sight of a user. In some embodiments, the electronic device reinforces an interaction with a control element of a user interface. In some embodiments, the electronic device cooperatively scrolls representations of a category and a sub-category. In some embodiments, the electronic device performs navigation so as to return from the user interface having a different degree of involvement by a different method.SELECTED DRAWING: Figure 10A

Description

[Technical Field]

[0001] (CROSS-REFERENCE TO RELATED APPLICATIONS) This application claims the benefit of U.S. Provisional Patent Application No. 63 / 083,804, filed September 25, 2020, the contents of which are incorporated herein by reference in their entirety for all purposes.

[0002] It generally relates to a computer system having a display generating component and one or more input devices that present a graphical user interface, including but not limited to an electronic device that presents a three-dimensional environment through the display generating component, including virtual objects. [Background technology]

[0003] The development of computer systems for augmented reality has progressed significantly in recent years. Exemplary augmented reality environments include at least some virtual elements that replace or augment the physical world. Input devices such as cameras, controllers, joysticks, touch-sensitive surfaces, and touchscreen displays for computer systems and other electronic computing devices are used to interact with the virtual / augmented reality environment. Exemplary virtual elements include virtual objects, including digital images, video, text, icons, and control elements such as buttons and other graphics.

[0004] However, methods and interfaces for interacting with environments (e.g., applications, augmented reality environments, mixed reality environments, and virtual reality environments) that include at least some virtual elements are cumbersome, inefficient, and limited. For example, systems that provide insufficient feedback for performing actions associated with virtual objects, systems that require a series of inputs to achieve a desired result in an augmented reality environment, and systems in which manipulating virtual objects is complex and error-prone create a significant cognitive burden for users and detract from the experience of the virtual / augmented reality environment. In addition, these methods are unnecessarily time-consuming, thereby wasting energy. This latter consideration is particularly important in battery-operated devices. Summary of the Invention

[0005] Therefore, there is a need for a computer system having improved methods and interfaces for providing users with computer-generated experiences that make interaction with the computer system more efficient and intuitive for the user. Such methods and interfaces can complement or replace conventional methods of providing users with computer-generated reality experiences. Such methods and interfaces reduce the number, extent, and / or type of inputs from the user by helping the user understand the connection between the input provided and the device response to that input, thereby creating a more efficient human-machine interface.

[0006] The above-mentioned deficiencies and other problems associated with user interfaces for computer systems having a display generation component and one or more input devices are reduced or eliminated by the disclosed system. In some embodiments, the computer system is a desktop computer with an associated display. In some embodiments, the computer system is a portable device (e.g., a notebook computer, a tablet computer, or a handheld device). In some embodiments, the computer system is a personal electronic device (e.g., a wearable electronic device such as a wristwatch or a head-mounted device). In some embodiments, the computer system has a touchpad. In some embodiments, the computer system has one or more cameras. In some embodiments, the computer system has a touch-sensitive display (also known as a "touch screen" or "touchscreen display"). In some embodiments, the computer system has one or more eye-tracking components. In some embodiments, the computer system has one or more hand-tracking components. In some embodiments, the computer system has one or more output devices in addition to the display generation component, the output devices including one or more tactile output generators and one or more audio output devices. In some embodiments, the computer system has a graphical user interface (GUI), one or more processors, memory, and one or more modules, programs, or instruction sets stored in the memory for performing a plurality of functions. In some embodiments, a user interacts with the GUI through stylus and / or finger contacts and gestures on the touch-sensitive surface, the movement of the user's eyes and hands in space relative to the GUI or the user's body as captured by cameras and other movement sensors, and voice input as captured by one or more audio input devices.In some embodiments, the functions performed through the interactions optionally include image editing, drawing, presenting, word processing, spreadsheet creation, game playing, making phone calls, video conferencing, emailing, instant messaging, training support, digital photography, digital videography, web browsing, digital music playback, note taking, and / or digital video playback, and executable instructions to perform those functions are optionally contained on a non-transitory computer-readable storage medium or other computer program product configured to be executed by one or more processors.

[0007] There is a need for electronic devices with improved methods and interfaces for navigating and interacting with a user interface. Such methods and interfaces can complement or replace conventional methods for interacting with a user interface in a three-dimensional environment. Such methods and interfaces reduce the number, extent, and / or type of input from a user, creating a more efficient human-machine interface.

[0008] In some embodiments, the electronic device navigates between user interfaces based at least on detecting a user's gaze. In some embodiments, the electronic device enhances interaction with control elements of the user interface. In some embodiments, the electronic device collaboratively scrolls representations of categories and subcategories. In some embodiments, the electronic device navigates back through user interfaces with different degrees of immersion in different ways.

[0009] It should be noted that the various embodiments described above can be combined with any other embodiment described herein. The features and advantages described herein are not exhaustive, and many additional features and advantages will become apparent to those skilled in the art, particularly in light of the drawings, specification, and claims. Furthermore, it should be noted that the language used in this specification has been selected solely for the purposes of readability and explanation, and not to define or limit the subject matter of the present invention. [Brief explanation of the drawings]

[0010] For a better understanding of the various described embodiments, reference should be made to the following Detailed Description of the Invention in conjunction with the following drawings, in which like reference numerals refer to corresponding parts throughout:

[0011] [Figure 1] FIG. 1 is a block diagram illustrating a computer system operating environment for providing a CGR experience, according to some embodiments.

[0012] [Figure 2] FIG. 1 is a block diagram illustrating a controller of a computer system configured to manage and coordinate a user's CGR experience, according to some embodiments.

[0013] [Figure 3] FIG. 1 is a block diagram illustrating display generation components of a computer system configured to provide a user with visual components of a CGR experience, according to some embodiments.

[0014] [Figure 4] FIG. 1 is a block diagram illustrating a hand tracking unit of a computer system configured to capture a user's gesture input, according to some embodiments.

[0015] [Figure 5]FIG. 1 is a block diagram illustrating an eye-tracking unit of a computer system configured to capture a user's gaze input, according to some embodiments.

[0016] [Figure 6] 1 is a flowchart illustrating a glint-assisted gaze tracking pipeline, according to some embodiments.

[0017] [Figure 7A] 1 illustrates an example of how an electronic device navigates through a user interface based at least on detecting a user's gaze, according to some embodiments. [Figure 7B] 1 illustrates an example of how an electronic device navigates through a user interface based at least on detecting a user's gaze, according to some embodiments. [Figure 7C] 1 illustrates an example of how an electronic device navigates through a user interface based at least on detecting a user's gaze, according to some embodiments.

[0018] [Figure 8A] 1 is a flowchart illustrating a method of navigating through a user interface based at least on detecting a user's gaze, according to some embodiments. [Figure 8B] 1 is a flowchart illustrating a method of navigating through a user interface based at least on detecting a user's gaze, according to some embodiments. [Figure 8C] 1 is a flowchart illustrating a method of navigating through a user interface based at least on detecting a user's gaze, according to some embodiments. [Figure 8D] 1 is a flowchart illustrating a method of navigating through a user interface based at least on detecting a user's gaze, according to some embodiments. [Figure 8E]1 is a flowchart illustrating a method of navigating through a user interface based at least on detecting a user's gaze, according to some embodiments. [Figure 8F] 1 is a flowchart illustrating a method of navigating through a user interface based at least on detecting a user's gaze, according to some embodiments.

[0019] [Figure 9A] 1 illustrates an example of how an electronic device can enhance interaction with a control element of a user interface, according to some embodiments. [Figure 9B] 1 illustrates an example of how an electronic device can enhance interaction with a control element of a user interface, according to some embodiments. [Figure 9C] 1 illustrates an example of how an electronic device can enhance interaction with a control element of a user interface, according to some embodiments. [Figure 9D] 1 illustrates an example of how an electronic device can enhance interaction with a control element of a user interface, according to some embodiments.

[0020] [Figure 10A] 1 is a flowchart illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments. [Figure 10B] 1 is a flowchart illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments. [Figure 10C] 1 is a flowchart illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments. [Figure 10D] 1 is a flowchart illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments. [Figure 10E] 1 is a flowchart illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments. [Figure 10F] 1 is a flowchart illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments. [Figure 10G] 1 is a flowchart illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments. [Figure 10H] 1 is a flowchart illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments. [Figure 10I] 1 is a flowchart illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments. [Figure 10J] 1 is a flowchart illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments. [Figure 10K] 1 is a flowchart illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments.

[0021] [Figure 11A] 10 illustrates an example of how an electronic device may cooperatively scroll through representations of categories and subcategories, according to some embodiments. [Figure 11B] 10 illustrates an example of how an electronic device may cooperatively scroll through representations of categories and subcategories, according to some embodiments. [Figure 11C] 10 illustrates an example of how an electronic device may cooperatively scroll through representations of categories and subcategories, according to some embodiments. [Figure 11D] 10 illustrates an example of how an electronic device may cooperatively scroll through representations of categories and subcategories, according to some embodiments.

[0022] [Figure 12A] 1 is a flowchart illustrating a method for collaboratively scrolling through representations of categories and subcategories, according to some embodiments. [Figure 12B]1 is a flowchart illustrating a method for collaboratively scrolling through representations of categories and subcategories, according to some embodiments. [Figure 12C] 1 is a flowchart illustrating a method for collaboratively scrolling through representations of categories and subcategories, according to some embodiments. [Figure 12D] 1 is a flowchart illustrating a method for collaboratively scrolling through representations of categories and subcategories, according to some embodiments. [Figure 12E] 1 is a flowchart illustrating a method for collaboratively scrolling through representations of categories and subcategories, according to some embodiments. [Figure 12F] 1 is a flowchart illustrating a method for collaboratively scrolling through representations of categories and subcategories, according to some embodiments. [Figure 12G] 1 is a flowchart illustrating a method for collaboratively scrolling through representations of categories and subcategories, according to some embodiments. [Figure 12H] 1 is a flowchart illustrating a method for collaboratively scrolling through representations of categories and subcategories, according to some embodiments. [Figure 12I] 1 is a flowchart illustrating a method for collaboratively scrolling through representations of categories and subcategories, according to some embodiments. [Figure 12J] 1 is a flowchart illustrating a method for collaboratively scrolling through representations of categories and subcategories, according to some embodiments.

[0023] [Figure 13A] 10A-10C illustrate examples of how an electronic device navigates back from a user interface with different degrees of immersion in different ways, according to some embodiments. [Figure 13B] 10A-10C illustrate examples of how an electronic device navigates back from a user interface with different degrees of immersion in different ways, according to some embodiments. [Figure 13C]10A-10C illustrate examples of how an electronic device navigates back from a user interface with different degrees of immersion in different ways, according to some embodiments. [Figure 13D] 10A-10C illustrate examples of how an electronic device navigates back from a user interface with different degrees of immersion in different ways, according to some embodiments.

[0024] [Figure 14A] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14B] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14C] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14D] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14E] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14F] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14G] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14H] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14I]1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14J] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14K] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14L] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. [Figure 14M] 1 is a flowchart illustrating a method for navigating back from a user interface with different immersiveness in different ways, according to some embodiments. DETAILED DESCRIPTION OF THE INVENTION

[0025] The present disclosure relates to a user interface that provides a computer-generated reality (CGR) experience to a user, according to some embodiments.

[0026] The systems, methods, and GUIs described herein provide improved ways for electronic devices to interact with and manipulate objects in a three-dimensional environment, which optionally includes one or more virtual objects, one or more representations of real objects in the physical environment of the electronic device (e.g., displayed as photo-realistic (e.g., "pass-through") representations of the real objects or visible to the user through transparent portions of a display generation component), and / or a representation of a user within the three-dimensional environment.

[0027] In some embodiments, the electronic device navigates between user interfaces based at least on detecting a user's gaze. In some embodiments, the electronic device navigates to a user interface associated with an individual user interface element in response to detecting a user's gaze directed at the individual user interface element for a predetermined time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.). In some embodiments, in response to detecting that the user performs a gesture with the user's hand (e.g., touching the thumb to another finger of the same hand (e.g., index finger, middle finger, ring finger, pinky finger)) while the user's gaze is directed at the individual user interface element, the electronic device navigates to the user interface in a time less than the predetermined time threshold. Navigating to a user interface in response to gaze alone, or navigating a user interface more quickly in response to a user's gaze and hand gestures, provides an efficient way to navigate to a user interface with less input or in a shorter time.

[0028] In some embodiments, the electronic device enhances interaction with a control element of a user interface. In some embodiments, the control element includes a selectable option that, when selected, causes the electronic device to perform an action in the user interface that includes the control element. For example, the control element includes a navigation bar that includes selectable options for navigating to different pages of the user interface. In some embodiments, in response to detecting a user's gaze toward the control element, the electronic device updates the appearance of the control element (e.g., enlarges, expands, adds detail to the control element). Updating the appearance of the control element in this manner provides an efficient way to interact with the control element and a way to interact with the user interface with reduced visual clutter when not interacting with the control element.

[0029] In some embodiments, the electronic device cooperatively scrolls representations of categories and subcategories. In some embodiments, the electronic device simultaneously displays representations of categories (e.g., of content, files, user interfaces, applications, etc.) and representations of subcategories within one or more of the categories. In some embodiments, in response to an input scrolling the representation of a category, the electronic device scrolls the representation of the category and the representation of the subcategories. In some embodiments, in response to an input scrolling the representation of a subcategory, the electronic device scrolls the representation of the subcategories (e.g., with or without scrolling the representation of the category). Cooperatively scrolling representations of categories and subcategories provides an efficient way to simultaneously view categories and subcategories.

[0030] In some embodiments, the electronic device navigates back from user interfaces having different degrees of immersion in different ways. In some embodiments, the degree of immersion of a user interface corresponds to the number of objects (e.g., virtual objects, representations of real objects) and the degree of visibility of objects other than the user interface displayed simultaneously with the user interface. In some embodiments, the electronic device navigates away from a user interface having a first degree of immersion in response to a discrete input (e.g., detecting a user's gaze on a previous representation of the user interface for a threshold amount of time). In some embodiments, the electronic device refrains from navigating away from a user interface having a second, higher degree of immersion in response to a discrete input. Navigating away from a user interface having a first degree of immersion in response to a discrete input and refraining from navigating away from a user interface having a second, higher degree of immersion in response to a discrete input provides convenience in the user interface having a first degree of immersion, reduces confusion in the user interface having a second, higher degree of immersion, and allows a user to use the electronic device quickly and efficiently.

[0031] 1-6 provide a description of an exemplary computer system for providing a CGR experience to a user (as described below with respect to methods 800, 1000, 1200, and 1400). In some embodiments, the CGR experience is provided to a user via an operating environment 100 that includes a computer system 101, as shown in FIG. The computer system 101 includes a controller 110 (e.g., a processor of a portable electronic device or a remote server), a display generation component 120 (e.g., a head-mounted device (HMD), a display, a projector, a touchscreen, etc.), one or more input devices 125 (e.g., an eye-tracking device 130, a hand-tracking device 140, other input devices 150), one or more output devices 155 (e.g., a speaker 160, a tactile output generator 170, and other output devices 180), one or more sensors 190 (e.g., an image sensor, a light sensor, a depth sensor, a touch sensor, an orientation sensor, a proximity sensor, a temperature sensor, a position sensor, a motion sensor, a speed sensor, etc.), and optionally one or more peripheral devices 195 (e.g., a home appliance, a wearable device, etc.). In some embodiments, one or more of the input device 125, the output device 155, the sensor 190, and the peripheral device 195 are integrated with the display generation component 120 (e.g., within a head-mounted or handheld device).

[0032] When describing a CGR experience, various terms are used to individually refer to several related, but distinct, environments that a user senses and / or with which the user can interact (e.g., using inputs detected by computer system 101 that cause the computer system generating the CGR experience to generate audio, visual, and / or haptic feedback corresponding to various inputs provided to computer system 101 generating the CGR experience). The following is a subset of these terms:

[0033] Physical Environment: The physical environment refers to the physical world that people can sense and / or interact with without the aid of electronic systems. A physical environment, such as a physical park, includes physical objects such as physical trees, physical buildings, and physical people. People can directly sense and / or interact with the physical environment through their senses, such as sight, touch, hearing, taste, and smell.

[0034] Computer-Generated Reality: In contrast, a computer-generated reality (CGR) environment refers to a wholly or partially mimicked environment that people sense and / or interact with via electronic systems. In a CGR, a subset of a person's body movements or representations thereof are tracked, and one or more properties of one or more virtual objects simulated within the CGR environment are adjusted accordingly to behave according to at least one law of physics. For example, a CGR system may detect a person's head rotation and adjust the graphical content and sound field presented to the person accordingly, in a manner similar to how such views and sounds change in a physical environment. In some circumstances (e.g., for accessibility reasons), adjustments to the property(ies) of a virtual object(s) in a CGR environment may be made in response to a representation of a body movement (e.g., a voice command). A person may sense and / or interact with a CGR object using any one of these senses, including sight, hearing, touch, taste, and smell. For example, a person may sense and / or interact with audio objects that create a 3D or spatially expansive audio environment, providing the perception of a point sound source in 3D space. In another example, audio objects may enable audio transparency, selectively incorporating ambient sounds from the physical environment, with or without computer-generated audio. In some CGR environments, a person may sense and / or interact with only audio objects.

[0035] Examples of CGR include virtual reality and mixed reality.

[0036] Virtual Reality: A virtual reality (VR) environment refers to an emulated environment designed to be based entirely on computer-generated sensory input for one or more senses. A VR environment includes multiple virtual objects that a person can sense and / or interact with. For example, computer-generated images of trees, buildings, and avatars representing people are examples of virtual objects. A person can sense and / or interact with virtual objects in a VR environment through a simulation of the person's presence in the computer-generated environment and / or through a simulation of a subset of the person's physical movements in the computer-generated environment.

[0037] Mixed Reality: A mixed reality (MR) environment refers to a mimetic environment designed to incorporate sensory input from or representations of a physical environment in addition to including computer-generated sensory input (e.g., virtual objects), as opposed to a VR environment designed to be based entirely on computer-generated sensory input. On the virtuality continuum, a mixed reality environment is anywhere between, but not including, a complete physical environment at one end and a virtual reality environment at the other. In some MR environments, computer-generated sensory input may respond to changes in sensory input from the physical environment. Some electronic systems for presenting MR environments may also track the position and / or orientation relative to the physical environment to allow virtual objects to interact with real objects (i.e., physical items or representations thereof from the physical environment). For example, the system may account for movement so that a virtual tree appears stationary relative to the physical ground.

[0038] Examples of mixed reality include augmented reality and augmented virtuality.

[0039] Augmented reality: An augmented reality (AR) environment refers to a simulated environment in which one or more virtual objects are superimposed on a physical environment or a representation thereof. For example, an electronic system for presenting an AR environment may have a transparent or translucent display through which a person can directly view the physical environment. The system may be configured to present virtual objects on the transparent or translucent display, whereby a person using the system perceives the virtual objects superimposed on the physical environment. Alternatively, the system may have an opaque display and one or more imaging sensors that capture images or videos of the physical environment, which are representations of the physical environment. The system composites the images or videos with virtual objects and presents the composite on the opaque display. A person uses the system to indirectly view the physical environment through the images or videos of the physical environment and perceive the virtual objects superimposed on the physical environment. As used herein, videos of a physical environment shown on an opaque display are referred to as "pass-through video," meaning that the system captures images of the physical environment using one or more image sensors and uses those images in presenting the AR environment on the opaque display. Alternatively, the system may include a projection system that projects virtual objects, e.g., as holograms, into the physical environment or onto a physical surface, so that a person using the system perceives the virtual objects superimposed on the physical environment. An augmented reality environment also refers to a simulated environment in which a representation of the physical environment is transformed by computer-generated sensory information. For example, when providing pass-through video, the system may distort one or more sensor images to impose a selected perspective (e.g., viewpoint) different from the perspective captured by the image sensor. As another example, the representation of the physical environment may be distorted by graphically altering (e.g., enlarging) a portion thereof, thereby rendering the altered portion a non-photorealistic, altered version of the originally captured image. As a further example, the representation of the physical environment may be distorted by graphically removing or obscuring a portion thereof.

[0040] Augmented Virtual: An augmented virtual (AV) environment refers to a mimicking environment in which a virtual or computer-generated environment incorporates one or more sensory inputs from a physical environment. The sensory inputs may be representations of one or more characteristics of the physical environment. For example, an AV park may have virtual trees and virtual buildings, while people with faces are realistically recreated from images taken of physical people. As another example, virtual objects may adopt the shape or color of physical items imaged by one or more imaging sensors. As a further example, virtual objects may adopt shadows that match the position of the sun in the physical environment.

[0041] Hardware: There are many different types of electronic systems that enable a person to sense and / or interact with various CGR environments. Examples include head-mounted systems, projection-based systems, heads-up displays (HUDs), vehicle windshields with integrated display capabilities, windows with integrated display capabilities, displays formed as lenses designed to be placed over a person's eyes (e.g., similar to contact lenses), headphones / earphones, speaker arrays, input systems (e.g., wearable or handheld controllers with or without haptic feedback), smartphones, tablets, and desktop / laptop computers. A head-mounted system may have one or more speaker(s) and an integrated opaque display. Alternatively, a head-mounted system may be configured to accept an external opaque display (e.g., a smartphone). A head-mounted system may incorporate one or more imaging sensors for capturing images or video of the physical environment and / or one or more microphones for capturing audio of the physical environment. A head-mounted system may have a transparent or translucent display rather than an opaque display. A transparent or translucent display may have a medium through which light representing an image is directed toward a person's eye. The display may utilize digital light projection, OLED, LED, uLED, liquid crystal on silicon, laser-scanned light source, or any combination of these technologies. The medium may be a light guide, a holographic medium, an optical combiner, an optical reflector, or any combination thereof. In one embodiment, the transparent or translucent display may be configured to be selectively opaque. A projection-based system may employ retinal projection technology that projects graphical images onto a person's retina. The projection system may also be configured to project virtual objects into the physical environment, for example, as holograms or as physical surfaces. In some embodiments, the controller 110 is configured to manage and coordinate the user's CGR experience.In some embodiments, controller 110 includes a suitable combination of software, firmware, and / or hardware. Controller 110 is described in more detail below with reference to FIG. 2. In some embodiments, controller 110 is a computing device that is local or remote to scene 105 (e.g., the physical environment). For example, controller 110 is a local server located within scene 105. In another example, controller 110 is a remote server (e.g., a cloud server, a central server, etc.) located outside scene 105. In some embodiments, controller 110 is communicatively coupled to display generation component 120 (e.g., an HMD, a display, a projector, a touchscreen, etc.) via one or more wired or wireless communication channels 144 (e.g., BLUETOOTH, IEEE 802.11x, IEEE 802.16x, IEEE 802.3x, etc.). In another example, the controller 110 is contained within the housing (e.g., physical housing) of, or shares the same physical housing or support structure as, one or more of the display generation component 120 (e.g., an HMD or a portable electronic device including a display and one or more processors), one or more of the input devices 125, one or more of the output devices 155, one or more of the sensors 190, and / or one or more of the peripheral devices 195.

[0042] In some embodiments, display generation component 120 is configured to provide a CGR experience (e.g., at least a visual component of the CGR experience) to a user. In some embodiments, display generation component 120 includes a suitable combination of software, firmware, and / or hardware. Display generation component 120 is described in more detail below with reference to FIG. 3. In some embodiments, functionality of controller 110 is provided by and / or combined with display generation component 120.

[0043] According to some embodiments, the display generation component 120 provides a CGR experience to the user while the user is virtually and / or physically present within the scene 105.

[0044] In some embodiments, the display generation component is worn on a part of the user's body (e.g., on their head, their hand, etc.). Thus, display generation component 120 includes one or more CGR displays provided for displaying CGR content. For example, in various embodiments, display generation component 120 surrounds the user's field of view. In some embodiments, display generation component 120 is a handheld device (e.g., a smartphone or tablet) configured to present CGR content, where the user holds the device with a display pointed toward the user's field of view and a camera pointed toward scene 105. In some embodiments, the handheld device is optionally located within a housing worn on the user's head. In some embodiments, the handheld device is optionally located on a support (e.g., a tripod) in front of the user. In some embodiments, display generation component 120 is a CGR chamber, housing, or room configured to present CGR content without the user wearing or holding display generation component 120. Many user interfaces described with reference to one type of hardware for displaying CGR content (e.g., a handheld device or a device on a tripod) may be implemented on another type of hardware for displaying CGR content (e.g., an HMD or other wearable computing device). For example, a user interface showing an interaction with CGR content triggered based on an interaction occurring in the space in front of a handheld or tripod-mounted device may be implemented similarly to an HMD where the interaction occurs in the space in front of the HMD and the CGR content response is displayed via the HMD. Similarly, a user interface showing an interaction with CGR content triggered based on movement of a handheld or tripod-mounted device relative to the physical environment (e.g., scene 105 or a part of the user's body (e.g., the user's eye(s), head, or hand)) may be implemented similarly to an HMD where the interaction is triggered by movement of the HMD relative to the physical environment (e.g., scene 105 or a part of the user's body (e.g., the user's eye(s), head, or hand)).

[0045] While relevant features of operating environment 100 are shown in FIG. 1, those skilled in the art will understand from this disclosure that various other features have not been shown for the sake of brevity so as not to obscure more pertinent aspects of the exemplary embodiments disclosed herein.

[0046] 2 is a block diagram of an example controller 110, according to some embodiments. While certain features are shown, those skilled in the art will understand from this disclosure that various other features are not shown for the sake of brevity so as not to obscure more pertinent aspects of the embodiments disclosed herein. Thus, by way of non-limiting example, in some embodiments, the controller 110 includes one or more processing units 202 (e.g., a microprocessor, an application specific integrated circuit (ASIC), a field programmable gate array (FPGA), a graphics processing unit (GPU), a central processing unit (CPU), a processing core, etc.), one or more input / output (I / O) devices 206, one or more communication interfaces 208 (e.g., Universal Serial Bus (USB), FIREWIRE, THUNDERBOLT, IEEE 802.3x, IEEE 802.11x, IEEE 802.16x, Global System for Mobile Communications (GSM), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Global Positioning System (GPS), Infrared (IR), BLUETOOTH, ZIGBEE, or similar types of interfaces), one or more programming (e.g., I / O) interfaces 210, memory 220, and one or more communication buses 204 for interconnecting these and various other components.

[0047] In some embodiments, one or more communication buses 204 include circuitry that interconnects and controls communication between system components. In some embodiments, one or more I / O devices 206 include at least one of a keyboard, a mouse, a touchpad, a joystick, one or more microphones, one or more speakers, one or more image sensors, one or more displays, etc.

[0048] Memory 220 includes high-speed random-access memory, such as dynamic random-access memory (DRAM), static random-access memory (SRAM), double-data-rate random-access memory (DDRRAM), or other random-access solid-state memory devices. In some embodiments, memory 220 includes non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. Memory 220 optionally includes one or more storage devices located remotely from one or more processing units 202. Memory 220 includes a non-transitory computer-readable storage medium. In some embodiments, memory 220, or its non-transitory computer-readable storage medium, stores the following programs, modules, and data structures, or a subset thereof, including optional operating system 230 and CGR experience module 240:

[0049] Operating system 230 includes instructions for handling various basic system services and for performing hardware-dependent tasks. In some embodiments, CGR experience module 240 is configured to manage and coordinate one or more CGR experiences for one or more users (e.g., a single CGR experience for one or more users, or multiple CGR experiences for respective groups of one or more users). To that end, in various embodiments, CGR experience module 240 includes a data acquisition unit 242, a tracking unit 244, an adjustment unit 246, and a data transmission unit 248.

[0050] In some embodiments, data acquisition unit 242 is configured to acquire data (e.g., presentation data, interaction data, sensor data, location data, etc.) from at least display generation component 120 of FIG. 1 and, optionally, one or more of input device 125, output device 155, sensor 190, and / or peripheral device 195. To that end, in various embodiments, data acquisition unit 242 includes instructions and / or logic therefor, as well as heuristics and metadata therefor.

[0051] In some embodiments, tracking unit 244 is configured to map scene 105 and track the position of at least display generation component 120, and optionally one or more of input device 125, output device 155, sensor 190, and / or peripheral device 195, relative to scene 105 of FIG. 1 . To that end, in various embodiments, tracking unit 244 includes instructions and / or logic therefor, as well as heuristics and metadata therefor. In some embodiments, tracking unit 244 includes hand tracking unit 243 and / or eye tracking unit 245. In some embodiments, hand tracking unit 243 is configured to track the position of one or more parts of a user's hand and / or the movement of one or more parts of a user's hand relative to scene 105 of FIG. 1 , relative to display generation component 120, and / or relative to a coordinate system defined relative to the user's hand. Hand tracking unit 243 is described in more detail below with respect to FIG. 4 . In some embodiments, eye tracking unit 245 is configured to track the position and movement of the user's gaze (or, more broadly, the user's eyes, face, or head) relative to scene 105 (e.g., relative to the physical environment and / or the user (e.g., the user's hands)) or relative to CGR content displayed via display generation component 120. Eye tracking unit 245 is described in more detail below with respect to FIG. 5.

[0052] In some embodiments, adjustment unit 246 is configured to manage and adjust the CGR experience presented to the user by display generation component 120, and optionally by one or more of output devices 155 and / or peripheral devices 195. To that end, in various embodiments, adjustment unit 246 includes instructions and / or logic therefor, as well as heuristics and metadata therefor.

[0053] In some embodiments, data transmission unit 248 is configured to transmit data (e.g., presentation data, location data, etc.) to at least display generation component 120, and optionally to one or more of input device 125, output device 155, sensor 190, and / or peripheral device 195. To that end, in various embodiments, data transmission unit 248 includes instructions and / or logic therefor, as well as heuristics and metadata therefor.

[0054] Although the data acquisition unit 242, the tracking unit 244 (e.g., including the eye tracking unit 243 and the hand tracking unit 244), the adjustment unit 246, and the data transmission unit 248 are shown as being present on a single device (e.g., the controller 110), it should be understood that in other embodiments, any combination of the data acquisition unit 242, the tracking unit 244 (e.g., including the eye tracking unit 243 and the hand tracking unit 244), the adjustment unit 246, and the data transmission unit 248 may be located within separate computing devices.

[0055] Furthermore, Figure 2 is intended more to illustrate the functionality of various features that may be present in particular embodiments, as opposed to a structural overview of the embodiments described herein. As will be recognized by those skilled in the art, items shown separately may be combined and some items may be separated. For example, some functional modules shown separately in Figure 2 may be implemented within a single module, and various functions of a single functional block may be performed by one or more functional blocks in various embodiments. The actual number of modules, as well as the division of specific functions and how functions are allocated among them, will vary depending on implementation and, in some embodiments, will depend in part on the particular combination of hardware, software, and / or firmware selected for a particular implementation.

[0056] 3 is a block diagram of an example of a display generation component 120, according to some embodiments. While certain features are shown, those skilled in the art will understand from this disclosure that, for the sake of brevity, various other features are not shown so as not to obscure more pertinent aspects of the embodiments disclosed herein. To that end, by way of non-limiting example, in some embodiments, the HMD 120 includes one or more processing units 302 (e.g., microprocessors, ASICs, FPGAs, GPUs, CPUs, processing cores, etc.), one or more input / output (I / O) devices and sensors 306, one or more communication interfaces 308 (e.g., USB, FIREWIRE, THUNDERBOLT, IEEE 802.3x, IEEE 802.11x, IEEE 802.16x, GSM, CDMA, TDMA, GPS, infrared, BLUETOOTH, ZIGBEE, and / or similar types of interfaces), one or more programming (e.g., I / O) interfaces 310, one or more CGR displays 312, one or more optional inward-facing and / or outward-facing image sensors 314, memory 320, and one or more communication buses 304 for interconnecting these and various other components.

[0057] In some embodiments, the one or more communication buses 304 include circuitry that interconnects and controls communication between the system components. In some embodiments, the one or more I / O devices and sensors 306 include at least one of an inertial measurement unit (IMU), an accelerometer, a gyroscope, a thermometer, one or more physiological sensors (e.g., a blood pressure monitor, a heart rate monitor, a blood oxygen sensor, a blood glucose sensor, etc.), one or more microphones, one or more speakers, a haptic engine, one or more depth sensors (e.g., structured light, time of flight, etc.), etc.

[0058] In some embodiments, one or more CGR displays 312 are configured to provide a CGR experience to a user. In some embodiments, one or more CGR displays 312 correspond to holographic, digital light processing (DLP), liquid crystal display (LCD), liquid crystal on silicon (LCoS), organic light-emitting field-effect transistor (OLET), organic light-emitting diode (OLED), surface-conduction electron-emissive element display (SED), field-emission display (FED), quantum dot light-emitting diode (QD-LED), MEMS, and / or similar display types. In some embodiments, one or more CGR displays 312 correspond to a waveguide display, such as a diffractive, reflective, polarized, holographic, etc. For example, the HMD 120 includes a single CGR display. In another example, the HMD 120 includes a CGR display for each eye of the user. In some embodiments, one or more CGR displays 312 are capable of presenting MR or VR content. In some embodiments, one or more CGR displays 312 are capable of presenting MR or VR content.

[0059] In some embodiments, the one or more image sensors 314 are configured to acquire image data corresponding to at least a portion of the user's face, including the user's eyes (and may be referred to as eye-tracking cameras). In some embodiments, the one or more image sensors 314 are configured to acquire image data corresponding to at least a portion of the user's hand(s) and optionally the user's arm(s) (and may be referred to as hand-tracking cameras). In some embodiments, the one or more image sensors 314 are configured to face forward to acquire image data corresponding to a scene viewed by the user when the HMD 120 is not present (and may be referred to as scene cameras). The one or more optional image sensors 314 may include one or more RGB cameras (e.g., with a complementary metal-oxide semiconductor (CMOS) image sensor or a charge-coupled device (CCD) image sensor), one or more infrared (IR) cameras, one or more event-based cameras, and / or the like.

[0060] Memory 320 includes high-speed random-access memory, such as DRAM, SRAM, DDR RAM, or other random-access solid-state memory devices. In some embodiments, memory 320 includes non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. Memory 320 optionally includes one or more storage devices located remotely from one or more processing units 302. Memory 320 includes a non-transitory computer-readable storage medium. In some embodiments, memory 320, or its non-transitory computer-readable storage medium, stores the following programs, modules, and data structures, or a subset thereof, including an optional operating system 330 and a CGR presentation module 340:

[0061] The operating system 330 includes instructions for handling various basic system services and for performing hardware-dependent tasks. In some embodiments, the CGR presentation module 340 is configured to present CGR content to a user via one or more CGR displays 312. To that end, in various embodiments, the CGR presentation module 340 includes a data acquisition unit 342, a CGR presentation unit 344, a CGR map generation unit 346, and a data transmission unit 348.

[0062] In some embodiments, the data acquisition unit 342 is configured to acquire data (e.g., presentation data, interaction data, sensor data, location data, etc.) from at least the controller 110 of Figure 1. To that end, in various embodiments, the data acquisition unit 342 includes instructions and / or logic therefor, as well as heuristics and metadata therefor.

[0063] In some embodiments, the CGR presentation unit 344 is configured to present CGR content via one or more CGR displays 312. To that end, in various embodiments, the CGR presentation unit 344 includes instructions and / or logic therefor, as well as heuristics and metadata therefor.

[0064] In some embodiments, the CGR map generation unit 346 is configured to generate a CGR map (e.g., a 3D map of a mixed reality scene or a map of a physical environment in which computer-generated objects can be placed) based on the media content data. To that end, in various embodiments, the CGR map generation unit 346 includes instructions and / or logic therefor, as well as heuristics and metadata therefor.

[0065] In some embodiments, data transmission unit 348 is configured to transmit data (e.g., presentation data, location data, etc.) to at least controller 110, and optionally to one or more of input device 125, output device 155, sensor 190, and / or peripheral device 195. To that end, in various embodiments, data transmission unit 348 includes instructions and / or logic therefor, as well as heuristics and metadata therefor.

[0066] Although the data acquisition unit 342, the CGR presentation unit 344, the CGR map generation unit 346, and the data transmission unit 348 are shown as residing on a single device (e.g., the display generation component 120 of FIG. 1), it should be understood that in other embodiments, any combination of the data acquisition unit 342, the CGR presentation unit 344, the CGR map generation unit 346, and the data transmission unit 348 may be located within separate computing devices.

[0067] Furthermore, Figure 3 is intended more to illustrate the functionality of various features that may be present in particular implementations, as opposed to a structural overview of the embodiments described herein. As will be recognized by those skilled in the art, items shown separately can be combined and some items can be separated. For example, some functional modules shown separately in Figure 3 can be implemented within a single module, and various functions of a single functional block can be performed by one or more functional blocks in various embodiments. The actual number of modules, as well as the division of specific functions and how functions are allocated among them, will vary from implementation to implementation and, in some embodiments, will depend in part on the particular combination of hardware, software, and / or firmware selected for a particular implementation.

[0068] 4 is a schematic diagram of an example embodiment of hand tracking device 140. In some embodiments, hand tracking device 140 (FIG. 1) is controlled by hand tracking unit 243 (FIG. 2) to track the position of one or more parts of a user's hand and / or the movement of one or more parts of a user's hand relative to scene 105 of FIG. 1 (e.g., relative to a portion of the physical environment surrounding the user, relative to display generation component 120, or relative to a portion of the user (e.g., the user's face, eyes, or head), and / or relative to the user's hand). In some embodiments, hand tracking device 140 is part of display generation component 120 (e.g., embedded in or attached to a head-mounted device). In some embodiments, hand tracking device 140 is separate from display generation component 120 (e.g., located in a separate housing or attached to a separate physical support structure).

[0069] In some embodiments, the hand tracking device 140 includes an image sensor 404 (e.g., one or more IR cameras, 3D cameras, depth cameras, and / or color cameras) that captures three-dimensional scene information including at least the hand 406 of a human user. The image sensor 404 captures hand images with sufficient resolution to allow for differentiation of the fingers and their respective positions. The image sensor 404 typically captures images of other parts of the user's body, or all of the body, and can have either zoom capabilities or a dedicated sensor with high magnification to capture hand images at a desired resolution. In some embodiments, the image sensor 404 also captures 2D color video images of the hand 406 and other elements of the scene. In some embodiments, the image sensor 404 is used in conjunction with or functions as an image sensor that captures the physical environment of the scene 105. In some embodiments, the image sensor 404 is positioned relative to the user or the user's environment such that the field of view of the image sensor, or a portion thereof, is used to define an interaction space in which hand movements captured by the image sensor are processed as inputs to the controller 110.

[0070] In some embodiments, image sensor 404 outputs a sequence of frames containing 3D map data (and possibly color image data) to controller 110, which extracts high-level information from the map data. This high-level information is provided, typically via an application program interface (API), to an application running on the controller, which drives display generation component 120 accordingly. For example, a user can interact with software running on controller 110 by moving hand 408 and changing hand posture.

[0071] In some embodiments, the image sensor 404 projects a spot pattern onto a scene containing the hand 406 and captures an image of the projected pattern. In some embodiments, the controller 110 calculates the 3D coordinates of points in the scene (including points on the surface of the user's hand) by triangulation based on the lateral shift of the pattern's spots. This approach is advantageous in that it does not require the user to hold or wear any type of beacon, sensor, or other marker. This provides depth coordinates of points in the scene relative to a predetermined reference plane at a specific distance from the image sensor 404. In this disclosure, the image sensor 404 is assumed to define a set of orthogonal x, y, and z axes such that the depth coordinate of a point in the scene corresponds to the z-component measured by the image sensor. Alternatively, the hand tracking device 440 can use other 3D mapping methods, such as stereoscopic imaging or time-of-flight measurement, based on single or multiple cameras or other types of sensors.

[0072] In some embodiments, the hand tracking device 140 captures and processes a time sequence of depth maps containing the user's hand while the user moves the hand (e.g., the entire hand or one or more fingers). Software running on the image sensor 404 and / or a processor in the controller 110 processes the 3D map data to extract patch descriptors of the hand in these depth maps. The software matches these descriptors to patch descriptors stored in the database 408, based on a previous training process, to estimate the pose of the hand in each frame. The pose typically includes the 3D positions of the user's wrist joints and fingertips.

[0073] The software can also analyze hand and / or finger trajectories across multiple frames in a sequence to identify gestures. The pose estimation functionality described herein may be interleaved with motion tracking functionality, whereby patch-based pose estimation is performed only once every two (or more) frames, while tracking is used to discover pose changes that occur across the remaining frames. The pose, motion, and gesture information is provided to an application program running on the controller 110 via the API described above. This program can, for example, move and modify an image presented on the display generation component 120 or perform other functions in response to the pose and / or gesture information.

[0074] In some embodiments, the software may be downloaded to the controller 110 in electronic form, for example, over a network, or alternatively may be provided on a tangible, non-transitory medium, such as an optical, magnetic, or electronic memory medium. In some embodiments, the database 408 is similarly stored in memory associated with the controller 110. Alternatively, or additionally, some or all of the described functionality of the computer may be implemented in dedicated hardware, such as a custom or semi-custom integrated circuit or a programmable digital signal processor (DSP). While the controller 110 is shown in FIG. 4 as, by way of example, a separate unit from the image sensor 440, some or all of the processing functionality of the controller may be implemented by a suitable microprocessor and software, or by dedicated circuitry within the housing of the hand tracking device 402, or otherwise associated with the image sensor 404. In some embodiments, at least some of these processing functions may be performed by a suitable processor integrated with the display generation component 120 (e.g., in a television set, handheld device, or head-mounted device) or using any other suitable computerized device, such as a game console or media player. The sensing function of the image sensor 404 may likewise be integrated into a computer or other computerized device that is controlled by the sensor output.

[0075] FIG. 4 also includes a schematic diagram of a depth map 410 captured by the image sensor 404, according to some embodiments. The depth map includes a matrix of pixels having respective depth values, as described above. A pixel 412 corresponding to the hand 406 is segmented from the background and wrist in this map. The intensity of each pixel in the depth map 410 is inversely proportional to the depth value, i.e., the measured z-distance from the image sensor 404, with increasing depth resulting in darker shades. The controller 110 processes these depth values ​​to identify and segment components of the image (i.e., groups of adjacent pixels) that have characteristics of a human hand. These characteristics can include, for example, the overall size, shape, and frame-to-frame motion of the depth map sequence.

[0076] Figure 4 also schematically illustrates a hand skeleton 414 that the controller 110 ultimately extracts from the depth map 410 of the hand 406, according to some embodiments. In Figure 4, the skeleton 414 is superimposed on a hand background 416 that was segmented from the original depth map. In some embodiments, key feature points on the hand (e.g., knuckles, fingertips, center of the palm, end of the hand where it connects to the wrist, etc.), and optionally the wrist or arm connected to the hand, are identified and located on the hand skeleton 414. In some embodiments, the location and movement of these key feature points over multiple image frames are used by the controller 110 to determine hand gestures performed by the hand or the current state of the hand, according to some embodiments.

[0077] FIG. 5 illustrates an exemplary embodiment of eye tracking device 130 (FIG. 1). In some embodiments, eye tracking device 130 is controlled by eye tracking unit 245 (FIG. 2) to track the position and movement of a user's gaze relative to scene 105 or relative to CGR content displayed via display generation component 120. In some embodiments, eye tracking device 130 is integrated with display generation component 120. For example, in some embodiments, if display generation component 120 is a head-mounted device, such as a headset, helmet, goggles, or glasses, or a handheld device disposed on a wearable frame, the head-mounted device includes both components for generating CGR content for viewing by the user and components for tracking the user's gaze relative to the CGR content. In some embodiments, eye tracking device 130 is separate from display generation component 120. For example, if the display generation component is a handheld device or a CGR chamber, eye tracking device 130 is optionally a device separate from the handheld device or the CGR chamber. In some embodiments, eye tracking device 130 is a head-mounted device or part of a head-mounted device. In some embodiments, head-mounted eye tracking device 130 is optionally used in conjunction with head-mounted or non-head-mounted display generation components. In some embodiments, eye tracking device 130 is not a head-mounted device, and is optionally used in conjunction with head-mounted display generation components. In some embodiments, eye tracking device 130 is not a head-mounted device, and is optionally part of non-head-mounted display generation components.

[0078] In some embodiments, the display generation component 120 uses a display mechanism (e.g., left and right near-eye display panels) that displays frames including left and right images in front of the user's eyes to provide a 3D virtual view to the user. For example, a head-mounted display generation component may include left and right optical lenses (referred to herein as eyepieces) positioned between the display and the user's eyes. In some embodiments, the display generation component may include or be coupled to one or more external video cameras that capture video of the user's environment for display. In some embodiments, the head-mounted display generation component may have a transparent or translucent display that allows the user to view the physical environment directly and display virtual objects on the transparent or translucent display. In some embodiments, the display generation component projects virtual objects into the physical environment. The virtual objects are projected, for example, onto a physical surface or as a hologram, allowing an individual using the system to observe the virtual objects superimposed on the physical environment. In such cases, separate display panels and image frames for the left and right eyes may not be required.

[0079] As shown in FIG. 5 , in some embodiments, the eye tracking device 130 includes at least one eye tracking camera (e.g., an infrared (IR) or near-IR (NIR) camera) and an illumination source (e.g., an IR or NIR light source such as an array or ring of LEDs) that emits light (e.g., IR or NIR light) toward the user's eyes. The eye tracking camera may be aimed at the user's eyes to receive reflected IR or NIR light from the light source directly from the eyes, or alternatively, it may be aimed at a “hot” mirror positioned between the user's eyes and a display panel that reflects the IR or NIR light from the eyes to the eye tracking camera while allowing visual light to pass through. The eye tracking device 130 optionally captures images of the user's eyes (e.g., as a video stream captured at 60-120 frames per second (fps)), analyzes the images to generate eye tracking information, and communicates the eye tracking information to the controller 110. In some embodiments, the user's eyes are tracked separately by their respective eye tracking cameras and illumination sources. In some embodiments, only one eye of the user is tracked by a separate eye-tracking camera and lighting source.

[0080] In some embodiments, the eye tracking device 130 is calibrated using a device-specific calibration process to determine the eye tracking device's parameters for the particular operating environment 100, such as the 3D geometric relationships and parameters of the LEDs, camera, hot mirror (if present), eyepiece, and display screen. The device-specific calibration process may be performed at a factory or another facility prior to delivery of the AR / VR equipment to the end user. The device-specific calibration process may be an automatic or manual calibration process. The user-specific calibration process may include estimation of a particular user's eye parameters, such as pupil position, central vision position, optical axis, visual axis, eye spacing, etc. According to some embodiments, once the device-specific and user-specific parameters for the eye tracking device 130 have been determined, images captured by the eye tracking camera can be processed using glint-assisted methods to determine the user's current visual axis and viewpoint relative to the display.

[0081] As shown in FIG. 5, eye tracking device 130 (e.g., 130A or 130B) includes an eyepiece(s) 520 and an eye tracking system including at least one eye tracking camera 540 (e.g., an infrared (IR) or near-IR (NIR) camera) positioned on the side of the user's face where eye tracking occurs and an illumination source 530 (e.g., an IR or NIR light source such as an array or ring of NIR light emitting diodes (LEDs)) that emits light (e.g., IR or NIR light) toward the user's eye(s) 592. The eye tracking camera 540 may be positioned between the user's eye(s) 592 and the display 510 (e.g., the left or right display panel of a head-mounted display, or the display of a handheld device, a projector, etc.) and may be directed at a mirror 550 that reflects IR or NIR light from the eye(s) 592 while transmitting visible light (e.g., as shown at the top of FIG. 5), or may be directed at the user's eye(s) 592 to receive reflected IR or NIR light from the user's eye(s) 592 (e.g., as shown at the bottom of FIG. 5).

[0082] In some embodiments, controller 110 renders AR or VR frames 562 (e.g., left and right frames for left and right display panels) and provides frames 562 to display 510. Controller 110 uses gaze tracking input 542 from eye tracking camera 540 for various purposes, such as in processing frames 562 for display. Controller 110 optionally estimates the user's viewpoint on display 510 based on gaze tracking input 542 obtained from eye tracking camera 540, using a glint-assisted method or other suitable method. The viewpoint estimated from gaze tracking input 542 is optionally used to determine the user's current looking direction.

[0083] Some possible use cases of the user's current gaze direction are described below, but are not intended to be limiting. As an exemplary use case, the controller 110 can render virtual content differently based on the determined user's gaze direction. For example, the controller 110 may generate virtual content with higher resolution in a central visual area determined from the user's current gaze direction than in a peripheral area. As another example, the controller may position or move virtual content within a view based at least in part on the user's current gaze direction. As another example, the controller may display particular virtual content within a view based at least in part on the user's current gaze direction. As another exemplary use case in an AR application, the controller 110 can orient an external camera to capture the physical environment of the CGR experience and focus in the determined direction. The external camera's autofocus mechanism can then focus on an object or surface within the environment the user is currently viewing on the display 510. As another exemplary use case, eyepiece 520 may be a focusable lens, and eye-tracking information is used by the controller to adjust the focus of eyepiece 520 so that the virtual object the user is currently looking at has the proper binocular coordination to match the convergence of the user's eyes 592. Controller 110 can utilize the eye-tracking information to orient and focus eyepiece 520 so that close objects the user is looking at appear at the correct distance.

[0084] In some embodiments, the eye tracking device is part of a head-mounted device that includes a display (e.g., display 510), two eyepieces (e.g., eyepiece(s) 520), an eye tracking camera (e.g., eye tracking camera(s) 540), and a light source (e.g., light source 530 (e.g., IR LED or NIR LED)) attached to the wearable housing. The light source emits light (e.g., IR or NIR light) toward the user's eye(s) 592. In some embodiments, the light sources may be arranged in a ring or circle around each lens, as shown in FIG. 5. In some embodiments, eight light sources 530 (e.g., LEDs) are arranged around each lens 520, as an example. However, more or fewer light sources 530 may be used, and other arrangements and positions of the light sources 530 may be used.

[0085] In some embodiments, the display 510 emits light in the visible light range and not in the IR or NIR range, thereby not introducing noise into the eye-tracking system. Note that the positions and angles of the eye-tracking camera(s) 540 are given by way of example and are not intended to be limiting. In some embodiments, a single eye-tracking camera 540 is located on each side of the user's face. In some embodiments, two or more NIR cameras 540 may be used on each side of the user's face. In some embodiments, a camera 540 with a wider field of view (FOV) and a camera 540 with a narrower FOV may be used on each side of the user's face. In some embodiments, a camera 540 operating at one wavelength (e.g., 850 nm) and a camera 540 operating at a different wavelength (e.g., 940 nm) may be used on each side of the user's face.

[0086] Embodiments of an eye tracking system such as that shown in FIG. 5 may be used, for example, in computer-generated reality, virtual reality, and / or mixed reality applications to provide a user with a computer-generated reality, virtual reality, augmented reality, and / or augmented virtual experience.

[0087] Figure 6 shows a glint-assisted eye tracking pipeline, according to some embodiments. In some embodiments, the eye tracking pipeline is implemented by a glint-assisted eye tracking system (e.g., eye tracking device 130 as shown in Figures 1 and 5). The glint-assisted eye tracking system can maintain a tracking state. Initially, the tracking state is off or "no." When in the tracking state, the glint-assisted eye tracking system tracks the pupil contour and glint in the current frame using prior information from the previous frame when analyzing the current frame. When not in the tracking state, the glint-assisted eye tracking system attempts to detect the pupil and glint in the current frame, and if successful, initializes the tracking state to "yes" and continues to the next frame in the tracking state.

[0088] As shown in FIG. 6, an eye-tracking camera can capture left and right images of a user's left and right eyes. The captured images are then input into an eye-tracking pipeline for processing beginning at 610. As indicated by the arrow returning to element 600, the eye-tracking system can continue to capture images of the user's eyes at a rate of, for example, 60-120 frames per second. In some embodiments, each set of captured images may be input into the pipeline for processing. However, in some embodiments, or under some conditions, not all captured frames are processed by the pipeline.

[0089] At 610, if the tracking status is yes for the currently captured image, the method proceeds to element 640. If the tracking status is no at 610, the image is analyzed to detect the user's pupil and glint in the image, as shown at 620. If the pupil and glint are successfully detected at 630, the method proceeds to element 640. If not, the method returns to element 610 to process the next image of the user's eyes.

[0090] At 640, proceeding from element 410, the current frame is analyzed to track pupils and glints based in part on prior information from the previous frame. At 640, proceeding from element 630, a tracking state is initialized based on the detected pupils and glints in the current frame. The results of the processing at element 640 are checked to ensure that the tracking or detection results are reliable. For example, the results can be checked to determine whether a sufficient number of glints are successfully tracked or detected in the current frame to perform pupil and gaze estimation. At 650, if the results are not reliable, the tracking state is set to no and the method returns to element 610 to process the next image of the user's eyes. At 650, if the results are reliable, the method proceeds to element 670. At 670, the tracking state is set to yes (if not already yes) and pupil and glint information is passed to element 680 to estimate the user's gaze point.

[0091] 6 is intended to serve as an example of eye-tracking technology that may be used in particular implementations. As will be recognized by those skilled in the art, other eye-tracking technologies, now existing or developed in the future, may be used in place of or in combination with the glint-assisted eye-tracking technology described herein in computer system 101 to provide a user with a CGR experience according to various embodiments.

[0092] Accordingly, the description herein describes several embodiments of a three-dimensional environment (e.g., a CGR environment) that includes representations of real-world objects and representations of virtual objects. For example, the three-dimensional environment optionally includes a representation of a table present in a physical environment that is captured and displayed in the three-dimensional environment (e.g., actively via a camera and display of the electronic device, or passively via a transparent or translucent display of the electronic device). As described above, the three-dimensional environment is optionally a mixed reality system based on a physical environment, where the three-dimensional environment is captured by one or more sensors of the device and displayed via a display generation component. As a mixed reality system, the device can optionally display respective portions and / or objects of the physical environment such that they appear to exist in the three-dimensional environment displayed by the electronic device. Similarly, the device can optionally display virtual objects in the three-dimensional environment such that they appear to exist in the real world (e.g., the physical environment) by placing the virtual objects at respective positions in the three-dimensional environment that have corresponding positions in the real world. For example, the device optionally displays a vase in a manner that makes it appear as if the real vase were placed on a table in the physical environment. In some embodiments, each location in the three-dimensional environment has a corresponding location in the physical environment. Thus, when a device is described as displaying a virtual object in a discrete location relative to a physical object (e.g., at or near the user's hand, or at or near a physical table, etc.), the device displays the virtual object at a particular location in the three-dimensional environment in a manner that makes it appear as if the virtual object were at or near the physical object in the physical world (e.g., the virtual object is displayed at a location in the three-dimensional environment that corresponds to the location in the physical environment where the virtual object would be displayed if the virtual object were a real object at that particular location).

[0093] In some embodiments, real-world objects present in the physical environment that are displayed in the three-dimensional environment can interact with virtual objects that exist only in the three-dimensional environment. For example, the three-dimensional environment may include a table and a vase placed on the table, where the table is a view (or representation) of the physical table in the physical environment and the vase is a virtual object.

[0094] Similarly, a user can optionally use one or more hands to interact with virtual objects in the three-dimensional environment as if the virtual objects were real objects in the physical environment. For example, as described above, one or more sensors of the device optionally capture one or more of the user's hands and display a representation of the user's hands in the three-dimensional environment (e.g., in a manner similar to displaying real-world objects in the three-dimensional environment described above), or in some embodiments, the user's hands are visible through the display generation component by the ability to see the physical environment through the user interface due to transparency / semi-transparency of a portion of the display generation component displaying the user interface, or projection of the user interface onto a transparent / semi-transparent surface, or projection of the user interface onto the user's eyes or field of view. Thus, in some embodiments, the user's hands are displayed at discrete locations in the three-dimensional environment and are treated as if they were objects in the three-dimensional environment that can interact with virtual objects in the three-dimensional environment as if they were actual physical objects in the physical environment. In some embodiments, a user can move their hands to cause a representation of their hands in the three-dimensional environment to move in coordination with the movement of the user's hands.

[0095] In some of the embodiments described below, the device can optionally determine an “effective” distance between a physical object in the physical world and a virtual object in the three-dimensional environment, for example, to determine whether the physical object is interacting with the virtual object (e.g., whether a hand is touching, grabbing, holding, etc. the virtual object, or within a threshold distance from the virtual object). For example, the device determines the distance between a user's hand and a virtual object when determining whether and / or how the user is interacting with the virtual object. In some embodiments, the device determines the distance between a user's hand and a virtual object by determining the distance between the position of the hand in the three-dimensional environment and the position of a target virtual object in the three-dimensional environment. For example, one or more of the user's hands are positioned at specific positions in the physical world, and the device optionally captures and displays them at specific corresponding positions in the three-dimensional environment (e.g., positions in the three-dimensional environment where the hand would be displayed if the hand were a virtual hand rather than a physical hand). The position of the hand in the three-dimensional environment is optionally compared to the position of the target virtual object in the three-dimensional environment to determine the distance between the user's one or more hands and the virtual object. In some embodiments, the device optionally determines the distance between a physical object and a virtual object by comparing positions in the physical world (e.g., as opposed to comparing positions in a three-dimensional environment). For example, when determining the distance between one or more of a user's hands and a virtual object, the device optionally determines the corresponding position in the physical world of the virtual object (e.g., the position where the virtual object would be located in the physical world if the virtual object were a physical object rather than a virtual object), and then determines the distance between the corresponding physical position and the user's one or more hands. In some embodiments, the same technique is optionally used to determine the distance between any physical object and any virtual object.Thus, as described herein, when determining whether a physical object is in contact with a virtual object or whether a physical object is within a threshold distance of a virtual object, the device optionally performs any of the techniques described above to map the position of the physical object to the three-dimensional environment and / or map the position of the virtual object to the physical world.

[0096] In some embodiments, the same or similar techniques are used to determine where a user's gaze is directed and / or where a physical stylus held by the user is pointed. For example, if a user's gaze is directed at a particular position in the physical environment, the device optionally determines a corresponding position in the three-dimensional environment, and if a virtual object is located at that corresponding virtual position, the device optionally determines that the user's gaze is directed at that virtual object. Similarly, the device may, optionally based on the orientation of the physical stylus, determine where the stylus is pointing in the physical world. In some embodiments, based on this determination, the device determines a corresponding virtual position in the three-dimensional environment that corresponds to the position in the physical world where the stylus is pointing, and optionally determines that the stylus is pointing to the corresponding virtual position in the three-dimensional environment.

[0097] Similarly, embodiments described herein may refer to the location of a user (e.g., a user of a device) and / or the location of a device within a three-dimensional environment. In some embodiments, a user of a device is holding, wearing, or otherwise located at or near the electronic device. Thus, in some embodiments, the location of the device is used as a proxy for the location of the user. In some embodiments, the location of the device and / or user within the physical environment corresponds to a distinct location within the three-dimensional environment. In some embodiments, the distinct location is a position from which a “camera” or “view” of the three-dimensional environment extends. For example, the location of the device is a position within the physical environment (and its corresponding position within the three-dimensional environment) from which, if a user stood facing a distinct portion of the physical environment displayed by the display generation component, the user would see objects in the physical environment in the same position, orientation, and / or size (e.g., absolutely and / or relative to each other) as they are displayed by the display generation component of the device. Similarly, if the virtual objects displayed in the three-dimensional environment were physical objects in the physical environment (e.g., located in the same physical environment position and having the same physical environment size and orientation as in the three-dimensional environment), the position of the device and / or user is the position where the user would see the virtual objects in the physical environment in the same position, orientation, and / or size (e.g., absolutely, and / or relative to each other and to real-world objects) as displayed by the display generation component of the device.

[0098] In this disclosure, various input methods are described with respect to interaction with a computer system. Where one example is provided using one input device or input method and another example is provided using a different input device or input method, it should be understood that each example may be compatible with, and optionally utilize, the input device or input method described with respect to the other example. Similarly, various output methods are described with respect to interaction with a computer system. Where one example is provided using one output device or output method and another example is provided using a different output device or output method, it should be understood that each example may be compatible with, and optionally utilize, the output device or output method described with respect to the other example. Similarly, various methods are described with respect to interaction with a virtual environment or a mixed reality environment via a computer system. Where one example is provided using interaction with a virtual environment and another example is provided using a mixed reality environment, it should be understood that each example may be compatible with, and optionally utilize, the method described with respect to the other example. Thus, the present disclosure discloses embodiments that combine features of multiple examples without exhaustively listing all features of the embodiments in the description of each exemplary embodiment.

[0099] Furthermore, for methods described herein in which one or more steps are conditioned on one or more conditions being satisfied, it should be understood that the described method can be repeated in multiple iterations, such that over the course of the iterations, all of the conditions on which the method steps are conditioned are satisfied in different iterations of the method. For example, if a method requires performing a first step if a condition is satisfied and a second step if the condition is not satisfied, one skilled in the art will understand that the steps recited in the claim are repeated in a particular order until the conditions are satisfied and then no longer satisfied. Thus, a method described with one or more steps that depend on one or more conditions being satisfied can be rewritten as a method that is repeated until each condition recited in the method is satisfied. However, this is not required for system or computer-readable medium claims in which the system or computer-readable medium includes instructions for performing a conditional action based on the satisfaction of the corresponding one or more conditions, and thus can determine whether a contingency is met without explicitly repeating the method steps until all conditions on which the method steps are conditioned are satisfied. Those skilled in the art will also understand that, as with methods having conditional steps, the system or computer-readable storage medium may repeat the steps of the method as many times as necessary to ensure that all of the conditional steps have been performed. User Interface and Related Processes

[0100] We now turn our attention to embodiments of user interfaces (“UIs”) and associated processes that may be executed in a computer system, such as a portable multifunction device or a head-mounted device, equipped with a display generation component, one or more input devices, and (optionally) one or more cameras.

[0101] 7A-7C show examples of how an electronic device may navigate through a user interface based at least on detecting a user's gaze, according to some embodiments.

[0102] FIG. 7A illustrates electronic device 101 displaying a three-dimensional environment 710 on a user interface via display generation component 120. However, it should be understood that one or more of the techniques disclosed herein with reference to FIGS. 7A-7C can be implemented in user interfaces other than three-dimensional environments without departing from the scope of the present disclosure. As described above with reference to FIGS. 1-6 , electronic device 101 optionally includes display generation component 120 (e.g., a touchscreen) and multiple image sensors 314. The image sensors optionally include one or more of a visible light camera, an infrared camera, a depth sensor, or any other sensor that electronic device 101 can use to capture one or more images of a user or a portion of a user while the user interacts with electronic device 101. In some embodiments, display generation component 120 is a touchscreen capable of detecting a user's hand gestures and movements. In some embodiments, the user interfaces described below may also be implemented in a head-mounted display that includes a display generation component that displays the user interface to a user and sensors that detect the physical environment and / or the user's hand movements (e.g., external sensors facing outward from the user) and / or the user's line of sight (e.g., internal sensors facing inward toward the user's face).

[0103] 7A, electronic device 101 displays a user interface including multiple objects 704a-704f and a navigation bar 706 in a three-dimensional environment 710. In some embodiments, navigation bar 706 behaves similarly to the control elements described below with reference to FIGS.

[0104] 7A is a user interface for browsing content, and the objects 704a-704f are representations of content items that, when selected, cause the electronic device 101 to present the respective content item in the three-dimensional environment 710. For example, the user interface is a photo viewing application, and the representations 704a-704f are photo thumbnails that, when selected, cause the electronic device 101 to present a larger version of the selected thumbnail in the three-dimensional environment 710. As another example, the user interface is a video content application, and the representations 704a-704f are video content thumbnails that, when selected, cause the electronic device 101 to present the video content corresponding to the selected object. In some embodiments, the user interface is any user interface that includes objects 704a-f that, when selected, cause the electronic device 101 to display a different user interface.

[0105] In some embodiments, electronic device 101 transitions from the user interface shown in FIG. 7A to a user interface associated with a selected one of objects 704a-704f (e.g., a user interface including an item of content associated with the selected object) in response to user input that includes detecting the user's gaze. In some embodiments, the input includes only the gaze. In some embodiments, the input includes detecting the user performing a gesture with hand 708 while detecting the user's gaze.

[0106] 7A , the electronic device 101 detects a user's gaze 702a directed toward object B 704b. In response to detecting the user's gaze 702a without detecting additional input, such as a gesture being performed by the user's hand 708, the electronic device 101 presents an animation for transitioning to a user interface corresponding to object B 704b. In some embodiments, the animation includes displaying an animation of object B 704b that gradually unfolds as the user's gaze 702a remains directed toward object B 704b. The animation optionally progresses while the gaze 702a remains directed toward object B 704b for a threshold time (e.g., 0.5, 1 second, etc.) until object B 704b unfolds into a user interface corresponding to object B 704b, such as an item of content corresponding to object B 704b (e.g., a larger version of object B 704b). FIG. 7B shows an intermediate frame of an animation of an animated transition from the user interface shown in FIG. 7A to the user interface shown in FIG. 7C (eg, the user interface associated with object B 704b).

[0107] As shown in FIG. 7B , while the animation progresses, the electronic device 101 displays object B 704b at a larger size than the size at which object B 704b was displayed in FIG. 7A . In some embodiments, the electronic device 101 continues to gradually increase the size of object B 704b as the animation progresses in response to continuing to detect the user's gaze 702b toward object B 704b. In some embodiments, gradually increasing the size of object B 704b includes enlarging the image(s) included in object B 704b. For example, if object B 704b is an image, the electronic device 101 increases the size of the image on the display generation component 120. As another example, if object B 704b is an image of the user interface shown in FIG. 7C , the electronic device 101 enlarges the image of the user interface to the full size of the user interface shown in FIG. 7C . For example, if the user interface of FIG. 7C includes multiple user interface elements, the size and spacing of the user interface elements increase as the electronic device 101 displays the animation.

[0108] In some embodiments, the animation includes modifying portions of the three-dimensional environment 710 other than the objects 704a-f and the navigation bar 706. For example, FIG. 7B also shows the electronic device 101 dimming portions of the three-dimensional environment 710 that do not correspond to object B 704b (e.g., dimming the background of the user interface) as the animation progresses. In some embodiments, the electronic device also blurs and / or dims the objects 704a and 704c-f and the navigation bar 706. In some embodiments, the electronic device 101 continues to gradually dim portions of the three-dimensional environment 710 that do not correspond to object B 704b as the animation progresses in response to continuing to detect the user's line of sight 702b toward object B 704b. In some embodiments, the animation shown in FIG. 7B includes further modifying portions of the three-dimensional environment 710 that do not correspond to object B 704b. In some embodiments, the electronic device 101 blurs portions of the three-dimensional environment 710 that are not included in object B 704b. 7A-7B, the objects gradually fade as the animation progresses. In some embodiments, the animation further includes gradually displaying atmospheric lighting effects in the three-dimensional environment 710. In some embodiments, the atmospheric lighting effects include modifying the brightness, color balance, contrast, etc. of the virtual objects in the three-dimensional environment 710 to create the virtual lighting effects. In some embodiments, the lighting effect in FIG. 7A is a light, neutral lighting effect, and as the animation progresses, the lighting effect transitions to a spotlight lighting effect that includes dimming portions of the user interface other than object B 714B.

[0109] In some embodiments, while the animation shown in Figure 7B progresses, the electronic device 101 begins playing video content associated with object B 704b. For example, if object B 704b is a representation of video content, the video content begins playing when the animation begins (e.g., instead of waiting for the user interface of Figure 7C to display in order to play the video content). In some embodiments, object B 704b is a representation of an image included in a video sequence, and the video sequence begins playing when the animation begins (e.g., instead of waiting for the user interface of Figure 7C to display).

[0110] 7B includes increasing the distance and / or spacing between object B 704b and the rest of the user interface (e.g., navigation bar 706 and objects 704a and 704c-f). For example, the animation includes animating object B 704b to move closer to the user's viewpoint in the three-dimensional environment 710. As another example, the animation includes the rest of the user interface (e.g., navigation bar 706 and objects 704a and 704c-f) moving away from the user's viewpoint in the three-dimensional environment 710. In some embodiments, the user's viewpoint in the three-dimensional environment is a position and orientation associated with the user of electronic device 101 in the three-dimensional environment 710. Electronic device 101 optionally displays the three-dimensional environment 710 from the user's viewpoint.

[0111] In some embodiments, in response to detecting that the user's gaze 702b has moved away from object B 704b (e.g., toward a portion of the three-dimensional environment 710 outside of object B 704b) while the animation is being presented and before the animation is completed, the electronic device 101 stops displaying the animation and displays the user interface shown in FIG. 7A. In some embodiments, the electronic device 101 displays the animation shown in FIG. 7B in reverse to return to the user interface shown in FIG. 7A. In some embodiments, in response to continuing to detect the user's gaze 702b directed toward object B 714B, the electronic device 101 continues to progress the animation until it completes (e.g., for a threshold amount of time (e.g., 0.5, 1, 5, 10 seconds, etc.)) and displays the user interface shown in FIG. 7C.

[0112] 7A-7B, in response to detecting a user's gaze 702a-702b directed at object B 714B for a threshold amount of time (e.g., 0.5, 1, 5, 10, seconds, etc.), electronic device 101 displays a user interface corresponding to object B 714B shown in FIG. 7C. In some embodiments, electronic device 101 displays an animation of a transition between the user interface shown in FIG. 7A and the user interface shown in FIG. 7C for the duration of the threshold period during which the gaze is detected.

[0113] In some embodiments, the electronic device 101 navigates to the user interface shown in FIG. 7C in less than a threshold amount of time in response to detecting (e.g., using one or more cameras or sensors of the device 101) that the user is performing a predetermined gesture with their hand 708 while the user's gaze is directed toward object B 704b. In some embodiments, the predetermined gesture includes the user touching their thumb to another finger (e.g., index finger, middle finger, ring finger, pinky finger) of the same hand. Returning to FIG. 7A , in response to detecting the user's gaze 702a toward object B 704b while detecting that the user is performing a gesture with their hand 708, the electronic device 101 transitions to FIG. 7C without displaying the entire animation for the predetermined time threshold. In some embodiments, the electronic device 101 displays the animation at a faster rate for a shorter period of time or eliminates the display of the animation.

[0114] In some embodiments, the electronic device 101 begins displaying the animation before the gesture is detected. Figure 7B shows the electronic device 101 detecting that the user is performing a gesture with their hand 708 while the animation is being displayed. In response to detecting that the user is performing a gesture with their hand 708 while the user's gaze 702b is directed at object B 704b in Figure 7B, the electronic device 101 transitions to the user interface shown in Figure 7C in less than a threshold amount of time (e.g., the time it takes to display the gesture animation is not detected). In some embodiments, the electronic device 101 increases the speed of the animation in response to the gesture or stops displaying the animation to display the user interface shown in Figure 7C in response to the gesture.

[0115] FIG. 7C illustrates a user interface associated with object B 704b. As described above with reference to FIGS. 7A-7B, electronic device 101 displays the user interface illustrated in FIG. 7C in response to detecting a user's gaze toward object B 704b, with or without detecting the user performing a predetermined gesture with their hand. As illustrated in FIG. 7C, the user interface includes an enlarged version of object B 704b. In some embodiments, object B 704b is an image (e.g., a photograph). In some embodiments, object B 704b includes video content, and electronic device 101 plays the video content in response to the input detected in FIG. 7A without detecting any additional input from the user while displaying the user interface illustrated in FIG. 7C. In some embodiments, electronic device 101 begins playing the video content while displaying the animation illustrated in FIG. 7B. In some embodiments, object B 704b is a user interface including multiple user interface elements displayed in FIG. 7C at a larger size and with increased spacing than in FIGS. 7A and 7B.

[0116] 7C , displaying the user interface includes modifying the display of other objects in the three-dimensional environment 710, including objects 704a, 704c, 704d, 704f, and navigation bar 706. In some embodiments, the electronic device 101 blurs objects 704a, 704c, 704d, 704f, and navigation bar 706, as well as any other content displayed in the three-dimensional environment 710 other than object B 704b. In some embodiments, the user interface shown in FIG. 7C includes an atmospheric lighting effect, such as a spotlight on object B 704b. In some embodiments, the atmospheric lighting effect includes displaying the three-dimensional environment 710 such that object B 704b appears to emit light that reflects off blurred and / or darkened versions of other objects in the three-dimensional environment 710. In some embodiments, the amount of spacing between object B 704b and objects 704a, 704c, 704d, and 704f and navigation bar 706 is greater in Figure 7C than in Figures 7A and 7B. For example, electronic device 101 moves object B 704b in the three-dimensional environment 710 toward the user's viewpoint, or moves objects 704a, 704c, 704d, and 704f and navigation bar 706 away from the user in the three-dimensional environment 710.

[0117] In some embodiments, the electronic device 101 navigates from the user interface shown in Figure 7C to a user interface associated with a different one of the objects 704a or 704c-f. For example, the objects 704a-f are images or photographs, and the electronic device 101 transitions from displaying the photograph represented by object B 704b in Figure 7C to displaying another photograph in a similar manner. In some embodiments, the electronic device 101 transitions to displaying a user interface associated with a different one of the objects 704a or 704c-f in response to detecting that the user has performed the predetermined gesture described above and moved the user's hand left or right while maintaining the hand gesture and / or while looking at object B 704b. For example, the electronic device 101 transitions to displaying the photo represented by object A 704a without displaying the user interface shown in FIG. 7A in response to detecting input including a hand movement in a first direction (e.g., right), or transitions to displaying the photo represented by object C 704c without displaying the user interface shown in FIG. 7A in response to detecting input including a hand movement in a second direction (e.g., left). In some embodiments, while transitioning between the user interfaces corresponding to objects 704a-f, the electronic device 101 maintains the visual effects (e.g., blurring, darkening, increased spacing, mood lighting) of the rest of the three-dimensional environment 710. In some embodiments, the electronic device 101 transitions from displaying the user interface shown in FIG. 7C to the user interface shown in FIG. 7A in response to detecting a user's gaze to an area of ​​the user interface other than object B 704b for a predetermined time threshold (e.g., 0.2, 0.5, 1, 2 seconds, etc.) and / or while detecting the user performing a predetermined gesture (e.g., a pinch gesture) with their hand.

[0118] 7A-7C thus illustrate how an electronic device navigates between user interfaces based at least on detecting a user's gaze. In response to detecting input including only gaze, the electronic device 101 displays an animated transition between user interfaces for a predetermined duration. In response to detecting input in addition to gaze (e.g., a hand gesture), the electronic device 101 transitions between user interfaces faster than the predetermined duration, such as by skipping animation or displaying animation at a faster rate. While FIGS. 7A-7C show the electronic device 101 displaying a user interface corresponding to object B 704b, it should be understood that the electronic device 101 behaves similarly if input is instead directed at one of the other objects 704a or 704b-f.

[0119] 8A-8F are flowcharts illustrating a method for navigating between user interfaces based at least on detecting a user's gaze, according to some embodiments. In some embodiments, method 800 is performed on a computer system (e.g., computer system 101 of FIG. 1, such as a tablet, smartphone, wearable computer, or head-mounted device). The display generation component (e.g., display generation component 120 of FIGS. 1, 3, and 4) includes a display (e.g., a heads-up display, a display, a touchscreen, a projector, etc.) and one or more cameras (e.g., cameras (e.g., color sensors, infrared sensors, and other depth-sensing cameras)) facing forward from a user's hand or the user's head. In some embodiments, method 800 is performed by instructions stored on a non-transitory computer-readable storage medium and executed by one or more processors of the computer system, such as one or more processors 202 of computer system 101 (e.g., control unit 110 of FIG. 1A). Some operations of method 800 are optionally combined and / or the order of some operations is optionally changed.

[0120] In some embodiments, such as in FIG. 7A , method 800 is performed on an electronic device in communication with one or more input devices (e.g., a mobile device (e.g., a tablet, smartphone, media player, or wearable device) or a computer) that includes a display generation component and an eye tracking device. In some embodiments, the display generation component is a display integrated with the electronic device (optionally a touchscreen display), an external display such as a monitor, projector, television, or a hardware component (optionally built-in or external) for projecting a user interface and making the user interface visible to one or more users, etc. In some embodiments, the one or more input devices include electronic devices or components that can receive display data (e.g., capture user input, detect user input, etc.) and transmit information related to the user input to the electronic device. Examples of input devices include a touchscreen, a mouse (e.g., external), a trackpad (optionally integrated or external), a touchpad (optionally integrated or external), a remote control device (e.g., external), another mobile device (e.g., separate from the electronic device), a handheld device (e.g., external), a controller (e.g., external), a camera, a depth sensor, an eye tracking device, and / or a motion sensor (e.g., a hand tracking device, a hand motion sensor), etc.

[0121] In some embodiments, such as in FIG. 7A , the electronic device (e.g., 101) displays (802a) a first user interface including a distinct user interface element (e.g., 704b) associated with a second user interface via a display generation component. In some embodiments, the first user interface is displayed in a three-dimensional environment generated, displayed, or otherwise made viewable by the device (e.g., a computer-generated reality (CGR) environment, such as a virtual reality (VR) environment, a mixed reality (MR) environment, or an augmented reality (AR) environment). In some embodiments, in response to detecting a selection of a distinct user interface element, the electronic device presents a second user interface. For example, the first user interface is a photo-viewing user interface including thumbnails of multiple photos, which, when selected, causes the electronic device to display a user interface having a larger version of the photo corresponding to the selected thumbnail.

[0122] In some embodiments, such as FIG. 7A, while displaying the first user interface, the electronic device (e.g., 101) detects (802b) via an eye tracking device that the user's gaze (e.g., 702a) is directed toward an individual user interface element (e.g., 704b).

[0123] In some embodiments, as in FIG. 7B , in response to detecting an input including a user's gaze (e.g., 702b) directed at a respective user interface element (e.g., 704b) (802c), and in accordance with determining that the user's gaze (e.g., 702b) remains directed at the respective user interface element (e.g., 704b) for longer than a time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 0.75, 0.1 seconds, 0.5, 1, 2, 3 seconds, etc.), the electronic device (e.g., 101) navigates (802d) to a second user interface (e.g., 704b) as in FIG. 7C . In some embodiments, the electronic device displays an animation of navigating to the second user interface while the user's gaze remains directed at the respective user interface element for the time threshold. In some embodiments, the animation has a duration equal to the time threshold. In some embodiments, displaying the second user interface includes ceasing to display the first user interface. In some embodiments, the electronic device displays a second user interface overlaid on the first user interface (e.g., the first user interface is displayed as a background behind the second user interface) and continues to display at least a portion of the first user interface that is not overlaid by the second user interface in a non-overlapping manner. For example, in response to detecting via an eye-tracking device that a user's gaze is directed at a thumbnail in the photo user interface for a predetermined time threshold, the electronic device displays a larger version of the photo corresponding to the thumbnail instead of or overlaid on the photo user interface having multiple thumbnails.

[0124] In some embodiments, in response to detecting (802c) an input including a user's gaze (e.g., 702b) directed at a respective user interface element (e.g., 704b), as in FIG. 7B , and determining that a selection input was detected via one or more input devices when the user's gaze was directed at the respective user interface element for less than a time threshold, the electronic device (e.g., 101) navigates (802e) to a second user interface (e.g., 704b) without waiting for the gaze to remain directed at the respective user interface element for longer than the time threshold, as in FIG. 7C . In some embodiments, detecting the selection input includes detecting, via a hand tracking device, the performance of a predetermined gesture (e.g., tapping a finger (e.g., index finger, middle finger, ring finger, pinky finger) against a thumb, extending one finger toward a position corresponding to the position of the respective user interface element). In some embodiments, detecting the selection input includes detecting an input via a touch-sensitive surface (e.g., touchscreen, trackpad, etc.), a keyboard, or a mouse. In some embodiments, the electronic device navigates to the second user interface in response to detecting the selection input while detecting a user's gaze toward the individual user interface elements for a time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 0.75 seconds, etc.) that is shorter than a time threshold at which the electronic device would navigate to the second user interface without detecting the selection input (e.g., based solely on the gaze). In some embodiments, the electronic device navigates to the second user interface in response to detecting a user's gaze directed toward the individual user interface elements simultaneously with detecting the selection input, regardless of the duration for which the user's gaze is directed toward the individual user interface elements.For example, in response to detecting via a hand tracking device that a user has tapped their thumb and index finger together while detecting via an eye tracking device that the user's gaze is directed toward a thumbnail in a photo user interface including multiple photos, the electronic device displays a larger version of the photo corresponding to the thumbnail in place of or overlaid on the photo user interface having the multiple thumbnails. In some embodiments, in response to detecting a user's gaze on an individual user interface element for a threshold period of time, or in response to detecting a user's gaze on an individual user interface element for less than a threshold time and simultaneous detection of a selection of the individual user interface element, the electronic device navigates to a second user interface associated with the individual user interface element. In some embodiments, pursuant to determining that the user's gaze has moved away from the individual user interface element before the time threshold has elapsed without detecting a selection input, the electronic device abandons navigating to the second user interface and continues to display the first user interface.

[0125] The above-described method of navigating to a second user interface in response to either detecting a user's gaze directed at an individual user interface element for a threshold period of time or detecting selection of an individual user interface element while detecting a user's gaze directed at an individual user interface element for a period shorter than the threshold period of time provides an efficient way of navigating to a second user interface in less time or with less input, which simplifies the interaction between the user and the electronic device, improves the usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage by allowing the user to use the electronic device more quickly and efficiently, improves the battery life of the electronic device, and reduces errors during use.

[0126] 7B , the selection input includes a discrete gesture performed by the user's hand (e.g., 708) that is detected (804a) by a hand tracking device in communication with the electronic device. In some embodiments, the hand tracking device includes one or more cameras, depth sensors, proximity sensors, and / or touch sensors (e.g., integrated into a touchscreen). Detecting the gesture optionally includes detecting that the user is touching their thumb to one of the other fingers of the same hand (e.g., index finger, middle finger, ring finger, pinky finger).

[0127] The above-described method of detecting hand gestures as selection input provides an efficient mechanism by which a user can make selections in a user interface, which in turn reduces power usage and improves battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently (e.g., by reducing the time required to use a tactile input device such as a button, key, etc.), while reducing errors in use.

[0128] In some embodiments, such as in FIG. 7A , the individual user interface element (e.g., 704b) is displayed at a first size, and navigating to the second user interface (e.g., 704b) includes displaying the second user interface at a second size larger than the first size (804b), as in FIG. 7C . In some embodiments, the second user interface includes the content of the individual user interface element at a size larger than the size of the individual user interface element. For example, the individual user interface element is a thumbnail of an image, and the second user interface is or includes a version of the image that is larger than the thumbnail. In some embodiments, the individual user interface element is a cropped version of the second user interface. In some embodiments, the individual user interface element is a cropped, reduced version of the second user interface (e.g., the individual user interface element is a portion of an image included in the second user interface, and the second user interface includes a portion of the image at a size larger than the size of the individual user interface element). In some embodiments, the second user interface does not include the content of the individual user interface element. For example, the individual user interface element is a representation of a collection of images (e.g., a photo album), and the second user interface includes a plurality of images included in the collection of images. In some embodiments, each image of the plurality of images is larger than the individual representation. In some embodiments, each image of the plurality of images is the same size as or smaller than the individual representation.

[0129] The above-described method of displaying a second user interface at a larger size than the individual user interface elements provides an efficient way to view larger, optionally more readable, versions of the individual user interface elements, which further allows the user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0130] In some embodiments, such as in FIG. 7A , prior to detecting an input including a user's gaze (e.g., 702a) directed at the individual user interface element (e.g., 704b), the individual user interface element is displayed on a background with visual characteristics (e.g., color, brightness, contrast, translucency) having a first value, and navigating to the second user interface (e.g., 704b) includes displaying the second user interface (e.g., 704b) on the background with visual characteristics (e.g., color, brightness, contrast, translucency) having a second value different from the first value (804c), as in FIG. 7C . In some embodiments, the background of the second user interface is darker and / or blurrier than the background of the first user interface. In some embodiments, the background is part of the first user interface. In some embodiments, the first user interface is displayed on top of the background. In some embodiments, the visual characteristics of the first user interface also change, as do the visual characteristics of the background.

[0131] The above-described method of updating the visual characteristics of the background when navigating to the second user interface provides a view of the second user interface with reduced visual clutter, which further reduces errors in use by allowing the user to use the electronic device more quickly and efficiently (e.g., by making it easier for the user to focus on the second user interface and reducing cognitive burden), reducing power usage and improving battery life of the electronic device.

[0132] In some embodiments, navigating to the second user interface (e.g., 704b) includes displaying the second user interface (e.g., 704b) with lighting effects that affect one or more other representations (e.g., 704c-f) displayed via the display generation component (804d), as in FIG. 7C . In some embodiments, the electronic device displays the first and second user interfaces in a three-dimensional environment that includes objects such as applications, other user interfaces, files, content, virtual objects, and / or representations of real objects (e.g., pass-through video that includes realistic representations of physical objects in the electronic device's physical environment and displays the three-dimensional environment in a manner that allows a user to see the real objects through transparent portions of the display generation component). In some embodiments, the lighting effects modify the color and / or shadows of the objects in the three-dimensional environment. In some embodiments, the electronic device displays the three-dimensional environment while displaying the first user interface with lighting effects that differ from the lighting effects with which the three-dimensional environment is displayed while displaying the second user interface. In some embodiments, the electronic device simulates a "glow" from the second user interface and displays other objects in the three-dimensional environment with lighting effects that simulate a glow from the second user interface. For example, the electronic device displays a portion of a first user interface that is visible from behind a second user interface with a glow reflected from the second user interface. The above-described method of displaying a second user interface with lighting effects provides an efficient way of reducing visual clutter of one or more other representations while displaying the second user interface, which further reduces power usage and improves battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently (e.g., by making it easier for the user to focus on the second user interface and reducing the user's cognitive burden), while reducing errors in use.

[0133] In some embodiments, as in FIG. 7B , while a user's gaze (e.g., 702b) is directed toward a respective user interface element (e.g., 704b), and before the user's gaze (e.g., 702b) is directed toward the respective user interface element (e.g., 704b) for longer than a time threshold, and before navigating to a second user interface (e.g., 704b), the electronic device (e.g., 101) detects via the eye tracking device that the user's gaze is no longer directed toward the respective user interface element (e.g., 704b) (806a). In some embodiments, the user's gaze is directed toward the respective user interface for a period less than the time threshold. In some embodiments, the user's gaze is directed toward a different user interface element, a different user interface, or an object within the three-dimensional environment displayed by the electronic device, or the user's gaze is directed away from the display generation component. In some embodiments, the gaze is returned toward the first user interface and / or an element displayed in the first user interface (e.g., that is in the process of being overlaid and / or replaced by the second user interface). In some embodiments, in response to detecting that the user's gaze (e.g., 702a) is no longer directed at the individual user interface element (e.g., 704b), the electronic device (e.g., 101) discontinues navigating to the second user interface (806b), as in FIG. 7A. In some embodiments, the electronic device displays an animation of navigating to the second user interface while the user's gaze is directed at the individual user interface element. In some embodiments, in response to detecting the user's gaze moving away from the individual user interface element before the time threshold is reached, the electronic device ceases displaying the animation and displays the first user interface in the same manner as the first user interface was displayed before starting to display the animation.In some embodiments, the electronic device transitions from displaying the animation to displaying the first user interface by presenting the animation in reverse (e.g., at the same speed as, a faster speed than, or a slower speed than the speed at which the animation was presented).

[0134] The above-described method of canceling navigation to a second user interface in response to detecting a user's gaze away from an individual user interface element provides an efficient way of restoring the display of a first user interface (e.g., if the user changes their mind about navigating to the second user interface), which further reduces power usage and improves the battery life of the electronic device while reducing errors in use by allowing the user to use the electronic device more quickly and efficiently (e.g., by reducing the input required to display the first user interface after the process of navigating to the second user interface has begun but before the process of navigating to the second user interface has been completed).

[0135] In some embodiments, such as FIG. 7B , while the user's gaze (e.g., 702b) is directed at the individual user interface element (e.g., 704b), and before the user's gaze (e.g., 702b) is directed at the individual user interface element (e.g., 704b) for longer than a time threshold, and before navigating to the second user interface (e.g., 704b), the electronic device (e.g., 101), via the display generation component, displays (806c) a visual indication that continued gaze directed at the individual user interface element (e.g., 704b) will cause navigation to the second user interface. In some embodiments, the individual representation gradually increases in size as the user's gaze is maintained on the individual user interface element (e.g., until navigation to the second user interface is completed). In some embodiments, the visual indication is a visual indication that includes content not included in the individual user interface element. For example, the electronic device displays an animation of the individual user interface element growing larger and expanding to become the second user interface, the second user interface including content not included in the individual user interface element.

[0136] The above-described method of displaying a visual indication that continued gaze directed at an individual user interface element will cause navigation to a second user interface provides an efficient way of showing a user how to navigate to a second user interface, which in turn allows a user to use an electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0137] In some embodiments, such as in FIG. 7B , the visual display includes an animation of the individual user interface element (e.g., 704b) expanding into the second user interface (806d). In some embodiments, the individual user interface element gradually increases in size as the user's gaze is maintained on the individual user interface element (e.g., until navigation to the second user interface is complete). In some embodiments, the individual user interface elements include representations of user interface elements of the second user interface, where the user interface elements increase in size and / or increase in distance from one another as the user's gaze is maintained on the individual user interface element. For example, the individual user interface element represents a collection of images (e.g., an album), and the second user interface includes a plurality of images contained in the collection. In this example, the individual user interface element increases in size and changes into the second user interface in response to the user's gaze being maintained on the individual user interface element / second user interface. In some embodiments, the individual user interface element includes an image initially displayed in the second user interface. In some embodiments, the distinct user interface elements include one or more images that are not initially displayed in the second user interface.

[0138] The above-described method of extending individual user interface elements to a second user interface provides an efficient way of providing a preview of the second user interface while displaying a first user interface, which further reduces power usage and improves battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently (e.g., by allowing the user to decide whether to continue navigating to the second user interface), while reducing errors in use.

[0139] In some embodiments, such as in FIG. 7B , displaying the visual representation includes starting an animation of content in the second user interface (e.g., 704b) (808a). In some embodiments, the individual user interface elements and / or the second user interface include animation and / or video content. In some embodiments, the electronic device ceases displaying the animation and / or video content before detecting the user's gaze to the individual user interface element. For example, the electronic device displays a still image from the animation and / or video content in the individual user interface before detecting the user's gaze to the individual user interface element. In some embodiments, in response to detecting the user's gaze to the individual user interface element, and during the transition from displaying the first user interface to displaying the second user interface, the electronic device begins playing animation and / or video content (e.g., in an extension of the second user interface and / or the individual user interface element). In some embodiments, the electronic device presents the animation and / or video content while extending the individual user interface element into the second user interface.

[0140] The above-described method of initiating animation of content within a second user interface as an indication that the electronic device is navigating to the second user interface provides an efficient way of confirming a user's input to navigate to the second user interface without obstructing the second user interface, which further allows a user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0141] 7B , the first user interface includes a background against which individual user interface elements (e.g., 704b) are displayed, and the visual display includes obscuring the display of the background (808b). In some embodiments, the first user interface is displayed in a three-dimensional environment that includes virtual scenery and other virtual objects, such as representations of applications, content items, files, and other virtual objects, as well as real objects, such as real objects in the electronic device's physical environment seen through transparent portions of the display generation component and / or photorealistic "pass-through" video of real objects in the electronic device's physical environment. In some embodiments, the second user interface is displayed without displaying the three-dimensional environment or while displaying a modified version of the three-dimensional environment (e.g., a blurred, darkened, semi-transparent, and / or low-contrast version of the three-dimensional environment).

[0142] The above-described method of obscuring the background while displaying a second user interface provides a way to reduce the cognitive burden on a user while viewing the second user interface by obscuring the display of other objects, which in turn allows a user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0143] In some embodiments, such as in FIG. 7C , navigating to the second user interface (e.g., 704b) includes changing (808c) the relative simulated depth between the first user interface (e.g., 704b) and the second user interface (e.g., moving the first user interface toward the user's viewpoint and / or moving the second user interface away from the user's viewpoint). In some embodiments, the first and second user interfaces are displayed in the three-dimensional environment from the user's viewpoint within the three-dimensional environment. In some embodiments, the second user interface is displayed at a position closer to the user's viewpoint in the three-dimensional environment than the position at which the first user interface is displayed. In some embodiments, the first user interface is displayed at a first depth relative to the user's viewpoint in the three-dimensional environment, and the second user interface is displayed at a second depth that is closer to the user's viewpoint in the three-dimensional environment than the first depth. In some embodiments, the second user interface is displayed overlaid on a blurred and / or dimmed version of the first user interface. In some embodiments, in response to an input to navigate to the second user interface, the electronic device displays a blurred and / or darkened version of the first user interface at a depth greater than the depth at which the first user interface was displayed prior to detecting the input to navigate to the second user interface. In some embodiments, the second user interface is displayed at the depth at which the first user interface was displayed prior to detecting the input to navigate to the second user interface.

[0144] The above-described method of displaying a second user interface at a non-zero depth relative to a first user interface provides an efficient way of reducing a user's cognitive burden while viewing the second user interface by helping the user focus on the second user interface without focusing on the first user interface, which further allows the user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0145] In some embodiments, such as FIG. 7A , prior to detecting input directed at a discrete user interface element (e.g., 704b), a first user interface is displayed (810a) with visual characteristics (e.g., translucency, clarity, transparency, color, contrast, brightness) having a first value. In some embodiments, such as FIG. 7C , after navigating to a second user interface (e.g., 704b), the second user interface is displayed (810b) over the first user interface displayed with visual characteristics (e.g., translucency, clarity, transparency, color, contrast, brightness) having a second value different from the first value. In some embodiments, the second user interface is displayed overlaid on a blurred and / or dimmed version of the first user interface. In some embodiments, the first user interface includes a second discrete user interface element (e.g., 810c) associated with a third user interface (704a), as in FIG. 7A . In some embodiments, the first user interface is an image viewing user interface, the respective individual user interface elements and the second individual user interface elements are thumbnails of images, and the second user interface and the third user interface are enlarged versions of the respective individual user interface elements and the second individual user interface elements. In some embodiments, such as in FIG. 7C , while displaying the second user interface (e.g., 704b) on the first user interface displayed with the visual characteristic having the second value, the electronic device (e.g., 101) receives input (810d) via one or more input devices to navigate from the second user interface to the third user interface (e.g., without returning to the first user interface).In some embodiments, the input to navigate from the second user interface to the third user interface includes a horizontal input (e.g., a horizontal swipe of the user's hand or finger, a horizontal arrow key press, etc.) detected by a hand tracking device (e.g., one or more cameras, distance sensors, depth sensors, proximity sensors, touch sensors (e.g., a touchscreen or trackpad)). In some embodiments, detecting the input to navigate from the second user interface to the third user interface includes detecting, via an eye tracking device, that the user is looking at the second user interface, and detecting, via the hand tracking device, that the user is performing a gesture and / or movement with their hand. In some embodiments, detecting the gesture and / or movement includes detecting that the user is touching another finger of the same hand (e.g., index finger, middle finger, ring finger, pinky finger) with their thumb, moving their hand horizontally while touching the finger with their thumb, and stopping touching the finger and thumb. In some embodiments, in response to detecting that the user touched the thumb and fingers, moved the hand down, and stopped touching the thumb and fingers together while displaying the second or third user interface, the electronic device displays the first user interface and stops displaying the second or third user interface. In some embodiments, in response to receiving an input to navigate from the second user interface (e.g., 704b) of FIG. 7C to the third user interface, the electronic device (e.g., 101) stops displaying the second user interface (e.g., 704b) over the first user interface (810d) while maintaining the display of the first user interface with the visual characteristics having the second value, and the electronic device (e.g., 101) displays the third user interface over the first user interface (810e). In some embodiments, the third user interface is displayed in the same position within the three-dimensional environment displayed by the electronic device as the position where the electronic device previously displayed the second user interface.In some embodiments, the third user interface is accessible from the first user interface. For example, in response to detecting a user's gaze to a second distinct user interface element for a predetermined time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.), or in response to detecting a user's gaze to a second user interface element while detecting a non-gaze input, the electronic device presents the third user interface without presenting the second user interface.

[0146] The above-described method of navigating from a second user interface to a third user interface while maintaining the display of the first user interface provides an efficient way for a user to navigate back to the first user interface from either the first or second user interface (e.g., by selecting the first user interface), which further allows a user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0147] In some embodiments, such as in FIG. 7A , in response to detecting a user's gaze (e.g., 702a) directed toward a respective user interface element (e.g., 704b), the electronic device (e.g., 101) initiates (812a) an animation corresponding to navigating to a second user interface. In some embodiments, the animation includes expanding the respective user interface element to become the second user interface. In some embodiments, as in FIG. 7A , in response to detecting (812b) an input including a user's gaze (e.g., 702a) directed toward a respective user interface element (e.g., 704b), and following a determination that the user's gaze (e.g., 702a) remains directed toward the respective user interface element (e.g., 704b) for longer than a time threshold, the electronic device (e.g., 101) completes (812c) an animation corresponding to navigating to a second user interface (e.g., 704b) for the time threshold and navigates to the second user interface (e.g., 704b), as shown in FIG. In some embodiments, in response to detecting a user's gaze toward a respective user interface element for a time threshold without detecting a selection input, the animation advances at a predetermined rate and continues for a predetermined time threshold until the second user interface is navigated to and / or displayed. In some embodiments, in response to detecting 812b an input including a user's gaze (e.g., 702a) directed toward a respective user interface element (e.g., 704b), as in FIG. 7A, and in accordance with a determination that a selection input was detected via one or more input devices when the user's gaze (e.g., 702a) was directed toward the respective user interface element (e.g., 704b) for less than the time threshold, the electronic device (e.g., 101) navigates 812d to the second user interface (e.g., 704b) without completing the animation corresponding to navigating to the second user interface (e.g., 704b) for the time threshold, as in FIG.In some embodiments, the electronic device plays the entire animation at a second speed that is faster than the first speed at which the electronic device displays the animation when no selection input is received. In some embodiments, the electronic device presents the animation at the first speed until the selection input is detected and while a user's gaze toward the individual user interface element is detected. In some embodiments, in response to the user's gaze being directed toward the individual user interface element and detecting a selection input while the electronic device is presenting the animation at the first speed, the electronic device continues the animation at the second speed. In some embodiments, the electronic device ceases presenting the animation when the selection input is detected and immediately displays the second user interface.

[0148] The above-described methods of displaying an animation for a time threshold in response to detecting a user's gaze on an individual user interface element for a time threshold without detecting a selection input, or navigating to a second user interface without completing an animation for a predetermined period in response to detecting a selection input, provide an efficient way of navigating to a second user interface in less time or with less input, which further reduces power usage and improves the battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0149] 9A-9D show examples of how an electronic device may enhance interaction with user interface control elements, according to some embodiments. Examples of control elements include navigation bars (e.g., navigation bar 906 shown in FIGS. 9A-9B) and selectable options (e.g., option A 920a shown in FIGS. 9C-9D).

[0150] FIG. 9A illustrates electronic device 101 displaying a three-dimensional environment 910 on a user interface via display generation component 120. However, it should be understood that one or more of the techniques disclosed herein with reference to FIGS. 9A-9D can be implemented in user interfaces other than three-dimensional environments without departing from the scope of the present disclosure. As described above with reference to FIGS. 1-6 , electronic device 101 optionally includes display generation component 120 (e.g., a touchscreen) and multiple image sensors 314. Image sensor 314 optionally includes one or more of a visible light camera, an infrared camera, a depth sensor, or any other sensor that electronic device 101 can use to capture one or more images of a user or a portion of a user while the user interacts with electronic device 101. In some embodiments, display generation component 120 is a touchscreen capable of detecting a user's hand gestures and movements. In some embodiments, the user interfaces described below may also be implemented in a head-mounted display that includes a display generation component that displays the user interface to a user and sensors that detect the physical environment and / or the user's hand movements (e.g., external sensors facing outward from the user) and / or the user's line of sight (e.g., internal sensors facing inward toward the user's face).

[0151] 9A , electronic device 101 displays a user interface in three-dimensional environment 910 that includes a plurality of objects 904a-904f and a navigation bar 906. The user interface is displayed in three-dimensional environment 910 that includes another user interface 912. In some embodiments, user interface 912 is a user interface from which electronic device 101 navigates to the user interface that includes the plurality of objects 904a-904f and the navigation bar 906, and user interface 912 is displayed behind (e.g., in the background behind) the current user interface. In some embodiments, objects in three-dimensional environment 910 other than the user interface that includes the plurality of objects 904a-904f and the navigation bar 906 are blurred and / or dimmed. In some embodiments, electronic device 101 navigates back to user interface 912 in one of the ways described below with reference to FIGS. 13A-14M.

[0152] In some embodiments, the user interface shown in FIG. 9A is a user interface for browsing content, and the objects 904a-904f are representations of items of content. For example, the user interface is a photo viewing application, and the representations 904a-904f are thumbnails of photos. As another example, the user interface is a video content application, and the representations 904a-904f are thumbnails of video content. Other user interfaces are possible. In some embodiments, the user interface shown in FIG. 9A is any user interface that implements the techniques disclosed herein with reference to FIGS. 9A-10K. In some embodiments, the objects 904a-904f behave similarly to object B 704b described above with reference to FIGS. 7A-8F.

[0153] 9A further includes a navigation bar 906. The navigation bar 906 includes a plurality of selectable options 914a-d. In some embodiments, the selectable options 914a-d are associated with different pages within the user interface, and the electronic device 101 navigates between pages in response to selecting one of the selectable options 914a-d.

[0154] 9A , electronic device 101 detects a user's gaze 902a directed toward one of options 914a included in navigation bar 906. In some embodiments, in response to detecting the user's gaze 902a directed toward option 914a for a predetermined time threshold (e.g., 0.1, 0.3, 0.5, 1 second, etc.), electronic device 101 updates the display of three-dimensional environment 910 as shown in FIG. 9B . In some embodiments, while detecting the user's gaze 902a directed toward one of options 914a included in navigation bar 906, electronic device 101 detects that the user is performing a predetermined gesture with their hand 908 (e.g., touching their thumb to another finger of the same hand (e.g., index finger, middle finger, ring finger, pinky finger)). In some embodiments, in response to detecting a user's gaze 902a directed toward option 914a while detecting a gesture performed by the user's hand 908, electronic device 101 updates the display of three-dimensional environment 910 as shown in FIG. 9B regardless of the duration for which gaze 902a was detected (e.g., even if gaze 902a was detected for less than a threshold time). In some embodiments, in response to detecting a gesture while detecting a user's gaze 902a directed toward option 914a, electronic device 101 navigates the user interface according to option 914a instead of presenting the user interface shown in FIG. 9B. In some embodiments, electronic device 101 displays the user interface shown in FIG. 9B in response to detecting a user's gaze directed toward an area of ​​navigation bar 906 that does not correspond to one of options 914a-d (e.g., an area of ​​navigation bar 906 between two of options 914a-d).

[0155] 9B illustrates electronic device 101 displaying a three-dimensional environment 910 in response to one of the inputs described above with reference to FIG. 9A. As shown in FIG. 9B, navigation bar 906 is expanded to include text descriptions 916a-916d of selectable options 914a-914d overlaid on objects 904a-904d. It should be understood that in some embodiments, if the expanded navigation bar 906 is a different size (e.g., wider or narrower) or if the layout of the rest of the user interface is different, the expanded navigation bar 906 may overlap different portions of objects 904a-904d or may overlap additional or different objects in the user interface. For example, if the width of expanded navigation bar 906 reaches objects 904b-904e, the expanded navigation bar 906 appears overlaid on objects 904a-904d.

[0156] 9B , the electronic device 101 blurs portions 932 and 930 of the user interface that include at least a portion of objects 904a, 904b, 904d, and 904e. In some embodiments, the electronic device 101 blurs the first portion 930 of the user interface that is within a first threshold (e.g., 1, 5, 10, 15 centimeters, etc.) of the boundary of the expanded navigation bar 906 using a relatively large amount of blur. In some embodiments, the electronic device 101 blurs the second portion 932 of the user interface that is between the first and second threshold (e.g., 2, 5, 10, 15, 20, 30 centimeters, etc.) of the boundary of the expanded navigation bar 906 using a relatively small amount of blur. In some embodiments, rather than blurring the two regions 930 and 932 at two discrete blur levels, the electronic device 101 continuously varies the blur level as a function of distance from the boundary of the expanded navigation bar up to a second threshold distance from the boundary of the expanded navigation bar (e.g., the boundary of region 932 shown in FIG. 9B ). In some embodiments, regions closer to the boundary of the expanded navigation bar 906 are blurred more than regions farther from the boundary of the expanded navigation bar 906, and a feathering transition is used between the levels of blur. As shown in FIG. 9B , in some embodiments, the electronic device 101 does not blur portions of the user interface beyond portion 932 (e.g., portions of the user interface that are greater than the second threshold from the boundary of the expanded navigation bar 906, such as object C 904c and object F 904f). In some embodiments, the entire user interface is blurred, except for the expanded navigation bar 906, in a manner similar to that described below with reference to FIG. 9D .

[0157] In some embodiments, the electronic device 101 further visually distinguishes the extended navigation bar 906 from the rest of the user interface by separating the extended navigation bar 906 from the rest of the user interface in the z-direction (e.g., toward the viewpoint displayed via the display generation component 120). In some embodiments, while displaying the user interface shown in FIG. 9B , the electronic device 101 updates the user interface to display one or more of the objects 704a-f at a distance farther from the user's viewpoint in the three-dimensional environment 910 than the objects 904a-f were displayed at in FIG. 9A . In some embodiments, while displaying the user interface shown in FIG. 9B , the electronic device 101 displays the extended navigation bar 906 at a distance closer to the user's viewpoint in the three-dimensional environment 904 than the distance at which the navigation bar 906 was displayed at in FIG. 9A . In some embodiments, the user's viewpoint in the three-dimensional environment is a position and orientation associated with the user of the electronic device 101 in the three-dimensional environment 910. The electronic device 101 optionally displays the three-dimensional environment 910 from the user's viewpoint.

[0158] 9C illustrates electronic device 101 displaying a three-dimensional environment 922 on a user interface via display generation component 120. However, it should be understood that one or more of the techniques disclosed herein with reference to FIGS. 9A-9D can be implemented in user interfaces other than three-dimensional environments without departing from the scope of the present disclosure.

[0159] 9C illustrates another user interface including multiple selectable options 920a-920i. For example, the user interface illustrated in FIG. 9C is a settings user interface, with each option 920a-920i corresponding to one of multiple settings menus for controlling settings associated with the device 101. In this example, at least some of the settings menus include multiple options for adjusting settings within a category corresponding to one of the options 920a-920i (e.g., display settings, privacy settings, power settings, user account settings, accessibility options, network settings, settings associated with one or more applications accessible to the electronic device 101, etc.). As described in more detail below and in FIG. 9D, the electronic device 101 optionally updates the settings user interface in response to detecting, for example, selection of option A 920A. It should be understood that the electronic device 101 optionally updates the user interface in response to detecting selection of one of the other options 920b-920i. In some embodiments, the manner in which electronic device 101 updates the user interface in FIGS. 9C-9D is similar to the manner in which electronic device 101 updates the user interface as described above with reference to FIGS. 7A-8F.

[0160] 9C illustrates a display of a user interface in which, in response to detecting a user's gaze 902c directed at option A 920a, option A 920a is enlarged and / or displayed at a z-height relative to options 920b-i that is closer to the user's viewpoint within three-dimensional environment 722. In some embodiments, prior to detecting the user's gaze 902c directed at option A 920a, electronic device 101 displays option A 920a at the same size and / or z-height as other options 920b-i in the user interface.

[0161] 9C , electronic device 101 detects a user's gaze 902c directed toward option A 920a. In some embodiments, in response to detecting a user's gaze 902c directed toward option A 920a without detecting any additional input, electronic device 101 gradually increases the size of option A 920a while the user's gaze 902c is maintained on option A 920a and / or increases the z-spacing between option A 920a and other options 920b-920i in the user interface. In some embodiments, increasing the z-spacing between option A 920a and other options 920b-920i includes one or more of updating option A 920a to appear closer to the user's viewpoint in three-dimensional environment 922 and / or updating the other options 920b-920i to appear farther from the user's viewpoint in three-dimensional environment 922. In some embodiments, electronic device 101 continues to gradually increase the size of option A 920a or continues to increase the z-spacing between option A 920a and options 920b-920i while the user's gaze 920a remains on option A 920a without detecting any additional input until a threshold time (e.g., 0.1, 0.2, 0.5, 1, 5, 10 seconds, etc.) is reached. When the threshold time is reached while the user's gaze remains on option A 920a, electronic device 101 optionally displays the user interface shown in FIG. 9D.

[0162] In some embodiments, a hand gesture in combination with a gaze can be used to cause the device 101 to display the user interface shown in FIG. 9D . For example, as shown in FIG. 9C , the electronic device 101 detects that a user is making a gesture with their hand 908. In some embodiments, the gesture includes touching the thumb to another finger (e.g., index finger, middle finger, ring finger, pinky finger) of the same hand (e.g., a pinch gesture). In some embodiments, in response to detecting a pinch gesture while detecting a user's gaze 902c directed toward option A 920a, the electronic device 101 displays the user interface shown in FIG. 9D regardless of the duration for which the user's gaze 902c is maintained on option A 920a. Thus, in some embodiments, the electronic device 101 can navigate to the user interface shown in FIG. 9D in less than a threshold amount of time in response to detecting a pinch gesture while the user's gaze 902a is maintained on option A 920a. In some embodiments, electronic device 101 presents an animation in which option A 920a moves away from options 920b-920i and / or increases in size while gaze 902c is detected on option A 920a, and skips the remainder of the animation or increases the speed of the animation in response to the pinch gesture. In some embodiments, if the user moves their gaze away from option A 920a, such as by directing gaze 902d to option E 920e, if the user touches their thumb to their other fingers and then holds their thumb on the other fingers while looking at option A 920a, electronic device 101, in response to detecting that the thumb and fingers are moving away from each other, navigates to the user interface shown in FIG. 9D associated with option 920a instead of navigating to a similar user interface associated with option E 920e.

[0163] In some embodiments, if the user's gaze is directed away from option A 920a before the threshold time has elapsed and the electronic device 101 does not detect a pinch gesture, the electronic device 101 abandons navigating to the user interface shown in FIG. 9D . For example, the user directs their gaze 902c toward option E 920e before the threshold time has elapsed without performing a pinch gesture with their hand 908. In some embodiments, the electronic device 101 decreases the size of option A 920a and / or the z-spacing of option A 920a from the other options 920b-920i, and displays option A 920a at the same size and z-height as the other options 920b-920i in a manner similar to how the electronic device 101 displayed the user interface before detecting the user's gaze 902c toward option A 920a.

[0164] 9D illustrates a user interface displayed by the device 101 in response to one of the inputs described with reference to FIG. 9C. As shown in FIG. 9D, the electronic device 101 blurs and / or dims the display of options 920b-i in the user interface and displays multiple options 920a-c associated with option A 924a overlaying or in front of option 920b-i (e.g., in addition to option A 920a itself). For example, option A 920a is an option for viewing the battery settings of the electronic device, option 1A 924a is selectable to enter a low power mode of the electronic device 101, option 2B 924b is an option for viewing the battery health status of the electronic device 101, and option 924c is an option for viewing battery charge and usage statistics. In some embodiments, instead of blurring and / or darkening the entire remainder of the user interface other than option A 920a and options 924a-924c, electronic device 101 blurs a portion of the user interface (e.g., a portion of the user interface within a threshold distance of option A 920a and the set of options 924a-c) in a manner similar to that described above with reference to FIG. 9B. In some embodiments, one or more or each of options 924a-c is selectable to initiate a process to change a setting of electronic device 101 associated with option A 920a or to perform some other action. In some embodiments, electronic device 101 detects selection of one of options 924a-c in response to detecting a user's gaze directed toward a respective option 924a-c while detecting the user performing a predetermined gesture with their hand (e.g., a pinch gesture). In some embodiments, option A 920a and options 924a-c are displayed at a z-height closer to the user's viewpoint within three-dimensional environment 922 than the rest of the user interface, as described above with reference to FIG. 9B.

[0165] In some embodiments, electronic device 101 continues to display the user interface shown in FIG. 9D in response to detecting a user's gaze 902e directed toward option A 924a (or one of options 920a-c). In some embodiments, electronic device 101 returns to the user interface shown in FIG. 9C in response to detecting a user's gaze to another location within the user interface (e.g., one of options 920b-c or 920e-i) for a predetermined time threshold (e.g., 0.2, 0.5, 1, 2 seconds, etc.) and / or while detecting the user performing a predetermined gesture (e.g., a pinch gesture). In some embodiments, navigating back to the user interface of FIG. 9C includes updating the user interface to display all of options 920a-i without being blurred or dimmed (e.g., as shown in FIG. 9C), optionally with all options 920a-i displayed at the same size and z-height, unlike FIG. 9C, and ceasing to display options 924a-c.

[0166] In some embodiments, electronic device 101 combines features described above with reference to FIGS. 9A-9D with other features disclosed herein. For example, one or more of the user interfaces shown in FIGS. 9A-9D include scrollable representations of categories (e.g., content, settings, user interfaces, etc.) and scrollable representations of subcategories of the categories similar to the user interfaces described below with reference to FIGS. 11A-12J. For example, with reference to FIG. 9C, options 920a-i are optionally categories, and options 924a-c (and similar options corresponding to others of options 920a-i) are optionally subcategories corresponding to the category of option 920a-i. Electronic device 101 optionally displays representations of subcategories at least partially overlaid on the representations of the categories, as in FIG. 11A. In some embodiments, while scrolling the representations of the categories, electronic device 101 scrolls the representations of the subcategories at a scrolling speed that differs from the speed at which the categories are scrolled, as described below with reference to FIGS. 11A-12J. In some embodiments, while scrolling through the representations of the subcategories, the electronic device stops scrolling the representations of the categories or scrolls the categories at a different rate than the subcategories, as described below with reference to Figures 11A-12J. It should be understood that the electronic device can also combine the embodiments described with reference to Figures 9A-10K with the embodiments described with reference to Figures 7A-8F and 13A-14M.

[0167] 10A-10K are flowcharts illustrating a method for enhancing interaction with a control element of a user interface, according to some embodiments. In some embodiments, method 1000 is performed on a computer system (e.g., computer system 101 of FIG. 1, such as a tablet, smartphone, wearable computer, or head-mounted device). The display generation component (e.g., display generation component 120 of FIGS. 1, 3, and 4) includes a display (e.g., a head-up display, a display, a touchscreen, a projector, etc.) and one or more cameras (e.g., cameras (e.g., color sensors, infrared sensors, and other depth-sensing cameras)) facing forward from a user's hand or the user's head. In some embodiments, method 1000 is performed by instructions stored on a non-transitory computer-readable storage medium and executed by one or more processors of the computer system, such as one or more processors 202 of computer system 101 (e.g., control unit 110 of FIG. 1A). Some operations of method 1000 are optionally combined and / or the order of some operations is optionally changed.

[0168] In some embodiments, such as in FIG. 9A , method 1000 is performed in an electronic device (e.g., 101) that communicates with a display generation component and an eye tracking device (e.g., a mobile device (e.g., a tablet, smartphone, media player, or wearable device), or a computer). In some embodiments, the display generation component is a display integrated with the electronic device (optionally a touchscreen display), an external display such as a monitor, projector, television, or a hardware component (optionally built-in or external) for projecting a user interface and making the user interface visible to one or more users, etc. In some embodiments, the one or more input devices include electronic devices or components that can receive display data (e.g., capture user input, detect user input, etc.) and transmit information related to the user input to the electronic device. Examples of input devices include a touchscreen, a mouse (e.g., external), a trackpad (optionally integrated or external), a touchpad (optionally integrated or external), a remote control device (e.g., external), another mobile device (e.g., separate from the electronic device), a handheld device (e.g., external), a controller (e.g., external), a camera, a depth sensor, an eye tracking device, and / or a motion sensor (e.g., a hand tracking device, a hand motion sensor), etc.

[0169] In some embodiments, such as in FIG. 9A , the electronic device (e.g., 101), via a display generation component, displays a user interface (1002a) including a first control element (e.g., 906) selectable to perform a first operation, and the first control element (e.g., 906) is displayed with a first appearance (1002b). In some embodiments, the electronic device (e.g., 101), via a display generation component, displays a user interface (1002a) including individual user interface elements (e.g., 904a) (e.g., app content) including individual portions of the individual user interface elements (e.g., 906) displayed with individual visual characteristics having a first value (1002c), as in FIG. 9A . In some embodiments, the user interface is displayed in a three-dimensional environment generated, displayed, or otherwise made viewable by the device (e.g., a computer-generated reality (CGR) environment, such as a virtual reality (VR) environment, a mixed reality (MR) environment, or an augmented reality (AR) environment). In some embodiments, in response to detecting a selection of the first control element, the electronic device performs a first operation. In some embodiments, displaying the first control element having a first appearance includes displaying the first control element in a first color, size, and / or translucency, and / or displaying the first control element in a first position within the user interface, including displaying the first control element in a first virtual layer of the user interface and / or displaying the first control element in a first position within a separate layer of the user interface. For example, the separate control element may optionally be a navigation element including multiple options that, when selected, causes the electronic device to display a user interface of a separate application corresponding to the selected option. In some embodiments, the separate visual characteristics are the virtual layer of the user interface in which the separate portion of the separate user interface element is displayed, the position, color, size, and / or translucency of the separate user interface element relative to other virtual layers of the user interface, etc.In some embodiments, a second portion of the entire individual user interface element (e.g., the entire individual user interface element) is displayed with an individual visual characteristic having the first value. In some embodiments, such as FIG. 9A , while displaying a user interface, the electronic device (e.g., 101) detects (1002d) via an eye tracking device that a user's gaze (e.g., 902a) is directed toward a first control element (e.g., 906). In some embodiments, in response to detecting (1002e) that the user's gaze (e.g., 902a) is directed toward the first control element (e.g., 906), as in FIG. 9A , the electronic device (e.g., 101) updates (1002f) the first control element (e.g., 906) to have a second appearance that is different from the first appearance, such that the individual portion of the first control element (e.g., 906) having the second appearance is displayed overlaid on a portion of the individual portion (e.g., 930) of the individual user interface element (e.g., 904a), as in FIG. 9B . In some embodiments, updating the first control element to have the second appearance includes changing the size, color, translucency, etc., in which the first control element is displayed, the virtual layer in which the first control element is displayed (e.g., moving the first control element forward toward the top layer of the user interface), and / or the position within the virtual layer in which the first control element is displayed. In some embodiments, updating the first control element results in a portion of the first control element overlaying a portion of a distinct user interface element. In some embodiments, in response to detecting that a user's gaze (e.g., 902a) is directed (1002e) toward the first control element (e.g., 906), as in FIG. 9A, the electronic device (e.g., 101) displays (1002g) a distinct portion (e.g., 930) of a distinct user interface element (e.g., 904a) with a distinct visual characteristic having a second value different from the first value, as in FIG. 9B.In some embodiments, displaying the individual portions of the individual user interface elements with the individual visual characteristics having the second value includes changing the color, size, translucency, amount of blur, etc., in which the individual portions of the individual user interface elements are displayed, changing the virtual layer in which the individual portions of the individual user interface elements are displayed, and / or changing the position within the virtual layer in which the individual portions of the individual user interface elements are displayed. In some embodiments, the electronic device updates the first control element and displays the individual portions of the individual user interface elements with the individual visual characteristics having the second value in response to detecting via the eye tracking device that the user's gaze is directed toward the control element for a predetermined period of time (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 0.75, 1 second, etc.). In some embodiments, the electronic device updates the first control element and displays the individual portions of the individual user interface elements with the individual visual characteristics having the second value in response to detecting via the eye tracking device that the user's gaze is directed toward the control element without comparing the duration of the gaze to a threshold. For example, in response to detecting that a user's gaze is directed toward a navigation bar displayed along with an application's user interface, the electronic device updates the navigation bar to be displayed overlaid on the application's user interface, blurs a portion of the user interface adjacent to (e.g., overlaid by) the navigation bar, and does not blur the remainder of the user interface.

[0170] The above-described method of updating a first control element to have a second appearance and to be overlaid on a portion of the individual user interface element in response to detecting a user's gaze towards a first control element, and displaying the individual portion of the individual user interface element with the individual visual characteristic having the second value, provides an efficient way of allowing a user to make selections within the control element's display space (e.g., by not expanding the control element until a gaze directed towards the control element is detected), which simplifies the interaction between the user and the electronic device, improves the usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage and improves the battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0171] In some embodiments, such as FIG. 9A , the discrete user interface element (e.g., 904b) includes a second discrete portion (1004a). In some embodiments, the second discrete portion of the discrete user interface element is a threshold distance (e.g., 1, 2, 3, 4, 5, 7, 10, 15, 20, 30, 40 centimeters, etc.) that is a few centimeters away from the boundary of the first control element. In some embodiments, such as FIG. 9A , before detecting that the user's gaze (e.g., 902a) is directed toward the first control element (e.g., 906), the second discrete portion is displayed (1004b) with a discrete visual characteristic having a first value. In some embodiments, the discrete visual characteristic is a virtual layer of the user interface in which the discrete portion of the discrete user interface element is displayed, a position, color, size, and / or translucency of the discrete user interface element relative to other virtual layers of the user interface, etc. 9B , in response to detecting a user's gaze (e.g., 902b) directed toward a first control element (e.g., 906), a second individual portion of the individual user interface element (e.g., 904b) continues to be displayed with the individual visual characteristic having the first value (1004c). In some embodiments, the electronic device does not change the appearance of the second portion of the individual user interface element in response to detecting the user's gaze directed toward the first control element. In some embodiments, in response to the user's gaze toward the first control element, the electronic device blurs a portion of the individual user interface element closest to the first control element and does not blur one or more additional portions of the individual user interface element beyond a threshold distance from the boundary of the first control element.

[0172] The above-described method of ceasing to change the visual characteristics of the second individual portion of the individual user interface element provides an efficient way for a user to continue viewing the second individual portion of the individual user interface element while viewing the updated first control element, which simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further allows the user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0173] 9B , the individual user interface element (e.g., 904b) includes a third individual portion (e.g., 932) between the individual portion (e.g., 930) and the second individual portion (1006a). In some embodiments, the boundary between the first individual portion and the third individual portion is a first threshold distance (e.g., 0.5, 1, 2, 3, 4, 5, 7, 10, 15, 20, 30, 40 centimeters, etc.) from the boundary of the first control element, and the boundary between the third individual portion and the second individual portion is a second threshold distance (e.g., 1, 2, 3, 4, 5, 7, 10, 15, 20, 30, 40, 50 centimeters, etc.) from the boundary of the first control element. In some embodiments, such as FIG. 9A , prior to detecting that the user's gaze (e.g., 902a) is directed toward the first control element (e.g., 906), a third individual portion (e.g., 932) ( FIG. 9B ) is displayed with an individual visual characteristic having a first value (1006b). In some embodiments, the individual visual characteristic is a virtual layer of the user interface in which the individual portion of the individual user interface element is displayed, a position, color, size, and / or translucency of the individual user interface element relative to other virtual layers of the user interface, etc. In some embodiments, such as FIG. 9B , in response to detecting that the user's gaze (e.g., 902b) is directed toward the first control element (e.g., 906), a third individual portion (e.g., 932) of the individual user interface element is displayed with an individual visual characteristic having a third value between the first value and the second value (1006c). For example, if the individual characteristic is translucency, in response to detecting a user's gaze directed toward the first control element, the electronic device displays a first portion of the individual user interface element with a higher translucency than a third portion of the individual user interface element and displays the second portion of the individual user interface element with the same level of translucency that the second portion of the individual user interface element was displayed at before detecting the user's gaze directed toward the first control element. In some embodiments, the degree to which the electronic device increases the translucency and / or blur of the individual portion of the individual user interface element depends on the distance of the individual portion from the boundary of the first control element.In some embodiments, the closer a particular portion of a particular user interface element is to the boundary of the first control element, the more blurred the electronic device displays that particular portion.

[0174] The above-described method of displaying a third individual portion of an individual user interface element with visual characteristics having a third value between the first value and the second value provides an efficient way for a user to continue viewing the second individual portion of the individual user interface element while viewing the updated first control element, which simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage and improves battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0175] In some embodiments, such as in FIG. 9B , updating the first control element (e.g., 906) to have a second appearance includes displaying text descriptions (e.g., 916a-d) associated with the first control element (e.g., 906) that were not displayed prior to detecting that the user's gaze (e.g., 902b) was directed toward the first control element (e.g., 906) (1008a). In some embodiments, prior to detecting the user's gaze toward the first control element, the first control element includes one or more images and does not include individual text associated with each image. In some embodiments, in response to detecting the user's gaze toward the first control element, the electronic device displays individual text associated with the one or more images. In some embodiments, the individual text is displayed in a position in the three-dimensional environment where one or more portions of the individual user interface element were displayed prior to detecting the user's gaze toward the first control element. In some embodiments, the individual text is displayed overlaid on one or more portions of the individual user interface element that were displayed prior to detecting the user's gaze toward the first control element.

[0176] The above-described method of displaying text of a first control element in response to a user's gaze being directed at the first control element provides an efficient way of conserving display area (e.g., for displaying individual user interface elements) before detecting a user's gaze to the first control element, and an efficient way of communicating to a user actions caused by interacting with various areas of the first control element in response to detecting a user's gaze to the first control element, which simplifies the interaction between the user and the electronic device, improves the usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage and improves the battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0177] In some embodiments, such as FIG. 9A , when a user's gaze (e.g., 902a) directed toward a first control element (e.g., 906) is detected, the first control element (e.g., 906) and the individual user interface element (e.g., 904a) are displayed (1008b) on a third user interface (e.g., 912) with the individual visual characteristics having a second value. In some embodiments, the electronic device displays the first control element and the individual user interface element on the third user interface with the individual visual characteristics having a first value before detecting the user's gaze directed toward the first control element. For example, the first control element and the individual user interface element are displayed overlaid on a blurred version of the third user interface. In some embodiments, the third user interface is a user interface from which the electronic device navigates to the individual user interface element. In some embodiments, the third user interface, the individual user interface element, and the first control element are associated with the same individual application. In some embodiments, two of the third user interface, the individual user interface element, and the first control element are associated with a first application, and one of the third user interface, the individual user interface element, and the first control element is associated with a second application. For example, the third user interface is associated with a first application, and the individual user interface element and the first control element are associated with a second application. In some embodiments, the third user interface, the individual user interface element, and the first control element are each associated with a different application. In some embodiments, the electronic device displays the first control element simultaneously with the third user interface having the visual characteristic having the first value (e.g., in response to an input returning to the third user interface before displaying the individual user interface element, etc.).

[0178] The above-described method of displaying the first control element and individual user interface elements on a third user interface displayed with individual visual characteristics having a second value provides an efficient way of continuing to display the third user interface while viewing the individual user interface elements, reducing visual clutter and reducing cognitive burden on the user, which simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage and improves battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0179] In some embodiments, such as FIG. 9C , the electronic device (e.g., 101) displays (1010a), via a display generation component, a second user interface including a first individual control element (e.g., 920a) and a second individual control element (e.g., 920b), where a portion of the second user interface is displayed with individual visual characteristics having a first value. In some embodiments, the first individual control element is associated with one or more first selectable options, and the second individual control element is associated with one or more second selectable options. For example, the first and second individual control elements are displayed in a settings user interface including multiple individual control elements associated with multiple device settings within a separate category. In this example, in response to detecting a user's gaze on one of the individual control elements, the electronic device displays the multiple individual selectable options associated with the individual control elements. In some embodiments, such as FIG. 9C, while displaying the second user interface, the electronic device (e.g., 101) detects (1010b) via an eye tracking device that the user's gaze (e.g., 902c) is directed toward the first individual control element (e.g., 920a). In some embodiments, in response to detecting that the user's gaze (e.g., 920a) is directed toward a first individual control element (e.g., 920a), the electronic device (e.g., 101) visually emphasizes (1010c) the first individual control element (e.g., 920) relative to a second individual control element (e.g., 920b), as in FIG. 9C (e.g., by increasing the size of the first individual control element, displaying the first individual control element in a virtual layer of the three-dimensional environment that is between the user's viewpoint in the three-dimensional environment and the virtual layer in which the second individual control element is displayed (e.g., by moving the first individual control element toward the user's viewpoint in the three-dimensional environment and / or moving the second individual control element away from the user's viewpoint in the three-dimensional environment), modifying the color, translucency, or other visual characteristics of the first and / or second individual control elements, etc.).In some embodiments, the user's gaze is detected on the first individual control element for a threshold time (e.g., 0.1, 0.2, 0.3, 0.5 seconds, etc.) before the electronic device visually emphasizes the first individual control element relative to the second individual control element. In some embodiments, the electronic device visually emphasizes the first individual control element relative to the second individual control element immediately in response to detecting the user's gaze to the first individual control element. 9C , while a user's gaze (e.g., 902c) is directed toward a first individual control element (e.g., 920a) and while the first individual control element (e.g., 920a) is visually highlighted relative to a second individual control element (e.g., 920b), the electronic device (e.g., 101) detects (1010d) a individual gesture performed by the user's hand (e.g., 908) via a hand tracking device (e.g., one or more cameras, depth sensors, proximity sensors, and / or touch sensors (e.g., a touchscreen or other touch-sensitive surface)) in communication with the electronic device. In some embodiments, detecting the gesture includes detecting via the hand tracking device that the user is touching fingers (e.g., index finger, middle finger, ring finger, pinky finger) of the same hand as the thumb with their thumb. In some embodiments, in response to detecting (1010e) a discrete gesture performed by a user's hand (e.g., 908), as in FIG. 9C, and following a determination that the discrete gesture corresponds to a request to display one or more selectable options associated with a first discrete control element (e.g., 920a) (e.g., the gesture is detected while the user's gaze is on the first discrete control element and / or one or more additional criteria are met), the electronic device (e.g., 101), via the display generation component, displays (1010f) one or more selectable options (e.g., 924a-c) associated with the first discrete control element (e.g., 920a) overlaid on a portion of a second user interface, the portion of the second user interface being displayed with discrete visual characteristics having second values, as in FIG. 9D.In some embodiments, the portion of the second user interface is a portion of the second user interface within a threshold distance (e.g., 0.5, 1, 2, 3, 4, 5, 7, 10, 15, 20, 30, 40 centimeters, etc.) of the first discrete control element, the second discrete user interface including a second portion (outside the threshold distance) displayed with visual characteristics having a first value, and the portion of the second user interface displayed with visual characteristics having a second value. In some embodiments, the electronic device displays one or more selectable options associated with the first discrete control element overlaid on the portion of the user interface while displaying the remainder (e.g., all) of the second user interface with visual characteristics having a second value. In some embodiments, following a determination that the discrete gesture does not correspond to a request to display one or more selectable options associated with the first discrete control element, the electronic device refrains from displaying the one or more selectable options overlaid on the portion of the second user interface and from displaying the second user interface with the individual visual characteristics having the second value. In some embodiments, in accordance with a determination that the gesture corresponds to a request to perform a discrete action other than displaying one or more selectable options associated with the first discrete control element, the electronic device performs the discrete action in response to the discrete gesture.

[0180] The above-described method of displaying a portion of a second user interface with visual characteristics having a second value while displaying one or more selectable options associated with a first control element provides an efficient way of displaying one or more selectable options associated with a first control element with reduced visual clutter, which reduces cognitive burden on the user, simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage and improves battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0181] In some embodiments, as in FIG. 9A , a first control element (e.g., 914a-d) is one control element of a plurality of control elements (e.g., 914a-d) selectable to display a different user interface of an application (1012a). In some embodiments, the first control element is selectable to display a first user interface of a respective application, and the electronic device displays a second control element in the plurality of control elements selectable to display a second user interface of the respective application. In some embodiments, the first control element is included in a navigation bar of the application. In some embodiments, as in FIG. 9A , the respective user interface element is a user interface of the application (1012b). In some embodiments, the respective user interface is associated with one of the plurality of control elements. In some embodiments, before detecting a user's gaze to the first control element, the electronic device displays the plurality of control elements having a first appearance (e.g., as an image without text, without spacing from the respective user interface elements, at a first size, etc.). In some embodiments, in response to detecting a user's gaze to the first control element, the electronic device displays the first control element having a second appearance (e.g., having text, being spaced more from individual user interface elements, at a second size, etc.). In some embodiments, in response to detecting a user's gaze to the first control element, the electronic device displays (all or some of) the plurality of control elements having a second appearance.

[0182] The above-described method of displaying multiple selectable control elements to display different user interfaces of an application provides an efficient way of navigating between the user interfaces of an application, which simplifies the interaction between a user and an electronic device, improves the usability of the electronic device, and makes the user-device interface more efficient, which in turn allows the user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors during use.

[0183] In some embodiments, as in FIG. 9A , before detecting that a user's gaze (e.g., 902a) is directed toward the first control element (e.g., 906), the first control element (e.g., 906) is displayed at a first depth in the three-dimensional environment relative to the respective user interface (1012c). In some embodiments, the first depth is a respective distance from a user's viewpoint in the three-dimensional environment at which the first control element and the respective user interface are displayed. In some embodiments, the first depth corresponds to the first control element and the respective user interface being displayed at the same depth relative to the user's viewpoint in the three-dimensional environment. In some embodiments, as in FIG. 9B , in response to detecting that a user's gaze (e.g., 902b) is directed toward the first control element (e.g., 906), the first control element (e.g., 906) is displayed at a second depth in the three-dimensional environment different from the first depth relative to the respective user interface (1012d). In some embodiments, the second depth corresponds to the first control element and the respective user interface being displayed at a different depth relative to a user's viewpoint within the three-dimensional environment. In some embodiments, the respective user interface is updated to be displayed at an increased depth from the user's viewpoint within the three-dimensional environment in response to detecting that the user's gaze is directed toward the first control element. In some embodiments, the first control element is updated to be displayed at a decreased depth from the user's viewpoint within the three-dimensional environment in response to detecting that the user's gaze is directed toward the first control element.

[0184] The above-described method of changing the depth of a first control element relative to a respective user interface in response to a user's gaze being directed at the first control element provides an efficient way of reducing visual clutter while looking at the first control element, reducing the cognitive burden on the user, which simplifies the interaction between the user and the electronic device, improves the usability of the electronic device, and makes the user-device interface more efficient, which further allows the user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0185] In some embodiments, such as FIG. 9A , while a user's gaze (e.g., 902a) is directed toward a first control element (e.g., 906), the electronic device (e.g., 101) detects a first portion of a selection input (e.g., a first portion of a hand gesture such as a touchdown of contact on a touch-sensitive surface (e.g., trackpad, touchscreen, etc.), a mouse click without releasing a mouse button or other physical button, or a user tapping their thumb on one of the other fingers (e.g., index finger, middle finger, ring finger, pinky finger) of the thumb's hand without releasing the finger from the thumb) via a hand tracking device (e.g., a depth sensor, one or more cameras, a touch sensor (e.g., touchscreen, trackpad), etc.) in communication with the electronic device (1014a). In some embodiments, such as in FIG. 9A , after detecting the first portion of the selection input, the electronic device (e.g., 101) detects (1014b) via the hand tracking device a second portion of the selection input (e.g., a lift-off of contact on the touch-sensitive surface, a release of a mouse button or other physical button click, a second portion of a gesture such as a user lifting their thumb off a finger, etc.). In some embodiments, in response to detecting (1014c) the second portion of the selection input, the electronic device (e.g., 101) initiates (1014d) an action associated with the first control element (e.g., does not initiate an action associated with the second control element) in accordance with a determination that the user's gaze is no longer directed toward the first control element (e.g., 906) when the second portion of the selection input is detected (e.g., is directed toward the second control element when the second portion is detected). In some embodiments, the electronic device initiates (1014d) an action associated with the first control element (e.g., does not initiate an action associated with the second control element) in accordance with a determination that the user's gaze is directed toward the first control element while detecting the second portion of the selection input. In some embodiments, in response to detecting a user's gaze toward the first control element after a first portion of the selection input is detected and while a second portion of the selection input is detected, the electronic device performs an action associated with the first control element, regardless of whether the user's gaze is directed toward the first control element while the second portion of the selection input is detected.

[0186] The above-described method of initiating an action associated with a first control element when a user's gaze is on the first control element while a first portion of a selection input is detected and the user's gaze is somewhere other than the first control element while a second portion of a selection input is received provides an efficient way of allowing a user to look away from the first control element while providing a selection input without affecting the selection input, which simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage and improves battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0187] In some embodiments, the distinct user interface elements include a first selectable object (e.g., 904a) of FIG. 9A and a second distinct portion, where the second distinct portion is displayed with a distinct visual characteristic having a first value (1016a) (e.g., prior to detecting selection of the first selectable object). In some embodiments, in response to detecting selection of the first selectable object, the electronic device performs an operation associated with the first selectable object. In some embodiments, while displaying distinct user interface elements including the first selectable object (e.g., 904a) of FIG. 9A , the electronic device (e.g., 101) detects selection of the first selectable object (e.g., 904a) (1016b). In some embodiments, detecting selection of the first selectable object includes detecting, via an eye-tracking device, that a user's gaze is directed toward the first selectable object and detecting, via a hand-tracking device, that the user performs a distinct gesture with their hand. In some embodiments, in response to detecting (1016c) a selection of the first selectable object (e.g., 904a), the electronic device (e.g., 101) displays (1016d) a representation of the first selectable object (e.g., 904a) (e.g., an object, user interface, content, etc. associated with the first selectable object) overlaid on a second respective portion of the respective user interface element, the second respective portion of the respective user interface element being displayed with a respective visual characteristic having a second value different from the first value. In some embodiments, in response to detecting a selection of the first selectable object, the electronic device displays a representation of the first selectable object (e.g., an object, user interface, content, etc. associated with the first selectable object) without displaying a respective user interface element.In some embodiments, the electronic device displays a representation of the first selectable object (e.g., objects, user interfaces, content, etc. associated with the first selectable object) without displaying other objects or user interfaces in the three-dimensional environment presented by the display generation component. For example, the electronic device displays the representation in a full-screen mode or an immersive mode. In some embodiments, the user interface is a user interface for viewing images (e.g., a photo application), and the first selectable object is a representation of one of the images in the user interface. In some embodiments, in response to detecting a selection of the representation of the image, the electronic device displays the image at a larger size and blurs at least a portion of the remainder of the user interface for viewing images.

[0188] The above-described method of displaying a representation of a first selectable object overlaid on a second, separate portion of a separate user interface element having visual characteristics with a second value provides an efficient way of reducing visual clutter while displaying a representation of the first selectable object, which reduces the cognitive burden on the user, simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage and improves battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0189] In some embodiments, the individual user interface element (e.g., 904a) includes a third individual portion surrounding the second individual portion (1018a). In some embodiments, the third individual portion is between the second individual portion and the first individual portion of the individual user interface element. In some embodiments, in response to detecting a selection of the first selectable object (e.g., 904a), the second individual portion of the individual user interface element (e.g., 904a) is displayed with individual visual characteristics having a second value, and the third individual portion of the individual user interface element is displayed with individual visual characteristics having a third value between the first value and the second value (1018b). In some embodiments, in response to detecting a selection of the first selectable option, the electronic device displays the first portion of the individual user interface element with individual visual characteristics having the first value. For example, in some embodiments, the electronic device applies a blur effect to individual user interface elements, with increasing blur applied to portions closest to a representation of the first selectable object (e.g., an object, user interface, content, etc. associated with the first selectable object) displayed in response to selection of the first selectable object. In this example, the closer a portion of the individual user interface element is to a representation of the first selectable object (e.g., an object, user interface, content, etc. associated with the first selectable object), the more blurred that portion is. In this example, the electronic device optionally displays the first portion of the individual user interface element without blur. In some embodiments, the user interface is a user interface for viewing images (e.g., a photo application), and the first selectable object is a representation of one of the images in the user interface. In some embodiments, in response to detecting a selection of the representation of the image, the electronic device displays the image at a larger size and blurs at least a portion of a remaining portion of the user interface for viewing the image, while increasing blur applied to portions of the user interface closest to a boundary of the image.

[0190] The above-described method of displaying a second individual portion of an individual user interface element having individual visual characteristics with a second value and a third individual portion of an individual user interface element having a third value provides an efficient way of reducing visual clutter near the representation of the first selectable option while maintaining visibility of one or more portions of the individual user interface elements, which simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage and improves battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0191] In some embodiments, such as in FIG. 11A , the individual user interface elements include a first plurality of representations (e.g., 1104a) corresponding to a plurality of categories (e.g., objects, content, information, user interfaces, etc.) and a second plurality of representations (e.g., 1108a-c) and (e.g., 1110a) corresponding to subcategories (e.g., objects, content, information, user interfaces, etc.) of the plurality of categories (1020a). In some embodiments, in response to detecting selection of a representation of an individual category, the electronic device presents representations of content, objects, user interfaces, information, etc., and / or subcategories associated with the individual category. In some embodiments, in response to detecting selection of a representation of an individual subcategory, the electronic device presents content, objects, user interfaces, information, etc., associated with the individual subcategory. For example, a photo viewing application includes a representation of an album overlaid on a representation of a year. In some embodiments, in response to detecting selection of a representation of a year, the electronic device displays photos and / or albums created in the individual year. In some embodiments, in response to detecting selection of a representation of an album, the electronic device displays photos included in the album. 11A , the electronic device (e.g., 101) receives a scrolling input via one or more input devices (1020b) while displaying a respective user interface element. In some embodiments, in response to receiving the scrolling input (1020c), in accordance with determining that the scrolling input is directed toward the first plurality of representations (e.g., 1104a) (e.g., detecting via an eye-tracking device that a user's gaze is directed toward the first plurality of representations), the electronic device (e.g., 101) scrolls the first plurality of representations (e.g., 1104a) at a first rate and scrolls the second plurality of representations (e.g., 1108a-c) and (e.g., 1110a) at a second rate in accordance with the scrolling input.In some embodiments, the first plurality of representations scroll at a rate proportional to a characteristic of the scrolling input (e.g., a rate of the scrolling input, a magnitude of movement of the scrolling input), and the second plurality of representations scroll according to the rate at which the first representations scroll. For example, in response to scrolling the first representations to move a first amount, the electronic device scrolls the second representations at a first rate to display a first set of second representations associated with each of the first representations, and in response to scrolling the first representations to move a second amount, the electronic device scrolls the second representations at a second rate to display a second set of second representations associated with each of the first representations. For example, in a photo viewing application including representations of albums (e.g., subcategories) and years (e.g., categories), the electronic device detects an input to scroll the year representations, and, in response to the input, scrolls the year representations according to the scrolling input and scrolls the album representations according to the rate at which the years scroll. For example, when the electronic device scrolls to a first year, the electronic device scrolls the albums to display albums from the first year, and when the electronic device scrolls to a second year, the electronic device scrolls the albums to display albums from the second year. In some embodiments, in response to receiving a scroll input (1020c), as in FIG. 11A , in response to determining that the scroll input is directed toward the second plurality of representations (e.g., 1108a-c) and (e.g., 1110a) (e.g., detecting via an eye-tracking device that the user's gaze is directed toward the first plurality of representations), the electronic device (e.g., 101) scrolls (1020e) the second plurality of representations (e.g., 1108a-c) and (e.g., 1110a) at a third speed different from the second speed in accordance with the scroll input. In some embodiments, in response to detecting an input scrolling the second plurality of representations, the electronic device scrolls the second plurality of representations at a rate proportional to characteristics of the scrolling input (e.g., a speed of the scrolling input, a magnitude of movement of the scrolling input).In some embodiments, the first plurality of representations scroll at a rate related to the rate at which the second representation is scrolled. In some embodiments, the electronic device does not scroll the first representation in response to an input that scrolls the second representation. For example, in a photo viewing application that includes representations of albums (e.g., subcategories) and years (e.g., categories), the electronic device detects an input to scroll the representations of the albums and, in response to the input, scrolls the representations of the albums according to the scrolling input and scrolls the representations of the years according to the rate at which the albums scroll. For example, when the electronic device scrolls to one or more albums associated with a first year, the electronic device scrolls the years to display the representations of the first year, and when the electronic device scrolls to one or more albums associated with a second year, the electronic device scrolls the years to display the representations of the second year.

[0192] The above-described method of scrolling the second representation at different speeds depending on whether the scroll input is directed at the first representation or the second representation provides an efficient way of presenting subcategories corresponding to a category that is visible while scrolling through the category, and a way of scrolling the subcategories independently of the category, which simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage and improves battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0193] In some embodiments, such as in FIG. 11A , the individual user interface element includes (1022a) a first plurality of representations (e.g., 1104a) corresponding to a plurality of categories (e.g., content, objects, user interfaces, etc.). In some embodiments, in response to detecting a selection of the representation of the individual category, the electronic device presents representations of content, objects, user interfaces, information, etc., and / or subcategories associated with the individual category. For example, in a photo viewing application, the categories are years, each containing photos and albums from a respective year, and the subcategories are albums (e.g., each album is associated with a respective year). As another example, in a video content viewing application, the categories are collections of content items (e.g., containing a plurality of series of episodic content), and the subcategories are series of episodic content. In some embodiments, such as in FIG. 11A , the individual user interface element includes (1022b) a second plurality of representations (e.g., 1108a-c) and (e.g., 1110a) corresponding to subcategories of the plurality of categories. In some embodiments, in response to detecting a selection of a representation of a respective subcategory, the electronic device presents content, objects, user interfaces, information, etc. associated with the respective subcategory. For example, in a photo viewing application, the categories are years, each containing photos and albums from a respective year, and the subcategories are albums (e.g., each album is associated with a respective year). As another example, in a video content viewing application, the categories are collections of content items (e.g., containing multiple series of episodic content), and the subcategories are series of episodic content. In some embodiments, the second plurality of representations (e.g., 1108a-c) and (e.g., 1110a) are overlaid (1022c) on the first plurality of representations (e.g., 1104a-b). In some embodiments, while the electronic device displays the representation of the subcategories overlaid on the representation of the category, a portion of the representation of the category is visible.In some embodiments, the representations of the subcategories are overlaid on each individual portion of the representation of the category (e.g., along the bottom edge of the representation of the category). In some embodiments, the representation of the category and the representation of the subcategories are aligned along the same axis (e.g., the representation of the category and the representation of the subcategories are scrollable in the same dimension, such as being scrollable horizontally). In some embodiments, the representations of the subcategories of an individual category are contained within the boundaries of the representation of the individual category (e.g., the representation of a subcategory does not extend horizontally beyond the horizontal boundaries of the representation of the category to which it belongs). In some embodiments, the representations of the subcategories of an individual category extend beyond the boundaries of the individual category (e.g., the representation of a subcategory extends horizontally beyond the horizontal boundaries of the representation of the category to which it belongs). The above-described method of displaying representations of subcategories overlaid on representations of categories provides an efficient way of indicating the category with which each subcategory is associated, which simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which in turn allows the user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0194] 11A-11D show examples of how an electronic device may cooperatively scroll through representations of categories and subcategories, according to some embodiments.

[0195] FIG. 11A illustrates electronic device 101 displaying a three-dimensional environment 1124 on a user interface via display generation component 120. However, it should be understood that one or more of the techniques disclosed herein with reference to FIGS. 11A-11D can be implemented in user interfaces other than three-dimensional environments without departing from the scope of the present disclosure. As described above with reference to FIGS. 1-6 , electronic device 101 optionally includes display generation component 120 (e.g., a touchscreen) and multiple image sensors 314. Image sensor 314 optionally includes one or more of a visible light camera, an infrared camera, a depth sensor, or any other sensor that electronic device 101 can use to capture one or more images of a user or a portion of a user while the user interacts with electronic device 101. In some embodiments, display generation component 120 is a touchscreen capable of detecting a user's hand gestures and movements. In some embodiments, the user interface illustrated below may also be implemented in a head-mounted display that includes a display generation component that displays the user interface to a user and sensors that detect the physical environment and / or the user's hand movements (e.g., external sensors facing outward from the user) and / or the user's line of sight (e.g., internal sensors facing inward toward the user's face). As shown in FIG. 11A, the user interface further includes a navigation bar 1106. In some embodiments, the navigation bar 1106 behaves similarly to the control elements described above with reference to FIGS. 9A-10K.

[0196] FIG. 11A illustrates an electronic device 101 displaying a user interface in a three-dimensional environment 1124. The user interface includes a representation 1104a of category A, a representation 1104b of category B, representations 1108a-1108c of subcategories of category A 1104a, and a representation 1110a of subcategories of category B 1104b. As shown in FIG. 11A, the subcategory representations 1108a-c and 1110a are displayed at least partially overlaid on the category representations 1104a-b. In some embodiments, the categories are categories of content, applications, settings, etc., and are selectable to present a user interface related to the content, applications, settings, etc., of the selected category or subcategory. For example, in a photo viewing application, categories correspond to years and include photos taken in particular years, subcategories correspond to photo albums, and each photo album is associated with one or more years (e.g., corresponding to a category). In this example, in response to detecting a selection of one of the year (e.g., category) representations 1104a or 1104b, electronic device 101 displays photos in the selected year (e.g., category) and / or album representations (e.g., subcategories). As another example, in response to detecting a selection of one of the album (e.g., category) representations 1108a-c or 1110a, electronic device 101 displays photos in the album (e.g., subcategory). In some embodiments, electronic device 101 detects the selection by detecting a predetermined gesture (e.g., a pinch gesture) with the user's hand while the user's gaze is on a respective selectable element. In some embodiments, category representations 1104a and 1104b and / or subcategory representations 1108a-c and 1110a are card user interface elements that are scrollable in two dimensions.

[0197] 11A , based at least in part on the gaze of a user of device 101. For example, in some embodiments, electronic device 101 detects a user's gaze 1102a directed toward category A representation 1104a (or category B representation 1104b) while detecting that the user is moving their hand 1112 while performing a predetermined gesture. In some embodiments, the predetermined gesture includes touching the thumb to another finger (e.g., index finger, middle finger, ring finger, pinky finger) of the same hand (e.g., a pinch gesture). In some embodiments, in response to detecting movement of the hand 1112 while performing a gesture while the user's gaze 1102a is directed at the representation 1104a of category A, the electronic device 101 scrolls the category representations 1104a and 1104b in accordance with the movement of the user's hand 1112. For example, as shown in FIG. 11A , in response to detecting that the user has moved the hand 1112 to the right, the electronic device 101 scrolls the representations 1104a and 1104b to the right. In some embodiments, in response to detecting that the user has stopped performing the predetermined gesture (e.g., moving the thumb and fingers away from each other), the electronic device 101 stops scrolling the category representations 1104a and 1104b in accordance with the movement of the user's hand.

[0198] In some embodiments, while scrolling through the category representations 1104a and 1104b in response to the above-described inputs, the electronic device 101 scrolls the sub-category representations 1108a-c and 1110a in accordance with the scrolling of the category representations 1104a-b. In some embodiments, the speed at which the sub-category representations 1108a-c and 1110a scroll is proportional to the speed at which the category representations 1104a-b scroll, and the direction in which the sub-category representations 1108a-c and 1110a scroll is the same as the direction in which the category representations 1104a-b scroll. In some embodiments, the sub-category representations 1108a-c and 1110a scroll at a faster rate than the category representations 1104a-b. In some embodiments, the sub-category representations 1108a-c and 1110a scroll in accordance with the category representations 1104a-b currently being displayed by the electronic device 101. For example, when category representations 1104a-b scroll to display a third category (not shown in FIG. 11A ), sub-category representations 1108a-c and 1110a also scroll (e.g., at an appropriate rate) to display representations of at least one sub-category of the third category. As another example, in response to scrolling the representations of categories 1104a-b so that the representation of category B 1104b is left-justified in the user interface, electronic device 101 scrolls representations 1108a-c and 1110a so that sub-category B 11110a, a first sub-category of category B 1104b, is also overlaid on category B representation 1104b and left-justified in the user interface.

[0199] Similarly, in some embodiments, electronic device 101 detects a user's gaze 1102b toward representation 1108b of subcategory A2 while detecting movement of the user's hand 1112 while the user is performing a predetermined gesture with hand 1112. In some embodiments, in response to detecting movement of hand 1112 while the user is performing the gesture and looking at representation 1108b (or another representation of the subcategory 1108a, 1108c, or 1110a), electronic device 101 scrolls the representations of subcategories 1108a-c and 1110a. In some embodiments, electronic device 101 ceases scrolling category representations 1104a-b while scrolling the representations of subcategories 1108a-c and 1110a. In some embodiments, electronic device 101 scrolls category representations 1108a-b at a rate proportional to, and in the same direction as, the scrolling of subcategory representations 1104a-c and 1110a. In some embodiments, the category representations 1104a-b scroll at a slower rate than the sub-category representations 1108a-c and 1110a. In some embodiments, the category representations 1104a-b scroll according to the sub-category representations 1108a-c and 1110a currently being displayed by the electronic device 101. For example, when the sub-category representations 1108a-c and 1110a scroll to display subcategories of a third category (not shown in FIG. 11A ), the category representations 1104a-b scroll (e.g., at an appropriate rate) to display a representation of the third category.

[0200] Thus, FIG. 11A shows a user interface including category representations 1104a-b and subcategory representations 1108a-c and 1110a that the electronic device 101 scrolls in concert.

[0201] FIG. 11B shows electronic device 101 displaying another three-dimensional environment 1126 including a user interface having representations 1116a and 1116b of categories and representations 1118a-d of subcategories of category A 1116a. It should be understood that electronic device 101 may implement one or more of the techniques described with reference to FIGS. 11B-11D in two-dimensional user interfaces without departing from the scope of this disclosure. In some embodiments, the categories and subcategories are categories and subcategories of content, settings, applications, etc. For example, the user interface shown in FIG. 11B is a video content browsing user interface including a category of episodic content (e.g., episodic content is a subcategory of the category and includes episodes of video content). Exemplary categories include new content, popular content, recommendations based on a user's previous content consumption history, curated collections of content, etc. In some embodiments, representation 1116a of category A includes images associated with category A without being associated with a particular subcategory of category A and is selectable to display a user interface associated with category A. In some embodiments, representation 1116a of category A corresponds to one of the subcategories of category A (e.g., a subcategory that does not correspond to representations 1118a-d) and is selectable to display a user interface associated with the subcategory of category A. Referring again to Figure 11B, in some embodiments, the user interface further includes a navigation bar 1114 that behaves similarly to the control elements described above with reference to Figures 9A-10K.

[0202] 11B, the electronic device 101 detects a user's gaze 1102c directed toward a representation 1116a of category A and that the user has moved their hand 1112 while performing a predetermined gesture. In some embodiments, the predetermined gesture includes touching the thumb to another finger (e.g., index finger, middle finger, ring finger, pinky finger) of the same hand (e.g., a pinch gesture). In response to detecting the user's gaze 1102c on the representation 1116a of category A while the user is moving their hand 1112 while maintaining the pinch gesture, the electronic device 101 scrolls the category representations to display a representation 1116b of category B, as shown in FIG. 11C. It should be appreciated that in some embodiments, the representations 1118a-d of subcategories are similarly scrollable. For example, the electronic device 101 scrolls the subcategory representations 1118a-d in response to detecting the user's gaze directed toward one of the representations 1118a-d while detecting the user's hand 1112 moving while maintaining a pinch gesture. In some embodiments, the electronic device 101 scrolls the subcategory representations 1118a-d without scrolling the category representations 1116a-b.

[0203] 11C illustrates a user interface in response to the input detected in FIG. 11B. As shown in FIG. 11C, the electronic device 101 scrolls through the category representations 1116a-c to display the complete representation 1116b of category B and a portion of the representation 1116c of category C, and displays only a portion of the representation 1116a of category A. In response to scrolling the category representations to the representation 1116b of category B, the electronic device 101 ceases displaying the representations 1118a-d of subcategories of category A shown in FIG. 11B and displays the representations 1120a-d of subcategories of category B. As shown in FIGS. 11B-11C, in some embodiments, in response to detecting scrolling of the category representations 1116a-c, the electronic device 101 also scrolls the representations 1118a-d and 1120a-d of subcategories to display the representations 11120a-d of subcategories that correspond to the representation 1116b of category displayed by scrolling through the categories.

[0204] As mentioned above, in some embodiments, representations 1116, 1118, and / or 1120 are selectable to initiate display of content related to the selected representation. For example, as shown in FIG. 11C , electronic device 101 detects a user's gaze 1102d on representation 1116b of category B while detecting the user performing a pinch gesture with their hand 1112. In response to detecting the input, electronic device 101 displays the user interface shown in FIG. 11D associated with category B. In some embodiments, electronic device 101 displays the user interface shown in FIG. 11D in response to detecting a user's gaze 1102d on representation 1116b for a predetermined threshold time (e.g., 0.2, 0.5, 1, 2 seconds, etc.) without detecting the user performing a pinch gesture with their hand 1112. In some embodiments, in response to detecting a selection of a representation of a different category (e.g., representation 1116a or 1116c), electronic device 101 displays a user interface similar to the user interface shown in FIG. 11D corresponding to the selected category.

[0205] FIG. 11D illustrates a user interface associated with category B that is displayed in response to detecting selection of the input shown in FIG. 11C. In some embodiments, the user interface includes a representation 1116b of category B and representations 1120a-d of subcategories of category B. In some embodiments, the representations 1120a-d of subcategories of category B are horizontally scrollable in response to inputs that include detecting a user's gaze and detecting the user's hand movement while performing a hand gesture (e.g., a pinch gesture), similar to those described above. In some embodiments, the representations 1120b-d are displayed in the background of the user interface shown in FIG. 11D, such that the user interface of FIG. 11C is in the background of FIG. 11D. In some embodiments, the electronic device 101 does not display the subcategory representations 1120a-d in the user interface shown in FIG. 11D.

[0206] As described above, in some embodiments, representation 1116b of category B is a representation of a category that is not associated with a particular subcategory of category B. In some embodiments, representation 1116b includes content (e.g., video content), an image (e.g., a photo, a video), or a user interface. In some embodiments, representation 1116b of category B is a representation of one of the subcategories of category B. For example, in a video content viewing application, representation 1116b of category B is associated with a set of episodic content (e.g., one of the subcategories) within category B.

[0207] 11D, the electronic device 101 displays a user interface associated with category B overlaid on the user interface shown in FIG. 11C. In FIG. 11D, the user interface shown in FIG. 11C is blurred and / or dimmed. In some embodiments, the content of the user interface of FIG. 11C (e.g., including the representation of category A 1116a and the representation of category B 1116b) is visually separated in the z-direction (e.g., toward the viewpoint shown via the display generation component 120) from the representation of category B 1116b and the representations of subcategories of category B 1120a-d. For example, when transitioning from displaying the user interface of FIG. 11C to the user interface of FIG. 11D, the electronic device 101 moves the content of the user interface of FIG. 11C away from the user's viewpoint within the three-dimensional environment 1126 and / or moves the representation of category B 1116b and the representations of subcategories of category B 1120a-d toward the user's viewpoint within the three-dimensional environment 1126. In some embodiments, the user's viewpoint in the three-dimensional environment 1126 is a position and orientation associated with the user of the electronic device 101 in the three-dimensional environment 1126. The electronic device 101 optionally displays the three-dimensional environment 1126 from the user's viewpoint.

[0208] As described above, in some embodiments, category B representation 1116b is associated with content (e.g., video content, audio content). In some embodiments, in response to detecting a selection of an option included in representation 1116b (or in response to detecting a selection of representation 1116b itself), electronic device 101 plays content associated with the option (or representation 1116b itself), such as by displaying the content via display generation component 120. In some embodiments, electronic device 101 detects the selection based on gaze and / or hand gestures, as described above with reference to FIGS. 7A-8F. In some embodiments, while presenting video content in response to a selection of an option included in representation 1116b or a selection of representation 1116b itself, electronic device 101 increases blurring and darkening of portions of three-dimensional environment 1126 other than the content and / or introduces atmospheric lighting effects, such as a spotlight on the content, similar to the techniques described above with reference to FIG. 7C.

[0209] In some embodiments, the electronic device 101, in response to detecting a selection of a representation of a subcategory (e.g., via gaze or hand gesture), displays a user interface similar to the user interface shown in FIG. 11D associated with a respective subcategory of the category. For example, in response to detecting a selection of the representation 1120a of subcategory B1 in FIG. 11C or FIG. 11D, the electronic device 101 displays a user interface similar to the user interface shown in FIG. 11D. In some embodiments, the user interface includes a representation of subcategory B1 in place of the representation 1116b of category B in FIG. 11D. In some embodiments, the representation of subcategory B1 in the user interface associated with subcategory B1 includes a selectable option that, when selected, causes the electronic device 101 to begin playing content associated with subcategory B1 (or the representation of subcategory B1 is selectable to play content) in a manner similar to that described above. In some embodiments, the user interface associated with subcategory B1 includes representations 1120b-d of other subcategories within category B. In some embodiments, the representations 1120b-d are displayed in the positions shown in FIG. 11D. In some embodiments, representations 1120b-d are displayed in the background of the user interface shown in Figure 11D, such that the user interface of Figure 11C is in the background of Figure 11D. In some embodiments, electronic device 101 does not display representations of other subcategories of category B in the user interface associated with subcategory B1.

[0210] 11A-11D, in some embodiments, electronic device 101 displays representations of categories and subcategories. In some embodiments, electronic device 101 cooperatively scrolls the representations of categories and subcategories. In some embodiments, electronic device 101 updates the display of the representations of categories and subcategories while displaying user interfaces associated with the individual categories and subcategories.

[0211] 12A-12J are flowcharts illustrating a method for collaboratively scrolling through representations of categories and subcategories, according to some embodiments. In some embodiments, method 1200 is performed on a computer system (e.g., computer system 101 of FIG. 1, such as a tablet, smartphone, wearable computer, or head-mounted device). The display generation component (e.g., display generation component 120 of FIGS. 1, 3, and 4) includes a display (e.g., a heads-up display, a display, a touchscreen, a projector, etc.) and one or more cameras (e.g., cameras (e.g., color sensors, infrared sensors, and other depth-sensing cameras)) facing forward from a user's hand or the user's head. In some embodiments, method 1200 is performed by instructions stored on a non-transitory computer-readable storage medium and executed by one or more processors of the computer system, such as one or more processors 202 of computer system 101 (e.g., control unit 110 of FIG. 1A). Some operations of method 1200 are optionally combined and / or the order of some operations is optionally changed.

[0212] In some embodiments, such as in FIG. 11A , method 1200 is performed on an electronic device (e.g., 101) in communication with one or more input devices (e.g., a mobile device (e.g., a tablet, smartphone, media player, or wearable device), or a computer) that include a display generation component 120 and an eye-tracking device. In some embodiments, the display generation component is a display integrated with the electronic device (optionally a touchscreen display), an external display such as a monitor, projector, television, or a hardware component (optionally built-in or external) for projecting a user interface and making the user interface visible to one or more users, or the like. In some embodiments, the one or more input devices include electronic devices or components that can receive display data (e.g., capture user input, detect user input, etc.) and transmit information related to the user input to the electronic device. Examples of input devices include a touchscreen, a mouse (e.g., external), a trackpad (optionally integrated or external), a touchpad (optionally integrated or external), a remote control device (e.g., external), another mobile device (e.g., separate from the electronic device), a handheld device (e.g., external), a controller (e.g., external), a camera, a depth sensor, an eye tracking device, and / or a motion sensor (e.g., a hand tracking device, a hand motion sensor), etc.

[0213] In some embodiments, such as in FIG. 11A , the electronic device (e.g., 101), via a display generation component, displays (1202a) a user interface including a first representation (e.g., 1104a) of a first category of a plurality of categories (1202b). In some embodiments, the representation of a category is optionally associated with a plurality of objects (e.g., files, applications, etc.) that fit into or are included in (e.g., are part of) the respective category. For example, a plurality of photos taken in 2019 are included in the 2019 category. In some embodiments, the objects included in each category are included in subcategories of the category. For example, a plurality of collections of photos taken in 2019 are subcategories of the 2019 category, and may optionally include separate subcategories and photos belonging to the 2019 category. In some embodiments, in response to detecting a selection of the representation of a category, the electronic device displays representations of subcategories within the category and / or representations of objects included in the category. In some embodiments, the user interface allows a user to browse categories to navigate the collection of content. In some embodiments, the user interface is displayed in a three-dimensional environment that is generated, displayed, or otherwise made viewable by a device (e.g., a computer-generated reality (CGR) environment, such as a virtual reality (VR) environment, a mixed reality (MR) environment, or an augmented reality (AR) environment).

[0214] In some embodiments, such as in FIG. 11A , the electronic device (e.g., 101), via a display generation component, displays (1202a) a user interface including a first individual representation (e.g., 1108a) of a first subcategory of a first plurality of subcategories of a first category (1202c). In some embodiments, the first subcategory is optionally associated with a plurality of objects (e.g., files, applications, etc.) belonging to the first category that fit into or are included in (e.g., are part of) the first subcategory. For example, a plurality of photos included in a vacation photo album taken in 2019 fit into a Vacation Album subcategory and a 2019 category. In some embodiments, in response to detecting a selection of the representation of the first subcategory, the electronic device displays representations of the objects included in the subcategory. In some embodiments, the user interface allows a user to browse subcategories to navigate the collection of objects.

[0215] In some embodiments, such as in FIG. 11A , while displaying the user interface, the electronic device (e.g., 101) detects (1202d) a scrolling input via one or more input devices. In some embodiments, detecting the scrolling input includes, optionally, detecting via an eye-tracking device, that the user's gaze is over an area of ​​the user interface associated with scrolling. In some embodiments, detecting the scrolling input includes detecting via an eye-tracking device the user's gaze toward a scrollable user interface element and detecting via a hand-tracking device (e.g., one or more cameras, depth sensors, proximity sensors, and / or touch sensors (e.g., a touchscreen or trackpad)) that the user performs a gesture associated with scrolling (e.g., tapping or pinching the thumb and fingers (e.g., index finger, middle finger, ring finger, or pinky finger) together and moving the hand in a direction in which the user interface is scrollable). In some embodiments, a representation of a subcategory is overlaid on or displayed adjacent to a representation of the category to which the subcategory belongs.

[0216] In some embodiments, in response to receiving the scroll input (1202e), and in accordance with a determination that the user's gaze was directed at the first representation of the first category when the scroll input was detected (1202f), the electronic device (e.g., 101) navigates to a second representation of a second category of the plurality of categories. In some embodiments, the electronic device ceases displaying the representation of the first category and begins displaying the representation of the second category. In some embodiments, before receiving the scroll input, the electronic device displays the representation of the first category at a discrete location within the user interface corresponding to the current navigation position and displays at least a portion of the representation of the second category. In some embodiments, in response to receiving the scroll input, the electronic device updates the user interface to include a representation of the second category at a discrete location within the user interface corresponding to the current navigation position and moves the representation of the first category to a location within the user interface corresponding to the previous navigation position.

[0217] 11A , in response to receiving the scroll input (1202e), in accordance with a determination that the user's gaze (e.g., 1102a) was directed toward the first representation (e.g., 1104a) of the first category when the scroll input was detected (1202f), the electronic device (e.g., 101) displays within the user interface a first individual representation (e.g., 1110a) of a first subcategory of the second plurality of subcategories of the second category (1202h). In some embodiments, the electronic device ceases displaying the representation of the subcategories of the first category. In some embodiments, prior to receiving the scroll input, the electronic device displayed representations of the subcategories of the first category in individual positions within the user interface corresponding to the current navigation position of the user interface, and displayed at least a portion of the representation of the subcategories of the second category of the first category. In some embodiments, in response to the scroll input, the electronic device updates the user interface to include a representation of the subcategories of the second category in an individual portion of the user interface corresponding to the current navigation position of the user interface. In some embodiments, in response to receiving a scroll input and in accordance with a determination that the user's gaze was directed to the first representation of the first category when the scroll input was received, the electronic device navigates to the representation of the second category and displays a representation (or representations) of a subcategory (or subcategories) of the second category. For example, while displaying a representation of a category of content items and a representation of a set of episodic content included in the first category (e.g., a representation of a subcategory of the first category), in response to detecting the scroll input and the user's gaze to the representation of the category of content items, the electronic device updates the user interface to include a representation of the second category of content items and a representation of the set of episodic content included in the second category of content items (e.g., a representation of a subcategory of the second category).

[0218] 11A , in response to receiving the scroll input (1202e), in accordance with a determination that the user's gaze (e.g., 1102b) was directed to the first individual representation (e.g., 1108b) of the first subcategory when the scroll input was detected (1202i), the electronic device (e.g., 101) navigates (1202j) to a second individual representation (e.g., 1108c) of a second subcategory of the first plurality of subcategories without navigating to the second representation (e.g., 1104b) of the second category. In some embodiments, the electronic device continues to display the representation of the first category. In some embodiments, the electronic device scrolls the representations of the subcategories of the first category, including updating the positions of the representations of the first and second subcategories of the first category. In some embodiments, scrolling the representations of the subcategories includes starting to display one or more representations of a subcategory that were not displayed before receiving the scroll input (e.g., a representation of a second subcategory) and ceasing to display one or more representations of a subcategory (e.g., a representation of a first subcategory). In some embodiments, in response to detecting a user's gaze to a representation of a subcategory of the first category while receiving the scroll input, the electronic device scrolls the representations of the subcategories. For example, while displaying a user interface including a representation of a first category of content items and a representation of a series of episodic content included in the first category of content (e.g., a representation of a subcategory of the category of content items), the electronic device detects a scroll input and a user's gaze to a representation of one of the series of episodic content included in the first category, and in response to the scroll input, the electronic device scrolls the representation of the series of episodic content (e.g., without scrolling the displayed category).In some embodiments, the electronic device scrolls representations of categories including displaying a representation of a subcategory of a second category in response to detecting a user's gaze to the representation of the subcategory of the first category while the scroll input is received, and scrolls the representation of the first subcategory without displaying a representation of the subcategory of the second category in response to detecting a user's gaze to the representation of the subcategory of the first category while the scroll input is received.

[0219] The above-described method of navigating categories or subcategories based on a user's gaze provides an efficient way to view subcategories of a category while navigating the category and to navigate subcategories of a category without navigating the category, which simplifies the interaction between the user and the electronic device, improves the usability of the electronic device, and makes the user-device interface more efficient, which further allows the user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0220] 11C , while displaying a first representation (e.g., 1116b) of a first category and a first individual representation (e.g., 1120a) of a first subcategory, the first representation (e.g., 1116b) of the first category is displayed at a first depth relative to the first individual representation of the first subcategory, and the electronic device (e.g., 101) detects an input (1204a) via one or more input devices that selects the first individual representation (e.g., 1120a) of the first subcategory. In some embodiments, the depth of the first representation of the first category is relative to a user's viewpoint in the three-dimensional environment. In some embodiments, detecting the selection of the first individual representation of the first subcategory includes simultaneously detecting, via an eye-tracking device, that the user's gaze is directed toward the first individual representation of the first subcategory and, via a hand-tracking device (e.g., one or more cameras, depth sensors, proximity sensors, touch sensors (e.g., trackpad, touchscreen)), that the user is performing a gesture with their hand (e.g., touching their thumb to one of the other fingers of the thumb hand (e.g., index finger, middle finger, ring finger, pinky finger)). In some embodiments, detecting the selection of the first individual representation of the first subcategory includes detecting, via the eye-tracking device, that the user's gaze is directed toward the first individual representation for a predetermined time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.). In some embodiments, a category representation (e.g., a representation of the first category) is selected instead. In some embodiments, in response to detecting an input selecting a first individual representation of a first subcategory (e.g., 1120a), the electronic device (e.g., 101) displays (1204b), via the display generation component, a second user interface associated with the first individual representation of the first subcategory similar to the user interface of FIG. 11D , wherein the first representation of the first category is displayed at a second depth in the second user interface that is deeper than the first depth.In some embodiments, the second depth is farther from the user's viewpoint than the first depth (e.g., the electronic device updates the depth of the first individual representation of the first category to be farther from the user's viewpoint). In some embodiments, the electronic device displays the second user interface at a depth closer to the user than the depth at which the first individual representation of the first subcategory was displayed. In some embodiments, the depth of the second user interface is the same as the depth of the first individual representation of the first subcategory relative to the user's viewpoint. In some embodiments, if a representation of the category is instead selected, the remaining representation(s) of the category are similarly displayed deeper from the user's viewpoint than the user interface displayed in response to selection of the representation of the category.

[0221] The above-described method of displaying a first representation of a first category at a second depth while displaying a second user interface provides an efficient way of reducing visual clutter and reducing cognitive burden on a user while displaying the second user interface, which simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further allows the user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving battery life of the electronic device while reducing errors in use.

[0222] In some embodiments, such as in FIG. 11A , a first representation of a first category (e.g., 1104a) includes cards (e.g., two-dimensional user interface objects) corresponding to the first category, and a second representation of a second category (e.g., 1108b) includes cards corresponding to a second category (1204c). In some embodiments, the cards are two-dimensional user interface objects displayed within a separate user interface. In some embodiments, the cards are square, rectangular, or another shape. In some embodiments, the cards move in response to requests to scroll the representation of the category. In some embodiments, subcategories are also represented by cards, and the category cards and subcategory cards are scrollable in the same dimension (e.g., horizontally, vertically, diagonally). In some embodiments, the cards include text and / or images corresponding to the respective category to which the card corresponds.

[0223] The above-described method of displaying representations of categories as cards provides an efficient way of representing categories within a user interface, which simplifies the interaction between a user and an electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which in turn allows a user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0224] 11C , while displaying a first representation of a first category (e.g., 1116b) and a second representation of a second category (e.g., 1116c), the electronic device (e.g., 101) detects an input selecting the first representation of the first category (e.g., 1116b) via one or more input devices (1206a). In some embodiments, detecting the selection of the first representation of the first category includes simultaneously detecting, via an eye-tracking device, that the user's gaze is directed toward the first representation of the first category, and, via a hand-tracking device (e.g., one or more cameras, depth sensors, proximity sensors, touch sensors (e.g., trackpad, touchscreen)), that the user is performing a gesture with their hand (e.g., touching their thumb to one of the other fingers of the thumb hand (e.g., index finger, middle finger, ring finger, pinky finger)). In some embodiments, detecting a selection of the first representation of the first category includes detecting, via the eye tracking device, that the user's gaze is directed toward the first representation of the first category for a predetermined time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.). In some embodiments, in response to detecting an input selecting the first representation (e.g., 1116b) of the first category (1206b) of FIG. 11C , the electronic device (e.g., 101) displays, via the display generation component, a second user interface associated with the first representation of the first category (e.g., a user interface including content, options, representations of subcategories, etc. belonging to the first category) (1206c), as in FIG. In some embodiments, in response to detecting an input selecting the first representation (e.g., 1116b) of the first category (1206b), as in Figure 11C, the electronic device (e.g., 101) de-emphasizes the display of the second representation (e.g., 1116c) of the second category, as in Figure 11D. In some embodiments, the second user interface is overlaid with a modified version of the user interface including representations of the first category, the second category, and the first subcategory.In some embodiments, modifying the user interface includes increasing blur or translucency, decreasing size or contrast, increasing its depth from the user (e.g., greater than the depth of the second user interface from the user), and / or displaying the user interface in a different color.

[0225] The above-described method of displaying a second user interface and de-emphasizing the display of a second representation of a second category in response to detecting an input selecting a first representation of a first category provides an efficient way of continuing to display the representation of the second category while displaying the second user interface, reducing visual clutter and reducing cognitive burden on the user, which simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage and improves battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0226] 11C , while displaying a first representation (e.g., 1116b) of a first category and a first individual representation (e.g., 1120b) of a first subcategory, the electronic device (e.g., 101) detects an input (1208a) selecting the first representation (e.g., 1116b) of the first category via one or more input devices. In some embodiments, detecting the selection of the first representation of the first category includes simultaneously detecting, via an eye-tracking device, that a user's gaze is directed toward the first representation of the first category and, via a hand-tracking device (e.g., one or more cameras, depth sensors, proximity sensors, touch sensors (e.g., trackpad, touchscreen)), that the user is performing a gesture with their hand (e.g., touching their thumb to one of the other fingers of the thumb hand (e.g., index finger, middle finger, ring finger, pinky finger)). In some embodiments, detecting a selection of the first representation of the first category includes detecting, via the eye-tracking device, that the user's gaze is directed toward the first representation for a predetermined time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.). In some embodiments, as in FIG. 11C , in response to detecting an input selecting the first representation (e.g., 1116b) of the first category (1208b), the electronic device (e.g., 101), via the display generation component, displays (1208c) a second user interface associated with the first representation (e.g., 1116b) of the first category (e.g., a user interface including content, options, representations of subcategories, etc.) belonging to the first category while maintaining the display of the first individual representation (e.g., 1120b) of the first subcategory. In some embodiments, the second user interface includes content and / or options related to the first category and / or representations of subcategories within the first category. In some embodiments, the location of the first individual representation of the first subcategory remains the same when the electronic device navigates to the second user interface.In some embodiments, when the electronic device navigates to the second user interface, the position of the first individual representation of the first subcategory changes. In some embodiments, before detecting the selection input, the electronic device displays multiple representations of subcategories that include the first subcategory, and after detecting the selection input, the electronic device continues to display the multiple representations of the subcategories.

[0227] The above-described method of maintaining the display of a first individual representation of a first subcategory while displaying a second user interface in response to input selecting a first representation of a first category provides an efficient way of simultaneously navigating to a user interface associated with a first category and presenting one or more representations of subcategories associated with the category, which simplifies the interaction between a user and an electronic device, improves usability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the input required to navigate to a subcategory of the first category while displaying the second user interface), which further reduces power usage and improves the battery life of the electronic device by allowing a user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0228] 11C , while displaying the first representation (e.g., 1116b) of the first category, the electronic device (e.g., 101) detects (1210a) an input via one or more input devices that selects the first representation (e.g., 1116b) of the first category. In some embodiments, detecting the selection of the first representation of the first category includes simultaneously detecting, via an eye-tracking device, that the user's gaze is directed toward the first representation of the first category, and, via a hand-tracking device (e.g., one or more cameras, depth sensors, proximity sensors, touch sensors (e.g., trackpad, touchscreen)), that the user is performing a gesture with their hand (e.g., touching their thumb to one of the other fingers of the thumb hand (e.g., index finger, middle finger, ring finger, pinky finger)). In some embodiments, detecting a selection of the first representation of the first category includes detecting, via the eye-tracking device, that the user's gaze is directed toward the first representation for a predetermined time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.). In some embodiments, as in FIG. 11C , in response to detecting an input selecting the first representation (e.g., 1116b) of the first category (1210b), the electronic device (e.g., 101) displays (1210c), via the display generation component, a second user interface associated with the first representation (e.g., 1116b) of the first category (e.g., a user interface including content, options, representations of subcategories, etc.) that belong to the first category, wherein the second user interface includes the second representation (e.g., 1116b) of the first category and one or more representations of content associated with the first category. In some embodiments, the second representation of the first category is the same as the first representation of the first category. In some embodiments, the second representation of the first category differs from the first representation of the first category (e.g., in size, content, location, etc.). In some embodiments, the representations of the content are selectable or interactable to display (e.g., play) the content corresponding to the representation.

[0229] The above-described method of displaying representations of content associated with a first category in a second user interface in response to an input selecting a first representation of the first category provides an efficient way of browsing and selecting content items of the first category, which simplifies the interaction between a user and an electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further allows a user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0230] In some embodiments, such as in FIGS. 11C-11D, an input selecting a first representation (e.g., 1116b) of a first category is received while displaying a first individual representation (e.g., 1120b) of a first subcategory, and the second user interface includes a first individual representation (e.g., 1120b) of the first subcategory (1212a). In some embodiments, the second user interface includes representations of other subcategories of the first category. In some embodiments, the electronic device updates the position of the first individual representation of the first subcategory when the electronic device displays the second user interface. In some embodiments, the position of the first individual representation of the first subcategory is the same in the second user interface as in a user interface displayed before the second user interface. 11D , the electronic device (e.g., 101) detects (1212b) a second scrolling input directed toward the first individual representation of the first subcategory (e.g., 1120b) via one or more input devices. In some embodiments, detecting the second scrolling input includes detecting a user's gaze on the first individual representation of the first subcategory via an eye-tracking device and detecting a user performing a gesture associated with scrolling (e.g., tapping or pinching a thumb and fingers (e.g., index finger, middle finger, ring finger, or pinky finger) together and moving the hand in a direction in which the user interface is scrollable) via a hand-tracking device (e.g., one or more cameras, depth sensors, proximity sensors, and / or touch sensors (e.g., a touchscreen or trackpad)). In some embodiments, in response to detecting the second scrolling input, the electronic device (e.g., 101) navigates (1212c) to a second individual representation of a second subcategory of the first plurality of subcategories. In some embodiments, a second scroll input displays a second individual representation of a second subcategory of the first plurality of subcategories.In some embodiments, the second scroll input displays representations of subcategories in addition to the second subcategory and the first subcategory. For example, the electronic device simultaneously displays multiple (e.g., two, three, four, five, six, etc.) representations of subcategories (e.g., a representation of the first subcategory and a representation of the second subcategory) at the time the second user interface is displayed, and scrolling through the subcategories causes the electronic device to cease displaying one or more subcategories and begin displaying one or more other subcategories. In some embodiments, the scroll input moves input focus from a first individual representation of the first subcategory to a second individual representation of the second subcategory.

[0231] The above-described method of scrolling through subcategories in a second user interface provides an efficient way of viewing subcategories of a first category in a user interface associated with the first category, which simplifies the interaction between a user and an electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further allows a user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0232] 11D , while displaying the second user interface, the electronic device (e.g., 101) detects (1214a) a discrete input via one or more input devices (e.g., an eye-tracking device and / or a hand-tracking device) directed at a discrete representation of the discrete content associated with the first category. In some embodiments, in response to detecting (1214b) the discrete input, in accordance with a determination that the discrete input includes a gaze input detected via the eye-tracking device that satisfies one or more first criteria (e.g., gaze is maintained on the discrete representation for a predetermined time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.)), the electronic device (e.g., 101) displays (1214c) the discrete content via the display generation component (e.g., in some embodiments, the content is played within (e.g., in-place) the representation of the content associated with the first category). In some embodiments, the content is played in a user interface object other than the representation of the content (e.g., in a new window, a new user interface, etc.). In some embodiments, in response to detecting the discrete input (1214b), the discrete input includes input from a user's hand detected via a hand tracking device (e.g., one or more cameras, depth sensors, proximity sensors, touch sensors (e.g., trackpad, touchscreen)) in communication with the electronic device, and in accordance with determining that the input from the user's hand satisfies one or more second criteria (e.g., the user performs a predetermined gesture with the hand(s)), the electronic device (e.g., 101) displays the discrete content (1214d) via a display generation component. In some embodiments, the predetermined gesture is the user touching another finger of the thumb's hand (e.g., index finger, middle finger, ring finger, pinky finger). In some embodiments, the one or more second criteria include a criterion that is met when the electronic device detects, via an eye tracking device, that the user is looking at the discrete representation while performing the gesture.In some embodiments, the content item is played in response to detecting via the eye tracking device that a user's gaze is directed at the respective representation of the respective content for a predetermined time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.). In some embodiments, in response to detecting that a user looks at the respective representation for a predetermined time threshold or detecting that a user performs a hand gesture while looking at the respective representation, the electronic device plays the respective content. In some embodiments, the electronic device plays the respective content in a second user interface. In some embodiments, the electronic device plays the respective content in a third user interface overlaid on the second user interface. In some embodiments, the electronic device plays the respective content in the third user interface and ceases displaying the second user interface. In some embodiments, in response to detecting the respective input (1214b), the electronic device (e.g., 101) ceases displaying the respective content via the display generation component (1214e) in accordance with a determination that the respective input includes a gaze input detected via the eye tracking device that does not meet one or more first criteria. (E.g., gaze at the respective representation is maintained for less than a threshold time (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.), or the user's gaze is directed at a user interface element other than the respective representation.) In some embodiments, in response to detecting an input including gaze directed at another user interface element for a predetermined time threshold, the electronic device performs an action other than displaying the respective content, in response to the input, associated with the other user interface element.In some embodiments, in response to detecting the discrete input (1214b), in accordance with a determination that the discrete input includes input from a user's hand detected via the hand tracking device that does not meet one or more second criteria, the electronic device (e.g., 101) ceases displaying the discrete content via the display generation component (1214f) (e.g., the hand does not perform a predetermined gesture, the user's gaze is not directed toward the discrete representation while the gesture is detected). In some embodiments, in response to input that does not meet one or more second criteria, the electronic device performs an action other than displaying the discrete content associated with the input.

[0233] The above-described method of playing individual content in response to input detected via an eye tracking device and / or a hand tracking device provides an efficient way of accepting two or more types of input for playing content, which simplifies the interaction between a user and an electronic device, improves the usability of the electronic device, and makes the user-device interface more efficient, which further allows a user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0234] 11D , the electronic device (e.g., 101) detects 1216a, via one or more input devices, a discrete input selecting a discrete representation of the discrete content associated with the first category. In some embodiments, detecting the selection of the discrete representation of the discrete content associated with the first category includes simultaneously detecting, via an eye-tracking device, that the user's gaze is directed toward the discrete representation of the discrete content associated with the first category, and, via a hand-tracking device (e.g., one or more cameras, depth sensors, proximity sensors, touch sensors (e.g., trackpad, touchscreen)), that the user is performing a gesture with their hand (e.g., touching their thumb to one of the other fingers of the thumb hand (e.g., index finger, middle finger, ring finger, pinky finger)). In some embodiments, detecting a selection of the discrete representation of the discrete content associated with the first category includes detecting, via the eye tracking device, that the user's gaze is directed toward the discrete representation of the discrete content associated with the first category for a predetermined time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.). In some embodiments, in response to detecting the discrete input, the electronic device (e.g., 101) displays (1216b) the discrete content via the display generation component. In some embodiments, the electronic device plays the discrete content in a second user interface. In some embodiments, the electronic device plays the discrete content in a third user interface overlaid on the second user interface. In some embodiments, the electronic device plays the discrete content in the third user interface and ceases displaying the second user interface.

[0235] The above-described method of playing individual content in response to selection of individual representations of the individual content provides an efficient way of playing content while browsing content related to a first category, which simplifies the interaction between a user and an electronic device, improves the usability of the electronic device, and makes the user-device interface more efficient, which further allows the user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0236] 11D , while displaying a second user interface surrounded by an environment having visual characteristics (e.g., brightness, color, contrast, number and salience of virtual objects other than the second user interface, translucency, virtual lighting effects) having a first value, the electronic device (e.g., 101) detects (1216c) a discrete input via one or more input devices that selects a discrete representation of discrete content associated with the first category. In some embodiments, detecting the selection of the discrete representation of discrete content associated with the first category includes simultaneously detecting, via an eye-tracking device, that a user's gaze is directed toward the discrete representation of discrete content associated with the first category, and, via a hand-tracking device (e.g., one or more cameras, depth sensors, proximity sensors, touch sensors (e.g., trackpad, touchscreen)), that the user is performing a gesture with their hand (e.g., touching their thumb to one of the other fingers of the thumb hand (e.g., index finger, middle finger, ring finger, pinky finger)). In some embodiments, detecting a selection of the individual representation of the individual content associated with the first category includes detecting, via an eye-tracking device, that the user's gaze is directed toward the individual representation of the individual content associated with the first category for a predetermined time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.). In some embodiments, in response to detecting the individual input, the electronic device (e.g., 101) updates (1216d) a display of an environment surrounding the second user interface of FIG. 11D to have visual characteristics having a second value different from the first value. In some embodiments, the second user interface was displayed in an environment having a first lighting effect (e.g., brightness, contrast, hue) prior to detecting the selection of the individual representation of the individual content associated with the first category, and in response to the selection input, the electronic device updates the environment to have a second lighting effect that is darker, has lower contrast, and / or a different hue than the first lighting effect and plays the content.

[0237] The above-described method of updating the visual characteristics of the environment in response to a selection input provides an efficient way of reducing visual clutter when content is displayed (e.g., without additional input to do so), reducing the cognitive burden on the user, which simplifies the interaction between the user and the electronic device, improves the usability of the electronic device, and makes the user-device interface more efficient, which further reduces power usage and improves the battery life of the electronic device by allowing the user to use the electronic device more quickly and efficiently, while reducing errors in use.

[0238] 11C , while displaying a first individual representation (e.g., 1116b) of a first subcategory and a second individual representation (e.g., 1120b) of a second subcategory, the electronic device (e.g., 101) detects an input (1218a) selecting the first individual representation (e.g., 1120a) of the first subcategory via one or more input devices. In some embodiments, detecting the selection of the first individual representation of the first subcategory includes simultaneously detecting, via an eye-tracking device, that the user's gaze is directed toward the first individual representation of the first subcategory, and, via a hand-tracking device (e.g., one or more cameras, depth sensors, proximity sensors, touch sensors (e.g., trackpad, touchscreen)), that the user is performing a gesture with their hand (e.g., touching their thumb to one of the other fingers of the thumb hand (e.g., index finger, middle finger, ring finger, pinky finger)). In some embodiments, detecting a selection of the first individual representation of the first subcategory includes detecting, via an eye-tracking device, that a user's gaze is directed toward the first individual representation of the first subcategory for a predetermined time threshold (e.g., 0.1, 0.2, 0.3, 0.4, 0.5, 1 second, etc.). In some embodiments, in response to detecting an input selecting the first individual representation of the first subcategory (e.g., 1120a), the electronic device (e.g., 101) modifies (1218b) the display (e.g., size, position, visual characteristics (e.g., color, contrast, translucency)) of a second individual representation of a second subcategory. In some embodiments, in response to detecting a selection of the first individual representation of the first subcategory, the electronic device displays a third user interface including content related to the first subcategory, displaying the representation of the second subcategory in a location different from the location where the representation of the second subcategory was displayed prior to detecting the selection of the representation of the first subcategory.The above-described method of changing the display of a second individual representation of a second category in response to selection of a first individual representation of a first subcategory provides an efficient way of viewing and / or selecting other subcategories after selecting a first subcategory, which simplifies the interaction between a user and an electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further allows a user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving battery life of the electronic device while reducing errors in use.

[0239] In some embodiments, prior to detecting the input selecting the first individual representation (e.g., 1120a) of the first subcategory of FIG. 11C , the second individual representation (e.g., 1120b) of the second subcategory is displayed in a first position within the user interface, and modifying the display of the second individual representation (e.g., 1120b) of the second subcategory includes displaying the second individual representation (e.g., 1120b) of the second subcategory in a second position within the user interface (1218c) that is different from the first position. In some embodiments, the updated position of the representation of the second subcategory is at a different depth relative to the user's viewpoint. In some embodiments, the updated position of the representation of the second subcategory is at a different location at the same individual depth relative to the user's viewpoint.

[0240] The above-described method of changing the position of a representation of a second subcategory within a user interface in response to detecting selection of a first subcategory provides an efficient way of viewing and / or selecting other subcategories after selecting a first subcategory, which simplifies the interaction between a user and an electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further allows a user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0241] In some embodiments, prior to detecting an input selecting the first individual representation (e.g., 1120a) of the first subcategory of FIG. 11C , a second individual representation (e.g., 1120b) of the second subcategory is displayed in the foreground displayed via a display generation component, and modifying the display of the second individual representation (e.g., 1120b) of the second subcategory includes displaying the second individual representation (e.g., 1120b) of the second subcategory in the background displayed via a display generation component (1218d). In some embodiments, the foreground of the user interface is at a first depth from the user's perspective, and the background of the user interface is at a second, further depth from the user's perspective. In some embodiments, the foreground is overlaid on the background. In some embodiments, the foreground is overlaid on the background, and the foreground and background are displayed at the same depth relative to the user's perspective. For example, a content browsing user interface includes multiple representations of a set of episodic content (e.g., subcategories) within individual categories in the foreground of the user interface. In this example, in response to detecting a selection of a first individual representation of a first series of episodic content, the electronic device displays a user interface associated with the first series of episodic content in the foreground and continues to display representations of other series of episodic content in the category in the background of the user interface.

[0242] The above-described method of displaying a representation of a second subcategory in the background in response to detecting an input selecting a first subcategory provides an efficient way of viewing and / or selecting other subcategories after selecting a first subcategory, which simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further allows the user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0243] In some embodiments, changing the display of the second individual representation (e.g., 1120b) of the second subcategory includes ceasing to display the second individual representation (e.g., 1120b) of the second subcategory (1220a). In some embodiments, in response to detecting a selection of the representation of the first subcategory, the electronic device displays a user interface (e.g., including content) related to the first subcategory. For example, the content browsing user interface includes multiple representations of sets of episodic content (e.g., subcategories) within individual categories. In this example, in response to detecting a selection of the first individual representation of the first set of episodic content, the electronic device displays a user interface associated with the first set of episodic content and ceasing to display representations of other sets of episodic content within the category.

[0244] The above-described method of ceasing display of a second subcategory in response to detecting selection of a first subcategory provides an efficient way of reducing visual clutter and reducing cognitive burden on a user while viewing a user interface related to the first subcategory, which simplifies the interaction between the user and the electronic device, improves usability of the electronic device, and makes the user-device interface more efficient, which further allows the user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving battery life of the electronic device while reducing errors in use.

[0245] In some embodiments, navigating to a second representation (e.g., 1116b) of a second category of the plurality of categories includes scrolling the representation (e.g., 1116ac) of the plurality of categories at a first rate and scrolling the representations (e.g., 1118ad) and (e.g., 1120ad) of the first plurality of subcategories at a second rate (1220b), as in FIGS. 11B-11C . In some embodiments, the representations of the categories scroll at a rate proportional to characteristics of the scrolling input (e.g., speed of the scrolling input, magnitude of movement of the scrolling input), and the representations of the subcategories scroll according to the rate at which the representations of the categories scroll. For example, in response to scrolling the representations of the categories to move a first amount, the electronic device scrolls the representations of the subcategories at a first rate to display a first set of subcategories associated with each of the categories, and in response to scrolling the representations of the categories to move a second amount, the electronic device scrolls the representations of the subcategories at a second rate to display a second set of subcategories associated with each of the categories. For example, in a photo viewing application including representations of albums (e.g., subcategories) and years (e.g., categories), an electronic device may detect an input to scroll the representation of the years, and, in response to the input, scroll the representation of the years according to the scrolling input and scroll the representation of the albums according to the speed at which the years scroll. For example, when the electronic device scrolls to a first year, the electronic device may scroll the albums to display albums from the first year, and when the electronic device scrolls to a second year, the electronic device may scroll the albums to display albums from the second year. In some embodiments, navigating to a second individual representation (e.g., 1120b) of a second subcategory of the first plurality of subcategories of FIG. 11C includes scrolling the representation of the first plurality of subcategories (e.g., 1120b) at a third speed different from the second speed (1220c).In some embodiments, in response to detecting an input to scroll the representation of a subcategory, the electronic device scrolls the representation of the subcategory at a rate proportional to characteristics of the scrolling input (e.g., a speed of the scrolling input, a magnitude of the movement of the scrolling input). In some embodiments, the representation of the category scrolls at a rate related to the rate at which the representation of the subcategory is scrolled. In some embodiments, the electronic device does not scroll the representation of the category in response to an input to scroll the representation of the subcategory. For example, in a photo viewing application including representations of albums (e.g., subcategories) and years (e.g., categories), the electronic device detects an input to scroll the representation of the albums and, in response to the input, scrolls the representation of the albums in accordance with the scrolling input and scrolls the representation of the years in accordance with the rate at which the albums scroll. For example, when the electronic device scrolls to one or more albums associated with a first year, the electronic device scrolls the years to display the representation of the first year, and when the electronic device scrolls to one or more albums associated with a second year, the electronic device scrolls the years to display the representation of the second year.

[0246] The above-described method of scrolling through subcategories while scrolling through categories provides an efficient way of viewing subcategories while browsing categories, which simplifies the interaction between a user and an electronic device, improves the usability of the electronic device, and makes the user-device interface more efficient, which in turn allows a user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0247] 11A , a first individual representation of a first subcategory of the first plurality of subcategories (e.g., 1108a) and a second individual representation of a second subcategory of the first plurality of subcategories (e.g., 1108b) are overlaid on the first representation of the first category (e.g., 1104a) and the second representation of the second category (1220d). In some embodiments, all of the representations of the subcategories are overlaid on all of the representations of the categories. In some embodiments, the representations of the subcategories are overlaid on the representations of the categories to which each subcategory belongs (e.g., representations of subcategories of the first category are overlaid on the representation of the first category, and representations of subcategories of the second category are overlaid on the representation of the second category). In some embodiments, subcategories are overlaid on categories at positions independent of the categories to which they belong (e.g., a representation of a subcategory of a first category is overlaid on a representation of the first and second categories, and / or a representation of a subcategory of a second category is overlaid on a representation of the first and second categories). For example, in a photo viewing application, the categories are years, each containing photos and albums from a distinct year, and the subcategories are albums (e.g., each album is associated with a distinct year). As another example, in a video content viewing application, the categories are collections of content items (e.g., containing multiple series of episodic content), and the subcategories are series of episodic content. In some embodiments, the representation of the subcategories is overlaid on each distinct portion of the representation of the category (e.g., along the bottom edge of the representation of the category). In some embodiments, the representation of the category and the representation of the subcategories are aligned along the same axis (e.g., the representation of the category and the representation of the subcategories are scrollable in the same dimension, such as being scrollable horizontally). In some embodiments, the representation of a subcategory of an individual category is contained within the boundaries of the individual category's representation (e.g., the representation of a subcategory does not extend horizontally beyond the horizontal boundaries of the representation of the category to which it belongs).In some embodiments, the representation of a subcategory of an individual category extends beyond the boundaries of the individual category (e.g., the representation of a subcategory extends horizontally beyond the horizontal boundaries of the representation of the category to which it belongs).

[0248] The above-described method of displaying subcategories overlaid on categories provides an efficient way of displaying categories and subcategories simultaneously, which simplifies the interaction between a user and an electronic device, improves the usability of the electronic device, and makes the user-device interface more efficient, which further allows a user to use the electronic device more quickly and efficiently, thereby reducing power usage and improving the battery life of the electronic device while reducing errors in use.

[0249] 13A-13C show examples of how an electronic device navigates back from a user interface displayed in different ways and with different degrees of immersion, according to some embodiments.

[0250] In some embodiments, the level of immersion at which a user interface is displayed includes the degree to which the electronic device displays background content (e.g., content other than the individual user interface) around / behind the individual user interface, as referenced below, and optionally includes the number of items of background content displayed and the visual characteristics (e.g., color, contrast, opacity) at which the background content is displayed. In some embodiments, the background content is included in the background over which the individual user interface is displayed. In some embodiments, the background content includes additional user interfaces (e.g., device-generated user interfaces corresponding to applications other than the individual user interface's application, system user interfaces), virtual objects not associated with or included in the individual user interface (e.g., device-generated files, representations of other users, etc.), and real objects (e.g., pass-through objects representing real objects in the electronic device's physical environment displayed by the device as seen through a display generation component). In some embodiments, at a first (e.g., low) level of immersion, background, virtual, and / or real objects are displayed without obscuring them. For example, a less immersive individual user interface is displayed simultaneously with background content, and the background content is displayed at full brightness, color, and / or translucency. In some embodiments, at a second (e.g., high) level of immersion, the background, virtual and / or real objects are displayed in an obscured manner (e.g., dimmed, blurred, removed from the display, etc.). For example, a separate user interface at a high level of immersion is displayed without simultaneously displaying background content (e.g., in a full-screen or fully immersive mode). As another example, a user interface displayed at an intermediate level of immersion is simultaneously displayed with background content that is dimmed, blurred, or otherwise de-emphasized. In some embodiments, the visual characteristics of the background objects differ between the background objects.For example, at a particular level of immersion, one or more first background objects are visually de-emphasized (e.g., dimmed, blurred, or displayed with increased transparency), and two or more second background objects and one or more third background objects are not displayed. In some embodiments, the level of immersion includes a level of association in which the electronic device displays content other than the individual user interface, including additional user interfaces (e.g., user interfaces corresponding to applications other than the application of the individual user interface, system user interfaces), virtual objects not associated with or included in the individual user interface (e.g., files, representations of other users), and real objects (e.g., pass-through objects representing real objects in the physical environment of the electronic device). For example, an individual user interface with a low level of immersion may simultaneously display representations of real objects and user interfaces of applications other than the application associated with the individual user interface, while an individual user interface with a high level of immersion may be displayed without simultaneously displaying other objects or user interfaces (e.g., in a full-screen or fully immersive mode).

[0251] FIG. 13A illustrates electronic device 101 displaying a three-dimensional environment 1312 on a user interface via display generation component 120. As described above with reference to FIGS. 1-6 , electronic device 101 optionally includes display generation component 120 (e.g., a touchscreen) and multiple image sensors 314. Image sensor 314 optionally includes one or more of a visible light camera, an infrared camera, a depth sensor, or any other sensor that electronic device 101 can use to capture one or more images of a user or a portion of a user while the user interacts with electronic device 101. In some embodiments, display generation component 120 is a touchscreen capable of detecting the user's hand gestures and movements. In some embodiments, the user interfaces illustrated below may also be implemented in a head-mounted display that includes a display generation component that displays the user interface to a user and sensors that detect the physical environment and / or the user's hand movements (e.g., external sensors facing outward from the user) and / or the user's line of sight (e.g., internal sensors facing inward toward the user's face).

[0252] 13A , electronic device 101 displays a user interface in a three-dimensional environment 1312. In some embodiments, the user interface is instead displayed in a two-dimensional environment. The user interface includes an object 1308 associated with immersive content, a plurality of options 1306a-1306f (e.g., in a menu), a selectable option 1310 that, when selected, causes electronic device 101 to display selectable options in addition to options 1306a-1306f, and a header region 1314 that includes an indication of the status of electronic device 101 (e.g., time, date, network connection, battery life). In some embodiments, the user interface is a content user interface, and in response to detecting a selection of one of options 1306a-1306f or user interface element 1308, electronic device 101 displays an item of content associated with the selected element or option. For example, the user interface is a user interface for a wellness application, and...

Claims

1. 1. A method comprising: an electronic device in communication with a display generation component and an eye tracking device, a user interface via the display generation component, a first control element displayed in a first appearance and selectable to perform an action corresponding to the first control element; displaying a user interface including individual user interface elements including a first individual portion of the individual user interface elements displayed with individual visual characteristics having a first value and a second individual portion of the individual user interface elements displayed with the individual visual characteristics having the first value; Detecting, via the eye tracking device, that a user's gaze is directed toward the first control element while displaying the user interface; In response to detecting that the user's line of sight is directed toward the first control element, updating the first control element to have a second appearance different from the first appearance such that the respective portion of the first control element having the second appearance is displayed overlaid on a portion of the first respective portion of the respective user interface element; displaying the first individual portion of the individual user interface element with the individual visual characteristic having a second value different from the first value; and continuing to display the second respective portion of the respective user interface element with the respective visual characteristic having the first value.

2. the discrete user interface element includes a third discrete portion between the discrete portion and the second discrete portion; before detecting that the user's gaze is directed toward the first control element, the third discrete portion is displayed with the discrete visual characteristic having the first value; 2. The method of claim 1, wherein in response to detecting that the user's gaze is directed toward the first control element, the third individual portion of the individual user interface element is displayed with the individual visual characteristic having a third value between the first value and the second value.

3. 2. The method of claim 1, wherein updating the first control element to have the second appearance includes displaying a text description associated with the first control element, the text description associated with the first control element not being displayed before detecting that the user's gaze was directed toward the first control element.

4. 2. The method of claim 1, wherein when the user's gaze directed at the first control element is detected, the first control element and the individual user interface elements are displayed on a third user interface displayed with the individual visual characteristics having the second value.

5. displaying, via the display generation component, a second user interface including a first individual control element and a second individual control element, a portion of the second user interface being displayed with the individual visual characteristic having the first value; detecting, via the eye tracking device, that the user's gaze is directed toward the first discrete control element while displaying the second user interface; visually highlighting the first individual control element relative to the second individual control element in response to detecting that the user's gaze is directed toward the first individual control element; detecting, via a hand tracking device in communication with the electronic device, a discrete gesture performed by the user's hand while the user's gaze is directed toward the first discrete control element and while the first discrete control element is visually highlighted relative to the second discrete control element; In response to detecting the individual gesture performed by the hand of the user, displaying, via the display generation component, the one or more selectable options associated with the first discrete control element overlaid on the portion of the second user interface displayed with the individual visual characteristics having the second value, in accordance with a determination that the individual gesture corresponds to a request to display one or more selectable options associated with the first discrete control element; The method of claim 1 further comprising:

6. the first control element is one control element of a plurality of control elements selectable to display user interfaces of different applications; the individual user interface elements are user interfaces of an application; The method of claim 1.

7. before detecting that the user's gaze is directed toward the first control element, the first control element is displayed at a first depth in a three-dimensional environment relative to the user interface; In response to detecting that the user's gaze is directed toward the first control element, the first control element is displayed at a second depth relative to the user interface, the second depth being different from the first depth of the three-dimensional environment. The method of claim 1.

8. detecting a first portion of a selection input via a hand tracking device in communication with the electronic device while the gaze of the user is directed toward the first control element; detecting, via the hand tracking device after detecting the first portion of the selection input, a second portion of the selection input; In response to detecting the second portion of the selection input, Initiating an action associated with the first control element in accordance with a determination that the user's gaze is no longer directed toward the first control element when the second portion of the selection input is detected; and The method of claim 1 further comprising:

9. the discrete user interface element includes a first selectable object and a second discrete portion, the second discrete portion being displayed with the discrete visual characteristic having the first value, and the method further comprising: Detecting a selection of the first selectable object while displaying the respective user interface element that includes the first selectable object; In response to detecting the selection of the first selectable object, 2. The method of claim 1 , further comprising: displaying a representation of the first selectable object overlaid on the second respective portion of the respective user interface element displayed with the respective visual characteristic having the second value different from the first value.

10. the discrete user interface element includes a third discrete portion surrounding the second discrete portion; In response to detecting the selection of the first selectable object, the second individual portion of the individual user interface element is displayed with the individual visual characteristic having the second value, and the third individual portion of the individual user interface element is displayed with the individual visual characteristic having a third value between the first value and the second value.

10. The method of claim 9.

11. The individual user interface elements include a first plurality of representations corresponding to a plurality of categories and a second plurality of representations corresponding to subcategories of the plurality of categories, and the method includes: receiving scrolling input via one or more input devices while displaying the individual user interface elements; In response to receiving the scroll input, in accordance with determining that the scroll input is directed to the first plurality of representations, scrolling the first plurality of representations at a first rate and scrolling the second plurality of representations at a second rate in accordance with the scroll input; 10. The method of claim 1, further comprising: in accordance with a determination that the scrolling input is directed toward the second plurality of representations, scrolling the second plurality of representations at a third rate in accordance with the scrolling input, the third rate being different from the second rate.

12. the individual user interface elements include a first plurality of representations corresponding to a plurality of categories; a second plurality of representations corresponding to subcategories of the plurality of categories; the second plurality of representations are overlaid on top of the first plurality of representations; The method of claim 1.

13. The method described in claim 10, wherein the second individual portion of the individual user interface element is within a first distance from a boundary of the representation of the first selectable object, and the third individual portion of the individual user interface element is between the first distance and a second distance longer than the first distance from the boundary of the representation of the first selectable object.

14. one or more processors; Memory and and one or more programs stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for performing the method of any one of claims 1 to 13.

15. A computer program comprising instructions which, when executed by one or more processors of an electronic device, cause the electronic device to perform the method of any one of claims 1 to 13.

Images