User interface for navigating and playing channel-based content

Abstract

In some embodiments, an electronic device displays a representation of a plurality of sets of channels along a first axis in a user interface, and in response to receiving a selection of the set, displays a representation of channels associated with the selected plurality of sets of channels along the first axis. In some embodiments, an electronic device displays a user interface for viewing subscribed and unsubscribed channels and for subscribing to unsubscribed channels. In some embodiments, an electronic device displays a navigation bar for navigating between live content, watch list content, on-demand content, channels, and search content. In some embodiments, an electronic device displays an array-based content guide.

Description

[0001] Related patent application data

[0002] This application is an international application with an international filing date of August 26, 2016, and entered the Chinese national phase on February 27, 2018. The national application number is 201680050096.X, and the invention name is "User interface for navigating and playing channel-based content" A divisional application for an invention patent application.

[0003] This patent application claims the benefit of U.S. Provisional Patent Application No. 62 / 234,912, filed September 30, 2015, and U.S. Patent Application No. 15 / 235,000, filed August 11, 2016, the entire disclosures of which are incorporated herein by reference for all purposes. Technical Field

[0004] The present invention generally relates to electronic devices that allow navigation and playback of content, including channel-based content, and user interaction with such devices. Background Art

[0005] In recent years, users' interactions with electronic devices have increased significantly. These devices can be devices such as computers, tablets, televisions, multimedia devices, mobile devices, etc.

[0006] In some cases, such devices have access to content (e.g., music, movies, etc., including channel-based content), and users interact with such devices to navigate and play the content. Enhancing these interactions can improve the user's experience with the device and reduce user interaction time, which is particularly important when the input device is battery-powered. Summary of the Invention

[0007] The embodiments described in the present disclosure relate to one or more electronic devices that allow a user to navigate and play content items (including channel-based content items) available on the electronic device, and one or more operations optionally performed by the electronic devices related to the above. A comprehensive description of the embodiments is provided in the accompanying drawings and detailed description, and it should be understood that the invention summary provided above does not limit the scope of the present disclosure in any way. BRIEF DESCRIPTION OF THE DRAWINGS

[0008] For a better understanding of the various described embodiments, reference should be made to the following detailed description taken in conjunction with the following drawings, in which like reference numerals designate corresponding parts throughout the several views.

[0009] Figure 1A is a block diagram illustrating a multifunction device with a touch-sensitive display according to some embodiments of the present disclosure.

[0010] Figure 1B is a block diagram illustrating exemplary components for event processing according to some embodiments of the present disclosure.

[0011] Figure 2 A multifunction device with a touch screen according to some embodiments of the present disclosure is shown.

[0012] Figure 3 is a block diagram of an exemplary multifunction device with a display and a touch-sensitive surface according to some embodiments of the present disclosure.

[0013] Figure 4 An exemplary user interface for a multifunction device having a touch-sensitive surface that is separate from the display is shown in accordance with some embodiments of the present disclosure.

[0014] Figures 5A-5B A block diagram illustrating an exemplary architecture for a device according to some embodiments of the present disclosure is shown.

[0015] Figures 6A-6S An exemplary manner in which an electronic device allows a user to navigate available channels on the electronic device according to some embodiments of the present disclosure is shown.

[0016] Figures 7A-7M is a flow chart illustrating a method of navigating available channels on an electronic device according to some embodiments of the present disclosure.

[0017] Figures 8A-8L An exemplary manner in which an electronic device according to some embodiments of the present disclosure allows a user to view and manage subscribed and unsubscribed channels available on the electronic device is shown.

[0018] Figures 9A-9G is a flow chart illustrating a method of viewing and managing subscribed and unsubscribed channels available on an electronic device according to some embodiments of the present disclosure.

[0019] Figures 10A-10X Illustrated are exemplary ways in which an electronic device according to some embodiments of the present disclosure allows a user to navigate content items available on the electronic device.

[0020] Figures 11A-11K is a flow chart illustrating a method of navigating content items available on an electronic device according to some embodiments of the present disclosure.

[0021] Figures 12A-12FF Illustrated are exemplary ways in which an electronic device according to some embodiments of the present disclosure allows a user to view, navigate, and play current and future content of channels available on the electronic device.

[0022] Figures 13A-13L is a flow chart illustrating a method 1300 of viewing, navigating, and playing current and future content of channels available on an electronic device, according to some embodiments of the present disclosure.

[0023] Figure 14-17is a functional block diagram of an electronic device according to some embodiments of the present disclosure. DETAILED DESCRIPTION

[0024] In the following description of the embodiments, reference will be made to the accompanying drawings, which form a part of the following description and in which are shown, by way of example, specific embodiments that may be implemented. It should be understood that other embodiments may be optionally used and structural changes may be optionally made without departing from the scope of the disclosed embodiments.

[0025] Exemplary devices

[0026] Embodiments of electronic devices, user interfaces for such devices, and associated processes for using such devices are described herein. In some embodiments, the device is a portable communication device, such as a mobile phone, that also includes other functions, such as a PDA and / or music player functions. Exemplary embodiments of portable multifunction devices include, but are not limited to, the Apple Watch from Apple Inc. (Cupertino, California). Devices, iPod equipment, and Device. Other portable electronic devices are optionally used, such as laptops or tablet computers with touch-sensitive surfaces (e.g., touch screen displays and / or touchpads). It should also be understood that in some embodiments, the device is not a portable communication device, but a desktop computer or television with a touch-sensitive surface (e.g., touch screen displays and / or touchpads). In some embodiments, the device does not have a touch screen display and / or a touchpad, but is capable of outputting display information for display on a separate display device (such as a user interface of the present disclosure), and is capable of receiving input information from a separate input device with one or more input mechanisms (such as one or more buttons, a touch screen display, and / or a touchpad). In some embodiments, the device has a display, but is capable of receiving input information from a separate input device with one or more input mechanisms (such as one or more buttons, a touch screen display, and / or a touchpad).

[0027] In the following discussion, an electronic device is described that includes a display and a touch-sensitive surface. However, it should be understood that the electronic device optionally includes one or more other physical user interface devices, such as a physical keyboard, mouse, and / or joystick. In addition, as described above, it should be understood that the described electronic device, display, and touch-sensitive surface are optionally distributed among two or more devices. Therefore, as used in this disclosure, information displayed on or by an electronic device is optionally used to describe information output by the electronic device for display on a separate display device (touch-sensitive or non-touch-sensitive). Similarly, as used in this disclosure, input received on an electronic device (e.g., touch input received on a touch-sensitive surface of an electronic device) is optionally used to describe input received on a separate input device from which the electronic device receives input information.

[0028] The device typically supports a variety of applications, such as one or more of the following applications: a drawing application, a rendering application, a word processing application, a website creation application, a disk editing application, a spreadsheet application, a gaming application, a telephony application, a video conferencing application, an email application, an instant messaging application, a fitness support application, a photo management application, a digital camera application, a digital video camera application, a web browsing application, a digital music player application, a television channel browsing application, and / or a digital video player application.

[0029] Various applications executed on the device optionally use at least one common physical user interface device, such as a touch-sensitive surface. One or more functions of the touch-sensitive surface and corresponding information displayed on the device are optionally adjusted and / or varied for different applications and / or adjusted and / or varied within the respective applications. In this way, the common physical architecture of the device (such as the touch-sensitive surface) optionally supports the various applications with a user interface that is intuitive and clear to the user.

[0030] Attention is now directed to embodiments of a portable or non-portable device having a touch-sensitive display, although the device need not include a touch-sensitive display or a general display, as described above. Figure 1A1 is a block diagram illustrating a portable or non-portable multifunction device 100 with a touch-sensitive display 112 according to some embodiments. The touch-sensitive display 112 is sometimes referred to as a "touch screen" for convenience, and is sometimes referred to as or referred to as a touch-sensitive display system. The device 100 includes a memory 102 (which optionally includes one or more computer-readable storage media), a memory controller 122, one or more processing units (CPUs) 120, a peripheral device interface 118, RF circuitry 108, audio circuitry 110, a speaker 111, a microphone 113, an input / output (I / O) subsystem 106, other input or control devices 116, and an external port 124. The device 100 optionally includes one or more optical sensors 164. The device 100 optionally includes one or more intensity sensors 165 for detecting the intensity of contacts on the device 100 (e.g., a touch-sensitive surface, such as the touch-sensitive display system 112 of the device 100). Device 100 optionally includes one or more tactile output generators 167 for generating tactile output on device 100 (e.g., generating tactile output on a touch-sensitive surface such as touch-sensitive display system 112 of device 100 or touchpad 355 of device 300). These components optionally communicate via one or more communication buses or signal lines 103.

[0031] As used in this specification and claims, the term "intensity" of a contact on a touch-sensitive surface refers to the force or pressure (force per unit area) of a contact (e.g., a finger contact) on the touch-sensitive surface, or to a surrogate (surrogate) for the force or pressure of a contact on the touch-sensitive surface. The intensity of a contact has a range of values ​​that includes at least four different values ​​and more typically includes hundreds of different values ​​(e.g., at least 256). The intensity of a contact is optionally determined (or measured) using various methods and various sensors or combinations of sensors. For example, one or more force sensors below or adjacent to the touch-sensitive surface are optionally used to measure the force at different points on the touch-sensitive surface. In some implementations, the force measurements from multiple force sensors are combined (e.g., weighted averaged) to determine an estimated contact force. Similarly, the pressure-sensitive tip of a stylus is optionally used to determine the pressure of the stylus on the touch-sensitive surface. Alternatively, the size of the contact area detected on the touch-sensitive surface and / or changes therein, the capacitance of the touch-sensitive surface near the contact and / or changes therein, and / or the resistance of the touch-sensitive surface near the contact and / or changes therein are, optionally, used as substitutes for the force or pressure of the contact on the touch-sensitive surface.

[0032] In some implementations, the alternative measurement of contact force or pressure is used directly to determine whether an intensity threshold has been exceeded (e.g., the intensity threshold is described in units corresponding to the alternative measurement). In some implementations, the alternative measurement of contact force or pressure is converted to an estimated force or pressure, and the estimated force or pressure is used to determine whether the intensity threshold has been exceeded (e.g., the intensity threshold is a pressure threshold measured in pressure units).

[0033] As used in this specification and claims, the term "tactile output" refers to a physical displacement of a device relative to a previous position of the device, a physical displacement of a component of a device (e.g., a touch-sensitive surface) relative to another component of the device (e.g., a housing), or a displacement of a component relative to the center of mass of the device that will be detected by a user using the user's sense of touch. For example, when a device or a component of the device is in contact with a surface that is touch-sensitive to a user (e.g., a finger, palm, or other part of the user's hand), the tactile output generated by the physical displacement will be interpreted by the user as a tactile sensation that corresponds to a perceived change in a physical characteristic of the device or component of the device. For example, movement of a touch-sensitive surface (e.g., a touch-sensitive display or trackpad) is optionally interpreted by the user as a "press click" or "release click" on a physical actuation button. In some cases, the user will feel a tactile sensation, such as a "press click" or "release click," even when the physical actuation button associated with the touch-sensitive surface that was physically pressed (e.g., displaced) by the user's movement does not move. As another example, even when the smoothness of the touch-sensitive surface does not change, movement of the touch-sensitive surface may optionally be interpreted or sensed by the user as "roughness" of the touch-sensitive surface. While such interpretation of touch by the user will be limited by the user's individualized sensory perceptions, there are many sensory perceptions of touch that are common to most users. Thus, when a tactile output is described as corresponding to a particular sensory perception of a user (e.g., "up click," "down click," "roughness"), unless otherwise stated, the generated tactile output corresponds to a physical displacement of the device or a component thereof that would generate the described sensory perception for a typical (or average) user.

[0034] It should be understood that device 100 is only one example of a portable or non-portable multifunction device, and that device 100 optionally has more or fewer components than shown, optionally combines two or more components, or optionally has a different configuration or arrangement of the components. Figure 1A The various components shown in the figure are implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application specific integrated circuits. Figure 1AThe various components shown in are, optionally, implemented on two or more devices; for example, a display and audio circuitry on a display device, a touch-sensitive surface on an input device, and the remaining components on device 100. In such embodiments, device 100 optionally communicates with the display device and / or input device to facilitate operation of the system as described in this disclosure, and the various display and / or input-related components described herein remain in device 100 or are optionally included in the display and / or input device as appropriate.

[0035] Memory 102 optionally includes high-speed random access memory and optionally also includes non-volatile memory, such as one or more magnetic disk storage devices, flash memory devices, or other non-volatile solid-state memory devices. Access to memory 102 by other components of device 100 (such as CPU 120 and peripheral device interface 118) is optionally controlled by memory controller 122.

[0036] Peripherals interface 118 may be used to couple the device's input and output peripherals to CPU 120 and memory 102. The one or more processors 120 run or execute various software programs and / or instruction sets stored in memory 102 to perform various functions of device 100 and process data.

[0037] In some embodiments, peripherals interface 118, CPU 120, and memory controller 122 are optionally implemented on a single chip, such as chip 104. In some other embodiments, they are optionally implemented on separate chips.

[0038] RF (radio frequency) circuitry 108 receives and transmits RF signals, also known as electromagnetic signals. RF circuitry 108 converts electrical signals into / from electromagnetic signals and communicates with a communication network and other communication devices via the electromagnetic signals. RF circuitry 108 optionally includes well-known circuitry for performing these functions, including but not limited to an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a codec chipset, a subscriber identity module (SIM) card, memory, and the like. RF circuitry 108 optionally communicates with a network and other devices via wireless communications, such as the Internet (also known as the World Wide Web (WWW)), an intranet, and / or a wireless network (such as a cellular telephone network, a wireless local area network (LAN), and / or a metropolitan area network (MAN)). The wireless communication optionally uses any of a variety of communication standards, communication protocols, and communication technologies, including, but not limited to, Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), High Speed ​​Downlink Packet Access (HSDPA), High Speed ​​Uplink Packet Access (HSUPA), Evolution Data Only (EV-DO), HSPA, HSPA+, Dual Cell HSPA (DC-HSPDA), Long Term Evolution (LTE), Near Field Communication (NFC), Wideband Code Division Multiple Access (W-CDMA), Code Division Multiple Access (CDMA), Time Division Multiple Access (TDMA), Bluetooth, Wireless Fidelity (Wi-Fi) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, and / or IEEE 802.11b). 802.11n), Voice over Internet Protocol (VoIP), Wi-MAX, email protocols (e.g., Internet Message Access Protocol (IMAP) and / or Post Office Protocol (POP)), instant messaging (e.g., Extensible Messaging and Presence Protocol (XMPP), Session Initiation Protocol for Instant Messaging and Presence Utilization Extensions (SIMPLE), Instant Messaging and Presence Services (IMPS)) and / or Short Message Service (SMS), or any other suitable communication protocol, including communication protocols that have not yet been developed on the date of filing this document.

[0039] The audio circuit 110, the speaker 111, and the microphone 113 provide an audio interface between the user and the device 100. The audio circuit 110 receives audio data from the peripheral device interface 118, converts the audio data into electrical signals, and transmits the electrical signals to the speaker 111. The speaker 111 converts the electrical signals into sound waves audible to humans. The audio circuit 110 also receives electrical signals converted from sound waves by the microphone 113. The audio circuit 110 converts the electrical signals into audio data and transmits the audio data to the peripheral device interface 118 for processing. The audio data is optionally retrieved from and / or transmitted to the memory 102 and / or the RF circuit 108 by the peripheral device interface 118. In some embodiments, the audio circuit 110 also includes a headset jack (e.g., Figure 2 The headset jack provides an interface between the audio circuit 110 and a removable audio input / output peripheral device, such as an output-only headset or a headset with both output (e.g., single or dual ear headphones) and input (e.g., a microphone).

[0040] The I / O subsystem 106 couples input / output peripherals on the device 100, such as the touch screen 112 and other input control devices 116, to a peripherals interface 118. The I / O subsystem 106 optionally includes a display controller 156, an optical sensor controller 158, an intensity sensor controller 159, a tactile feedback controller 161, and one or more input controllers 160 for other input or control devices. The one or more input controllers 160 receive / send electrical signals from / to other input control devices 116. The other input control devices 116 optionally include physical buttons (e.g., push buttons, rocker buttons, etc.), dials, swipe switches, joysticks, click wheels, etc. In some alternative embodiments, the one or more input controllers 160 are optionally coupled to any (or none) of the following: a keyboard, an infrared port, a USB port, and a pointer device such as a mouse. One or more buttons (e.g., Figure 2 208) optionally includes an up / down button for volume control of the speaker 111 and / or microphone 113. The one or more buttons optionally include a push button (e.g., Figure 2 206 in ).

[0041] The touch-sensitive display 112 provides an input interface and an output interface between the device and the user. As described above, the touch-sensitive operation and display operation of the touch-sensitive display 112 are optionally separated from each other, so that the display device is used for display purposes, and the touch-sensitive surface (whether it is a display or not) is used for input detection purposes, and the components and functions described are modified accordingly. However, for the sake of brevity, the following description is provided with reference to the touch-sensitive display. The display controller 156 receives electrical signals from the touch screen 112 and / or sends electrical signals to the touch screen 112. The touch screen 112 displays visual output to the user. The visual output optionally includes graphics, text, icons, videos, and any combination thereof (collectively referred to as "graphics"). In some embodiments, some visual outputs or all of the visual outputs correspond to user interface objects.

[0042] The touch screen 112 has a touch-sensitive surface, sensor, or sensor group that accepts input from the user based on tactile and / or haptic contact. The touch screen 112 and display controller 156 (together with any associated modules and / or instruction sets in memory 102) detect contact on the touch screen 112 (and any movement or interruption of that contact) and convert the detected contact into interaction with a user interface object (e.g., one or more soft keys, icons, web pages, or images) displayed on the touch screen 112. In an exemplary embodiment, the point of contact between the touch screen 112 and the user corresponds to a finger of the user.

[0043] The touch screen 112 optionally uses LCD (liquid crystal display) technology, LPD (light emitting polymer display) technology, or LED (light emitting diode) technology, although other display technologies are used in other embodiments. The touch screen 112 and display controller 156 optionally use any of a variety of touch sensing technologies now known or later developed, including but not limited to capacitive, resistive, infrared, and surface acoustic wave technologies, as well as other proximity sensor arrays or other elements for determining one or more points of contact with the touch screen 112 to detect contact and any movement or interruption thereof. In one exemplary embodiment, projected mutual capacitance sensing technology is used, such as the ATmega 200 from Apple Inc. (Cupertino, California). iPod and Discovery technology.

[0044] The touch screen 112 optionally has a video resolution exceeding 100 dpi. In some embodiments, the touch screen has a video resolution of about 160 dpi. The user optionally uses any suitable object or appendage, such as a stylus, finger, etc., to contact the touch screen 112. In some embodiments, the user interface is designed to work primarily with finger-based contacts and gestures, which may not be as precise as stylus-based input due to the larger contact area of ​​a finger on the touch screen. In some embodiments, the device converts rough finger-based input into precise pointer / cursor positions or commands for performing the user's desired action.

[0045] In some embodiments, in addition to the touch screen, the device 100 optionally includes a touchpad (not shown) for activating or deactivating specific functions. In some embodiments, the touchpad is a touch-sensitive area of ​​the device that, unlike the touch screen, does not display visual output. The touchpad is optionally a touch-sensitive surface separate from the touch screen 112 or an extension of the touch-sensitive surface formed by the touch screen.

[0046] Device 100 also includes a power system 162 for powering the various components. Power system 162 optionally includes a power management system, one or more power sources (e.g., batteries, alternating current (AC)), a recharging system, power fault detection circuitry, a power converter or inverter, a power status indicator (e.g., a light emitting diode (LED)), and any other components associated with the generation, management, and distribution of power in a portable or non-portable device.

[0047] Device 100 optionally also includes one or more optical sensors 164 . Figure 1A An optical sensor coupled to the optical sensor controller 158 in the I / O subsystem 106 is shown. The optical sensor 164 optionally includes a charge coupled device (CCD) or a complementary metal oxide semiconductor (CMOS) phototransistor. The optical sensor 164 receives light projected through one or more lenses from the environment and converts the light into data representing an image. In conjunction with the imaging module 143 (also called a camera module), the optical sensor 164 optionally captures still images or video. In some embodiments, the optical sensor is located on the rear of the device 100, facing away from the touch screen display 112 on the front of the device, so that the touch screen display can be used as a viewfinder for still images and / or video image acquisition. In some embodiments, another optical sensor is located on the front of the device so that the user can optionally obtain an image of the user for video conferencing while watching other video conference participants on the touch screen display.

[0048] Device 100 optionally also includes one or more contact intensity sensors 165 . Figure 1AA contact force sensor is shown coupled to force sensor controller 159 in I / O subsystem 106. Contact force sensor 165 optionally includes one or more piezoresistive strain gauges, capacitive force sensors, electrical force sensors, piezoelectric force sensors, optical force sensors, capacitive touch-sensitive surfaces, or other force sensors (e.g., sensors for measuring the force (or pressure) of a contact on a touch-sensitive surface). Contact force sensor 165 receives contact force information (e.g., pressure information or a surrogate for pressure information) from the environment. In some embodiments, at least one contact force sensor is juxtaposed with or adjacent to a touch-sensitive surface (e.g., touch-sensitive display system 112). In some embodiments, at least one contact force sensor is located on the back of device 100 opposite touch screen display 112 located on the front of device 100.

[0049] Device 100 optionally also includes one or more proximity sensors 166 . Figure 1A A proximity sensor 166 is shown coupled to the peripherals interface 118. Alternatively, the proximity sensor 166 is coupled to the input controller 260 in the I / O subsystem 206. In some embodiments, when the multifunction device is placed near the user's ear (e.g., when the user is on a phone call), the proximity sensor turns off and disables the touch screen 112.

[0050] Device 100 optionally also includes one or more tactile output generators 167 . Figure 1A A tactile output generator is shown coupled to a tactile feedback controller 161 in the I / O subsystem 106. The tactile output generator 167 optionally includes one or more electroacoustic devices such as speakers or other audio components; and / or electromechanical devices for converting energy into linear motion such as motors, solenoids, electroactive polymers, piezoelectric actuators, electrostatic actuators, or other tactile output generating components (e.g., components for converting electrical signals into tactile outputs on the device). The contact force sensor 165 receives tactile feedback generation instructions from the tactile feedback module 133 and generates tactile outputs on the device 100 that can be felt by the user of the device 100. In some embodiments, at least one tactile output generator is juxtaposed or adjacent to a touch-sensitive surface (e.g., touch-sensitive display system 112) and optionally generates tactile outputs by moving the touch-sensitive surface vertically (e.g., inward / outward toward the surface of the device 100) or laterally (e.g., back and forth in the same plane as the surface of the device 100). In some embodiments, at least one tactile output generator sensor is located on the back of the device 100, opposite the touch screen display 112 located on the front of the device 100.

[0051] Device 100 optionally also includes one or more accelerometers 168 . Figure 1AAn accelerometer 168 is shown coupled to the peripherals interface 118. Alternatively, the accelerometer 168 is optionally coupled to the input controller 160 in the I / O subsystem 106. In some embodiments, information is displayed on the touch screen display in a portrait view or a landscape view based on an analysis of data received from one or more accelerometers. The device 100 optionally includes a magnetometer (not shown) and a GPS (or GLONASS or other global navigation system) receiver (not shown) in addition to the accelerometer 168 for obtaining information about the position and orientation (e.g., portrait or landscape) of the device 100.

[0052] In some embodiments, the software components stored in memory 102 include an operating system 126, a communication module (or instruction set) 128, a contact / motion module (or instruction set) 130, a graphics module (or instruction set) 132, a text input module (or instruction set) 134, a global positioning system (GPS) module (or instruction set) 135, and an application (or instruction set) 136. In addition, in some embodiments, memory 102 stores device / global internal state 157, such as Figure 1A and Figure 3 . The device / global internal state 157 includes one or more of the following: an active application state, which indicates which application, if any, is currently active; a display state, which indicates what applications, views, or other information occupy various areas of the touch screen display 112; a sensor state, which includes information obtained from the device's various sensors and input control devices 116; and position information regarding the device's position and / or posture.

[0053] The operating system 126 (e.g., Darwin, RTXC, LINUX, UNIX, OS X, WINDOWS, or an embedded operating system such as VxWorks) includes various software components and / or drivers for controlling and managing general system tasks (e.g., memory management, storage device control, power management, etc.) and facilitates communication between various hardware and software components.

[0054] The communication module 128 facilitates communication with other devices via one or more external ports 124 and also includes various software components for processing data received by the RF circuitry 108 and / or the external ports 124. The external port 124 (e.g., a universal serial bus (USB), FireWire, etc.) is suitable for coupling directly to other devices or indirectly via a network (e.g., the Internet, a wireless LAN, etc.). In some embodiments, the external port is a multi-pin (e.g., 30-pin) connector that is the same as, similar to, and / or compatible with the 30-pin connector used on iPod (trademark of Apple Inc.) devices.

[0055] The contact / motion module 130 optionally detects contact with the touch screen 112 (in conjunction with the display controller 156) and other touch-sensitive devices (e.g., a touchpad or physical click wheel). The contact / motion module 130 includes various software components for performing various operations related to contact detection, such as determining whether contact has occurred (e.g., detecting a finger down event), determining the strength of the contact (e.g., the force or pressure of the contact, or a surrogate for the force or pressure of the contact), determining whether there has been movement of the contact and tracking the movement on the touch-sensitive surface (e.g., detecting one or more finger drag events), and determining whether the contact has ceased (e.g., detecting a finger up event or a break in contact). The contact / motion module 130 receives contact data from the touch-sensitive surface. Determining the movement of a contact point optionally includes determining the rate (magnitude), velocity (magnitude and direction), and / or acceleration (change in magnitude and / or direction) of the contact point, with the movement of the contact point represented by a series of contact data. These operations are optionally applied to a single contact (e.g., a single finger contact) or multiple simultaneous contacts (e.g., "multi-touch" / multiple finger contacts). In some embodiments, the contact / motion module 130 and display controller 156 detect contact on the touchpad.

[0056] In some embodiments, the contact / motion module 130 uses a set of one or more intensity thresholds to determine whether an action has been performed by a user (e.g., to determine whether a user has "clicked" an icon). In some embodiments, at least a subset of the intensity thresholds are determined based on software parameters (e.g., the intensity thresholds are not determined by the activation threshold of a particular physical actuator and can be adjusted without changing the physical hardware of the device 100). For example, a mouse "click" threshold for a touchpad or touchscreen display can be set to any one of a large range of predefined thresholds without changing the touchpad or touchscreen display hardware. In addition, in some embodiments, a software setting is provided to the user of the device for adjusting one or more intensity thresholds in a set of intensity thresholds (e.g., by adjusting individual intensity thresholds and / or by utilizing a system-level click on an "intensity" parameter to adjust multiple intensity thresholds at once).

[0057] The contact / motion module 130 optionally detects gesture input from the user. Different gestures on the touch-sensitive surface have different contact patterns and intensities. Therefore, gestures are optionally detected by detecting specific contact patterns. For example, detecting a single-finger tap gesture includes detecting a finger press event and then detecting a finger lift (lift-off) event at the same location (or substantially the same location) as the finger press event (e.g., at an icon location). For another example, detecting a finger swipe gesture on the touch-sensitive surface includes detecting a finger press event, then detecting one or more finger drag events, and then detecting a finger lift (lift-off) event.

[0058] The graphics module 132 includes various known software components for rendering and displaying graphics on the touch screen 112 or other display, including components for changing the visual impact (e.g., brightness, transparency, saturation, contrast, or other visual characteristics) of the displayed graphics. As used herein, the term "graphics" includes any object that can be displayed to a user, including, but not limited to, text, web pages, icons (such as user interface objects including soft keys), digital images, videos, animations, etc.

[0059] In some embodiments, the graphics module 132 stores data to be used to represent graphics. Each graphic is optionally assigned a corresponding code. The graphics module 132 receives one or more codes specifying the graphics to be displayed from an application program or the like, and, if necessary, coordinate data and other graphic attribute data, and then generates screen image data for output to the display controller 156.

[0060] Haptic feedback module 133 includes various software components for generating instructions used by tactile output generator 167 to produce tactile output at one or more locations on device 100 in response to user interaction with device 100 .

[0061] Text input module 134, which is optionally a component of graphics module 132, provides a soft keyboard for entering text in various applications (e.g., contacts 137, email 140, IM 141, browser 147, and any other application requiring text input).

[0062] The GPS module 135 determines the location of the device and provides this information for use in various applications (e.g., to the phone 138 for location-based dialing; to the camera 143 as picture / video metadata; and to applications that provide location-based services such as the weather widget, local pages widget, and map / navigation widget).

[0063] Application 136 optionally includes the following modules (or instruction sets), or a subset or superset thereof:

[0064] Contacts module 137 (sometimes called address book or contact list);

[0065] Telephone module 138;

[0066] Video conferencing module 139;

[0067] Email client module 140;

[0068] Instant messaging (IM) module 141;

[0069] Fitness support module 142;

[0070] A camera module 143 for still and / or video images;

[0071] Image management module 144;

[0072] Browser module 147;

[0073] Calendar module 148;

[0074] Widget module 149, which optionally includes one or more of the following: weather widget 149-1, stock widget 149-2, calculator widget 149-3, alarm clock widget 149-4, dictionary widget 149-5, and other widgets obtained by the user, and user-created widgets 149-6;

[0075] A widget creator module 150 for creating user-created widgets 149-6;

[0076] Search module 151;

[0077] Video and music player module 152, which optionally consists of a video player module and a music player module;

[0078] Notepad module 153;

[0079] Map module 154;

[0080] Online video module 155.

[0081] Examples of other applications 136 optionally stored in memory 102 include other word processing applications, other image editing applications, drawing applications, rendering applications, JAVA-enabled applications, encryption, digital rights management, voice recognition, and voice replication.

[0082] In conjunction with the touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134, the contacts module 137 is optionally used to manage an address book or contact list (e.g., stored in the application internal state 192 of the contacts module 137 in memory 102 or memory 370), including: adding one or more names to the address book; deleting names from the address book; associating phone numbers, email addresses, physical addresses, or other information with names; associating images with names; categorizing and classifying names; providing phone numbers or email addresses to initiate and / or facilitate communications via telephone 138, video conferencing 139, email 140, or instant messaging 141; and so on.

[0083] In conjunction with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134, phone module 138 is optionally used to enter a character sequence corresponding to a telephone number, access one or more telephone numbers in address book 137, modify an already entered telephone number, dial the corresponding telephone number, conduct a conversation, and disconnect or hang up when the conversation is complete. As described above, wireless communication optionally uses any of a variety of communication standards, protocols, and technologies.

[0084] In combination with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touch screen 112, display controller 156, optical sensor 164, optical sensor controller 158, contact module 130, graphics module 132, text input module 134, contact list 137, and phone module 138, video conferencing module 139 includes executable instructions for initiating, conducting, and terminating a video conference between a user and one or more other participants in accordance with user instructions.

[0085] In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134, email client module 140 includes executable instructions for creating, sending, receiving, and managing emails in response to user instructions. In conjunction with image management module 144, email client module 140 makes it very easy to create and send emails with still images or video images captured by camera module 143.

[0086] In conjunction with the RF circuitry 108, the touch screen 112, the display controller 156, the contact module 130, the graphics module 132, and the text input module 134, the instant messaging module 141 includes executable instructions for entering a character sequence corresponding to an instant message, modifying previously entered characters, sending the corresponding instant message (e.g., using the Short Message Service (SMS) or Multimedia Message Service (MMS) protocol for phone-based instant messaging or using XMPP, SIMPLE, or IMPS for Internet-based instant messaging), receiving instant messages, and viewing received instant messages. In some embodiments, the instant messages transmitted and / or received optionally include graphics, photos, audio files, video files, and / or other attachments supported in MMS and / or Enhanced Messaging Service (EMS). As used herein, "instant messaging" refers to both phone-based messages (e.g., messages transmitted using SMS or MMS) and Internet-based messages (e.g., messages transmitted using XMPP, SIMPLE, or IMPS).

[0087] In combination with the RF circuitry 108, the touch screen 112, the display controller 156, the contact module 130, the graphics module 132, the text input module 134, the GPS module 135, the map module 154, and the music player module 146, the workout support module 142 includes executable instructions for creating workouts (e.g., with time, distance, and / or calorie burn goals); communicating with fitness sensors (sports equipment); receiving fitness sensor data; calibrating sensors for monitoring fitness; selecting and playing music for fitness; and displaying, storing, and transmitting fitness data.

[0088] In conjunction with touch screen 112, display controller 156, one or more optical sensors 164, optical sensor controller 158, contact module 130, graphics module 132, and image management module 144, camera module 143 includes executable instructions for capturing still images or videos (including video streams) and storing them in memory 102, modifying the characteristics of still images or videos, or deleting still images or videos from memory 102.

[0089] In conjunction with touch screen 112, display controller 156, contact module 130, graphics module 132, text input module 134, and camera module 143, image management module 144 includes executable instructions for arranging, modifying (e.g., editing), or otherwise manipulating, labeling, deleting, presenting (e.g., in a digital slideshow or album), and storing still images and / or video images.

[0090] In combination with the RF circuit 108, the touch screen 112, the display system controller 156, the contact module 130, the graphics module 132 and the text input module 134, the browser module 147 includes executable instructions for browsing the Internet (including searching, linking to, receiving and displaying web pages or portions thereof and attachments and other files linked to web pages) in accordance with user instructions.

[0091] In combination with the RF circuit 108, the touch screen 112, the display system controller 156, the contact module 130, the graphics module 132, the text input module 134, the email client module 140 and the browser module 147, the calendar module 148 includes executable instructions for creating, displaying, modifying and storing calendars and data associated with the calendar (e.g., calendar entries, to-do items, etc.) in accordance with user instructions.

[0092] In conjunction with the RF circuit 108, the touch screen 112, the display system controller 156, the contact module 130, the graphics module 132, the text input module 134, and the browser module 147, the desktop widget module 149 is a mini-application that is optionally downloaded and used by the user (e.g., the weather desktop widget 149-1, the stock desktop widget 149-2, the calculator desktop widget 149-3, the alarm desktop widget 149-4, and the dictionary desktop widget 149-5) or a mini-application created by the user (e.g., the user-created desktop widget 149-6). In some embodiments, the desktop widget includes an HTML (Hypertext Markup Language) file, a CSS (Cascading Style Sheets) file, and a JavaScript file. In some embodiments, the desktop widget includes an XML (Extensible Markup Language) file and a JavaScript file (e.g., the Yahoo! desktop widget).

[0093] In combination with the RF circuit 108, the touch screen 112, the display system controller 156, the contact module 130, the graphics module 132, the text input module 134 and the browser module 147, the desktop widget creator module 150 is optionally used by a user to create a desktop widget (for example, to transfer a user-specified portion of a web page to a desktop widget).

[0094] In combination with the touch screen 112, the display system controller 156, the contact module 130, the graphics module 132 and the text input module 134, the search module 151 includes executable instructions for searching the memory 102 for text, music, sound, images, videos and / or other files that match one or more search criteria (e.g., one or more user-specified search terms) in accordance with user instructions.

[0095] In conjunction with touch screen 112, display system controller 156, contact module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, and browser module 147, video and music player module 152 includes executable instructions that allow a user to download and play back recorded music and other sound files stored in one or more file formats (such as MP3 or AAC files), as well as to display, present, or otherwise play back video (e.g., on touch screen 112 or on an external display connected via external port 124). In some embodiments, device 100 optionally includes the functionality of an MP3 player, such as an iPod (trademark of Apple Inc.).

[0096] In conjunction with the touch screen 112, the display controller 156, the contact module 130, the graphics module 132, and the text input module 134, the notepad module 153 includes executable instructions for creating and managing notes, to-do lists, etc. according to user instructions.

[0097] In combination with the RF circuit system 108, the touch screen 112, the display system controller 156, the contact module 130, the graphics module 132, the text input module 134, the GPS module 135, and the browser module 147, the map module 154 is optionally used to receive, display, modify, and store executable instructions for maps and data associated with the maps (e.g., driving directions; data about stores and other points of interest at or near a particular location; and other location-based data) in accordance with user instructions.

[0098] In conjunction with touch screen 112, display system controller 156, contact module 130, graphics module 132, audio circuit 110, speaker 111, RF circuit 108, text input module 134, email client module 140, and browser module 147, online video module 155 includes instructions that allow a user to access, browse, receive (e.g., by streaming and / or downloading), play back (e.g., on the touch screen or on an external display connected via external port 124), send an email with a link to a particular online video, and otherwise manage online videos in one or more file formats such as H.264. In some embodiments, instant messaging module 141 is used instead of email client module 140 to send a link to a particular online video.

[0099] Each module and application identified above corresponds to a set of executable instructions for performing one or more functions and methods described in this application (e.g., computer-implemented methods and other information processing methods described herein). These modules (e.g., instruction sets) do not have to be implemented as independent software programs, processes, or modules, so various subsets of these modules are optionally combined or otherwise rearranged in various embodiments. In some embodiments, memory 102 optionally stores a subset of the above modules and data structures. In addition, memory 102 optionally stores additional modules and data structures not described above.

[0100] In some embodiments, device 100 is a device that performs operation of a predefined set of functions on the device solely through a touch screen and / or touchpad (whether included in device 100 or on a separate device such as an input device). By using the touch screen and / or touchpad as the primary input control device for operation of device 100, the number of physical input control devices (such as push buttons, dials, etc.) on device 100 is optionally reduced.

[0101] The predefined set of functions performed exclusively through the touch screen and / or trackpad optionally includes navigating between user interfaces. In some embodiments, the trackpad, when touched by the user, navigates the device 100 from any user interface displayed on the device 100 to a main menu, home menu, or root menu. In some embodiments, the trackpad is used to implement a "menu button." In some other embodiments, the menu button is a physical push button or other physical input control device, rather than a trackpad.

[0102] Figure 1B is a block diagram illustrating exemplary components for event processing according to some embodiments. In some embodiments, memory 102 ( Figure 1A ) or memory 370( Figure 3 ) includes an event classifier 170 (e.g., in the operating system 126) and a corresponding application 136-1 (e.g., any of the aforementioned applications 137-151, 155, 380-390).

[0103] Event classifier 170 receives event information and determines the application 136-1 and the application view 191 of application 136-1 to which the event information is to be delivered. Event classifier 170 includes an event monitor 171 and an event dispatcher module 174. In some embodiments, application 136-1 includes an application internal state 192 that indicates one or more current application views displayed on touch-sensitive display 112 when the application is active or executing. In some embodiments, device / global internal state 157 is used by event classifier 170 to determine which application(s) is currently active, and application internal state 192 is used by event classifier 170 to determine the application view 191 to which the event information is to be delivered.

[0104] In some embodiments, the application internal state 192 includes additional information, such as one or more of the following: resumption information to be used when application 136-1 resumes execution, user interface state information indicating information being displayed by application 136-1 or information ready for display by application 136-1, a state queue for enabling a user to return to a previous state or view of application 136-1, and a repeat / undo queue of previous actions taken by the user.

[0105] Event monitor 171 receives event information from peripherals interface 118. The event information includes information about sub-events (e.g., a user touch on touch-sensitive display 112 as part of a multi-touch gesture). Peripherals interface 118 transmits information it receives from I / O subsystem 106 or sensors such as proximity sensor 166, one or more accelerometers 168, and / or microphone 113 (via audio circuit 110). The information that peripherals interface 118 receives from I / O subsystem 106 includes information from touch-sensitive display 112 or a touch-sensitive surface.

[0106] In some embodiments, event monitor 171 sends requests to peripheral device interface 118 at predetermined intervals. In response, peripheral device interface 118 transmits event information. In other embodiments, peripheral device interface 118 transmits event information only when there is a significant event (e.g., receiving an input above a predetermined noise threshold and / or receiving an input for more than a predetermined duration).

[0107] In some embodiments, the event classifier 170 also includes a hit view determination module 172 and / or an active event identifier determination module 173.

[0108] When the touch-sensitive display 112 displays more than one view, the hit view determination module 172 provides software procedures for determining where within one or more views a sub-event has occurred. A view consists of controls and other elements that a user can see on the display.

[0109] Another aspect of the user interface associated with an application is a set of views, sometimes referred to herein as application views or user interface windows, in which information is displayed and touch-based gestures occur. The application views (of the respective application) in which a touch is detected optionally correspond to programmatic levels within the application's programmatic or view hierarchy. For example, the lowest-level view in which a touch is detected is optionally referred to as a hit view, and the set of events that are considered to be valid input is optionally determined based at least in part on the hit view of the initial touch that started the touch-based gesture.

[0110] Hit view determination module 172 receives information related to sub-events of a contact-based gesture. When an application has multiple views organized in a hierarchy, hit view determination module 172 identifies a hit view as the lowest view in the hierarchy where sub-events should be processed. In most cases, the hit view is the lowest-level view in which an initiating sub-event (e.g., the first sub-event in a sequence of sub-events that form an event or potential event) occurs. Once a hit view is identified by the hit view determination module, the hit view typically receives all sub-events related to the same touch or input source for which it was identified as the hit view.

[0111] Active event recognizer determination module 173 determines which view or views within the view hierarchy should receive a particular sequence of sub-events. In some embodiments, active event recognizer determination module 173 determines that only the hit view should receive a particular sequence of sub-events. In other embodiments, active event recognizer determination module 173 determines that all views that include the physical location of the sub-event are actively participating views, and therefore determines that all actively participating views should receive a particular sequence of sub-events. In other embodiments, even if a touch sub-event is completely confined to an area associated with one particular view, views higher in the hierarchy will still remain actively participating views.

[0112] Event dispatcher module 174 dispatches event information to event recognizers (e.g., event recognizer 180). In embodiments that include active event recognizer determination module 173, event dispatcher module 174 delivers the event information to the event recognizer determined by active event recognizer determination module 173. In some embodiments, event dispatcher module 174 stores the event information in an event queue, which is retrieved by corresponding event receiver module 182.

[0113] In some embodiments, operating system 126 includes event classifier 170. Alternatively, application 136-1 includes event classifier 170. In another embodiment, event classifier 170 is a standalone module or part of another module stored in memory 102, such as contact / motion module 130.

[0114] In some embodiments, application 136-1 includes multiple event handlers 190 and one or more application views 191, each of which includes instructions for handling touch events that occur within a corresponding view of the application's user interface. Each application view 191 of application 136-1 includes one or more event recognizers 180. Typically, a corresponding application view 191 includes multiple event recognizers 180. In other embodiments, one or more of event recognizers 180 are part of a separate module, such as a user interface toolkit (not shown) or a higher-level object from which application 136-1 inherits methods and other properties. In some embodiments, the corresponding event handler 190 includes one or more of the following: a data updater 176, an object updater 177, a GUI updater 178, and / or event data 179 received from an event classifier 170. Event handler 190 optionally utilizes or calls data updater 176, object updater 177, or GUI updater 178 to update the application internal state 192. Alternatively, one or more of the application views in application view 191 include one or more corresponding event handlers 190. Additionally, in some embodiments, one or more of data updater 176, object updater 177, and GUI updater 178 are included in the corresponding application view 191.

[0115] A corresponding event identifier 180 receives event information (e.g., event data 179) from event classifier 170 and identifies an event from the event information. Event identifier 180 includes an event receiver 182 and an event comparator 184. In some embodiments, event identifier 180 also includes metadata 183 and at least a subset of event delivery instructions 188 (which optionally include sub-event delivery instructions).

[0116] The event receiver 182 receives event information from the event classifier 170. The event information includes information about sub-events such as touches or touch movements. Depending on the sub-event, the event information also includes additional information, such as the location of the sub-event. When the sub-event involves the movement of a touch, the event information optionally also includes the rate and direction of the sub-event. In some embodiments, the event includes the device rotating from one orientation to another (e.g., from a portrait orientation to a landscape orientation, or vice versa), and the event information includes corresponding information about the current orientation of the device (also referred to as the device posture).

[0117] The event comparator 184 compares the event information with predefined event or sub-event definitions and, based on the comparison, determines an event or sub-event, or determines or updates the state of an event or sub-event. In some embodiments, the event comparator 184 includes an event definition 186. The event definition 186 includes the definition of an event (e.g., a predefined sequence of sub-events), such as event 1 (187-1), event 2 (187-2), and the like. In some embodiments, the sub-events in event 187 include, for example, touch start, touch end, touch move, touch cancel, and multi-touch. In one example, the definition of event 1 (187-1) is a double-click on a displayed object. For example, a double-click includes a first touch (touch start) of a predetermined duration on the displayed object, a first lift (touch end) of a predetermined duration, a second touch (touch start) of a predetermined duration on the displayed object, and a second lift (touch end) of a predetermined duration. In another example, the definition of event 2 (187-2) is a drag on a displayed object. For example, the drag includes a touch (or contact) of a predetermined duration on the displayed object, movement of the touch on the touch-sensitive display 112, and lifting of the touch (touch end). In some embodiments, the event also includes information for one or more associated event handlers 190.

[0118] In some embodiments, event definition 187 includes definitions of events for corresponding user interface objects. In some embodiments, event comparator 184 performs a hit test to determine which user interface object is associated with a sub-event. For example, in an application view displaying three user interface objects on touch-sensitive display 112, when a touch is detected on touch-sensitive display 112, event comparator 184 performs a hit test to determine which of the three user interface objects is associated with the touch (sub-event). If each displayed object is associated with a corresponding event handler 190, the event comparator uses the result of the hit test to determine which event handler 190 should be activated. For example, event comparator 184 selects an event handler that is associated with the sub-event and the object that triggered the hit test.

[0119] In some embodiments, the definition of the corresponding event 187 also includes a delay action that delays the delivery of the event information until it has been determined that the sub-event sequence does or does not correspond to the event type of the event identifier.

[0120] When a corresponding event recognizer 180 determines that the sub-event string does not match any event in event definitions 186, the corresponding event recognizer 180 enters the event not possible, event failed, or event ended state, after which subsequent sub-events of the touch-based gesture are ignored. In this case, other event recognizers (if any) that remain active for the hit view continue to track and process sub-events of the ongoing touch-based gesture.

[0121] In some embodiments, corresponding event recognizers 180 include metadata 183 having configurable properties, flags, and / or lists that indicate how the event delivery system should perform sub-event delivery for actively participating event recognizers. In some embodiments, metadata 183 includes configurable properties, flags, and / or lists that indicate how event recognizers interact or can interact with each other. In some embodiments, metadata 183 includes configurable properties, flags, and / or lists that indicate whether sub-events are delivered to different levels in a view or programmatic hierarchy.

[0122] In some embodiments, when one or more specific sub-events of an event are identified, the corresponding event recognizer 180 activates an event handler 190 associated with the event. In some embodiments, the corresponding event recognizer 180 delivers event information associated with the event to the event handler 190. Activating an event handler 190 is different from sending (and deferred sending) sub-events to the corresponding hit view. In some embodiments, the event recognizer 180 throws a flag associated with the identified event, and the event handler 190 associated with the flag obtains the flag and performs a predefined process.

[0123] In some embodiments, event delivery instructions 188 include sub-event delivery instructions that deliver event information about a sub-event without activating an event handler. Instead, the sub-event delivery instructions deliver the event information to an event handler associated with the sub-event series or to an actively participating view. The event handler associated with the sub-event series or with the actively participating view receives the event information and performs a predetermined process.

[0124] In some embodiments, data updater 176 creates and updates data used in application 136-1. For example, data updater 176 updates phone numbers used in contact module 137 or stores video files used in video player module 145. In some embodiments, object updater 177 creates and updates objects used in application 136-1. For example, object updater 176 creates new user interface objects or updates the location of user interface objects. GUI updater 178 updates the GUI. For example, GUI updater 178 prepares display information and sends it to graphics module 132 for display on a touch-sensitive display.

[0125] In some embodiments, one or more event handlers 190 include or have access to data updater 176, object updater 177, and GUI updater 178. In some embodiments, data updater 176, object updater 177, and GUI updater 178 are included in a single module of the corresponding application 136-1 or application view 191. In other embodiments, they are included in two or more software modules.

[0126] It should be understood that the above discussion of event handling for user touches on a touch-sensitive display and / or touchpad also applies to other forms of user input utilizing input devices to operate the multifunction device 100, and not all user input is initiated on the touchscreen. For example, mouse movement and mouse button presses, optionally in conjunction with single or multiple keyboard presses or holddowns; contact movement on a touchpad, such as taps, drags, scrolls, etc.; stylus input; movement of the device; spoken commands; detected eye movement; biometric input; and / or any combination thereof, are optionally used as input corresponding to sub-events defining the event to be recognized.

[0127] Figure 2 A portable or non-portable multifunction device 100 with a touch screen 112 according to some embodiments is shown. As described above, the multifunction device 100 is described as having various illustrated structures (such as the touch screen 112, the speaker 111, the accelerometer 168, the microphone 113, etc.); however, it should be understood that these structures may optionally reside on separate devices. For example, display-related structures (e.g., a display, a speaker, etc.) and / or functions may optionally reside on a separate display device, input-related structures (e.g., a touch-sensitive surface, a microphone, an accelerometer, etc.) and / or functions may optionally reside on a separate input device, and the remaining structures and / or functions may optionally reside on the multifunction device 100.

[0128] The touch screen 112 optionally displays one or more graphics within the user interface (UI) 200. In this embodiment and in other embodiments described below, a user can select one or more of the graphics by, for example, making a gesture on the graphics using one or more fingers 202 (not drawn to scale in the accompanying drawings) or using one or more styluses 203 (not drawn to scale in the accompanying drawings). In some embodiments, selection of one or more graphics occurs when the user interrupts contact with the one or more graphics. In some embodiments, the gesture optionally includes one or more taps, one or more swipes (from left to right, from right to left, up and / or down), and / or rolling of a finger that has made contact with the device 100 (from right to left, from left to right, up and / or down). In some embodiments or in some cases, accidentally making contact with a graphic does not select the graphic. For example, when the gesture corresponding to selection is a tap, a swipe gesture that sweeps over an application icon optionally does not select the corresponding application.

[0129] The device 100 optionally also includes one or more physical buttons, such as a "home" button, or a menu button 204. As previously described, the menu button 204 is optionally used to navigate to any application 136 in a set of applications that are optionally executed on the device 100. Alternatively, in some embodiments, the menu button is implemented as a soft key in a GUI displayed on the touch screen 112.

[0130] In one embodiment, device 100 includes a touch screen 112, a menu button 204, a push button 206 for turning the device on and off and locking the device, volume adjustment buttons 208, a subscriber identity module (SIM) card slot 210, a headset jack 212, and an external docking / charging port 124. Push button 206 is optionally used to turn the device on and off by pressing and holding the button for a predetermined time interval; to lock the device by pressing and releasing the button before the predetermined time interval has elapsed; and / or to unlock the device or initiate an unlocking process. In an alternative embodiment, device 100 also accepts verbal input for activating or deactivating certain functions via microphone 113. Device 100 also optionally includes one or more contact force sensors 165 for detecting the intensity of contact on touch screen 112 and / or one or more tactile output generators 167 for generating tactile output for a user of device 100.

[0131] Figure 33 is a block diagram of an exemplary multi-function device with a display and a touch-sensitive surface according to some embodiments. As described above, the device 300 does not have to include a display and a touch-sensitive surface. Instead, in some embodiments, it optionally communicates with displays and touch-sensitive surfaces on other devices. In addition, the device 300 does not have to be portable. In some embodiments, the device 300 is a laptop computer, a desktop computer, a tablet computer, a multimedia player device (such as a television or set-top box), a navigation device, an educational device (such as a children's learning toy), a game system, or a control device (e.g., a home or industrial controller). The device 300 typically includes one or more processing units (CPUs) 310, one or more network or other communication interfaces 360, a memory 370, and one or more communication buses 320 for interconnecting these components. The communication bus 320 optionally includes circuits (sometimes referred to as a chipset) that interconnect system components and control communication between system components. The device 300 includes an input / output (I / O) interface 330 with a display 340, which is typically a touch screen display. I / O interface 330 also optionally includes a keyboard and / or mouse (or other pointing device) 350 and touchpad 355, a tactile output generator 357 for generating tactile output on device 300 (e.g., similar to the above referenced embodiments). Figure 1A The tactile output generator 167 described above), sensor 359 (e.g., optical sensor, acceleration sensor, proximity sensor, touch sensor and / or contact intensity sensor (similar to the above reference Figure 1A The contact force sensor 165 is described. The memory 370 includes a high-speed random access memory, such as DRAM, SRAM, DDR RAM, or other random access solid-state memory devices; and optionally includes a 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. The memory 370 optionally includes one or more storage devices located remotely from the CPU 310. In some embodiments, the memory 370 stores programs, modules, and data structures, or a subset thereof, similar to those of the portable or non-portable multifunction device 100 ( Figure 1A ) stored in the memory 102 of the portable or non-portable multifunction device 100. In addition, the memory 370 optionally stores additional programs, modules, and data structures not present in the memory 102 of the portable or non-portable multifunction device 100. For example, the memory 370 of the device 300 optionally stores a drawing module 380, a presentation module 382, ​​a word processing module 384, a website creation module 386, a disk editing module 388, and / or a spreadsheet module 390, while the portable or non-portable multifunction device 100 ( Figure 1A )'s memory 102 optionally does not store these modules.

[0132] Figure 3 Each of the above-mentioned elements is optionally stored in one or more of the memory devices mentioned previously. Each module in the above-mentioned identified module corresponds to a group of instructions for performing the functions described above. Above-mentioned modules or programs (for example, instruction sets) need not be implemented as independent software programs, processes or modules, and therefore the various subsets of these modules are optionally combined or otherwise rearranged in various embodiments. In some embodiments, memory 370 optionally stores the subset of above-mentioned modules and data structures. In addition, memory 370 optionally stores additional modules and data structures not described above.

[0133] Figure 4 B shows a display having a touch-sensitive surface 451 (eg, touch screen display 112) that is separate from a display 450 (eg, touch screen display 112). Figure 3 tablet or touchpad 355) of the device (e.g., Figure 3 Device 300 also optionally includes one or more contact intensity sensors (e.g., one or more of sensors 357) for detecting intensity of contacts on touch-sensitive surface 451, and / or one or more tactile output generators 359 for generating tactile output for a user of device 300.

[0134] Although some of the examples that follow will be given with reference to input on a touch screen display 112 (where the touch-sensitive surface and display are combined), in some embodiments, the device detects input on a touch-sensitive surface that is separate from the display, such as Figure 4 In some embodiments, the touch-sensitive surface (e.g., Figure 4 451) with a principal axis (e.g., Figure 4 452 in ), which corresponds to the main axis on the display (e.g., 450) (e.g., Figure 4 According to these embodiments, the device detects contact with the touch-sensitive surface 451 (e.g., Figure 4 460 and 462 in FIG), the location of the contact corresponds to a corresponding location on the display (e.g., Figure 4 , 460 corresponds to 468 and 462 corresponds to 470). Thus, when a touch-sensitive surface (e.g., Figure 4 451) and the display of the multi-function device ( Figure 4 When the user input detected by the device on the touch-sensitive surface (e.g., contacts 460 and 462 and their movement) is separated, the device is used to operate the user interface on the display. It should be understood that similar methods are optionally used for other user interfaces described herein.

[0135] In addition, although the following examples are primarily given with reference to finger inputs (e.g., finger contacts, single-finger tap gestures, finger swipe gestures), it should be understood that in some embodiments, one or more of these finger inputs are replaced by input from another input device (e.g., mouse-based input or stylus input). For example, a swipe gesture is optionally replaced by a mouse click (e.g., instead of contact), followed by movement of the cursor along the path of the swipe (e.g., instead of movement of the contact). For another example, a tap gesture is optionally replaced by a mouse click when the cursor is over the location of the tap gesture (e.g., instead of detection of contact, and then ceasing to detect contact). Similarly, when multiple user inputs are detected simultaneously, it should be understood that multiple computer mice are optionally used simultaneously, or mice and finger contacts are optionally used simultaneously.

[0136] As used herein, the term "focus selector" refers to an input element used to indicate the current portion of a user interface with which a user is interacting. In some implementations that include a cursor or other position marker, the cursor acts as a

[0137] A "focus selector" causes a focus selector to appear on a touch-sensitive surface (e.g., a button, window, slider, or other user interface element) when the cursor is over the element. Figure 3 Touchpad 355 or Figure 4 In the event that an input (e.g., a press input) is detected on the touch-sensitive surface 451 in FIG, the particular user interface element is adjusted according to the detected input. In the case that the touch-sensitive surface 451 in FIG includes a touch screen display (e.g., Figure 1AIn some implementations of a touch-sensitive display system 112 in a touch-sensitive display, a contact detected on the touch screen acts as a "focus selector" such that when input (e.g., a press input by a contact) is detected on the touch screen display at the location of a particular user interface element (e.g., a button, window, slider, or other user interface element), the particular user interface element is adjusted according to the detected input. In some implementations, the focus moves from one area of ​​the user interface to another area of ​​the user interface without corresponding movement of a cursor or movement of a contact on the touch screen display (e.g., by using a tab key or arrow keys to move focus from one button to another); in these implementations, the focus selector moves according to the movement of focus between different areas of the user interface. Regardless of the specific form the focus selector takes, the focus selector is generally a user interface element (or contact on the touch screen display) that is controlled by the user to convey the user's intended interaction with the user interface (e.g., by indicating to the device the element of the user interface with which the user desires to interact). For example, when a press input is detected on a touch-sensitive surface (e.g., a trackpad or touch screen), the position of a focus selector (e.g., a cursor, contact, or selection box) over a corresponding button will indicate that the user intends to activate the corresponding button (rather than other user interface elements shown on the device's display).

[0138] In some embodiments described herein, one or more operations are performed in response to detecting a gesture that includes a corresponding press input or in response to detecting a corresponding press input performed using a corresponding contact (or multiple contacts), wherein the corresponding press input is detected at least in part based on detecting an increase in the intensity of the contact (or multiple contacts) to above a press input intensity threshold. In some embodiments, the corresponding operation is performed in response to detecting an increase in the intensity of the corresponding contact to above the press input intensity threshold (e.g., a "down stroke" of the corresponding press input). In some embodiments, the press input includes an increase in the intensity of the corresponding contact to above the press input intensity threshold and a subsequent decrease in the intensity of the contact to below the press input intensity threshold, and the corresponding operation is performed in response to detecting a subsequent decrease in the intensity of the corresponding contact to below the press input threshold (e.g., an "up stroke" of the corresponding press input).

[0139] In some embodiments, the device employs intensity hysteresis to avoid unexpected inputs, sometimes referred to as "jitter," where the device defines or selects a hysteresis intensity threshold that has a predefined relationship to a press input intensity threshold (e.g., the hysteresis intensity threshold is X intensity units lower than the press input intensity threshold, or the hysteresis intensity threshold is 75%, 90%, or some reasonable proportion of the press input intensity threshold). Thus, in some embodiments, a press input includes an increase in the intensity of the corresponding contact to above the press input intensity threshold and a subsequent decrease in the intensity of the contact to below a hysteresis intensity threshold corresponding to the press input intensity threshold, and a corresponding operation is performed in response to detecting that the intensity of the corresponding contact subsequently decreases to below the hysteresis intensity threshold (e.g., an "upstroke" of the corresponding press input). Similarly, in some embodiments, a press input is detected only when the device detects that the contact intensity increases from an intensity equal to or below the hysteresis intensity threshold to an intensity equal to or above the press input intensity threshold and, optionally, that the contact intensity subsequently decreases to an intensity equal to or below the hysteresis intensity, and a corresponding operation is performed in response to detecting the press input (e.g., an increase in contact intensity or a decrease in contact intensity, depending on the circumstances).

[0140] For ease of explanation, a description of an operation performed in response to a press input associated with a press input intensity threshold or in response to a gesture including a press input is optionally triggered in response to detecting any of the following: contact intensity increasing above the press input intensity threshold, contact intensity increasing from an intensity below a hysteresis intensity threshold to an intensity above the press input intensity threshold, contact intensity decreasing below the press input intensity threshold, and / or contact intensity decreasing below a hysteresis intensity threshold corresponding to the press input intensity threshold. Additionally, in examples where an operation is described as being performed in response to detecting a decrease in contact intensity below the press input intensity threshold, the operation is optionally performed in response to detecting a decrease in contact intensity below a hysteresis intensity threshold that corresponds to and is less than the press input intensity threshold.

[0141] Figure 5A A block diagram illustrating an exemplary architecture for a device 500 according to some embodiments of the present disclosure is shown. Figure 5A In the embodiment of the present invention, media content is optionally received by device 500 via network interface 502, which is optionally a wireless connection or a wired connection. One or more processors 504 optionally execute any number of programs stored in memory 506 or storage devices, which optionally include instructions for performing one or more of the methods and / or processes described herein (e.g., methods 700, 900, 1100, and 1300).

[0142] In some embodiments, the display controller 508 causes the various user interfaces of the present disclosure to be displayed on the display 514. Additionally, input to the device 500 is optionally provided by a remote control 510 via a remote control interface 512, which is optionally a wireless or wired connection. Figure 5A The embodiments are not meant to limit the features of the device of the present disclosure, and other components that facilitate other features described in the present disclosure are optionally included. Figure 5A In some embodiments, the device 500 optionally corresponds to one or more of the following: Figure 1A and 2 The multifunction device 100 and Figure 3 The device 300 in FIG. 3 ; the network interface 502 optionally corresponds to one or more of the following: Figure 1A and Figure 2 RF circuit 108, external port 124 and peripheral device interface 118 in the Figure 3 The network communication interface 360 ​​in the embodiment of the present invention; the processor 504 optionally corresponds to one or more of the following: Figure 1A The processor 120 and Figure 3 The CPU 310 in the display controller 508 optionally corresponds to one or more of the following: Figure 1A The display controller 156 and Figure 3 The I / O interface 330 in the embodiment; the memory 506 optionally corresponds to one or more of the following: Figure 1A The memory 102 and Figure 3 The memory 370 in the remote control interface 512 optionally corresponds to one or more of the following: Figure 1A The peripheral device interface 118 and the I / O subsystem 106 (and / or its components) in Figure 3 The I / O interface 330 in the remote control 512 optionally corresponds to and / or includes one or more of the following: Figure 1A Speaker 111, touch-sensitive display system 112, microphone 113, optical sensor 164, contact intensity sensor 165, tactile output generator 167, other input control devices 116, accelerometer 168, proximity sensor 166 and I / O subsystem 106, and Figure 3 The keyboard / mouse 350, the touchpad 355, the tactile output generator 357 and the contact intensity sensor 359 in Figure 4 ; and display 514 optionally corresponds to one or more of: Figure 1A and 2 one or more touch-sensitive display systems 112, and Figure 3 Display 340 in.

[0143] Figure 5B 5 shows an exemplary structure of a remote control 510 according to some embodiments of the present disclosure. The remote control 510 optionally includes a touch-sensitive surface 451. In some embodiments, the touch-sensitive surface 451 is edge-to-edge (e.g., it extends to the edge of the remote control 510 so that there is little or no surface of the remote control 510 between the touch-sensitive surface 451 and one or more edges of the remote control 510, such as Figure 5B As previously described in this disclosure, touch-sensitive surface 451 is optionally capable of sensing contact and contact intensity (e.g., a click on touch-sensitive surface 451). Remote control 510 also optionally includes buttons 516, 518, 520, 522, 524, and 526. Buttons 516, 518, 520, 522, 524, and 526 are optionally mechanical buttons or mechanical button alternatives that are capable of sensing contact or pressing with such buttons to initiate corresponding actions, such as on device 500. In some embodiments, a user's selection of the "Menu" button 516 navigates device 500 backward in a currently executing application or currently displayed user interface (e.g., returns to a user interface displayed before the currently displayed user interface), or navigates device 500 to a user interface at a higher level than the currently displayed user interface. In some embodiments, user selection of the “home” button 518 navigates the device 500 to a main menu, home menu, or root menu user interface (e.g., to the home screen of the device 500, which optionally includes one or more applications accessible on the device 500) from any user interface displayed on the device 500. In some embodiments, user selection of the “play / pause” button 520 switches back and forth between playing and pausing a currently playing content item on the device 500 (e.g., optionally pausing the content item if the content item is playing on the device 500 when the “play / pause” button 520 is selected, and optionally playing the content item if the content item is paused on the device 500 when the “play / pause” button 520 is selected). In some embodiments, user selection of the “+” 522 or “-” 524 buttons increases or decreases the volume of audio reproduced by the device 500 (e.g., the volume of the content item currently playing on the device 500). In some embodiments, user selection of the “microphone” button 526 allows the user to provide voice input to the device 500 via a microphone in the remote control 510. In addition to or alternatively to the functionality described above, touch-sensitive surface 451 and buttons 516, 518, 520, 522, 524, and 526 are optionally used in the manner provided in the detailed description of the embodiments described below.

[0144] User interface and associated processes

[0145] Channel Bar

[0146] Users interact with electronic devices in a variety of different ways, including interacting with content (e.g., music, movies, etc.) available on the electronic device (e.g., stored or otherwise accessible). In some cases, the user wishes to navigate the channels on which the content is available. The embodiments described below provide ways in which an electronic device allows the user to navigate the channels on the electronic device, thereby enhancing the interaction between the user and the electronic device. Enhancing interaction with the device reduces the amount of time required for the user to perform an operation, thereby reducing the power consumption of the device and extending the battery life of battery-powered devices. It should be understood that people use devices. When a person uses a device, this person is optionally referred to as a user of the device.

[0147] Figures 6A to 6S The electronic device according to some embodiments of the present disclosure allows a user to navigate the channels available on the electronic device in an exemplary manner. The embodiments in these figures are used to illustrate the process described below, including the combination of Figures 7A-7M Describe the process.

[0148] It should be pointed out that Figures 6A-6S The examples shown relate to electronic devices that display information on non-touch-sensitive displays, but it should be understood that electronic devices can display information on displays that are touch-sensitive (e.g., touch screens). For example, the electronic device can include a touch screen, or the electronic device can output display information for display on a separate touch screen, as described earlier in this disclosure - in which case the display described below optionally corresponds to the touch screen, and the input described below is optionally detected on the touch screen.

[0149] Figure 6A An exemplary display 514 is shown. Display 514 optionally displays one or more user interfaces including various content. Figure 6A In the example shown, the display 514 optionally displays a Figure 5AA video application (e.g., a video playback application) is running on an electronic device 500 (e.g., a display 514 that is part of the electronic device or to which the display 514 is connected). The video application optionally displays a content display area 602 (in which content, such as videos, is displayed) and multiple representations of multiple groups of channels 606 along a first axis in the user interface (e.g., horizontally). Channels are optionally sources of content (such as video content) that can be displayed by the video application. The multiple representations of multiple groups of channels 606 are optionally referred to as a category bar 604. The multiple groups of channels optionally correspond to channel categories, such as sports channels, news channels, movie channels, television program channels, etc. Category bar 604 optionally includes representations 606-1, 606-2, 606-3, 606-4, and 606-5. Representations 606 are optionally images, icons, or other visual elements corresponding to each respective multiple group of channels (e.g., sports, news, movie channels, etc.).

[0150] Figure 6B The selection of a particular representation of a group of channels is shown. Figure 6B Indicates that 606-4 has the current focus, as indicated by Figure 6B The user has used the remote control (e.g., Figure 5B 6 (e.g., remote control 510 in FIG. 5 ) moves the current focus to representation 606-4. Representation 606-4 is optionally selected in response to input from the remote control (such as clicking a button on the remote control or clicking a touch-sensitive surface of the remote control). Representation 606-4 optionally corresponds to multiple groups of channels D (e.g., sports channels).

[0151] Figures 6C-6E Shows the selection Figure 6B Specifically, in response to receiving the selection input of representation 606-4, the electronic device optionally displays a channel bar 608 (e.g., multiple representations 610 of channels, such as those associated with multiple groups of channels D (in Figure 6B ) associated with multiple groups of channels selected in the , along the first axis in the user interface, such as Figure 6E As shown. Channels D-1, D-2, D-3, D-4, and D-5 are optionally channels in a plurality of groups of channels D (e.g., sports channels)) to update the user interface. In some embodiments, the electronic device replaces the category bar 604 displayed along the bottom of the user interface with a channel bar 608 displayed along the bottom of the user interface, wherein the channel bar includes channels corresponding to channel category D (i.e., in Figure 6B For example, if the Sports category is selected, the channel bar optionally displays multiple Sports channels along the bottom of the user interface, replacing the channel category displayed before the selection. Figure 6B When selecting multiple groups of channels D, the category bar 604 slides out of the user interface horizontally, and the channel bar 608 slides into the user interface horizontally, as shown in FIG. Figures 6C-6E shown.

[0152] In some embodiments, the representation 610 includes images of the respective channels corresponding to the selected multiple groups of channels (multiple groups of channels D). Specifically, in some embodiments, the channel bar 608 consists of images of content items associated with each channel in the channel bar 608. For example, a sports channel is optionally represented in the channel bar with an image of a sports channel logo or an image of a currently available sporting event from the sports channel. In some embodiments, the image of the channel with the current focus in the channel bar 608 is updated over time (e.g., the image of the channel with the current focus is updated periodically (e.g., every 10, 30, or 60 seconds) based on the current content on the channel). In some embodiments, content for updating the image of the channel with the current focus is also displayed in the content display area 602 of the user interface. In some embodiments, two or more representations of channels in the channel bar 608 include visual feeds from their respective channels, which are updated over time (e.g., based on the currently available content from each respective channel every 10, 30, or 60 seconds).

[0153] Figure 6F 608. In some embodiments, the channels in the channel bar 608 scroll in response to a horizontal swipe detected on the touch-sensitive surface 451 (e.g., a swipe that moves along the same axis as the channel bar 608 is displayed). The touch-sensitive surface 451 is optionally a second electronic device such as a remote control (e.g., Figures 5A-5B For example, detecting contact 603 moving from right to left on touch-sensitive surface 451 optionally results in scrolling through channel 610 to the right, as shown in FIG. Figure 6F Similarly, movement of contact 603 from left to right on touch-sensitive surface 451 optionally results in scrolling through channel 610 to the left.

[0154] Figure 6GAn exemplary manner of switching the channel bar 608 from one category / group of channels to another category / group of channels is shown. In some embodiments, a vertical swipe detected on the touch-sensitive surface 451 (e.g., a swipe that moves along an axis orthogonal to the axis along which the channel bar 608 is displayed) optionally causes the device to switch the channel bar 608 from one category / group of channels (e.g., sports channels) to another category / group of channels (e.g., news channels). For example, movement of contact 603 detected on the touch-sensitive surface 451 from bottom to top optionally causes the channel bar 608 to switch from Group D channels (represented by 610-1, 610-2, 610-3, etc.) to Group E channels (represented by 612-1, 612-2, 612-3, etc.), as shown. Figure 6G In some embodiments, the transition of the channel bar is animated in a rolodex-like manner, such as Figure 6G shown.

[0155] Figure 6H 608 back to the category bar 604. In some embodiments, switching back to the category bar 604 is accomplished by using a swipe (e.g., a horizontal swipe) on the touch-sensitive surface 451 to scroll past the end of the channel bar 608. For example, in response to detecting movement of contact 603 from left to right on the touch-sensitive surface 451, the device optionally performs a scroll past the left end of the channel bar 608, as shown. Figure 6H When the user scrolls past the end of the channel bar 608 as described above, in some embodiments, the electronic device displays the user interface element 614 to switch back to the category bar 604. Selecting the user interface element 614 optionally causes the electronic device to display the category bar 604, for example, as Figure 6A shown.

[0156] In some embodiments, when the channel bar 608 is displayed in the user interface, information about the channel currently selected in the channel bar is displayed in response to a specified input. Figure 61 illustrates the display of such information in response to a vertical swipe detected on the touch-sensitive surface 451. Specifically, in Figure 61, the channel bar 608 is optionally displayed, and representation 610-2 (corresponding to channel D-2) is optionally currently selected, as reflected by the dotted border. While representation 610-2 is currently selected, a vertical swipe (e.g., movement of contact 603 from bottom to top) is optionally detected on the touch-sensitive surface 451. In response to detecting the vertical swipe, information about channel D-2 is optionally displayed in the information area 614 in the user interface, as shown in Figure 61. Figure 6K. The information displayed is optionally information about channel D-2, such as information about currently available programs on the channel, the names of the programs, the start / end times of the programs, etc. In some embodiments, the channel bar 608 is animated vertically upward in the user interface to display information in the information area 614 below the channel bar. In some embodiments, because the channel bar 608 is animated upward in the user interface, the information area 614 is correspondingly animated into and upward in the user interface.

[0157] Figure 6J 4 shows that channel information is displayed in response to a tap detected in a predefined area of ​​touch-sensitive surface 451. Specifically, touch-sensitive surface 451 optionally has multiple predefined areas (e.g., top area 616, middle area 618, and bottom area 620). While representation 610-2 is currently selected, a tap detected in one of the predefined areas (e.g., top area 616) (e.g., contact 603 having an intensity greater than an intensity threshold) optionally results in display of information about channel D-2, as shown. Figure 6K As shown, the information is optionally presented in combination with the above Figure 6I In some embodiments, a click detected in other areas optionally performs other actions. For example, a click detected in the middle area 618 or the lower bottom area 620 optionally does not cause the channel information to be displayed. In some embodiments, a click in the middle area 618 causes the channel in the channel bar to be played, rather than playing information about the channel to be played. In some embodiments, after displaying information 614 in response to detecting a first click in the top area 616 of the touch-sensitive surface 451, detecting a second click in the top area 616 optionally causes an electronic program guide (e.g., as described below in conjunction with method 1300) to be displayed. In some embodiments, instead of detecting a click in the top area 616 of the touch-sensitive surface 451, detecting a click and holding on the touch-sensitive surface 451 (e.g., anywhere on the touch-sensitive surface 451) causes information 614 about the currently selected channel in the channel bar 608 to be displayed.

[0158] In some embodiments, when the information area 614 is displayed in the user interface, the channels in the channel bar 608 are scrollable. Figures 6K to 6L The channel bar 608 is shown scrolling, and the information in the information area 614 is updated according to the scrolling. Figure 6K , representation 610-2 (corresponding to channel D-2) is currently optionally selected. As previously described, detecting a horizontal swipe on touch-sensitive surface 451 optionally scrolls through the channels in channel bar 608. Figure 6KIn the example of , movement of contact 603 from right to left has optionally been detected on touch-sensitive surface 451. In response, representation 610-3 (to the right of representation 610-2) is optionally selected, as shown Figure 6L Additionally, information area 614 is optionally updated to include information about channel D-3 (corresponding to currently selected representation 610-3) instead of channel D-2 (corresponding to previously selected representation 610-2).

[0159] In some embodiments, the currently selected channel in the channel bar 608 is displayed differently from the other channels in the channel bar, such as Figure 6M For example, representation 610-4 (corresponding to the currently selected channel D-4) is optionally displayed with a first visual characteristic (e.g., relatively large, relatively bright, colorful, shaded, etc.), while the remaining representations 610-1, 610-2, 610-3, and 610-5 are optionally displayed with a second visual characteristic different from the first visual characteristic (e.g., relatively small, relatively dark, black and white or grayscale, no shades, etc.). As the currently selected channel changes, the visual characteristics of the representations are optionally updated in the manner described above, so that the currently selected channel has the first visual characteristic, while the remaining channels have the second visual characteristic.

[0160] In some embodiments, a representation of the channel currently playing in the content display area 602 (e.g., corresponding to Figure 6M The representation 610-4 of channel D-4 in the embodiment of the present invention optionally includes a progress bar 622, which reflects the current playback position associated with the currently playing channel. For example, the progress bar 622 optionally reflects how much of the currently playing content has been played on channel D-4 by the electronic device so far.

[0161] In some embodiments, selecting a different representation (eg, a different representation than representation 610 - 4 ) causes content in the channel corresponding to the different representation to be played in the content display area 602 of the user interface. Figures 6N to 6O It is shown that selecting different representations of channels will result in playback of content from those channels in the user interface. Figure 6N , movement of contact 603 from left to right has been detected on touch-sensitive surface 451. In response, representation 610-2 (corresponding to channel D-2) optionally becomes the currently selected representation, while content from channel D-4 optionally continues to play in content display area 602 of the user interface. If a click is detected on touch-sensitive surface 451 while representation 610-2 is currently selected, the electronic device optionally plays content from channel D-2 (corresponding to representation 610-2) in the user interface, as shown. Figure 6O As shown. Figure 6O, because content from channel D-2 (corresponding to representation 610-2) is currently playing in the user interface, 610-2 is also updated to include progress bar 622, and because content from channel D-4 (corresponding to representation 610-4) is no longer currently playing in the user interface, representation 610-4 is optionally updated to remove the progress bar therefrom.

[0162] In some embodiments, for a given set of channels (e.g., Figure 6O As shown in the multiple groups of channels D), whether a channel is included in the channel bar 608 is based on the content currently available on the channel and whether the content matches the content category of the channel bar. Figures 6P to 6S The management of the channel bar in such a case is shown. Specifically, Figure 6P , the channels in the channel bar 608 optionally correspond to content categories, i.e., content category D (e.g., sports content, news content, movie content, etc.). In some embodiments, in order to determine which channels should be included in the channel bar 608, the electronic device determines whether the content currently available on a group of channels has a content type corresponding to the content category of the channel bar (e.g., determining whether the currently played content on one or more channels matches the content category that should be included in the channel bar, such as the news content of the news channel bar, the sports content of the sports channel bar, etc.). If the electronic device determines that the currently available content on the multiple groups of channels has a content type corresponding to the content category of the channel bar 608, the electronic device optionally includes representations of those channels in the channel bar (e.g., the channels in the channel bar are optionally selected based on the content category currently being played on the channel). For example, if news content is currently being played on a channel, the channel will optionally be displayed in the news channel bar instead of the sports channel bar. However, if the channel plays sports content one hour from now, then within one hour, the channel will optionally appear in the sports channel bar instead of the news channel bar, as will be described in more detail below.

[0163] Figure 6P Exemplary content arrangements for channels D-2 (corresponding to representation 610-2) and D-4 (corresponding to representation 610-4) are shown. Figure 6S Content arrangement 624 for channel D-2 in FIG includes content 1 from category D (e.g., with content tag D), followed by content 2 from category D (e.g., with content tag D), followed by content 3 from category B (e.g., with content tag B). Content arrangement 626 for channel D-4 includes content 1 from category D (e.g., with content tag D), followed by content 2 from category C (e.g., with content tag C), followed by content 3 from category A (e.g., with content tag A). Figure 6SThe indicator 628 in the table reflects the current time / current play position in the content schedules 624 and 626 for channels D-2 and D-4, respectively. As described above, because both channels D-2 and D-4 have currently available content of category D, both channels are included in the channel column 608 (which is a channel column for content category D), as shown in FIG. Figure 6P shown.

[0164] Figure 6Q The current play position 628 is shown advancing through the content arrangements 624 and 626. Figure 6P In contrast, channel D-2 has switched from playing its content 1 to its content 2, while channel D-4 is still playing content 1. Because channels D-2 and D-4 are still playing content of category D, these two channels remain in the channel column 608.

[0165] exist Figure 6R , the current play position 628 has advanced further through the content arrangements 624 and 626. Specifically, channel D-2 has transitioned from playing content 2 of its category D to content 3 of its category B, and channel D-4 has transitioned from playing content 1 of its category D to content 2 of category C. Therefore, neither channel D-2 nor channel D-4 is currently playing content of category D (i.e., the category of channel bar 608). In some embodiments, because channel D-4 is no longer playing content of category D, representation 610-4 (corresponding to channel D-4) is deleted from channel bar 608. However, in some embodiments, representation 610-2 (corresponding to channel D-2) remains in channel bar 608 because, as Figure 6R As shown, representation 610 - 2 is currently selected (as reflected by the dashed border). Figure 6S608 and retains representation 610-2 in channel bar 608, as described above. Thus, in some embodiments, currently unselected channels are treated differently than the currently selected channel in channel bar 608. Currently unselected channels optionally leave channel bar 608 if the content currently playing on those channels changes and no longer corresponds to the type of content in channel bar 608. In contrast, currently selected channels are optionally sticky (e.g., so that the currently selected channel is not deleted from channel bar 608 even if the channel changes content). In some embodiments, channels are not added or removed from the channel bar 608 until the channel bar is removed from view (e.g., hidden from view due to a request to hide the channel bar or a request to change the channel bar category), such that: 1) channels that are currently included in the channel bar 608 but no longer display content that matches the channel bar category are only removed from the channel bar after the channel bar is removed, and 2) channels that are not currently included in the channel bar 608, but now display content that matches the channel bar category, are only added to the channel bar after the channel bar is removed.

[0166] Figures 7A to 7M 7 is a flow chart illustrating a method 700 for navigating available channels on an electronic device according to some embodiments of the present disclosure. Method 700 is optionally performed on an electronic device (such as device 100, device 300, or device 500), as described above in conjunction with Figure 1A to Figure 1B 、 Figures 2 to 3 and Figures 5A to 5B Some operations in method 700 may be optionally combined, and / or the order of some operations may be optionally changed.

[0167] As described below, method 700 provides a way for a user to interact with a device (for navigating available channels on the device). This method reduces the cognitive burden on the user when interacting with a user interface of the disclosed device (e.g., a playlist or now playing user interface), thereby creating a more efficient human-computer interface. For battery-powered electronic devices, improving the efficiency of user interaction with the user interface saves power and increases the time between battery charges.

[0168] In some embodiments, a display device (e.g., a display device included in or coupled to an electronic device, such as Figure 5A display 514 in the electronic device) and one or more input devices (e.g., one or more input devices included in or coupled to the electronic device; for example, a second electronic device having a touch-sensitive surface, such as a remote control, such as Figures 5A to 5BAn electronic device (e.g., device 100, 300, or 500) (e.g., remote control 510 in FIG. 1 ) (702) generates a plurality of representations (e.g., images, icons, other visual elements) of a plurality of groups of channels (e.g., categories of channels, such as sports channels, news channels, movie channels, television program channels, etc.) for display on a display device along a first axis in a user interface (e.g., displaying the representations horizontally along a bottom of the user interface, with each representation adjacent to another representation, such as Figure 6A The user interface optionally includes a content display area (wherein content such as a video is displayed) and a category bar area (wherein a plurality of representations are displayed), as shown in FIG. Figure 6A In some embodiments, when the plurality of representations are displayed on the display device, the electronic device receives (704) input (e.g., input from a remote control, such as clicking a button on the remote control or clicking a touch-sensitive surface on the remote control) corresponding to selection of: a respective representation of the plurality of representations corresponding to the first group of channels (e.g., using the remote control to move the current focus to the representation corresponding to the sports channel and clicking a button on the touch-sensitive surface to select the representation corresponding to the sports channel), such as Figure 6B In response to receiving the input, the electronic device optionally generates (706) an updated user interface for display on the display device, which includes: ceasing (708) displaying the plurality of representations of the plurality of groups of channels in the user interface; and displaying (710) the plurality of representations of channels associated with the first group of channels along a first axis in the updated user interface, such as Figure 6E ) as shown in the example above (e.g., the channel categories along the bottom of the user interface are replaced with a channel bar along the bottom of the user interface that includes channels corresponding to the selected category). For example, if the sports category is selected, the channel bar optionally displays a plurality of sports channels along the bottom of the user interface, thereby replacing the channel category displayed prior to the selection.

[0169] In some embodiments, while multiple representations of channels associated with the first group of channels are displayed in an updated user interface (e.g., when a channel bar is displayed), the electronic device receives (712) a second input comprising a contact and movement of a contact detected on a touch-sensitive surface of the device (e.g., a touch input detected on a trackpad of a remote control). Based on determining that the movement of the contact is in a direction substantially orthogonal to the first axis (714) (e.g., if the channel bar is displayed horizontally in the user interface, the second input optionally comprises a vertical swipe on the trackpad of the remote control), the electronic device optionally: stops displaying (716) the multiple representations of channels associated with the first group of channels in the updated user interface; and displays (718) the multiple representations of channels associated with a second group of channels (different from the first group of channels) in the updated user interface, such as Figure 6GIn some embodiments, the channel bar is animated in a rolodex-like manner.

[0170] In some embodiments, based on determining that the movement of the contact is in a direction substantially parallel to the first axis (e.g., if the channel bar is displayed horizontally in the user interface, the second input optionally includes a horizontal swipe on a touchpad of the remote control), the electronic device scrolls (720) through multiple representations of channels associated with the first group of channels in accordance with the movement of the contact, such as Figure 6F In some embodiments, while displaying multiple representations of channels associated with the first set of channels in the updated user interface, the electronic device receives (722) a second input corresponding to a request to redisplay the multiple representations of the multiple sets of channels, such as Figure 6H In response to receiving the second input, the electronic device optionally generates (724) an updated user interface for display on the display device, which includes: stopping (726) displaying multiple representations of channels associated with the first group of channels in the updated user interface (e.g., stopping displaying the channel bar); and redisplaying (728) multiple representations of multiple groups of channels in the updated user interface (e.g., redisplaying the category bar).

[0171] In some embodiments, the second input includes (730): a first portion detected on the touch-sensitive surface of the device, the first portion including a first contact and a first movement of the first contact substantially parallel to the first axis, the first portion corresponding to a request (732) to scroll to the end of multiple representations of channels associated with the first group of channels (732) (for example, a horizontal swipe and / or movement detected on the touch pad of the remote control with sufficient acceleration, velocity, and / or speed to scroll to one end of the channel bar, such as the left end); and a second portion detected on the touch-sensitive surface of the device after the first portion, the second portion including a second contact and a second movement of the second contact, the second movement of the second contact being along a first axis parallel to the first contact. The second movement of the second contact is greater than a movement threshold (730) (e.g., after scrolling to the end of the channel bar, a further swipe in the same direction with sufficient movement to scroll past the end of the channel bar), and in response to receiving a second portion (736) of the second input, the electronic device: scrolls (738) past the end of the plurality of representations of channels associated with the first group of channels (e.g., after reaching the end of the channel bar, a further horizontal swipe scrolls past the end of the channel bar), and displays (740) an optional user interface element adjacent to the end of the plurality of representations of channels along the first axis, the optional user interface element being for displaying the plurality of representations of the plurality of groups of channels, such as Figure 6H , (e.g., scrolling past the end of the channel bar pulls the selectable user interface element to the user interface). The user interface element can optionally be selected to switch back to the category bar view. In some embodiments, the electronic device receives (742) a selection of a selectable user interface element, wherein ceasing to display the plurality of representations of the channels and redisplaying the plurality of representations of the groups of channels is in response to receiving the selection of the selectable user interface element (e.g., receiving the selection of the user interface element and, in response, switching from the channel bar view back to the category bar view).

[0172] In some embodiments, ceasing to display the plurality of representations of the plurality of groups of channels (e.g., a category bar) in the user interface and displaying the plurality of representations of the channels associated with the first group of channels (e.g., a channel bar) along a first axis in the updated user interface includes (744): displaying (746) an animation of the plurality of representations of the channels associated with the first group of channels sliding into the updated user interface along the first axis to obscure the plurality of representations in the plurality of groups of channels, such as in Figures 6C to 6DIn some embodiments, the electronic device receives (748) a second input corresponding to a request to display information related to a first channel of the first group of channels, such as a first channel of the first group of channels, while displaying a plurality of representations of the channels associated with the first group of channels along a first axis in the updated user interface. Figures 6H to 6I In some embodiments, in response to receiving the second input, the electronic device displays (750) information related to the first channel in an updated user interface, such as Figure 6K (e.g., information about programs currently available on the channel, the name of the program, the start / end time of the program, etc.).

[0173] In some embodiments, multiple representations of the channels associated with the first group of channels are displayed (e.g., horizontally along the bottom of the user interface) at a first position in the updated user interface (752). In response to receiving a second input (e.g., an information request input), the electronic device optionally displays (754) an animation of the multiple representations of the channels associated with the first group of channels moving from the first position to a second position in the updated user interface in a direction substantially perpendicular to the first axis (e.g., an animation showing a channel bar translating vertically in the user interface), wherein information related to the first channel is displayed between the first position and the second position in the updated user interface, such as Figures 6I to 6K As shown (e.g., after the channel bar has been moved vertically in the user interface, the channel information is displayed below the channel bar). In some embodiments, the movement of the channel information into the user interface occurs simultaneously with the vertical movement of the channel bar in the user interface.

[0174] In some embodiments, the second input includes (756): selecting (758) a first channel of the first set of channels (e.g., by scrolling to the desired channel using a left / right swipe on a touchpad of a remote control), and after selecting the first channel, detecting (760) a contact in a first predefined area (e.g., an upper area) of a touch-sensitive surface of the device, the contact having an intensity greater than an intensity threshold (e.g., a click of a touchpad), and the touch-sensitive surface having a plurality of predefined areas including the first predefined area, such as in Figure 6J, as shown in (e.g., the touchpad includes three predefined areas: an upper area, a middle area, and a lower area). In some embodiments, a click detected in the middle area or the lower area does not cause the channel information to be displayed. In some embodiments, such a click triggers other actions to be performed, such as a middle area click resulting in selection of a channel in the channel to be played column rather than information about the channel to be played. A second click in the upper area of ​​the touchpad optionally results in display of an electronic program guide (e.g., as described below with reference to method 1300).

[0175] In some embodiments, the second input includes (762): selecting (764) a first channel of the first set of channels (e.g., by scrolling to the desired channel using a left / right swipe on a touchpad of a remote control), and after selecting the first channel, detecting (766) a contact and movement of the contact on the touch-sensitive surface of the device, the movement of the contact being in a direction substantially perpendicular to the first axis, such as Figure 6I (e.g., if the channel bar is displayed horizontally in the user interface, a vertical swipe optionally displays information about the currently selected channel in the user interface.) In some embodiments, the second input includes (768): selecting (770) a first channel of the first set of channels (e.g., by scrolling to the desired channel using a left / right swipe on the remote control's touchpad). And after selecting the first channel, detecting (772) a contact on the touch-sensitive surface of the device, the contact having an intensity greater than an intensity threshold, maintained for longer than a time threshold (e.g., tapping and holding the remote control's touchpad for more than 3, 5, or 1 seconds).

[0176] In some embodiments, while displaying information associated with the first channel in the updated user interface, the electronic device receives (774) a third input corresponding to a request to select a second channel in the first set of channels (e.g., scrolling to another channel by swiping left / right on a touchpad of a remote control while displaying channel information). In some embodiments, in response to receiving the third input (776): the electronic device stops displaying (778) information associated with the first channel in the updated user interface; and displays (780) information associated with the second channel in the updated user interface, such as Figures 6K to 6L (eg, when the user selects a different channel in the channel bar, the channel information is updated).

[0177] In some embodiments, a first representation of a first channel of a first group of channels is a currently selected representation (782) (e.g., selected by scrolling to the channel by swiping left / right on a touchpad of a remote control), and the electronic device displays (784) the first representation of the first channel with a first visual characteristic (e.g., relatively large, relatively bright, colored, shaded, etc.); and displays (786) representations of channels of the first group of channels other than the first representation, such as a second visual characteristic different from the first visual characteristic (e.g., relatively small, relatively dark, black and white or grayscale, no shade, etc.). Figures 6M to 6O In some embodiments, while displaying a first representation of a first channel with a first visual characteristic, the electronic device receives (788) a second input corresponding to a request to make a second representation of a second channel of the first group of channels the currently selected representation (e.g., by swiping left / right on a touchpad of a remote control to scroll to the channels). In some embodiments, in response to receiving the second input (790): the electronic device updates (792) the first representation of the first channel to have the second visual characteristic instead of the first visual characteristic; and updates (794) the second representation of the second channel to have the first visual characteristic instead of the second visual characteristic, such as Figures 6M to 6O , as shown in (e.g., updating the visual characteristics of the channels in the channel bar based on which channel is currently selected).

[0178] In some embodiments, the first representation of the first channel includes a visual indication of the current playback position associated with the first channel (e.g., a progress bar indicating how much of the currently playing content the user has viewed), and the updated user interface includes content associated with the current playback position (796), such as Figures 6M to 6O , (e.g., the content is displayed in the user interface at a playback position indicated by a progress bar). In some embodiments, each respective representation of the plurality of representations of channels associated with the first set of channels includes an image corresponding to the respective channel of the first set of channels (798) (e.g., the channel bar is composed of images from content items associated with each channel). For example, the sports channel is optionally represented in the channel bar with an image of a sports channel logo or images from currently available sporting events on the sports channel.

[0179] In some embodiments, a first representation of a first channel of a first group of channels has a current focus and includes a first image (798-2), and when multiple representations of channels associated with the first group of channels are displayed in an updated user interface, the electronic device updates (798-4) the first image over time based on the content associated with the first channel (e.g., periodically (e.g., every 10, 30, or 60 seconds) updates the image of the channel with the current focus with the current content on the channel). In some embodiments, when the first image is updated over time based on the content associated with the first channel and multiple representations of the channels associated with the first group of channels are displayed in an updated user interface, the electronic device displays (798-6) the content associated with the first channel in a content display area of ​​the updated user interface (e.g., content from the current channel is played in the user interface and the representation of the current channel in the channel bar is updated based on the content being played in the user interface).

[0180] In some embodiments, two or more of the multiple representations of the channels associated with the first group of channels include visual feeds from their respective channels that are updated over time (798-8) (e.g., updated based on currently available content from each respective channel every 10, 30, or 60 seconds). In some embodiments, when displaying the multiple representations of the channels associated with the first group of channels, the electronic device receives (798-10) a selection of a first representation of a first channel in the multiple representations (e.g., by scrolling to the channels by swiping left / right on the touchpad of the remote control and, after scrolling to the desired channel, receiving a touchpad click on the remote control; and in response to the selection, displays (798-12) content from the first channel in a content display area of ​​the updated user interface (e.g., clicking on the channel causes currently available content from the channel to be displayed in the user interface).

[0181] In some embodiments, the first group of channels corresponds to a content category (798-14) (e.g., sports content, news content, movie content, etc.), and displaying multiple representations of the channels associated with the first group of channels includes (798-16): determining (798-18) whether currently available content on a group of channels has a content type corresponding to the content category of the first group of channels (e.g., determining whether currently playing content on one or more channels matches the content type that should be included in the channel column, such as news content for a news channel column, sports content for a sports channel column, etc.); and based on determining that the currently available content on the group of channels has a content type corresponding to the content category of the first group of channels, including (798-20) a representation of a channel in the group of channels in the multiple representations of the channels associated with the first group of channels, such as Figures 6P to 6Q, as shown in (e.g., the channels in the channel bar are selected based on the type of content currently being played on the channel). For example, if news content is now playing on the channel, the channel will be displayed in the news channel bar instead of the sports channel bar, and if sports content is played on the channel in 1 hour, the channel will appear in the sports channel bar instead of the news channel bar within 1 hour. In some embodiments, the content on the channels in the group of channels is marked with a content category tag (798-22) (e.g., the content on the channel is optionally marked with content descriptive tags such as news, sports, movies, etc.), and determining whether the currently available content on the group of channels has a content type corresponding to the content category of the first group of channels includes: determining (798-24) whether the content category tag of the currently available content on the group of channels corresponds to the content category of the first group of channels (e.g., comparing the content category tag with the content category of the channel bar to determine whether the currently available content on the given channel has a content category corresponding to the channel bar category and should therefore be included in the channel bar).

[0182] In some embodiments, when displaying multiple representations of the channels associated with the first group of channels, the electronic device determines (798-26) that the content type of the currently available content on the first channel of the channels no longer corresponds to the content category of the first group of channels (e.g., when displaying a news channel bar, determining that one of the channels in the channel bar is no longer playing news content). In some embodiments, based on determining that the first representation of the first channel is not the currently selected representation among the multiple representations of the channels, the electronic device (798-28) removes (798-28) the first representation of the first channel from the multiple representations of the channels, such as Figure 6R and based on determining that the first representation of the first channel is the currently selected representation in the plurality of representations of the channel, the electronic device maintains (798-30) the first representation of the first channel in the plurality of representations of the channel, such as Figure 6RAs shown (e.g., channels that are not currently selected are optionally treated differently from the channel that is currently selected in the channel bar). If the content currently playing on those channels changes and no longer corresponds to the content type of the channel bar, the channels that are not currently selected optionally leave the channel bar. In contrast, the currently selected channel is optionally sticky (e.g., so that the currently selected channel is not deleted from the channel bar even if the channel changes content). In some embodiments, channels are not added or deleted from the channel bar until the channel bar is eliminated from view (e.g., hidden from view due to a request to hide the channel bar or a request to change the channel bar category), so that: 1) channels that are currently included in the channel bar but no longer display content that matches the channel bar category are only deleted from the channel bar after the channel bar is eliminated, and 2) channels that are not currently included in the channel bar, but now display content that matches the channel bar category are only added to the channel bar after the channel bar is eliminated.

[0183] It should be understood that Figures 7A to 7M The specific order in which the operations are described in the description is merely exemplary and is not intended to indicate that the order is the only order in which the operations may be performed. A person of ordinary skill in the art will recognize many ways to reorder the operations described herein. In addition, it should be noted that the details of other processes described herein in conjunction with other methods described herein (e.g., methods 900, 1100, and 1300) are also applicable in a similar manner to the details of the processes described above in conjunction with Figures 7A to 7M Method 700 is described. For example, the multiple representations of the channels described above in conjunction with method 700 optionally have one or more of the features of the multiple representations of the channels described herein in conjunction with other methods described herein (e.g., methods 900, 1100, and 1300). For the sake of brevity, these details are not repeated here.

[0184] The operations in the above information processing method are optionally implemented by running one or more functional modules in an information processing device, such as a general-purpose processor (e.g., a processor in combination with a processor). Figure 1A 、 Figure 3 、 Figure 5A and Figure 14 In addition, the above combination Figures 7A to 7M The operation is optionally performed by Figure 1A to Figure 1B. For example, generating operations 702 and 706 and receiving operation 704 are optionally implemented by event classifier 170, event identifier 180, and event handler 190. Event monitor 171 in event classifier 170 detects contact on touch-sensitive surface 451, and event distributor module 174 delivers the event information to application 136-1. The corresponding event identifier 180 of application 136-1 compares the event information with the corresponding event definition 186 and determines whether the first contact at the first position on the touch-sensitive surface corresponds to a predefined event or sub-event, such as the selection of an object on a user interface. When the corresponding predefined event or sub-event is detected, event identifier 180 activates the event handler 190 associated with the detection of the event or sub-event. Event handler 190 optionally utilizes or calls data updater 176 or object updater 177 to update the application internal state 192. In some embodiments, the event handler 190 accesses the corresponding GUI updater 178 to update the content displayed by the application. Similarly, those skilled in the art will clearly know how to update the content displayed by the application based on the GUI updater 178. Figure 1A to Figure 1B The components depicted in the figure implement other processes.

[0185] Manage subscribed and unsubscribed channels

[0186] Users interact with electronic devices in a variety of different ways, including interacting with content (e.g., music, movies, etc.) available on the electronic device (e.g., stored or otherwise accessible). In some cases, users wish to view and manage the channels available on the electronic device. The following embodiments provide ways for electronic devices to allow users to view and manage subscribed and unsubscribed channels available on the electronic device, thereby enhancing the interaction between the user and the electronic device. Enhancing interaction with the device reduces the amount of time required for the user to perform an operation, thereby reducing the power consumption of the device and extending the battery life of battery-powered devices. It should be understood that people use devices. When a person uses a device, this person is optionally referred to as a user of the device.

[0187] Figures 8A to 8L The electronic device according to some embodiments of the present disclosure allows a user to view and manage the subscribed and unsubscribed channels available on the electronic device in an exemplary manner. The embodiments in these figures are used to illustrate the process described below, including the combination of Figures 9A to 9G Describe the process.

[0188] It should be pointed out that Figures 8A to 8LThe examples shown relate to electronic devices that display information on non-touch-sensitive displays, but it should be understood that electronic devices can display information on displays that are touch-sensitive (e.g., touch screens). For example, the electronic device can include a touch screen, or the electronic device can output display information for display on a separate touch screen, as described earlier in this disclosure - in which case the display described below optionally corresponds to the touch screen, and the input described below is optionally detected on the touch screen.

[0189] Figure 8A An exemplary display 514 is shown. Display 514 optionally displays one or more user interfaces including various content. Figure 8A In the example shown, the display 514 displays a channel management application (e.g., an application for managing channels to which a user has subscribed and channels to which the user has not subscribed) running on an electronic device (e.g., an electronic device) of which the display 514 is part or to which the display 514 is connected. The electronic device displays representations 806 of channels to which the user has subscribed in area 802 of the user interface. The representations 806 are optionally images, icons, or other visual elements that optionally include a visual indication of the channel to which they correspond. For example, the image optionally includes a logo corresponding to the channel, text including the name of the channel, or any other visual indication of the channel. In some embodiments, the representation 806 has a first visual characteristic (e.g., is colored, has a relatively high brightness level, is relatively large in size, etc.). Figure 8A In FIG, the first visual feature is reflected by representation 806 having a solid border.

[0190] In some embodiments, the electronic device also displays representations 808 of channels to which the user has not subscribed in area 804 of the user interface. Representation 808 optionally has a second visual characteristic that is different from the first visual characteristic (e.g., appears grayscale or black and white, has a relatively low brightness level, has a relatively small size, etc.). Figure 8A In FIG, the second visual feature is reflected by the representation 808 having a dashed border. Figure 8A As reflected in , representation 806 - 3 (corresponding to channel C) has current focus reflected by a dashed indicator within representation 806 - 3 .

[0191] In some embodiments, the electronic device receives input that causes a representation of an unsubscribed channel to have current focus (e.g., on a remote control such as Figure 5B directional input detected on the touch-sensitive surface of the remote control 510 in Figure 8BSpecifically, representation 808-3 now has current focus. In response, the electronic device modifies representation 808-3 to have the first visual feature (e.g., the visual feature of a subscribed channel) instead of the second visual feature (e.g., the visual feature of an unsubscribed channel), as shown. Figure 8B Such modification optionally includes rendering representation 808-3 in color (e.g., channels to which the user has subscribed), while other channels to which the user has not subscribed remain grayscale or black and white. In some embodiments, modifying representation 808-3 additionally or alternatively includes increasing the brightness of the representation, enlarging the representation, adding a shadow to the representation, and / or otherwise highlighting the representation.

[0192] If the electronic device receives input to move the current focus away from representation 808-3 to another representation of a channel to which the user is not subscribed, representation 808-3 optionally returns to having the second visual characteristics and optionally updates the representation now having the current focus to have the first visual characteristics, as described above, the details of which will be omitted here for the sake of brevity. Figure 8C , the current focus moves from representation 808-3 to 808-2. As a result, representation 808-3 is updated to have a second visual feature (by Figure 8C ), and representation 808-2 is updated to have the first visual feature (reflected by the dashed border in Figure 8C (reflected by the solid line boundary in ).

[0193] In some embodiments, the user is able to subscribe to an unsubscribed channel, and in response, the representation of the channel is optionally moved from area 804 in the user interface (the area corresponding to unsubscribed channels) to area 802 in the user interface (the area corresponding to subscribed channels). Figures 8D to 8E Specifically, although 808-2 is shown in Figure 8D 808-2 has the current focus, but the electronic device receives input corresponding to a request to subscribe to the channel corresponding to representation 808-2 (e.g., channel E). This input is optionally a click detected on the touchpad of the remote control (or in a predefined area of ​​the touchpad) while representation 808-2 has the current focus, followed by one or more steps of user authorization to subscribe to channel E (corresponding to representation 808-2) (e.g., providing payment information or authorization, agreeing to subscription terms and conditions, etc.). In some embodiments, after receiving the click, a confirmation is displayed requesting confirmation of the subscription request before the subscription is completed.

[0194] In response to receiving the request to subscribe to channel E, the electronic device optionally moves representation 808-2 from area 804 of the user interface to area 802 of the user interface (as indicated by Figure 8D), while maintaining representation 808-2 with the first visual characteristic (e.g., moving representation 808-2 into the subscribed channels area of ​​the user interface because channel E corresponding to representation 808-2 is now the channel to which the user has subscribed). Figure 8E Representation 808-2 is shown to have moved into area 802 of the user interface, as described above. In some embodiments, modifying representation 808-2 to have the first visual characteristic instead of the second visual characteristic includes displaying an animated transition of representation 808-2 from having the first visual characteristic to having the second visual characteristic (e.g., an animation of representation 808-2 floating upward toward area 802 of the user interface, gradually increasing in saturation and / or gradually increasing in brightness, etc.).

[0195] In some embodiments, area 804 of the user interface (corresponding to unsubscribed channels) includes representations of individual channels as well as channel bundles. Figure 8F , area 804 of the user interface includes a channel package representation 810 corresponding to channel package P1. Channel package P1 includes multiple channels, for example, channels D, E, and F corresponding to representations 806-1, 806-2, and 806-3. Channel package P1 is optionally a series of channels, such as a sports channel package that includes multiple sports channels. If the user subscribes to the sports channel package, the user optionally subscribes to each channel in the sports channel package. In some embodiments, the channels that belong to the channel package (e.g., channels D, E, and F) are displayed in the first portion of area 804 of the user interface (e.g., as shown in FIG. Figure 8F 804, and channels that do not belong to a channel pack (e.g., channels G, H, and I) are displayed in a second portion of region 804 of the user interface (e.g., as shown in FIG. Figure 8F is shown in the lower area shown in the figure).

[0196] exist Figure 8F , representation 810 has current focus. In some embodiments, the electronic device receives input corresponding to a request to subscribe to channel package P1 (e.g., a click detected on a touchpad of a remote control (or in a predefined area of ​​a touchpad) when representation 810 corresponding to channel package P1 has current focus). In some embodiments, after receiving the click, a confirmation requesting confirmation of the subscription request is displayed before the subscription is completed. In some embodiments, in response to receiving the input to subscribe to channel package P1, the electronic device subscribes to the channels in channel package P1 (e.g., subscribes to each of channels D, E, and F in channel package P1).

[0197] In some embodiments, in response to subscribing to a channel package (e.g., channel package P1), a representation of the channel package, representations of the channels belonging to the channel package, or both are moved to area 802 of the user interface, as shown in FIG. Figures 8G to 8HSpecifically, in some embodiments, the channel package representation (e.g., representation 810 of channel package P1) moves from area 804 to area 802 of the user interface, and the electronic device displays the channel package representation (e.g., representation 810) in area 802 of the user interface with a first visual feature (the visual feature corresponding to the subscribed channel), for example, the electronic device optionally displays the channel package representation in color (rather than black and white) to indicate that the user has subscribed to the channel package.

[0198] In some embodiments, in addition to including representation 810 corresponding to channel package P1, the user interface also includes representations of channels belonging to channel package P1 (e.g., representations 808-1, 808-2, and 808-3 belonging to channels D, E, and F, respectively), as shown in FIG. Figure 8F In some embodiments, in response to subscribing to channel package P1, representations of channels D, E, and F (e.g., representations 808-1, 808-2, and 808-3) are also moved from region 804 to region 802 in the user interface, as shown. Figures 8G to 8H Similar to as described in conjunction with the movement of representation 810 from area 804 to area 802 in the user interface, representations 808-1, 808-2, and 808-3 are optionally also moved from area 804 to area 802 in the user interface in response to subscribing to channel package P1, and are optionally also displayed by the electronic device with a first visual characteristic (e.g., displaying the moving channel representations in color (rather than black and white) to indicate that the user has subscribed to the channels). Figure 8H The result of representation 810 and / or 808 - 1 , 808 - 2 , and 808 - 3 moving from region 804 to region 802 of the user interface is shown.

[0199] In some embodiments, while displaying channels to which the user has subscribed and channels to which he has not subscribed, the electronic device receives input corresponding to a request to display information about a particular channel. Figure 8I A user interface is shown, including representations of channels to which the user has subscribed displayed in region 802 of the user interface and representations of channels to which the user has not subscribed displayed in region 804 of the user interface, as previously described. Figure 8I , representation 808-2 corresponding to channel E has current focus.

[0200] In some embodiments, the electronic device receives an input corresponding to a request for information about channel E (corresponding to Figure 8IIn response to receiving the input, in some embodiments, the electronic device displays a channel information page 812 that includes information about channel E and / or multiple representations of content items available on channel E, such as Figure 8J Specifically, the channel information page 812 includes a user interface element 814 (which is optionally an image associated with channel E), information 818 about channel E, and / or representations 820 of content items available on channel E (e.g., content items E-1, E-2, E-3, etc.). For example, when information about a sports channel is requested, images and / or other information about sporting events that can be viewed on the sports channel are displayed in the user interface. Additionally, in some embodiments, if the user is not subscribed to the channel about which the user is requesting information, the channel information page 812 also includes an option to subscribe to the channel (e.g., Figure 8J Subscription user interface element 816 for channel E).

[0201] In some embodiments, because the user is not subscribed Figure 8J , so representation 820 is not selectable to play its corresponding content item (e.g., selecting representation 820 corresponding to a content item associated with channel E (an unsubscribed channel) does not cause the content item to begin playing in the user interface). However, in some embodiments, if the user requests information about channels to which the user is subscribed, such as Figures 8K to 8L , it indicates that 820 is selectable to play its corresponding content item. For example, select Figure 8L The representation 820-1 in results in the content item AI being played in the user interface. Figures 8K to 8L As shown in , the details of requesting information about subscribed channels are optionally similar to the details of requesting information about unsubscribed channels, such as Figures 8I to 8J As shown in .

[0202] Figures 9A to 9G is a flow chart illustrating a method 900 for viewing and managing subscribed and unsubscribed channels available on an electronic device according to some embodiments of the present disclosure. Method 900 is optionally performed on an electronic device (such as device 100, device 300, or device 500), as described above in conjunction with Figure 1A to Figure 1B 、 Figures 2 to 3 and Figures 5A to 5B Some operations in method 900 may be optionally combined, and / or the order of some operations may be optionally changed.

[0203] As described below, method 900 provides a way for a user to interact with a device to view and manage subscribed and unsubscribed channels available on the device. This method reduces the cognitive burden on the user when interacting with the user interface of the disclosed device (e.g., a playlist or now playing user interface), thereby creating a more efficient human-computer interface. For battery-powered electronic devices, improving the efficiency of user interaction with the user interface saves power and increases the time between battery charges.

[0204] In some embodiments, a display device (e.g., a display device included in or coupled to an electronic device, such as Figure 5A 514 in the electronic device) and one or more input devices (e.g., one or more input devices included in or coupled to the electronic device; for example, a second electronic device having a touch-sensitive surface, for example, a second electronic device having a touch-sensitive surface, such as a remote control, for example, Figures 5A to 5B An electronic device (e.g., device 100, 300, or 500) having a remote control 510 in the user interface generates (902) first multiple representations of a first channel in a first area (e.g., an upper area) of the user interface for display on a display device (e.g., images, icons, or other visual elements, which optionally include visual indications of the channels to which they correspond. For example, the images optionally include logos corresponding to the channels, text including the channel names, or any other visual indications of the channels), wherein the first multiple representations of the first channel have first visual characteristics (e.g., the first multiple channels appear in color, have a relatively high brightness level, have a relatively large size, etc.), and the first multiple representations of the first channel correspond to channels to which the user subscribes (904), e.g., Figure 8A , as shown in (e.g., a user of the electronic device optionally subscribes to channels in the first plurality of channels). In some embodiments, the user has paid to subscribe to one or more of the channels, and in some embodiments, the user's subscription to one or more of the channels is free. In some embodiments, the user interface also includes a second plurality of representations of a second channel in a second area of ​​the user interface that is different from the first area (e.g., a lower area), the second plurality of representations of the second channel having a second visual characteristic that is different from the first visual characteristic (e.g., the second plurality of channels are presented in grayscale or black and white, have a relatively low brightness, have a relatively small size, etc.), and the second plurality of representations of the second channel correspond to channels to which the user is not subscribed (906), for example Figure 8A ) (e.g., because the user of the electronic device has not attempted to subscribe to the channel, or does not wish to subscribe to the channel).

[0205] In some embodiments, while displaying a first plurality of representations of a first channel and a second plurality of representations of a second channel, the electronic device receives (908) input (e.g., input from a remote control, such as directional input detected on a touch-sensitive surface of the remote control. For example, an up / down / left / right swipe on the remote control) so that a corresponding channel representation of the second plurality of representations of the second channel has current focus (e.g., moving a visible cursor or an invisible cursor over the corresponding channel based on the input in the remote control so that the corresponding channel has current focus). In some embodiments, in response to receiving the input, the electronic device modifies (910) the corresponding channel representation to have the first visual feature instead of having the second visual feature, e.g. Figure 8B ) (e.g., modifying the display of the corresponding channel so that the corresponding channel is displayed in a manner similar to the channels to which the user has subscribed). For example, the corresponding channel is rendered in color (e.g., the channels to which the user has subscribed), while the other channels in the second plurality of channels remain in grayscale or black and white. In some embodiments, modifying the corresponding channel additionally or alternatively includes increasing the brightness of the corresponding channel, amplifying the corresponding channel, and / or otherwise highlighting the corresponding channel.

[0206] In some embodiments, generating a first plurality of representations having a first visual characteristic includes generating the first plurality of representations in color, generating a second plurality of representations having a second visual characteristic includes generating the second plurality of representations in grayscale or black and white, and modifying the corresponding channel representation to have the first visual characteristic rather than the second visual characteristic includes modifying the corresponding channel representation to be displayed in color rather than in grayscale or black and white (912) (e.g., subscribed channels are displayed in color, while unsubscribed channels are displayed in black and white or grayscale). In some embodiments, in response to receiving the input, the electronic device increases (914) the size of the corresponding channel representation (e.g., the channel representation with current focus). In some embodiments, increasing the size of the corresponding channel representation is part of a graphical effect that gives the appearance of the corresponding channel representation being lifted from the plane on which the channel representations are displayed. In some embodiments, in response to receiving the input, the electronic device adds (916) a shadow to the corresponding channel representation (e.g., the channel representation with current focus). In some embodiments, adding the shadow to the corresponding channel representation is part of a graphical effect that gives the appearance of the corresponding channel representation being lifted from the plane on which the channel representations are displayed. In some embodiments, in response to receiving the input, the electronic device increases (918) the brightness of the corresponding channel representation relative to other channel representations (e.g., increases the brightness of the channel representation with the current focus or decreases the brightness of other channel representations that are not currently in focus).

[0207] In some embodiments, after modifying the corresponding channel representation, the electronic device receives (920) a second input such that a second corresponding channel representation in the second plurality of representations of the second channel has current focus (e.g., by receiving an up / down / left / right swipe on a touchpad of a remote control). In some embodiments, in response to receiving the second input (922): the electronic device reverses (924) the modification of the corresponding channel representation such that the corresponding channel representation has the second visual characteristics instead of the first visual characteristics (e.g., because the corresponding channel representation no longer has current focus, the corresponding channel representation is changed to appear in black and white instead of color); and modifies (926) the second corresponding channel representation to have the first visual characteristics instead of the second visual characteristics, such as Figure 8C , as shown in (e.g., changing the second corresponding channel representation so that it appears in color instead of black and white because it now has the current focus).

[0208] In some embodiments, when the corresponding channel representation has current focus, the electronic device receives (928) a second input corresponding to a request to subscribe to the corresponding channel (e.g., a click detected on a touchpad of a remote control or in a predefined area of ​​a touchpad when the corresponding channel representation has current focus), optionally followed by one or more steps in which the user authorizes the subscription to the corresponding channel (e.g., providing payment information or authorization, agreeing to subscription terms and conditions, etc.). In some embodiments, after receiving the click, a confirmation is displayed requesting confirmation of the subscription request before the subscription is completed. In some embodiments, in response to receiving the second input: the electronic device moves (930) the corresponding channel representation from the second area of ​​the user interface to the first area of ​​the user interface while maintaining the corresponding channel representation having the first visual feature, such as Figures 8D to 8E ) (e.g., because the corresponding channel is now a channel to which the user is subscribed, the corresponding channel representation is moved to the subscribed channels area of ​​the user interface).

[0209] In some embodiments, while displaying a first plurality of representations of a first channel and a second plurality of representations of a second channel in a user interface, the electronic device receives (932) a second input corresponding to a request for information about a particular channel among the first and second channels (e.g., by receiving an up / down / left / right swipe on a touchpad of a remote control followed by a click on the touchpad of the remote control). In some embodiments, in response to receiving the second input, the electronic device generates (934) an updated user interface for display on the display device, the user interface including: a plurality of representations (936) of content items available on the particular channel, such as Figure 8J, as shown in (e.g., when information about a sports channel is requested, images and / or other information about sporting events available on the sports channel are displayed in the user interface. From there, the user optionally selects a content item to view (if subscribed to the channel), or is presented with an option to subscribe to the channel (if not subscribed to the channel)); and based on determining that the particular channel is a channel to which the user is not subscribed, a subscription user interface element (938) is selectable to subscribe to the particular channel, as shown in . Figure 8J , as shown in (for example, a button for subscribing to a channel).

[0210] In some embodiments, upon determining that a particular channel is a channel to which the user subscribes, multiple representations of content items are selectable to play the corresponding content items (940), such as Figure 8L , as shown in (e.g., selecting a content item associated with a subscribed channel causes the content item to begin playing in the user interface), and based on determining that the particular channel is a channel to which the user is not subscribed, the plurality of representations of the content item are not selectable to play the corresponding content item (942), as shown in . Figure 8J (e.g., selecting a content item associated with an unsubscribed channel does not cause the content item to begin playing in the user interface.) In some embodiments, such content items are not selectable.

[0211] In some embodiments, the second area of ​​the user interface also includes a channel bundle representation of a first bundle of the first plurality of channels, such as Figure 8F , as shown in (e.g., a sports channel package that includes multiple sports channels). If the user subscribes to the sports channel package, the user optionally subscribes to each channel in the sports channel package. In some embodiments, when the channel package representation has current focus, the electronic device receives (946) a second input corresponding to a request to subscribe to a first package of a first plurality of channels (e.g., a click detected on a touchpad of a remote control or in a predefined area of ​​a touchpad). In some embodiments, after receiving the click, a confirmation is displayed requesting confirmation of the subscription request before the subscription is completed. In some embodiments, in response to receiving the second input, the electronic device subscribes (948) to multiple channels of the first package of the first plurality of channels, as Figure 8G , as shown in (e.g., subscribing to each channel in the first package).

[0212] In some embodiments, the second area of ​​the user interface includes a first portion (e.g., an upper portion) and a second portion (950) (e.g., a lower portion), wherein the first portion includes multiple representations of channels that belong to one or more channel packages, including a first package (952) of the first plurality of channels (e.g., channels that are part of the package are displayed in the first portion of the second area), and the second portion includes multiple representations of channels that do not belong to the channel package (954), as shown. Figure 8FIn some embodiments, in response to receiving a second input (956) (e.g., input to subscribe to a channel package): the electronic device moves the channel package representation of the first package from the second area in the user interface to the first area (958), as shown in FIG. Figures 8G to 8H as shown (e.g., moving the channel package representation from an unsubscribed area of ​​the user interface to a subscribed area of ​​the user interface); and modifying (960) the channel package representation of the first package to have a first visual feature (e.g., displaying the channel package representation in color (rather than black and white) to indicate that the user is subscribed to the channel package).

[0213] In some embodiments, the second area of ​​the user interface also includes representations of the first plurality of channels in the first package (962), such as Figure 8F , as shown in (e.g., in addition to displaying the sports package representation in the user interface, each channel included in the sports channel also has a representation displayed in the user interface). In some embodiments, in response to receiving a second input (964) (e.g., an input to subscribe to the channel package): the electronic device moves (966) the representations of the first plurality of channels in the first package from the second area in the user interface to the first area (e.g., moving the representations of the channels in the channel package from the unsubscribed area of ​​the user interface to the subscribed area of ​​the user interface); and modifies (968) the representations of the first plurality of channels in the first package to have a first visual characteristic, e.g., Figures 8G to 8H (e.g., displaying the moved channel representation in color (rather than black and white) to indicate that the user is subscribed to the channel).

[0214] In some embodiments, modifying the corresponding channel representation to have the first visual characteristic instead of the second visual characteristic includes displaying an animated transition (970) of the corresponding channel representation from having the first visual characteristic to having the second visual characteristic (e.g., an animation of the corresponding channel representation floating upward, gradually increasing in saturation and / or gradually increasing in brightness, etc.).

[0215] It should be understood that Figures 7A to 7M The specific order in which the operations are described in the description is merely exemplary and is not intended to indicate that the order is the only order in which the operations may be performed. A person of ordinary skill in the art will recognize many ways to reorder the operations described herein. In addition, it should be noted that the details of other processes described herein in conjunction with other methods described herein (e.g., methods 700, 1100, and 1300) are also applicable in a similar manner to the details of the processes described above in conjunction with Figures 9A to 9GMethod 900 is described. For example, the representation of channels described above in conjunction with method 900 optionally has one or more of the features of the representation of channels described herein in conjunction with other methods described herein (e.g., methods 700, 1100, and 1300). For the sake of brevity, these details are not repeated here.

[0216] The operations in the above information processing method are optionally implemented by running one or more functional modules in an information processing device, such as a general-purpose processor (e.g., a processor in combination with a processor). Figure 1A 、 Figure 3 、 Figure 5A and Figure 15 In addition, the above combination Figures 9A to 9G The operation is optionally performed by Figure 1A to Figure 1B . For example, the generating operation 902, the receiving operation 908, and the modifying operation 910 are optionally implemented by the event classifier 170, the event identifier 180, and the event handler 190. The event monitor 171 in the event classifier 170 detects contact on the touch-sensitive surface 451, and the event distributor module 174 delivers the event information to the application 136-1. The corresponding event identifier 180 of the application 136-1 compares the event information with the corresponding event definition 186 and determines whether the first contact at the first position on the touch-sensitive surface corresponds to a predefined event or sub-event, such as the selection of an object on the user interface. When the corresponding predefined event or sub-event is detected, the event identifier 180 activates the event handler 190 associated with the detection of the event or sub-event. The event handler 190 optionally utilizes or calls the data updater 176 or the object updater 177 to update the application internal state 192. In some embodiments, the event handler 190 accesses the corresponding GUI updater 178 to update the content displayed by the application. Similarly, those skilled in the art will clearly know how to update the content displayed by the application based on the GUI updater 178. Figure 1A to Figure 1B The components depicted in the figure implement other processes.

[0217] Content Navigation

[0218] Users interact with electronic devices in a variety of different ways, including interacting with content (e.g., music, movies, etc.) available (e.g., stored or otherwise accessible) on the electronic device. In some cases, users desire to navigate the content available on the electronic device. The embodiments described below provide ways in which electronic devices allow users to navigate the content items available on the electronic device, thereby enhancing the interaction between the user and the electronic device. Enhancing the interaction with the device reduces the amount of time required for the user to perform an operation, thereby reducing the power consumption of the device and extending the battery life of battery-powered devices. It should be understood that people use devices. When a person uses a device, this person is optionally referred to as a user of the device.

[0219] Figures 10A to 10X The electronic device according to some embodiments of the present disclosure allows a user to navigate the exemplary manner of content items available on the electronic device. The embodiments in these figures are used to illustrate the process described below, including the combination of Figures 11A to 11K Describe the process.

[0220] It should be pointed out that Figures 10A to 10X The examples shown relate to electronic devices that display information on non-touch-sensitive displays, but it should be understood that electronic devices can display information on displays that are touch-sensitive (e.g., touch screens). For example, the electronic device can include a touch screen, or the electronic device can output display information for display on a separate touch screen, as described earlier in this disclosure - in which case the display described below optionally corresponds to the touch screen, and the input described below is optionally detected on the touch screen.

[0221] Figure 10A An exemplary display 514 is shown. Display 514 optionally displays one or more user interfaces including various content. Figure 10A In the example shown, the display 514 optionally displays a Figure 5A 1006, a watch list segment indicator 1008, an on-demand segment indicator 1010, a channel segment indicator 1012, and / or a search segment indicator 1014. Figure 10A, the live segment indicator 1006 is currently selected, as reflected by the dashed box around the live segment indicator 1006. In some embodiments, when the live segment indicator 1006 is currently selected, the content display area 1004 includes live content from the currently selected channel accessible on the electronic device (e.g., the currently selected channel in the channel bar, as described in conjunction with method 700 above). In some embodiments, the content display area 1004 also includes a visual indication 1016 of the currently selected channel (e.g., a logo corresponding to the live content displayed in the content display area 1004 of the currently selected channel). In some embodiments, the electronic device displays the live content from the currently selected channel (e.g., the currently selected channel in the channel bar). Figure 8B 1006) while receiving a further selection of the live segment indicator 1006. For example, the initial selection of the live segment indicator 1006 is optionally the movement of the cursor to the live segment indicator 1006, and the further selection of the live segment indicator 1006 is optionally the detection of a click on the touch pad of the remote control when the live segment indicator 1006 is currently selected. In some embodiments, the further selection of the live segment indicator 1006 causes the electronic device to hide the logo 1016 after a predetermined time period (e.g., 1, 3, or 5 seconds), and causes the electronic device to hide the navigation bar 1002 while keeping the live content displayed in the content display area 1004, as shown. Figure 10C As shown in . In this way, the user can optionally watch the live content in full screen on the display 514.

[0222] In some embodiments, when the live segment indicator 1006 is currently selected, the channel bar is displayed in the user interface, such as Figure 10D The channel bar optionally shows the combination Figures 6A to 6R Specifically, when the live segment indicator 1006 is currently selected, the electronic device optionally receives input corresponding to a request to display the channel bar 1020 (e.g., multiple representations of channels accessible in the content display area 1004 of the user interface). In response to the input, the electronic device optionally displays the channel bar 1020 in the content display area 1004 of the user interface along an axis (e.g., Figure 10D Horizontally (as shown in ). In some embodiments, the channel bar 1020 has one or more properties of the channel bar described above in conjunction with method 700. Figure 10D The channel column 1020 in includes representations 1018 corresponding to channels A, B, C, D, and E accessible on the electronic device. Figure 10D In the example of , representation 1018 - 3 (corresponding to channel C) is selected, as reflected by the dashed border, and live content from channel C is displayed in the content display area 1004 of the user interface.

[0223] Figure 10E shows the pair (e.g., Figure 10A 10D). When the watch list segment indicator 1008 is selected, the electronic device optionally keeps the navigation bar 1002 displayed in the user interface and optionally replaces the display of live content in the content display area 1004 with watch list content (e.g., content selected based on previous user interactions with the media content collection, such as content that the user of the electronic device has previously indicated should be added to the watch list). The watch list content optionally includes live content (e.g., corresponding to representations 1022-1 and 1022-2) and on-demand content (e.g., corresponding to representations 1022-3, 1022-4, and 1022-5). In some embodiments, the watch list content includes content items that have been viewed and content items that have not been viewed (e.g., content item E corresponding to representation 1022-5 is a previously viewed content item). In some embodiments, representation 1022-5 corresponding to viewed content item E includes an indication 1024 of the current playback position of content item E (e.g., a progress bar).

[0224] In some embodiments, the user can select a content item in the content display area 1004 to play the content item in the content display area 1004. For example, Figure 10E In the example shown in FIG2 , representation 1022 - 4 corresponding to content item D has current focus. In response to receiving input corresponding to a request to play content item D (e.g., a click detected on a touchpad of a remote control when content item D has current focus), the electronic device optionally replaces the display of the watch list content item with content item D, as shown in FIG2 . Figure 10F As shown in .

[0225] Figure 10G Selection of the on-demand segment indicator 1010 in the navigation bar 1002 is shown. Figure 10G, selects the on-demand segment indicator 1010 in a manner similar to selecting the watch list segment indicator 1008 described above. In response to selecting the on-demand segment indicator 1010, the electronic device optionally replaces the display of the watch list content in the content display area 1004 with on-demand content, which includes on-demand content available to the user (e.g., free on-demand content, paid on-demand content, on-demand content from channels to which the user subscribes, on-demand content from channels to which the user does not subscribe, etc.). For example, the electronic device optionally displays representation 1026-1 (corresponding to content item A) and representation 1026-2 (corresponding to representation 1026-2) as free on-demand content, and displays representation 1026-3 (corresponding to content item C), representation 1026-4 (corresponding to content item D), and representation 1026-5 (corresponding to content item E) as paid on-demand content.

[0226] In some cases, the user selects a representation of on-demand content to play the on-demand content. Figure 10G In , representation 1026-1 corresponding to content item A has current focus. Figure 10G , the electronic device receives input corresponding to a request to play content item A (e.g., a click detected on the touchpad of the remote control when representation 1026-1 has current focus), and in response, because content item A is free on-demand content, the electronic device plays content item A in content display area 1004 of the user interface, as shown in FIG. Figure 10H As shown in .

[0227] Figure 10I The selection of a paid on-demand content item is shown. In FIG101 , representation 1026-5 corresponding to paid content item E has the current focus. The electronic device optionally receives input corresponding to a request to play content item E, and in response, because content item A is optionally paid on-demand content, the electronic device displays a payment confirmation dialog box 1027 for confirming payment for viewing content item E, as shown in FIG101 . Figure 10J If the user confirms payment (e.g., by selecting “Yes” in dialog box 1027), the electronic device optionally plays content item E in content display area 1004 of the user interface. If the user refuses payment (e.g., by selecting “No” in dialog box 1027), the electronic device optionally does not play content item E in content display area 1004 of the user interface.

[0228] In some embodiments, the electronic device displays on-demand content from channels to which the user subscribes and channels to which the user does not subscribe in the user interface, such as Figure 10K. For example, representations 1028-1 (corresponding to content item A) and 1028-2 (corresponding to content item B) optionally correspond to content from channels to which the user subscribes. Representations 1028-3 (corresponding to content item C), 1028-4 (corresponding to content item D), and 1028-5 (corresponding to content item E) optionally correspond to content from channels to which the user does not subscribe. As described above in conjunction with paid and unpaid on-demand content, in some embodiments, the user selects a content item to play the content item in the user interface. For example, in Figure 10K In FIG. 1 , the user selects representation 1028-2 to play content item B. Because content item B comes from a channel subscribed by the user, the electronic device plays content item B in the content display area 1004 of the user interface, as shown in FIG. Figure 10L As shown in . Figure 10M In FIG, the user selects representation 1028-3 to play content item C. Because content item C comes from a channel to which the user has not subscribed, the electronic device displays a dialog box 1029 asking the user whether he is willing to subscribe to the channel associated with content item C. Figure 10N If the user selects “Yes” in dialog box 1029, the electronic device optionally plays content item C in content display area 1004 of the user interface. If the user selects “No” in dialog box 1029, the electronic device does not play content item C in content display area 1004 of the user interface.

[0229] Figure 10O 1002. When the user selects the channel segment indicator 1012, the electronic device displays a representation of the channels available to the user in the content display area 1004 of the user interface. Figure 10O In the embodiment, the electronic device displays representations 1030-1 (corresponding to channel A), 1030-2 (corresponding to channel B), and 1030-3 (corresponding to channel C) as channels subscribed by the user, and displays representations 1030-4 (corresponding to channel D) and 1030-5 (corresponding to channel E) as channels to which the user has not subscribed. The subscribed channels and the unsubscribed channels are optionally displayed in separate areas of the content display area 1004 of the user interface. The channels displayed in the content display area 1004 optionally have the same configuration as described above. Figures 8A to 8L and Figures 9A to 9G One or more attributes of a channel as described in method 900 .

[0230] In some embodiments, select Figure 10O The representation of a channel causes the electronic device to display representations of content items available on that channel, such as Figure 10P Specifically, in Figure 10O, the user has selected representation 1030-3 (corresponding to subscribed channel C), which has the current focus in 100. In response to this selection, the electronic device displays representation 1032 in the content display area 1004 of the user interface. Representation 1032 corresponds to content items available on channel C (e.g., C-1, C-2, C-3, etc.).

[0231] In some embodiments, the selection Figure 10P The content item specific to the channel C page in the user interface causes the electronic device to display information related to the content item selected on channel C in the content display area 1004 of the user interface, such as Figure 10Q Specifically, in Figure 10P , indicating that 1032-5 (corresponding to content item C-5) has the current focus. Select Figure 10P The representation 1032-5 in will cause the electronic device to display information 1034 and 1035 about the content item C-5 on channel C in the content display area 1004, as shown in FIG. Figure 10Q The information 1034 and 1035 include information such as information about related content items on channel C, the play time of the content item C-5 on channel C, and the like.

[0232] In some embodiments, additional information about a content item from a channel-specific user interface is requested (e.g., Figure 10P ) causes information to be displayed that is different from the information displayed in response to a request for additional information about a content item from a non-channel-specific user interface. Specifically, as described above in conjunction with Figure 10Q As discussed, in response to selecting a representation of content item C-5 from a user interface specific to channel C (e.g., Figure 10P Information 1034 and 1036 about content item C-5 on channel C is displayed in response to selecting a representation of the content item from a non-channel-specific user interface (e.g., an on-demand page as described above or a search results page as described below). In such cases, the electronic device optionally displays a combined content item page associated with the content item in question and with multiple channels on which the content item is available (rather than a specific channel on which the content item is available). Figure 10R Such a combined content item page is shown for content item C-5. The combined content item page optionally displays information about the non-channel-specific content item C-5, such as information about the multiple channels on which the content item C-5 is available, its broadcast time, etc. (as shown by information 1036 in Figure 10R).

[0233] Figure 10S10. The electronic device displays a text input field 1040 for searching for content available on the electronic device and representations 1038 of content items viewed by users other than the user of the electronic device (e.g., popular content items available to the user, content items searched for by other users, etc.) in the content display area 1004. In some embodiments, the representations 1038 correspond to popular content items based on the search or viewing behavior of other users (e.g., content items most frequently viewed by other users, content items most frequently searched for by other users, content items highly rated by other users, etc.).

[0234] Figure 10T 1040 is shown searching for content items. Specifically, a first portion of the search input (e.g., "Ba") is entered in the text input field 1040. In response, the electronic device displays a representation 1041 of the search result content items based on the first portion of the search input in the text input field 1040. In some embodiments, the search result content items include content items associated with subscribed channels and unsubscribed channels. In some embodiments, the search result content items include paid content items and unpaid content items. In some embodiments, the representation 1041 is updated / refined as further search input is received in the text input field 1040. For example, in Figure 10U , further search input has been received in text input field 1040 (e.g., "Ba" has been completed to "Batman"). In response, the electronic device optionally updates representation 1041 based on the new search input. For example, in Figure 10U In response to completing "Ba" to "Batman" in text input field 1040, the electronic device has deleted representations 1041-1, 1041-2, and 1041-4 (which were previously displayed in Figure 10T ), and representations 1041-6 and 1041-7 have been added based on the electronic device's update determination regarding the user's possible expected search results.

[0235] In some embodiments, the electronic device displays the search result content items in a stacked or "shelf" format, such as by combining Figure 10V to Figure 10X As described. Figure 10V , the first part of the search input (e.g., "G") has been entered into the text input field 1040. As a result, the electronic device displays a representation 1041 of the search result content item based on the first part of the search input. When displaying the representation 1041, the electronic device optionally identifies the item by content type (e.g., Figure 10Vseparate search result content items by (e.g., movies and television shows in). Additionally, the electronic device optionally displays a representation of search result content items of a type that the electronic device determines is more relevant to the search input currently entered in the first region 1042 of the content display area 1004. Similarly, the electronic device optionally displays a representation of search result content items of a type that the electronic device determines is less relevant to the search input currently entered in the second region 1044 of the content display area 1004. It should be understood that in some embodiments, the search result content items include more than two types of content items, and in such cases, the electronic device displays the search result content items in more than two regions of the user interface in a manner similar to that described above.

[0236] In Figure 10V the example of, the electronic device has determined that based on the search input "G", movie search results are more relevant than television show search results. As a result, the electronic device has displayed representations 1041-1, 1041-2, and 1041-3 corresponding to movie content items in the region 1042 of the content display area 1004. Similarly, the electronic device has displayed representations 1041-6, 1041-7, 1041-8, 1041-9, and 1041-10 corresponding to television show content items in the region 1044 of the content display area 1004. In some embodiments, the sorting of the representations 1041 within each of the regions 1042 and 1044 of the user interface is based on the likelihood that their corresponding content items are associated with the search being performed (e.g., the search results in each of the regions 1042 and 1044 are optionally displayed from left to right in order of most likely to least likely). In some embodiments, the arrangement of the search result representations changes as additional search input is entered into the text input field 1040, as now described.

[0237] Figure 10W shows further text being entered into the text input field 1040 to complete "G" to "ghost". In response, the electronic device has refined the search result content items and has reduced the number of representations 1041 displayed in the content display area 1004 of the user interface, as Figure 10W shown. Additionally, (e.g., by determining that "ghost" is most likely to correspond to a search for the movie "Ghostbusters") the electronic device has determined that the search input is still more relevant to movies than to television shows, and thus maintains the representations of movies in the region 1042 of the content display area 1004 and maintains the representations of television shows in the region 1044 of the content display area 1004.

[0238] Figure 10XFurther text entry into the text input field 1040 is shown to complete "G" to "Games." Similar to the above, in response, the electronic device has refined the search result content items and has reduced the number of representations 1041 displayed in the content display area 1004 of the user interface, as shown. Figure 10X However, compared to Figure 10W , the electronic device has determined that the search input is more relevant to television programs than to movies (e.g., by determining that "games" most likely corresponds to a search for the television program "Game of Thrones"). Therefore, the electronic device switches the representation of television programs to area 1042 of content display area 1004 and switches the representation of movies to area 1044 of content display area 1004, as shown in FIG. Figure 10X As shown in .

[0239] Figures 11A to 11K 1 is a flow chart illustrating a method 1100 for navigating content items available on an electronic device according to some embodiments of the present disclosure. Method 1100 is optionally performed on an electronic device (such as device 100, device 300, or device 500), as described above in conjunction with Figure 1A to Figure 1B 、 Figures 2 to 3 and Figures 5A to 5B Some operations in method 1100 may be optionally combined, and / or the order of some operations may be optionally changed.

[0240] As described below, method 1100 provides a way for a user to interact with a device (for navigating content items available on the device). This method reduces the cognitive burden on the user when interacting with a user interface of the disclosed device (e.g., a playlist or now playing user interface), thereby creating a more efficient human-computer interface. For battery-powered electronic devices, improving the efficiency of user interaction with the user interface saves power and increases the time between battery charges.

[0241] In some embodiments, a display device (e.g., a display device included in or coupled to an electronic device, such as Figure 5A 514 in the electronic device) and one or more input devices (e.g., one or more input devices included in or coupled to the electronic device; for example, a second electronic device having a touch-sensitive surface, such as a remote control such as Figures 5A to 5BAn electronic device (e.g., device 100, 300, or 500) having a remote control 510 in FIG. 1 generates a media navigation user interface (1102) for display on a display device, the media navigation user interface comprising: a navigation bar including live segment indicators (e.g., indicators corresponding to live content accessible on the electronic device), watch list segment indicators (e.g., indicators corresponding to content that a user of the electronic device has previously indicated should be added to a watch list. The content optionally includes live content and on-demand content), and on-demand segment indicators (1104) (e.g., indicators corresponding to on-demand content accessible on the electronic device); and a content display area (1106), such as Figure 10A For example, when a live segment indicator in the navigation bar has current focus, content corresponding to the live segment indicator is optionally displayed in the content display area, as shown in FIG. Figure 10A In some embodiments, when the media guidance user interface is displayed on the display device and the live segment indicator is currently selected and live content is displayed in the content display area, the electronic device detects (1108) selection of the watch list segment indicator (e.g., in response to input from a remote control, such as directional input detected on a touch-sensitive surface of the remote control). For example, swiping up / down / left / right on the remote control causes the watch list segment indicator to be currently selected.

[0242] In some embodiments, in response to detecting selection of the watch list segment indicator, the electronic device generates (1110) an updated user interface for display on the display device that maintains display of the navigation bar and replaces display of the live content in the content display area with the watch list content, such as Figure 10EIn some embodiments, when a media navigation user interface is displayed on a display device and a watch list segment indicator is currently selected and watch list content is displayed in the content display area, the electronic device detects (1112) the selection of the on-demand segment indicator; and in response to detecting the selection of the on-demand segment indicator, the electronic device generates (1114) an updated user interface for display on the display device, which maintains the display of the navigation bar and replaces the display of the watch list content in the content display area with on-demand content (including on-demand content available to the user, for example, free on-demand content, paid on-demand content, on-demand content from channels to which the user subscribes, on-demand content from channels to which the user does not subscribe, etc.). Figure 10G Like in.

[0243] In some embodiments, when the live segment indicator is currently selected, the live content displayed in the content display area corresponds to the currently selected channel (1116), such as Figure 10D In some embodiments, when displaying live content in the content display area, the electronic device displays (1118) a visual indication in the content display area of ​​the currently selected channel, such as FIG. 10A to FIG. 10B In some embodiments, when the live segment indicator is currently selected, the electronic device receives (1120) an input corresponding to further selecting the live segment indicator (e.g., the original selection of the live segment indicator is simply moving the cursor to the live segment indicator, and when the live segment indicator is currently selected, the further selection of the live segment indicator is a click detected on the touch pad of the remote control). In some embodiments, in response to the input, the electronic device stops displaying (1122) the visual indication of the currently selected channel after a predetermined period of time, such as FIG. 10B to FIG. 10C (e.g., hiding the channel logo after 1, 3, or 5 seconds).

[0244] In some embodiments, when the live segment indicator is currently selected, the electronic device receives (1124) input corresponding to further selecting the live segment indicator (for example, the original selection of the live segment indicator is simply moving the cursor to the live segment indicator, and when the live segment indicator is currently selected, the further selection of the live segment indicator is a click detected on the touch pad of the remote control); and in response to the input, the electronic device generates (1126) an updated user interface for display on the display device, which stops displaying the navigation bar in the user interface while maintaining display of the live content in the content display area, such as FIG. 10B to FIG. 10C In some embodiments, when the live segment indicator is currently selected, the electronic device receives (1128) input corresponding to a request to display multiple representations of accessible channels in the content display area, such as Figure 10D In some embodiments, in response to receiving the input, the electronic device generates (1130) an updated user interface for display on the display device, the user interface including a plurality of representations of channels accessible in the content display area arranged along a first axis in the content display area, such as Figure 10D In some embodiments, the channel bar has one or more properties of the channel bar described above with reference to method 700.

[0245] In some embodiments, when the watch list segment indicator is currently selected, the displayed watch list content includes a first set of representations of viewed content items and a second set of representations of unviewed content items (1132), such as Figure 10E In some embodiments, the first representation of the first viewed content item in the first set of representations includes a visual indication (1134) of the current playback position in the first viewed content item, such as Figure 10E In some embodiments, when the watch list segment indicator is currently selected, the displayed watch list content includes a first set of representations of live content items and a second set of representations of on-demand content items (1136), such as Figure 10E Like that.

[0246] In some embodiments, when the watch list segment indicator is currently selected and the watch list content is displayed in the content display area, the electronic device receives (1138) input corresponding to a request to play a corresponding content item of the watch list content (e.g., a click detected on a touch pad of a remote control when the corresponding content item is currently focused). In some embodiments, in response to receiving the input (1140): the electronic device replaces (1142) the display of the watch list content in the content display area with the corresponding content item; and stops displaying (1144) a navigation bar in the user interface, such as Figure 10F Like in.

[0247] In some embodiments, when the on-demand segment indicator is currently selected, the displayed on-demand content includes a first set of representations of paid content items and a second set of representations of unpaid content items (1146), such as Figure 10G In some embodiments, when a first set of representations of paid content items and a second set of representations of unpaid content items are displayed in a user interface, the electronic device receives (1148) input corresponding to a request to play a corresponding content item in the paid or unpaid content items (e.g., a click detected on a touchpad of a remote control when the corresponding content item representation is currently focused). In some embodiments, in response to receiving the input (1150): based on determining that the corresponding content item is a paid content item, the electronic device displays (1152) in the user interface a request confirming that the user wants to make a payment, such as Figures 10I to 10J that (e.g., displaying a dialog box asking the user whether he is willing to pay for viewing the content item); and based on determining that the corresponding content item is an unpaid content item, the electronic device replaces (1154) the display of the on-demand content in the content display area with the corresponding content item, such as Figures 10G to 10H Like that.

[0248] In some embodiments, upon displaying a confirmation request for payment from the user, the electronic device receives (1156) a second input (e.g., an input agreeing to pay or declining to pay). In some embodiments, in response to receiving the second input (1158): based on determining that the second input corresponds to user confirmation of payment (e.g., the user agrees to pay for viewing the content item), the electronic device replaces (1160) the display of the on-demand content in the content display area with the corresponding content item; and based on determining that the second input does not correspond to user confirmation of payment (e.g., the user declines to pay for viewing the content item), the electronic device forgoes (1162) replacing the on-demand content in the content display area with the corresponding content item (e.g., if the user does not want to pay to view, the paid content item is not played).

[0249] In some embodiments, the on-demand content displayed when the on-demand segment indicator is currently selected includes (1164) a first set of representations of subscribed content items (e.g., content items of channels to which the user has subscribed), and a second set of representations of unsubscribed content items (e.g., content items of channels to which the user has not subscribed), such as Figure 10K In some embodiments, when the first set of representations of subscribed content items and the second set of representations of unsubscribed content items are displayed, the electronic device receives (1166) input corresponding to a request to play a corresponding content item from the subscribed or unsubscribed content items (e.g., a click detected on a touchpad of a remote control when the corresponding content item representation is currently focused); and in response to receiving the input (1168): based on determining that the corresponding content item is a subscription content item, the electronic device replaces (1170) the display of the on-demand content in the content display area with the corresponding content, such as Figures 10K to 10L (e.g., if the user subscribes to a channel associated with the content item, then play the content item); and based on determining that the corresponding content item is an unsubscribed content item, the electronic device displays (1172) in the user interface a query asking the user whether he wants to subscribe to the channel associated with the corresponding content item, such as Figures 10M to 10N (e.g., if the user is not subscribed to the channel associated with the content item, then the user is offered an opportunity to subscribe to the channel).

[0250] In some embodiments, when a query is displayed in the user interface asking whether the user wants to subscribe to the channel associated with the corresponding content item, the electronic device receives (1174) a second input (e.g., an input agreeing to subscribe or declining to subscribe). In some embodiments, in response to receiving the second input (1176): based on determining that the second input corresponds to a request to subscribe to the channel associated with the corresponding content item, the electronic device replaces (1178) the display of the on-demand content in the content display area with the corresponding content item (e.g., if the user subscribes to the channel, the content item is played); and based on determining that the second input does not correspond to a request to subscribe to the channel associated with the corresponding content item, the electronic device abandons (1180) replacing the on-demand content in the content display area with the corresponding content item (e.g., if the user does not subscribe to the channel, the content item is not played).

[0251] In some embodiments, the navigation bar also includes a channel segment indicator (1181). In some embodiments, when the media navigation user interface is displayed on the display device and the on-demand segment indicator is currently selected and on-demand content is displayed in the content display area, the electronic device detects (1182) the selection of the channel segment indicator, such as Figure 10OIn some embodiments, in response to detecting selection of the channel segment indicator, the electronic device generates (1184) an updated user interface for display on the display device that maintains display of the navigation bar and replaces display of the on-demand content in the content display area with channel content that includes multiple representations of channels available to the user, such as Figure 10O as in (e.g., a representation of channels to which the user is subscribed and channels to which the user is not subscribed but are available for subscription).

[0252] In some embodiments, the plurality of representations of channels includes: representations of channels to which the user is subscribed; and representations of channels to which the user is not subscribed, such as Figure 10O In some embodiments, the navigation bar also includes a channel segment indicator (1188). In some embodiments, when a representation of a corresponding content item is displayed in the content display area of ​​the user interface, such as Figure 10P In some embodiments, the electronic device receives (1190) a selection of a representation of the corresponding content item (e.g., a click detected on a touchpad of a remote control when the corresponding content item representation is currently focused), based on determining that the corresponding content item was displayed on a non-channel-specific page (e.g., an on-demand page, or a search results page) when the selection of the representation of the corresponding content item was received, the electronic device displays (1194) in the content display area a combined content item page associated with the corresponding content item and multiple channels including the corresponding channel, such as a page corresponding to a particular channel (e.g., a page corresponding to a particular channel, or a page corresponding to a search results page). Figure 10R In some embodiments, based on determining that upon receiving a selection of a representation of a corresponding content item, the corresponding content item is displayed on a channel-specific page (e.g., a channel page navigated to from a channel section, the channel page displaying content items available on a particular channel), the electronic device displays (1196) in the content display area a content item page associated with the corresponding content item and the corresponding channel, such as Figure 10Q as in (e.g., a content item page displaying information about the corresponding content item that is not specific to a channel, such as information about related content items on a specific channel, the play time of the corresponding content item on a specific channel, etc.).

[0253] In some embodiments, the navigation bar also includes a search segment indicator (1198). In some embodiments, when the media navigation user interface is displayed on the display device and the on-demand segment indicator is currently selected and on-demand content is displayed in the content display area, the electronic device detects (1198-2) the selection of the search segment indicator, such as Figure 10S In some embodiments, in response to detecting a selection of the search segment indicator, the electronic device generates (1198-4) an updated user interface for display on the display device, which maintains the display of the navigation bar and replaces the display of the on-demand content in the content display area with search content and a text input field, the search content including multiple representations (1198-6) of content items viewed by users other than the user (e.g., popular content items available to the user, content items searched for by other users, etc.); the text input field is used to search for content available to the user (1198-8), such as Figure 10S In some embodiments, the plurality of representations of content items includes representations of popular content items based on the search or viewing behavior of other users (1198-10) (e.g., representations of those content items most frequently viewed by other users, those content items most frequently searched by other users, those content items highly rated by other users, etc. are displayed in the search portion).

[0254] In some embodiments, while displaying a text input field, the electronic device receives (1198-12) a search input in the text input field; and in response to receiving the search input (e.g., text or voice input for searching for content available on the electronic device), the electronic device replaces (1198-14) multiple representations of content items with multiple representations of search result content items based on the search input, such as Figure 10TIn some embodiments, the search result content items include content items associated with subscribed channels and unsubscribed channels (1198-16). In some embodiments, the search result content items include paid content items and unpaid content items (1198-18). In some embodiments, when displaying a text input field, the electronic device receives (1198-20) a first portion of a search input in the text input field; and in response to receiving the first portion of the search input (e.g., text or voice input for searching for content available on the electronic device), the electronic device displays (1198-22) a first plurality of representations of search result content items based on the first portion of the search input, such as Figure 10T Like in.

[0255] In some embodiments, while displaying the first plurality of representations of search result content items, the electronic device receives (1198-24) a second portion of the search input in the text input field; and in response to receiving the second portion of the search input, the electronic device replaces (1198-26) the first plurality of representations of the search result content items with a second plurality of representations of the search result content items based on the first portion and the second portion of the search input, such as Figure 10U In some embodiments, the search content includes a first area and a second area, and after receiving a first search input in the text input field (wherein results of a first type (e.g., movies) are more relevant than results of a second type (e.g., television shows) for the first input), results of the first type are displayed in the first area and results of the second type are displayed in the second area (1198-28), such as Figure 10V In some embodiments, when results of the first type are displayed in the first area and results of the second type are displayed in the second area, the electronic device receives (1198-30) a second search input in the text input field (e.g., one or more characters other than the first search input); and in response to receiving the second search input (1198-32): based on determining that results of the first type (e.g., movies) are more relevant than results of the second type (e.g., television shows) for the second search input, the electronic device maintains (1198-34) display of the first type of results in the first area, and display of the second type of results in the second area, such as Figure 10W (while, optionally, updating the results in the first area and / or the second area to take into account the second search input); and based on determining that results of the second type (e.g., television programs) are more relevant than results of the first type (e.g., movies) for the second search input, the electronic device (1198-36) displays the results of the second type in the first area and displays the results of the first type in the second area, such as Figure 10X(while optionally updating the results in the first and / or second areas to account for the second search input). For example, when the user types "G" in the search field, "Ghostbusters" is a top result, so movies that begin with the letter G are displayed in the top area, and TV shows that begin with the letter G are displayed in the area below the top area. However, when the user types "a" in addition to "G" and "Game of Thrones" is a top result, then TV shows that begin with "Ga" are displayed in the top area, and movies that begin with "Ga" are displayed in the area below. Conversely, if the user types "h" and "Ghostbusters" is still a top result, then movies that begin with "Gh" are displayed in the top area, and TV shows that begin with "Gh" are displayed in the area below the top area.

[0256] It should be understood that Figures 11A to 11K The specific order in which the operations are described in the description is merely exemplary and is not intended to indicate that the order is the only order in which the operations may be performed. A person of ordinary skill in the art will recognize many ways to reorder the operations described herein. In addition, it should be noted that the details of other processes described herein in conjunction with other methods described herein (e.g., methods 700, 900, and 1300) also apply in a similar manner to the details of the processes described above in conjunction with Figures 11A to 11K Method 1100 is described. For example, the representation of channels described above in conjunction with method 1100 optionally has one or more of the features of the representation of channels described herein in conjunction with other methods described herein (e.g., methods 700, 900, and 1300). For the sake of brevity, these details are not repeated here.

[0257] The operations in the above information processing method are optionally implemented by running one or more functional modules in an information processing device, such as a general-purpose processor (e.g., a processor in combination with a processor). Figure 1A 、 Figure 3 、 Figure 5A and Figure 16 In addition, the above combination Figures 11A to 11K The operation is optionally performed by Figure 1A to Figure 1B110 and 1114, and detection operations 1110 and 1112 are optionally implemented by event classifier 170, event recognizer 180, and event handler 190. Event monitor 171 in event classifier 170 detects contact on touch-sensitive surface 451, and event distributor module 174 delivers the event information to application 136-1. A corresponding event recognizer 180 of application 136-1 compares the event information with a corresponding event definition 186 and determines whether a first contact at a first location on the touch-sensitive surface corresponds to a predefined event or sub-event, such as a selection of an object on a user interface. When a corresponding predefined event or sub-event is detected, event recognizer 180 activates an event handler 190 associated with the detection of the event or sub-event. Event handler 190 optionally utilizes or calls data updater 176 or object updater 177 to update application internal state 192. In some embodiments, the event handler 190 accesses the corresponding GUI updater 178 to update the content displayed by the application. Similarly, those skilled in the art will clearly know how to update the content displayed by the application based on the GUI updater 178. Figure 1A to Figure 1B The components depicted in the figure implement other processes.

[0258] Content Guidelines

[0259] Users interact with electronic devices in a variety of different ways, including interacting with content (e.g., music, movies, etc.) available on the electronic device (e.g., stored or otherwise accessible). In some cases, users wish to view, navigate, and play the current and future content of channels available on the electronic device. The following embodiments provide ways in which electronic devices allow users to view, navigate, and play the current and future content of channels available on the electronic device, thereby enhancing the interaction between the user and the electronic device. Enhancing the interaction with the device reduces the amount of time required for the user to perform an operation, thereby reducing the power consumption of the device and extending the battery life of battery-powered devices. It should be understood that people use devices. When a person uses a device, this person is optionally referred to as a user of the device.

[0260] Figures 12A-12FF The electronic device according to some embodiments of the present disclosure allows a user to view, navigate and play the current and future content of the channels available on the electronic device. The embodiments in these figures are used to illustrate the process described below, including the combination of Figures 13A to 13K Describe the process.

[0261] It should be pointed out that Figures 13A to 12FFThe examples shown relate to electronic devices that display information on non-touch-sensitive displays, but it should be understood that electronic devices can display information on displays that are touch-sensitive (e.g., touch screens). For example, the electronic device can include a touch screen, or the electronic device can output display information for display on a separate touch screen, as described earlier in this disclosure - in which case the display described below optionally corresponds to the touch screen, and the input described below is optionally detected on the touch screen.

[0262] Figure 12A An exemplary display 514 is shown. Display 514 optionally displays one or more user interfaces including various content. Figure 12A In the illustrated embodiment, the display 514 optionally displays a Figure 5A 1204. The user interface includes a content display area 1202 and a channel bar 1204 that includes a plurality of representations 1206 of channels that the electronic device can access. In some embodiments, each representation 1206 in the channel bar 1204 corresponds to a content item currently available on the corresponding channel. The channel bar 1204 optionally displays the content item in combination with the content item in the channel bar 1204. Figures 6A to 6R and Figure 10D Selecting a representation 1206 in the channel bar 1204 may optionally cause playback of the corresponding currently available content item in the content display area 1202 of the user interface. For example, representation 1206-1 corresponds to content item A-1 currently available on channel 1. The remaining representations 1206 correspond to corresponding content items currently available on their respective channels. Figure 12A , as reflected by the dashed border, representation 1206 - 4 is currently selected, and thus content item A- 4 from channel 4 (corresponding to representation 1206 - 4 ) is playing in the content display area 1202 of the user interface.

[0263] In some embodiments, the electronic device is capable of displaying a content guide that includes information about current and future content items available on channels accessible to the electronic device (e.g., channels in channel bar 1204). Figure 12C As described, a click detected in top area 1208 of touch-sensitive surface 451 causes the content guide to be displayed. Touch-sensitive surface 451 is optionally a second electronic device such as a remote control (e.g., Figures 5A-5BIn some embodiments, the content guide is not accessed by clicking in the top area 1208 of the touch-sensitive surface 451, but rather by scrolling past the end of the channel bar 1204 (e.g., scrolling past the left end of the channel bar 1204), which optionally causes a content guide user interface element 1208 to appear on the display 514, as shown. Figure 12B The user then optionally selects the content guide user interface element 1208 to display the content guide, as will be referenced in Figure 12C As described.

[0264] Figure 12C Shows the response to Figure 12A or Figure 12B Specifically, the channel bar 1204 is optionally animated to move out of the user interface (e.g., upward out of the user interface), while the content guide (including the array 1210, as will be described later) is optionally animated to move into the user interface (e.g., upward into the user interface) at the same time. Figure 12C As shown, the channel bar 1204 and the content guide are animated in the same direction (eg, upward).

[0265] Figure 12D An exemplary content guide user interface is shown, wherein the content guide (including array 1210) has been completely moved into the user interface and the channel bar 1204 has been completely moved out of the user interface. The content guide includes arrays 1210 arranged horizontally, where each array corresponds to a channel accessible on the electronic device. For example, array 1210-1 corresponds to channel 1, array 1210-2 corresponds to channel 2, and so on. Arrays 1210 optionally include information about the content items for a channel, which is arranged vertically within each array based on the time each content item is available on that channel. For example, array 1210-1 vertically displays content item A-1, followed by content item A-6, and then content item B-2, with these content items positioned in the array (corresponding to array 1210-1) based on the time they are available on channel 1. For example, because content item A-1 on channel 1 is available after content item A-6, content item A-6 is displayed below content item A-1 in array 1210-1. The remaining arrays optionally display information about content items available on their corresponding channels in a similar manner.

[0266] In some embodiments, the content guide also includes a reference time indicator 1212 displayed next to the array 1210 that reflects the absolute time at which the content item is scheduled to be available within a predetermined time interval (e.g., every 30 minutes). Figure 12D10. The reference time indicators 1212 in the array 1210 indicate 8:00 AM, 8:30 AM, and 9:00 AM, and the representations of the content items in the array 1210 are positioned relative to the reference time indicators 1212 based on the start / end times of the content items. In addition, in some embodiments, the content guide includes a current time indicator 1214 that indicates the current playback position of the content items in the array 1210 (e.g., a line extending horizontally across the array 1210 in the content guide). The position of the current time indicator 1214 relative to the start / end times of the content items in the array 1210 optionally reflects the relative current playback position relative to those start / end times. The relative position of the current time indicator 1214 relative to the content items is optionally updated as the current playback position / current time changes.

[0267] In some embodiments, the content guide also includes an information area 1216. The information area 1216 optionally includes information about the currently selected content item 1218 in the array 1210. For example, Figure 12D , content item A-4 in array 1210-4 is currently selected content item 1218. As such, information area 1216 includes information about content item A-4 (e.g., title, channel, broadcast time, description, etc.). In some embodiments, currently selected content item 1218 is displayed differently from unselected content items. For example, Figure 12D As shown, content item A-4 in array 1210-4 is displayed with visual characteristics that differ from the visual characteristics of the remaining content items (e.g., both have contrasting colors of black and white, one has a border and one does not, one has shading and one does not, etc.). Furthermore, in some embodiments, the currently selected content item 1218 in array 1210 includes information of a type not included in the unselected content items. For example, content item A-4 includes information that content item A-4 is a "new episode," while the remaining content items in array 1210 do not include such information (e.g., information that the episode is new, a repeating episode, etc.). Additionally or alternatively, other types of such information are optionally displayed in the currently selected content item 1218, such as the content item's rating, the content item's runtime, the content item's genre, etc. In some embodiments, the content guide includes a representation of one or more content items available for on-demand presentation (e.g., content item A-6), and the representation of the one or more content items available for on-demand presentation includes a visual indication (e.g., visual indication 1219) indicating that the content item is available for on-demand presentation.

[0268] In some embodiments, the channels corresponding to array 1210 are the same channels that were included in channel bar 1204 before the content guide was displayed. Figure 12AIn the example, the channel bar 1204 includes representations 1206 of channels 1, 2, 3, 4, and 5, and in the example Figure 12D , the content guide includes an array 1210 corresponding to channels 1, 2, 3, 4, and 5 (hidden from view on the right side of the display 514). Additionally, in some embodiments, the positions of the channel representations 1206 in the channel bar 1204 optionally correspond to the positions of the corresponding arrays 1210 in the content guide. For example, Figure 12A The representation 1206-3 (corresponding to channel 3) is displayed in the channel bar 1204 between the representations 1206-2 (corresponding to channel 2) and 1206-4 (corresponding to channel 4), and Figure 12D Array 1210-3 (corresponding to channel 3) is similarly displayed in the content guide between arrays 1210-2 (corresponding to channel 2) and 1210-4 (corresponding to channel 4).

[0269] In some embodiments, as Figure 12A and Figure 12D As shown in , the channels displayed in the channel bar 1204 and the content guide are channels that include content (e.g., currently playing content or future content) having common characteristics (e.g., common themes or themes, such as sports-related content). Figure 12A For example, the currently available content items on channels 1-5 (e.g., content items A-1, A-2, A-3, A-4, and A-5) have a common feature A (e.g., belonging to the same content type A, such as sports-related content). Figure 12D , the currently available sub-content items on channels 1-4 (e.g., content items A-1, A-2, A-3, and A-4) also have common characteristic A. In some embodiments, the channel bar 1204 and content guide do not include channels that have no currently available content or future content (e.g., playing within the next hour or two) having the currently specified shared characteristic (e.g., characteristic or content type A).

[0270] As previously described, in some embodiments, the current time indicator 1214 moves as time passes, such as Figures 12E to 12G Specifically, Figure 12E , the current time indicator 1214 has been changed from the corresponding Figure 12D The 8:10am position in the Figure 12E At 8:25am in Figure 12F , the current time indicator 1214 continues to move to a position corresponding to 8:31 a.m. In some embodiments, as the current time indicator 1214 approaches the reference time indicator 1212, the reference time indicator 1212 moves to avoid the current time indicator 1214. For example, Figure 12F, the reference time indicator 1212 (corresponding to 8:30 AM) has moved so as not to obscure the current time indicator 1214. In some embodiments, as the current time indicator 1214 continues to move and passes the original position of the reference time indicator 1212, the reference time indicator 1212 optionally moves back to its original position, as shown in FIG. Figure 12G shown.

[0271] FIG. 12H to FIG. 12I Shows changes to the content categories currently specified in the content guide. Figure 12H Basically corresponds to Figure 12D . As previously discussed, the currently designated content category (e.g., shared features) is optionally Category A. In some embodiments, the user scrolls past the end of the content guide to change the currently designated category. For example, in FIG121 , the user has scrolled past the left end of the content guide. In response, the electronic device displays a category selection area 1220 that includes a plurality of categories for the user to select. In FIG121 , as previously discussed, Category A is currently designated (reflected by the solid line border surrounding Category A). Figure 12J , the user has selected Category B from Category selection area 1220. In response, array 1210 in the content guide is updated to include information about channels that include content from Category B (e.g., currently available content or future content) instead of content from Category A. For example, in Figure 12J , because channels 6-8 include currently playing content of category B (eg, content items B-3, B-4, and B-5), the array 1210 corresponding to channels 1-3 has been replaced by the array 1210 corresponding to channels 6-8.

[0272] In some cases, rather than changing the currently assigned category in the content guide by scrolling past the end of the content guide, the user scrolls through channels in different categories by scrolling through the content guide, e.g. Figures 12K to 12M shown. Figure 12K Basically corresponds to Figure 12H .exist Figure 12K The channels shown in are channels of category A. To view channels of category B, the user optionally scrolls right through the content guide, as shown in FIG. Figure 12L As shown. Figure 12L , the user has scrolled right through the content guide, passing through array 1210-5- corresponding to channel 5. Figure 12LIn this embodiment, the user has reached the last channel of Category A. As a result, as previously described, the user has reached array 1210-6 corresponding to channel 6 (which is a channel of Category B). In some embodiments, arrays 1210 corresponding to channels of different categories are visually separated in the content guide (e.g., displayed in different areas of the content guide, as reflected by the dotted line between arrays 1210-5 and 1210-6). Also, in Figure 12L , content item B-3 in array 1210-6 is currently selected 1218 (e.g., as a result of scrolling through array 1210). In response, the electronic device places content item A-4 (which was previously in Figure 12K The appearance of the content item B-1 is changed to the appearance of the unselected content item, and the appearance of the content item B-3 is changed to the appearance of the selected content item, as described above. Figure 12M , the user scrolls further to the right in the content guide, causing arrays 1210-7 (corresponding to channel 7) and 1210-8 (corresponding to channel 8) to be displayed, which also correspond to channels in category B. The user can further scroll through the content guide in the manner described above to view categories C and D (and optionally any other categories of channels available on the electronic device).

[0273] In some embodiments, a user can select content items from a content guide to perform various actions. Figure 12N Figures 120 to 121 illustrate the selection of content items currently available in the content guide. Figure 12N 120 , the user has selected (e.g., tapped touch-sensitive surface 451 using contact 1203) content item B-5 (currently selected content item 1218 in the content guide). Because content item B-5 is currently available on channel 8, in response to detecting the tap on touch-sensitive surface 451, the electronic device plays content item B-5 in content display area 1202 of the user interface on display 514, as shown in FIG120 .

[0274] Figures 12P to 12Q Shows a selection of content items that are not currently available in the content guide. Figure 12P, the user has selected (e.g., using contact 1203 to click touch-sensitive surface 451) content item C-3 (the currently selected content item 1218 in the content guide). Because content item C-3 is not currently available on channel 7, in response to the click detected on touch-sensitive surface 451, the electronic device displays dialog box 1222. Dialog box 1222 optionally includes a notification element for providing a notification when content item C-3 becomes available (e.g., a reminder button that reminds the user when the content item becomes available). If the user selects the notification element, a reminder is optionally provided to the user a predetermined time period before the start time of content item C-3 (such as 15, 10, or 5 minutes before the start time of content item C-3). In some embodiments, selecting the notification element causes the electronic device to add content item C-3 to a list of channels such as reference 7. Figure 10E The described viewing list is displayed for later viewing. Dialog box 1222 optionally also includes a content item information element for displaying a user interface corresponding to content item C-3 (e.g., a button for displaying a content item page corresponding to content item C-3). For example, if the user selects the content item information element, a content item-specific page with information about content item C-3 is optionally displayed on display 514, including information such as a description of content item C-3, a rating of the channel content item C-3, a running time of content item C-3, a title of content item C-3, and a genre of content item C-3. Dialog box 1222 optionally also includes a channel information element (e.g., a button for displaying a channel page) for displaying a user interface corresponding to channel 7 on which content item C-3 is available. For example, if the user selects the channel information element, a channel-specific page with information about channel 7 is optionally displayed on display 514, including information such as the name of the channel, other content available on the channel, and the genre of the channel.

[0275] Figures 12R to 12U Different actions are shown that the electronic device optionally performs in response to selecting a currently available content item using an input having a shorter duration (e.g., a click) versus an input having a longer duration (e.g., a click and hold). Figure 12R , the user has selected content item B-5 currently available on channel 8 on touch-sensitive surface 451 using a short click (e.g., an input having a duration shorter than a predetermined duration threshold, such as 1 second, 3 seconds, or 5 seconds). In response, the electronic device plays content item B-5 on display 514, as shown in FIG. Figure 12S shown.

[0276] exist Figure 12TIn FIG, the user has selected content item B-5 on touch-sensitive surface 451 using a long click (e.g., click and hold) (e.g., an input with a duration shorter than a predetermined duration threshold such as 1 second, 3 seconds, or 5 seconds). In response, the electronic device displays dialog box 1224, such as Figure 12U Dialog box 1224 optionally includes content item information elements and channel information elements, as shown in FIG. Figure 12Q Dialog box 1224 optionally also includes a play element for playing content item B-5 on display 514 (eg, if the user selects the play button, content item B-5 optionally is played on the display).

[0277] In some embodiments, the content guide includes not only channels with currently available content items of the currently specified category, but also channels with future content of the currently specified category within a predetermined time period of the current time. Figure 12V , the currently designated category is Category A. Thus, the content guide includes arrays 1210-1 and 1210-2 corresponding to channels 1 and 2, which have currently available content in Category A. The content guide also includes arrays 1210-9 and 1210-10 corresponding to channels 9 and 10, because channels 9 and 10 have future content in Category A (content items A-3 and A-4) within a predetermined time period of the current time (e.g., within one hour of the current time). Additionally, in some embodiments, arrays 1210 (e.g., arrays 1210-9 and 1210-10) corresponding to channels that do not have currently available content in the currently designated category, but do have future content in the currently designated category, are displayed in a different area of ​​the user interface than the arrays (e.g., arrays 1210-1 and 1210-2) corresponding to channels that have currently available content in the currently designated category, as shown. Figure 12V shown.

[0278] In some embodiments, content items in the currently designated category are displayed with different visual characteristics than content items that are not in the currently designated category. Figure 12W, the currently designated category is category A. Thus, content items in array 1210 that are category A are displayed with a first visual characteristic (e.g., in color, shaded, etc.), while content items in array 1210 that are not category A are displayed with a second visual characteristic that is different from the first visual characteristic (e.g., in black and white, without shading, etc.). For example, each of content items B-1, B-2, C-1, and C-2 is displayed with a visual characteristic that is different from content items A-1, A-2, A-3, and A-6. It will be appreciated that in some embodiments, the currently selected content item 1218 is displayed with yet another visual characteristic, enabling the user to visually distinguish between the currently displayed content item 1218 and other content items. If the user changes the currently designated category, the content guide is optionally updated with the channel corresponding to the changed category, and the content items in the resulting content guide are displayed similarly to the above. For example, in Figure 12X , the user has changed the currently designated category to category B. In response, the electronic device has updated the content guide to include channels 6-9 and has displayed content items in category B (e.g., B-3, B-4, B-5, and B-6) with a first visual characteristic and content items that are not in category B (e.g., A-7, C-3, D-1, and D-2) with a second visual characteristic, as described above.

[0279] Figures 12Y to 12Z and Figures 12AA to 12FF Various actions of the electronic device are shown when a channel included in the content guide no longer has currently available content of the currently specified category. Figure 12Y , the currently designated category is Category A. Furthermore, since the current time indicator 1214 reflects that content items A-1, A-2, A-3, and A-4 are currently playing on channels 1-4, respectively, channels 1-4 have currently available content of Category A. Figure 12Z, the current time indicator 1214 has progressed to 8:31 AM. At 8:31 AM, channels 2 and channel 3 still have currently available content in category A (e.g., content items A-2 and A-3). However, channels 1 and 4 no longer have currently available content in category A, i.e., channel 1 has currently available content in category D (e.g., content item D-1), while channel 4 has currently available content in category B (e.g., content item B-1). In response, because the currently available content for channel 1 is not category A (the currently designated category), the electronic device removes array 1210-1 (corresponding to channel 1) from the content guide. However, in some embodiments, the electronic device does not remove array 1210-4 (corresponding to channel 4) from the content guide. In some embodiments, this is because the currently selected content item 1218 is on channel 4, and if that channel has a currently selected content item, the electronic device does not remove the array corresponding to the channel from the content guide. However, in some embodiments, as Figure 12AA As shown, the electronic device removes the array corresponding to channels that do not have currently available content of the currently specified category, regardless of whether content items on those channels are currently selected. Figure 12BB The content guide is shown with arrays 1210-1 (corresponding to channel 1) and 1210-4 (corresponding to channel 4) removed.

[0280] In some embodiments, the electronic device removes the array corresponding to channels that do not have currently available content of the currently specified category only after the content guide has been removed from the display. Figure 12CC , channels 1 and 4 no longer have currently available content of category A (the currently specified category), as shown in reference Figure 12Z and Figure 12AA However, the electronic device does not remove arrays 1210-1 (corresponding to channel 1) and 1210-4 (corresponding to channel 4) from the content guide.

[0281] exist Figure 12DD In , the user has dismissed the content guide from display 514 (e.g., by requesting playback of content item A-3 on display 514). Figure 12EE , the user has requested that the channel bar 1204 be displayed. The channel bar 1204 does not include representations 1206 corresponding to channels 1 and 4 because, as previously described, channels 1 and 4 no longer have currently available content in category A (the currently designated category). Figure 12FF The user has requested that content guidelines be displayed. Similar to Figure 12EE In the channel bar 1204, Figure 12FFThe content guide in does not include arrays 1210 corresponding to channels 1 and 4 because, as previously described, channels 1 and 4 no longer have currently available content in category A (the currently designated category). Figures 12CC to 12FF As described above, in some embodiments, after the content guide (or channel bar) has been removed from display 514, the electronic device only deletes from the content guide the array of channels corresponding to currently available content that does not have the currently specified category (or deletes from the channel bar the representation of channels corresponding to currently available content that does not have the currently specified category). When the content guide (or channel bar) is redisplayed on display 514, the content guide (or channel bar) optionally no longer includes channels with currently available content that has the currently specified category.

[0282] Figures 13A-13L 1 is a flow chart illustrating a method 1300 for viewing, navigating, and playing current and future content of channels available on an electronic device according to some embodiments of the present disclosure. Method 1300 is optionally performed on an electronic device (such as device 100, device 300, or device 500), as described above in conjunction with Figure 1A to Figure 1B 、 Figures 2 to 3 and Figures 5A to 5B Some operations in method 1300 are optionally combined, and / or the order of some operations is optionally changed.

[0283] As described below, method 1300 provides a way for a user to interact with a device to view, navigate, and play current and future content of channels available on the device. This method reduces the cognitive burden on the user when interacting with the user interface of the disclosed device (e.g., a playlist or now playing user interface), thereby creating a more efficient human-computer interface. For battery-powered electronic devices, improving the efficiency of user interaction with the user interface saves power and increases the time between battery charges.

[0284] In some embodiments, a display device (e.g., a display device included in or coupled to an electronic device, such as Figure 5A 514 in the electronic device) and one or more input devices (e.g., one or more input devices included in or coupled to the electronic device; for example, a second electronic device with a touch-sensitive surface, such as a remote control, such as Figures 5A to 5BAn electronic device (e.g., device 100, 300, or 500) having a remote control 510 in the user interface generates (1302) a user interface for display on a display device, including simultaneously displaying playback content of various channels and displaying a channel bar including a plurality of representations (e.g., images, icons, other visual elements) of a first plurality of channels, the plurality of representations being arranged in a corresponding order along a first axis in the user interface (e.g., displaying the representations horizontally along a bottom of the user interface, each representation adjacent to another. The user interface optionally includes a content display area displaying content, such as a video, and a channel bar area displaying the plurality of representations) and corresponding to currently available content on the first plurality of channels, such as Figure 12A In some embodiments, when the channel bar is displayed on the display device, the electronic device receives (1304) input corresponding to a request to display the content guide on the display device (e.g., input from a remote control, such as clicking a button on the remote control, or clicking a touch-sensitive surface on the remote control), such as in FIG. 12A to FIG. 12B In some embodiments, in response to receiving the input, the electronic device generates (1306) an updated user interface for display on the display device, which includes displaying a content guide in the updated user interface, the content guide including information about content items for a second plurality of channels included in the first plurality of channels, the second plurality of channels including the first channel and the second channel, the content items including currently available content and future content, and information (1308) arranged in an adjacent array organized in a corresponding order along the first axis, for example, in Figure 12D In some embodiments, the channels appear in the content guide in the same order as in the channel bar (e.g., the order in which the channels appear horizontally in the content guide optionally corresponds to the order in which the channels appear horizontally in the channel bar). In some embodiments, the channels that appear in the content guide are the same channels that appear in the channel bar in the same order. In some embodiments, the array includes: a first array representing a first channel, which extends along a second axis in the updated user interface (e.g., extends vertically in the updated user interface), the first array including information about content items of the first channel, which is arranged along the second axis in the first array according to the time when the content items of the first channel are available on the first channel (1310); and a second array representing a second channel, which is displayed along the second axis in the updated user interface, the second array including information about content items of the second channel, which is arranged along the second axis in the second array according to the time when the content items of the second channel are available on the second channel (1312), such as Figure 12DIn some embodiments, the content guide is displayed as a set of columns (e.g., channels are optionally represented in the content guide as horizontally arranged columns). The columns optionally include content items for the channel arranged vertically in each column, where the content items are arranged vertically according to the time at which each content item will be available on the channel. For example, a column representing a first channel optionally displays information about currently available content items at the top of the column and progressively displays future content items as the time at which these content items become available moves further into the future. In some embodiments, when the content guide is displayed, an input is received, and if the input is a horizontal swipe, the columns in the content guide are scrolled, while if the input is a vertical swipe, the content items in the channel column are scrolled.

[0285] In some embodiments, generating an updated user interface further comprises: in response to receiving an input corresponding to a request to display a content guide on the display device (1314), stopping displaying the playback content of the corresponding channel, such as Figure 12D In some embodiments, the second plurality of channels in the content guide corresponds to the first plurality of channels in the channel bar (1316), such as in 12A to 12D (e.g., the channels in the channel bar are the same channels as the channels in the content guide). For example, if the channel bar includes only sports channels, the content guide will optionally include only the same sports channels. In some embodiments, the corresponding positions of the array representing the second plurality of channels in the content guide correspond to the corresponding positions of the representations of the first plurality of channels in the channel bar (1318), such as in 12A to 12D (e.g., the corresponding positions of the channels in the channel bar optionally correspond to the corresponding positions of the corresponding channel arrays in the content guide). For example, if the first channel is to the left of the second channel in the channel bar, then the channel array for the first channel is also to the left of the channel array for the second channel in the content guide. In some embodiments, when displaying the content guide, the electronic device displays (1320) information about the content item currently selected in the content guide in an updated user interface, such as Figure 12D This information is optionally displayed along the top of the updated user interface and is updated when the currently selected content item changes in response to user input.

[0286] In some embodiments, the electronic device displays (1322) a representation of the currently selected content item in a corresponding one of the arrays with a first visual characteristic (e.g., displaying the currently selected content item in the content guide in color, with a border, with a shadow, etc.), and displays representations of unselected content items in the array using a second visual characteristic that is different from the first visual characteristic, such as Figure 12DIn some embodiments, displaying a representation of the currently selected content item with a first visual characteristic includes: displaying (1324) a first type of information about the currently selected content item in the representation of the currently selected content item, such as Figure 12D (e.g., when a representation of a content item is selected in the content guide, the representation of the content item is optionally updated to include additional information about the content item that was not displayed before the content item was selected.) For example, the representation of a content item may optionally display the title of the content item before the content item is selected, and after it is selected, the representation may optionally be updated to include another type of information, such as a rating of the content item, a runtime of the content item, a category of the content item, etc.

[0287] In some embodiments, the representation of the unselected content items does not include corresponding information of the first type about the corresponding unselected content items (1326), such as in Figure 12D In some embodiments, a user interface (e.g., a live TV application) is associated with a first category of channels and a second category of channels (1328) (e.g., more than one type of channel has currently available content. For example, a sports channel and a news channel have currently available content), the channels in the first category of channels include content (e.g., currently playing content) that shares a first common characteristic (e.g., a common theme, such as content that is currently playing or is about to play is sports-related content) (1330), the channels in the second category of channels include content (e.g., currently playing content) that shares a second common characteristic, wherein the second common characteristic is different from the first common characteristic (1332) (e.g., content that is currently playing or is about to play is news-related content), and the first plurality of channels in the channel bar and the second plurality of channels in the content guide are selected to include channels from the first category of channels and not include channels from the second category of channels (1334), such as in Figure 12D In one embodiment, the channel bar and content guide are configured to display a channel category, such as a sports channel or a news channel. When a sports channel (e.g., a channel with currently playing sports content and, optionally, scheduled sports content) is displayed, a news channel (e.g., a channel with currently playing news content and, optionally, scheduled news content) is optionally not displayed, and vice versa.

[0288] In some embodiments, while displaying the content guide, the electronic device receives (1336) input corresponding to a channel from the second category rather than the first category, such as in FIG. 121 to FIG. Figure 12JIn some embodiments, in response to receiving the input (1338): the electronic device stops displaying (1340) the first category of channels in the content guide. AND the electronic device displays (1342) a plurality of channels from the second category of channels in the content guide, such as Figure 12J , as shown in (e.g., switching the currently designated channel category from a first category of channels to a second category of channels will cause the content guide to switch from displaying the first category of channels (e.g., sports channels) to displaying the second category of channels (e.g., news channels). In some embodiments, the input corresponding to the request to display channels from the second category of channels instead of the first category of channels includes (1344): scrolling (1346) past the end of the content guide along the first axis (e.g., scrolling horizontally to the far left or side of the content guide); and after scrolling past the end of the content guide along the first axis, selecting (1348) the second category of channels from a list of channel categories, the list of channel categories including the first category of channels and the second category of channels, such as Figures 12I to 12J As shown (eg, once the user scrolls past the end of the content guide, a list of channel categories is optionally displayed in the user interface. The user then optionally selects a channel category from the list of categories).

[0289] In some embodiments, the input corresponding to the request to display channels from the second category of channels instead of the first category of channels includes scrolling along a first axis from the first category of channels in the content guide to the second category of channels in the content guide (1350), such as Figures 12K to 12M , as shown in (e.g., a user optionally switches from one channel category to another channel category by horizontally scrolling through the channel categories in the content guide). For example, the user optionally scrolls through all channels in a first category of channels in the content guide and arrives at a second category of channels, at which point the user optionally scrolls through all channels in the second category of channels and arrives at a third category of channels, and so on. In some embodiments, receiving input corresponding to a request to display channels from the second category of channels instead of the first category of channels includes: receiving (1352) input corresponding to a request to switch the channel bar from displaying channels from the first category to displaying channels from the second category.

[0290] In some embodiments, the user interface associates a first category of channels and a second category of channels (1354) (e.g., more than one type of channel has currently available content. For example, a sports channel and a news channel have currently available content). In some embodiments, channels in the first category of channels include content (e.g., currently playing content) (1356) that shares a first common characteristic (e.g., a common theme, such as content currently playing or about to play is sports-related content), channels in the second category of channels include content (e.g., currently playing content) that shares a second common characteristic (1358) that is different from the first common characteristic (e.g., content currently playing or about to play is news-related content), and a first plurality of channels in the channel bar is selected to include channels from the first category of channels and exclude channels from the second category of channels (1360) (e.g., the channel bar is configured to display one channel category, such as a sports channel or a news channel). For example, when a sports channel (e.g., a channel with currently playing sports content and, optionally, sports content scheduled to be played), is displayed, a news channel (e.g., a channel with currently playing news content and, optionally, news content scheduled to be played) is optionally not displayed, and vice versa. In some embodiments, before receiving an input corresponding to a request to display a content guide on the display device, the electronic device receives (1362) an input corresponding to a request to switch the channel bar from displaying a first category of channels to displaying a second category of channels (e.g., switching the channel bar from a sports channel bar to a news channel bar). In some embodiments, in response to receiving the input (1364): the electronic device stops displaying (1366) the first category of channels in the channel bar. And displays (1368) the second category of channels in the channel bar. In some embodiments, when the channel bar displays channels from the second category instead of channels from the first category, input corresponding to a request to display a content guide on the display device is received, and the second plurality of channels in the content guide includes channels from the second category instead of channels from the first category (1370) (e.g., the channels displayed in the content guide are optionally controlled by the channels displayed in the channel bar). For example, if the content guide is displayed when the sports channel bar is displayed, the content guide optionally displays sports channels (e.g., the channel bar). If the content guide is displayed when the news channel bar is displayed, the content guide optionally displays news channels (e.g., the channel bar).

[0291] In some embodiments, while displaying the content guide, the electronic device receives (1372) input corresponding to selecting a representation of a corresponding content item in the content guide (e.g., input from a remote control, such as clicking a button on the remote control, or clicking a touch-sensitive surface on the remote control to select the corresponding content item). In some embodiments, in response to receiving the input (1374): based on determining that the corresponding content item is currently available, the electronic device plays (1376) the corresponding content item on the display device, such as on a video player. Figures 12N to 12O (e.g., if the user has selected a content item that is currently playing on its corresponding channel, the content item is optionally played in response to the selection). And based on determining that the corresponding content item is currently unavailable (e.g., the user has selected a content item that is not currently playing on its corresponding channel, such as a content item to be played in the future), the electronic device displays (1378) on the display one or more selectable user interface elements that enable the user to perform operations associated with future playback of the content item, such as in Figures 12P to 12Q As shown in .

[0292] In some embodiments, the selectable user interface elements include (1380): a notification element for providing a notification when the corresponding content item becomes available (e.g., a reminder button for providing a corresponding reminder when the content item becomes available. If the user selects the button, a reminder is optionally provided to the user a predetermined time period before the content item launch time, such as 15, 10, or 5 minutes; a content item information element for displaying a user interface corresponding to the corresponding content item (e.g., a button for displaying a content item page. For example, if the user selects the button, a content item-specific page with information about the content item is optionally displayed on the display device, including information such as a description of the content item, available channels for the content item, content item ratings, content item runtimes, content item titles, content item types, etc.); and a channel information element for displaying a user interface corresponding to a corresponding channel for which the corresponding content item is available, such as Figure 12Q as shown in (e.g., a button for displaying a channel page. For example, if a user selects the button, a channel-specific page is optionally displayed on the display device, the page having information about the channel where the content item is available, including information such as the channel name, other available content on the channel, the type of channel, etc.).

[0293] In some embodiments, while displaying the content guide, the electronic device receives (1382) input associated with a content item currently available in the content guide (e.g., input from a remote control, such as clicking a button on the remote control, or clicking a touch-sensitive surface on the remote control). In some embodiments, in response to receiving the input (1384): based on determining that the input has a duration shorter than a threshold time period (e.g., a click input, such as clicking a button on the remote control, or clicking a touch-sensitive surface on the remote control, and optionally, an intensity greater than an intensity threshold), the electronic device plays (1386) the currently available content item on the display device, such as Figures 12R to 12S In some embodiments, based on determining that the input has a duration longer than a threshold time period (e.g., a click and hold input, such as clicking and holding a button on a remote control, or clicking and holding a touch-sensitive surface on a remote control, and optionally, an intensity greater than an intensity threshold), the electronic device displays (1388) one or more selectable user interface elements on the display, allowing the user to perform an operation associated with the currently available content item, such as clicking and holding the content item in the display. Figure 12T and Figure 12U As shown in .

[0294] In some embodiments, the optional user interface elements include (1390): a play element for playing the currently available content item on the display device (e.g., if the user selects a play button, the content item is optionally played on the display); a content item information element for displaying a user interface corresponding to the currently available content item on the display (e.g., a button for displaying a content item page. For example, if the user selects the button, a content item-specific page with information about the content item is optionally displayed on the display device, including information such as a description of the content item, available channels for the content item, a content item rating, a content item run time, a content item title, a content item type, etc.); and a channel information element for displaying a user interface corresponding to a corresponding channel for which the currently available content item is available, such as Figure 12U For example, if a user selects the button, a channel-specific page may be displayed on the display device, the page having information about the channel on which the content item is available, including information such as the channel name, other available content on the channel, the type of channel, etc.

[0295] In some embodiments, a second plurality of channels in the content guide has currently available content that has a first shared characteristic (1392) (e.g., a common theme, such as sports-related content). In some embodiments, an updated user interface is associated with a first category of channels and a second category of channels (1394), channels in the first category of channels include currently available content (1396) having the first shared characteristic, channels in the second category of channels do not have currently available content that includes the first shared characteristic, but have future content (1398) that includes the first shared characteristic within a predetermined time threshold of the current time (e.g., 30 minutes, 1 hour, or 2 hours), and the second plurality of channels in the content guide is selected to include channels from the first category of channels and the second category of channels (1398-2), such as in Figure 12V (e.g., the content guide optionally includes channels with currently available content in the currently specified category, e.g., sports channels, and channels that do not have such currently available content but have future content that belongs to the currently specified category.) In some embodiments, channels in the first category of channels and channels in the second category of channels are displayed in separate areas of the content guide (1398-4), such as in Figure 12V (e.g., channels in the second category of channels are accessible in response to a scrolling input detected at an input device such as a remote control, where the scrolling input scrolls past channels in the first category of channels in the content guide into channels in the second category of channels).

[0296] In some embodiments, a second plurality of channels in the content guide includes content items having a first shared characteristic and content items that do not have the first shared characteristic (1398-6) (e.g., currently available content items on the second plurality of channels optionally have the shared characteristic, but not all future content items on the second plurality of channels have the shared characteristic). For example, all channels have currently available sports content, but one of the channels has news content items scheduled for the future. In some embodiments, representations of content items having the first shared characteristic in the content guide have a first visual characteristic (1398-8) in the content guide (e.g., displaying content items having the shared characteristic in a first color, a first shading, a first border style, etc.), and representations of content items not having the first shared characteristic have a first visual characteristic (1398-10) in the content guide that is different from the second visual characteristic, such as in Figure 12W (e.g., content items in the currently selected content category have a first visual characteristic, and content items in all other content categories have a second visual characteristic.) For example, content items that do not have the shared characteristic are displayed in a second color, a second shadow, a second border style, etc.

[0297] In some embodiments, when a representation of a content item having a first shared characteristic is displayed with a first visual characteristic and a representation of a content item not having the first shared characteristic is displayed with a second visual characteristic, the electronic device receives (1398-12) input (e.g., input to change a channel bar, or input to change a channel category in a content guide) corresponding to a request to change a currently specified characteristic from the first shared characteristic (e.g., sports-related content) to a second shared characteristic (e.g., news-related content). In some embodiments, in response to receiving the input (1398-14): the electronic device modifies (1398-16) the content guide to include a third plurality of channels having currently available content, wherein the currently available content has the second shared characteristic instead of the first shared characteristic, and the third plurality of channels includes content items having the second shared characteristic and content items not having the second shared characteristic, such as Figure 12X , as shown in (e.g., currently available content items on the third plurality of channels have the second shared characteristic, but not all future content items on the third plurality of channels have the second shared characteristic). For example, all channels have currently available news content, but one of the channels has movie content items scheduled for the future. In some embodiments, the electronic device displays (1398-18) a representation of the content item having the second shared characteristic with a first visual characteristic; and the electronic device displays (1398-20) a representation of the content item having the second shared characteristic with a second visual characteristic, such as in Figure 12X (eg, after a currently designated feature is changed, the same visual feature used to distinguish between content items having a first shared feature and other content items is optionally used to distinguish between content items having a second shared feature and other content items).

[0298] In some embodiments, when a second plurality of channels having currently available content including a sharing feature is displayed in the content guide, the electronic device determines (1398-22) that the first channel no longer has currently available content including a sharing feature, such as Figure 12Z (e.g., the currently playing content on the first channel used to have a sharing feature, but that content optionally ended, and the next content on the first channel optionally does not have a sharing feature.) In some embodiments, in response to determining that the first channel no longer has currently available content that includes a sharing feature, the electronic device maintains (1398-24) the first channel in the content guide and in the channel bar, such as Figure 12Z, as shown in (e.g., maintaining the first channel in the content guide and channel bar even though the current content does not have the sharing feature to prevent changes to the user interface that may confuse the user). In some embodiments, when a second plurality of channels with currently available content that includes the sharing feature is displayed in the content guide, the electronic device determines (1398-26) that the first channel no longer has currently available content that includes the sharing feature (e.g., the currently playing content on the first channel used to have the sharing feature, but that content optionally ended, and the next content on the first channel optionally does not have the sharing feature). In some embodiments, in response to determining that the first channel no longer has currently available content that includes the sharing feature, the electronic device removes the first channel from the content guide and channel bar (1398-28), such as Figure 12Z As shown in .

[0299] In some embodiments, while displaying a second plurality of channels having currently available content including a sharing feature in the content guide, the electronic device determines (1398-30) that the first channel no longer has currently available content including a sharing feature (e.g., the currently playing content on the first channel used to have a sharing feature, but that content optionally ended, and the next content on the first channel optionally does not have a sharing feature). In some embodiments, in response to determining that the first channel no longer has currently available content including a sharing feature (1398-32): based on determining that a content item on the first channel is currently selected, the electronic device maintains the first channel in the content guide and the channel bar (1398-34), such as Figure 12Z and based on determining that the content item on the first channel is not currently selected, the electronic device removes the first channel from the content guide and the channel bar (1398-36), such as Figure 12Z For example, if the user has already selected a content item on a first channel, the first channel may optionally be retained in the content guide so as not to cause a change in the user interface that would surprise or confuse the user. On the other hand, if the user has not yet selected a content item on the first channel, the first channel may optionally be removed because its removal may not confuse the user, whose attention may be on another channel.

[0300] In some embodiments, while displaying a second plurality of channels having currently available content including a sharing feature in the content guide, the electronic device determines (1398-38) that the first channel no longer has currently available content including a sharing feature (e.g., the currently playing content on the first channel used to have a sharing feature, but that content optionally ended and the next content on the first channel does not have a sharing feature). In some embodiments, in response to determining that the first channel no longer has currently available content including a sharing feature, the electronic device maintains the first channel in the content guide and the channel bar (1398-40), such as Figure 12CCIn some embodiments, after maintaining the first channel in the content guide and channel bar, the electronic device stops displaying the content guide and channel bar in the user interface (e.g., in response to an input corresponding to a request to stop displaying the content guide and / or channel), such as 1398-42. Figure 12DD In some embodiments, after ceasing to display the content guide and channel bar in the user interface (e.g., sometimes for a predetermined amount of time, such as 5 seconds, 30 seconds, or 1 minute), the electronic device redisplays (1398-44) the content guide and channel bar in the user interface (e.g., in response to input corresponding to a request to display the content guide and / or channel bar), with the first channel removed from the content guide and channel bar, such as in Figure 12EE and Figure 12FF (e.g., the first channel is removed from the content guide and the channel bar only after the user has dismissed the channel bar and content guide from the display. The next time the user requests display of the channel bar or content guide, the channel bar or content guide is optionally displayed without the first channel).

[0301] In some embodiments, the content guide includes a representation of one or more content items available for on-demand presentation, and the representation of the one or more content items available for on-demand presentation includes a visual indication (1398-46) indicating that the content item is available for on-demand presentation, such as in Figure 12D In some embodiments, in response to receiving input corresponding to a request to display a content guide on a display device, the electronic device displays (1398-48) an animation of representations of a first plurality of channels in a channel bar moving out of the user interface in a first direction while an array of content guides moves into the user interface in the first direction, the array of content guides being aligned with and corresponding to the representations of the first plurality of channels in the channel bar, such as FIG. 12C to FIG. 12D as shown (e.g., as the content guide slides into the user interface, the channel bar slides up out of the user interface).

[0302] In some embodiments, input corresponding to a request to display a content guide on a display device includes 1398-50: scrolling past the end of the channel bar along a first axis (1398-52) (e.g., horizontally scrolling to the far left or far right of the channel bar); and after scrolling past the end of the channel bar along the first axis, selecting a content guide user interface element (1398-54) displayed adjacent to the channel bar for displaying a content guide, such as in Figure 12B(e.g., once the user scrolls past the end of the channel bar, a content guide user interface element is optionally displayed near the channel bar. The user then optionally selects the content guide user interface element to display the content guide). In some embodiments, receiving input corresponding to a request to display a content guide on a display device includes: receiving (1398-56) a selection input (e.g., a tap input, a click input, or another input with an intensity greater than a threshold intensity and maintained for a period of time shorter than a threshold) on a first predefined area on a touch-sensitive surface of a second electronic device, wherein the touch-sensitive surface includes multiple predefined areas, including a first predefined area, and the multiple predefined areas are associated with different functions, such as Figure 12A (e.g., the touch-sensitive surface optionally has two or more predefined areas). For example, an upper area that, when clicked, displays a content guide on the display device; a left area that, when clicked, rewinds the content currently playing in the user interface; and a right area that, when clicked, fast-forwards the content currently playing in the user interface. In some embodiments, predefined areas other than the area associated with displaying the content guide do not perform any action in response to a click.

[0303] In some embodiments, while displaying the content guide, the electronic device displays (1398-58) in the updated user interface a current time indicator that indicates a current playback position in the currently available content on the second plurality of channels in the content guide, such as Figure 12D , as shown in (e.g., a line extending along a first axis through an array in the content guide, the position of the line relative to the start / end times of the content items reflecting the relative current play position relative to those start / end times. The relative position of the line relative to the content items optionally changes as the current play position / current time changes). In some embodiments, the updated user interface also includes a reference time indicator displayed along a second axis adjacent to the array in the content guide, wherein representations of the content items in the array in the content guide are positioned relative to the reference time indicator along the second axis in a manner corresponding to the start time and end time of the content items (1398-60), such as Figure 12D (e.g., reference time indicators reflect absolute times at predetermined intervals - e.g., 30 minutes - during which content items are scheduled to be available. For example, reference time indicators indicate 8:00 PM, 8:30 PM, 9:00 PM, etc., and representations of content items are positioned relative to those reference time indicators based on the start / end times of the content items). In some embodiments, as the current time indicator approaches the corresponding position of the corresponding reference time indicator in the updated user interface, the corresponding position of the corresponding time indicator in the updated user interface is modified so as to move the corresponding time indicator so that the current time indicator (1398-62) is not obscured in the updated user interface, such as in Figures 12E to 12G(eg, as the current-time indicator moves along the second axis in the updated user interface, the corresponding time indicators move out of the path of the current-time indicator).

[0304] It should be understood that Figures 13A to 13L The specific order in which the operations are described in the description is merely exemplary and is not intended to indicate that the order is the only order in which the operations may be performed. A person of ordinary skill in the art will recognize many ways to reorder the operations described herein. In addition, it should be noted that the details of other processes described herein in conjunction with other methods described herein (e.g., methods 700, 900, and 1100) are also applicable in a similar manner to the details of the processes described above in conjunction with Figures 13A to 13L Method 1300 is described. For example, the representation of channels described above in conjunction with method 1300 optionally has one or more of the features of the representation of channels described herein in conjunction with other methods described herein (e.g., methods 700, 900, and 1100). For the sake of brevity, these details are not repeated here.

[0305] The operations in the above information processing method are optionally implemented by running one or more functional modules in an information processing device, such as a general-purpose processor (e.g., a processor in combination with a processor). Figure 1A 、 Figure 3 、 Figure 5A and Figure 17 In addition, the above combination Figures 13A to 13L The operation is optionally performed by Figure 1A to Figure 1B . For example, generating operations 1302 and 1306 and receiving operation 1304 are optionally implemented by event classifier 170, event identifier 180, and event handler 190. Event monitor 171 in event classifier 170 detects contact on touch-sensitive surface 451, and event distributor module 174 delivers the event information to application 136-1. The corresponding event identifier 180 of application 136-1 compares the event information with the corresponding event definition 186 and determines whether the first contact at the first position on the touch-sensitive surface corresponds to a predefined event or sub-event, such as the selection of an object on a user interface. When the corresponding predefined event or sub-event is detected, event identifier 180 activates the event handler 190 associated with the detection of the event or sub-event. Event handler 190 optionally utilizes or calls data updater 176 or object updater 177 to update the application internal state 192. In some embodiments, the event handler 190 accesses the corresponding GUI updater 178 to update the content displayed by the application. Similarly, those skilled in the art will clearly know how to update the content displayed by the application based on the GUI updater 178. Figure 1A to Figure 1B The components depicted in the figure implement other processes.

[0306] According to some embodiments, Figure 14 An electronic device 1400 (e.g., Figure 1A The device 100, Figure 3 Device 300 and / or Figure 5A 1400 ). The functional blocks of the device are optionally implemented by hardware, software, or a combination of hardware and software that implements the principles of the various described embodiments. Those skilled in the art will appreciate that the functional blocks described in FIG1400 may be optionally combined or separated into sub-blocks to implement the principles of the various described embodiments. Therefore, the description herein optionally supports any possible combination or separation or further definition of the functional blocks described herein.

[0307] like Figure 14 As shown, the electronic device 1400 optionally includes a receiving unit 1402 configured to receive input, and a processing unit 1404 coupled to the receiving unit 1402. In some embodiments, the processing unit 1404 includes: a display enabling unit 1406, a determining unit 1408, and a scrolling unit 1410.

[0308] In some embodiments, the receiving unit 1402 is configured to: while displaying multiple representations in the user interface on the display device, receive input corresponding to a selection of a corresponding representation in the multiple representations corresponding to the first group of channels via one or more input devices. In some embodiments, the processing unit 1404 is configured to: generate multiple representations of multiple groups of channels along a first axis in the user interface for display on the display device (e.g., using the display enabling unit 1406), and in response to receiving the input, generate (e.g., using the display enabling unit 1406) an updated user interface for display on the display device, the updated user interface including: stopping displaying the multiple representations of the multiple groups of channels in the user interface; and displaying multiple representations of channels associated with the first group of channels along the first axis in the updated user interface. In some embodiments, the receiving unit 1402 is further configured to: while displaying the multiple representations of channels associated with the first group of channels in the updated user interface, receive a second input including a contact detected on the touch-sensitive surface of the device and movement of the contact. In some embodiments, the processing unit 1404 is further configured to: based on determining (e.g., using the determination unit 1408) that the movement of the contact is along a direction substantially orthogonal to the first axis: stop displaying in the updated user interface (e.g., using the display enabling unit 1406) multiple representations of channels associated with the first group of channels; and display in the updated user interface (e.g., using the display enabling unit 1406) multiple representations of channels associated with a second group of channels that is different from the first group of channels.

[0309] In some embodiments, the processing unit 1404 is further configured to: based on determining (e.g., using the determination unit 1408) that the movement of the contact is along a direction substantially parallel to the first axis, scroll through the multiple representations of channels associated with the first group of channels (e.g., using the scrolling unit 1410) based on the movement of the contact. In some embodiments, the receiving unit 1402 is further configured to: while displaying the multiple representations of channels associated with the first group of channels in the updated user interface, receive a second input corresponding to a request to redisplay the multiple representations of the multiple groups of channels. In some embodiments, the processing unit 1404 is further configured to: in response to receiving the second input, generate (e.g., using the display enabling unit 1406) an updated user interface for display on the display device, the updated user interface including: ceasing to display the multiple representations of channels associated with the first group of channels in the updated user interface; and redisplaying the multiple representations of the multiple groups of channels in the updated user interface. In some embodiments, the second input includes: a first portion detected on the touch-sensitive surface of the device, the first portion including a first contact and a first movement of the first contact substantially parallel to the first axis, the first portion corresponding to a request to scroll to the end of the multiple representations of channels associated with the first group of channels; and a second portion detected on the touch-sensitive surface of the device after the first portion, the second portion including a second contact and a second movement of the second contact, the second movement of the second contact being in a direction substantially the same as the first movement of the first contact and the second movement of the second contact being greater than a movement threshold. In some embodiments, the processing unit 1404 is further configured to: in response to receiving the second portion of the second input: (e.g., using the scrolling unit 1410) scroll past the end of the multiple representations of channels associated with the first group of channels, and (e.g., using the display enabling unit 1406) display an optional user interface element adjacent to the end of the multiple representations of channels along the first axis, the optional user interface element for displaying the multiple representations of the multiple groups of channels; and (e.g., using the receiving unit 1402) receive a selection of the optional user interface element, wherein ceasing to display the multiple representations of the channels and redisplaying the multiple representations of the multiple groups of channels is in response to receiving the selection of the optional user interface element.

[0310] In some embodiments, ceasing to display the plurality of representations of the multiple groups of channels in the user interface and displaying the plurality of representations of channels associated with the first group of channels along a first axis in the updated user interface includes (e.g., using the display enabling unit 1406) displaying an animation of the plurality of representations of channels associated with the first group of channels sliding into the updated user interface along the first axis to obscure the plurality of representations in the multiple groups of channels. In some embodiments, the receiving unit 1402 is further configured to, while displaying the plurality of representations of channels associated with the first group of channels along the first axis in the updated user interface, receive a second input corresponding to a request to display information related to the first channel in the first group of channels. In some embodiments, the processing unit 1404 is further configured to, in response to receiving the second input, display information related to the first channel in the updated user interface (e.g., using the display enabling unit 1406). In some embodiments, multiple representations of channels associated with the first group of channels are displayed at a first position in the updated user interface, and the processing unit 1404 is further configured to: in response to receiving a second input, display in the updated user interface (e.g., using the display enabling unit 1406) an animation of the multiple representations of channels associated with the first group of channels moving from the first position to a second position in a direction substantially perpendicular to the first axis, wherein information related to the first channel is displayed in an area between the first position and the second position in the updated user interface.

[0311] In some embodiments, the second input includes: selecting a first channel of the first group of channels (e.g., using receiving unit 1402); and after selection of the first channel, a contact is detected (e.g., using receiving unit 1402) in a first predefined area of ​​the touch-sensitive surface of the device, the contact having an intensity greater than an intensity threshold, and the touch-sensitive surface has multiple predefined areas including the first predefined area. In some embodiments, the second input includes: selecting a first channel of the first group of channels; and after the selection of the first channel, a contact and movement of the contact is detected on the touch-sensitive surface of the device, the movement of the contact being in a direction substantially perpendicular to the first axis. In some embodiments, the second input includes: selecting a first channel of the first group of channels; and after the selection of the first channel, a contact is detected on the touch-sensitive surface of the device, the contact having an intensity greater than the intensity threshold and lasting longer than a time threshold.

[0312] In some embodiments, the receiving unit 1402 is further configured to: receive a third input corresponding to a request to select a second channel in the first group of channels while displaying information related to the first channel in the updated user interface. In some embodiments, the processing unit 1404 is further configured to: stop displaying information related to the first channel in the updated user interface (e.g., using the display enabling unit 1406) in response to receiving the third input; and display information related to the second channel in the updated user interface (e.g., using the display enabling unit 1406). In some embodiments, the first representation of the first channel of the first group of channels is the currently selected representation, and the processing unit 1404 is further configured to: display the first representation of the first channel with a first visual feature (e.g., using the display enabling unit 1406); and display (e.g., using the display enabling unit 1406) a representation other than the first representation of the channels in the first group of channels, the representation having a second visual feature different from the first visual feature. In some embodiments, the receiving unit 1402 is further configured to: while displaying the first representation of the first channel with the first visual feature, receive a second input corresponding to a request to make the second representation of the second channel in the first plurality of groups of channels the currently selected representation, and the processing unit 1404 is further configured to: in response to receiving the second input, update (for example, using the display enabling unit 1406) the first representation of the first channel so that it has the second visual feature instead of the first visual feature; and update (for example, using the display enabling unit 1406) the second representation of the second channel so that it has the first visual feature instead of the second visual feature.

[0313] In some embodiments, the first representation of the first channel includes a visual indication of a current play position associated with the first channel, and the updated user interface includes content associated with the current play position. In some embodiments, each respective representation of the plurality of representations of channels associated with the first group of channels includes an image corresponding to the respective channel in the first group of channels. In some embodiments, the first representation of the first channel of the first group of channels has current focus and includes a first image, and the processing unit 1404 is further configured to update the first image over time (e.g., using the display enabling unit 1406) based on the content associated with the first channel when displaying the plurality of representations of channels associated with the first group of channels in the updated user interface (e.g., using the display enabling unit 1406). In some embodiments, the processing unit 1404 is further configured to: display the content associated with the first channel in the content display area of ​​the updated user interface (e.g., using the display enabling unit 1406) when the first image is updated over time (e.g., using the display enabling unit 1406) based on the content associated with the first channel and multiple representations of channels associated with the first grou...

Claims

1. A method comprising: At an electronic device having a display device and one or more input devices: generating a plurality of representations of a plurality of groups of channels along a first axis in a user interface for display on the display device; receiving, via the one or more input devices, an input corresponding to a selection of a respective representation of the plurality of representations corresponding to the first group of channels while the plurality of representations are displayed on the display device; as well as In response to receiving the input, generating an updated user interface for display on the display device, the updated user interface comprising: ceasing to display the plurality of representations of the plurality of groups of channels in the user interface; as well as A plurality of representations of channels associated with the first set of channels are displayed along the first axis in the updated user interface.

Images