User interface including selectable representations of content items

文档序号:1895032 发布日期:2021-11-26 浏览:7次 中文

阅读说明:本技术 包括内容项的可选表示的用户界面 (User interface including selectable representations of content items ) 是由 J·迪亚兹德尔加多 S·M·哈罗德 W·D·卡彭特 J·J·阿罗切马丁内斯 A·M·达维多夫 于 2020-03-24 设计创作,主要内容包括:在一些实施方案中,电子设备呈现可用于在电子设备上回放的内容项的表示。这些表示任选地呈现在水平可滚动行中。响应于水平滚动该行表示的用户输入,在一些实施方案中,该电子设备呈现在相应表示之间移动裁剪框/边界以滚动所呈现的表示的动画。在一些实施方案中,电子设备在内容项的产品页面用户界面中呈现与该内容项相关的辅助内容的表示。在一些实施方案中,电子设备根据用户账户的内容消费历史来呈现内容项的表示。在一些实施方案中,电子设备呈现与剧集内容系列相关联的奖励内容项的表示。(In some embodiments, the electronic device presents representations of content items available for playback on the electronic device. These representations are optionally presented in horizontally scrollable rows. In response to user input to horizontally scroll the row of representations, in some embodiments, the electronic device presents an animation that moves a crop box/boundary between the respective representations to scroll the presented representations. In some embodiments, the electronic device presents a representation of auxiliary content related to the content item in a product page user interface for the content item. In some embodiments, the electronic device presents the representation of the content item in accordance with a content consumption history of the user account. In some embodiments, the electronic device presents representations of bonus content items associated with the series of episode content.)

1. A method, comprising:

at an electronic device in communication with a display and one or more input devices:

displaying a content item representation portion on the display, the content item representation portion comprising a primary location, a first secondary location, and a second secondary location, wherein a first representation associated with a first content item is located at the primary location, a second representation associated with a second content item is located at the first secondary location, the first representation is partially overlaid on the second representation, and the first representation and the second representation are selectable to initiate respective actions corresponding to the respective content items;

while displaying the content item representation portion, receiving, via the one or more input devices, an input corresponding to a request to move the first representation to the second secondary position in the content item representation portion; and

in response to receiving the input:

moving the first representation in a first direction a first distance from the primary position to the second secondary position; and

moving the second representation in the first direction from the first secondary position to the primary position by the first distance,

Wherein:

moving the first representation from the primary position to the second secondary position and moving the second representation from the first secondary position to the primary position comprises moving a cropping boundary between the first representation and the second representation in the first direction by a second distance, the second distance being greater than the first distance, the second representation emerging from below the first representation, and

after moving the first representation from the primary position to the second secondary position and moving the second representation from the first secondary position to the primary position, the second representation partially overlies the first representation.

2. The method of claim 1, wherein the content item representation portion is included as a row in a user interface of a unified media browsing application, the user interface including other rows of other representations of content items that are selectable to initiate a process of displaying the respective content items on the display.

3. The method of any of claims 1-2, wherein:

the primary position is a center position in the content item representation portion, the first secondary position is a left position in the content item representation portion, and the second secondary position is a right position in the content item representation portion,

The left side of the respective representation in the first secondary position is aligned with the left side of the first secondary position, and

the right side of the respective representation at the second secondary position is aligned with the right side of the second secondary position.

4. The method of any of claims 1-3, wherein the second representation includes two or more image layers, and the two or more image layers move relative to each other within the second representation in response to touch input detected on a touch-sensitive surface of the one or more input devices when the second representation is in the primary position.

5. The method of claim 4, wherein the two or more layers include a first video layer having playing video content and a first still layer having still image content, wherein the video content in the first video layer begins playing in response to the second representation being moved to the primary position.

6. The method of any of claims 1-5, wherein the second representation includes two or more image layers, the method further comprising:

when the second representation is not in the primary position, the two or more layers of the second representation are fixed to each other and do not move relative to each other in response to touch input detected on a touch-sensitive surface of the one or more input devices; and

The two or more image layers move relative to each other within the second representation in response to touch input detected on the touch-sensitive surface of the one or more input devices when the second representation is in the primary position.

7. The method of claim 6, further comprising:

when the second representation is in the primary position:

receiving, via the one or more input devices, respective touch inputs detected on the touch-sensitive surfaces of the one or more input devices; and

in response to receiving the respective touch input:

in accordance with a determination that the respective touch input has a movement magnitude greater than a threshold, move the two or more image layers in the second representation relative to each other within the second representation in accordance with the respective touch input; and

in accordance with a determination that the respective touch input has the movement magnitude that is less than the threshold, forgoing moving the two or more image layers in the second representation relative to each other.

8. The method of claim 7, wherein moving the two or more image layers in the second representation relative to each other within the second representation comprises moving the two or more image layers in the second representation relative to each other within the second representation while a boundary of the second representation remains fixed.

9. The method of any of claims 1-8, wherein the second representation includes a title of the second content item, and the title of the second content item is animated from outside the second representation to inside the second representation in response to the second representation being moved to the primary location.

10. The method of any one of claims 1 to 9, wherein:

when the first representation associated with the first content item is in the primary position and the second representation associated with the second content item is in the first secondary position, the first representation is displayed with a first brightness characteristic and the second representation is displayed with a second brightness characteristic different from the first characteristic, and

when the second representation associated with the second content item is in the primary position and the first representation associated with the first content item is in the second secondary position, the first representation is displayed with the second brightness characteristic and the second representation is displayed with the first brightness characteristic.

11. The method of any of claims 1-10, wherein the second representation includes two or more image layers, the method further comprising:

Receiving, via the one or more input devices, an input corresponding to a selection input detected at the one or more input devices when the second representation is in the primary position; and

in response to receiving the input corresponding to the selection input detected at the one or more input devices, displaying an animation of the two or more layers moving toward a foreground of the display, thereby causing display of a user interface specific to the second content item on the display.

12. The method of claim 11, further comprising:

in response to displaying the user interface specific to the second content item:

in accordance with a determination that the user of the electronic device has not interacted with the second content item:

displaying a video trailer associated with the second content item on the user interface; and

in accordance with a determination that the user of the electronic device has interacted with the second content item:

displaying the environmental video content associated with the second content item on the user interface as a background of the user interface without displaying the video trailer in the user interface.

13. The method of claim 12, wherein:

in accordance with a determination that the user of the electronic device has viewed a first set of episodes of the second content item, the environmental video is a first environmental video, an

In accordance with a determination that the user of the electronic device has viewed a second group of episodes of the second content item that is different from the first group, the environmental video is a second environmental video that is different from the first environmental video.

14. The method of any of claims 1-13, wherein the content item representation portion includes the first representation, the second representation, and a third representation of a third content item, and:

when a respective representation of the first, second, and third representations is in the primary position in the content item representation portion, the respective representation includes at least one animation portion; and is

When a respective one of the first, second, and third representations is at the first and second secondary positions in the content item representation portion, the respective representation does not include the respective at least one animation portion.

15. The method of any of claims 1-14, wherein the content item representation portion does not include representations of episodes in an episode content collection.

16. The method of any one of claims 1 to 15, wherein:

when the first representation of the first content item is located at the primary location, the first representation includes a visual indication of a provider of the first content item, and

when the second representation of the second content item is located at the primary location, the second representation includes a visual indication of a provider of the second content item.

17. An electronic device, comprising:

one or more processors;

a memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for:

displaying a content item representation portion on the display, the content item representation portion comprising a primary location, a first secondary location, and a second secondary location, wherein a first representation associated with a first content item is located at the primary location, a second representation associated with a second content item is located at the first secondary location, the first representation is partially overlaid on the second representation, and the first representation and the second representation are selectable to initiate respective actions corresponding to the respective content items;

While displaying the content item representation portion, receiving, via the one or more input devices, an input corresponding to a request to move the first representation to the second secondary position in the content item representation portion; and

in response to receiving the input:

moving the first representation in a first direction a first distance from the primary position to the second secondary position; and

moving the second representation in the first direction from the first secondary position to the primary position by the first distance,

wherein:

moving the first representation from the primary position to the second secondary position and moving the second representation from the first secondary position to the primary position comprises moving a cropping boundary between the first representation and the second representation in the first direction by a second distance, the second distance being greater than the first distance, the second representation emerging from below the first representation, and

after moving the first representation from the primary position to the second secondary position and moving the second representation from the first secondary position to the primary position, the second representation partially overlies the first representation.

18. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device, cause the electronic device to:

displaying a content item representation portion on the display, the content item representation portion comprising a primary location, a first secondary location, and a second secondary location, wherein a first representation associated with a first content item is located at the primary location, a second representation associated with a second content item is located at the first secondary location, the first representation is partially overlaid on the second representation, and the first representation and the second representation are selectable to initiate respective actions corresponding to the respective content items;

while displaying the content item representation portion, receiving, via the one or more input devices, an input corresponding to a request to move the first representation to the second secondary position in the content item representation portion; and

in response to receiving the input:

moving the first representation in a first direction a first distance from the primary position to the second secondary position; and

Moving the second representation in the first direction from the first secondary position to the primary position by the first distance,

wherein:

moving the first representation from the primary position to the second secondary position and moving the second representation from the first secondary position to the primary position comprises moving a cropping boundary between the first representation and the second representation in the first direction by a second distance, the second distance being greater than the first distance, the second representation emerging from below the first representation, and

after moving the first representation from the primary position to the second secondary position and moving the second representation from the first secondary position to the primary position, the second representation partially overlies the first representation.

19. An electronic device, comprising:

one or more processors;

a memory;

means for displaying a content item representation portion on the display, the content item representation portion comprising a primary location, a first secondary location, and a second secondary location, wherein a first representation associated with a first content item is located at the primary location and a second representation associated with a second content item is located at the first secondary location, the first representation is partially overlaid on the second representation, and the first representation and the second representation are selectable to initiate respective actions corresponding to the respective content items;

Means for receiving, via the one or more input devices, an input corresponding to a request to move the first representation to the second secondary position in the content item representation portion while displaying the content item representation portion; and

means for, in response to receiving the input:

moving the first representation in a first direction a first distance from the primary position to the second secondary position; and

moving the second representation in the first direction from the first secondary position to the primary position by the first distance,

wherein:

moving the first representation from the primary position to the second secondary position and moving the second representation from the first secondary position to the primary position comprises moving a cropping boundary between the first representation and the second representation in the first direction by a second distance, the second distance being greater than the first distance, the second representation emerging from below the first representation, and

after moving the first representation from the primary position to the second secondary position and moving the second representation from the first secondary position to the primary position, the second representation partially overlies the first representation.

20. An information processing apparatus for use in an electronic device, the information processing apparatus comprising:

means for displaying a content item representation portion on the display, the content item representation portion comprising a primary location, a first secondary location, and a second secondary location, wherein a first representation associated with a first content item is located at the primary location and a second representation associated with a second content item is located at the first secondary location, the first representation is partially overlaid on the second representation, and the first representation and the second representation are selectable to initiate respective actions corresponding to the respective content items;

means for receiving, via the one or more input devices, an input corresponding to a request to move the first representation to the second secondary position in the content item representation portion while displaying the content item representation portion; and

means for, in response to receiving the input:

moving the first representation in a first direction a first distance from the primary position to the second secondary position; and

moving the second representation in the first direction from the first secondary position to the primary position by the first distance,

Wherein:

moving the first representation from the primary position to the second secondary position and moving the second representation from the first secondary position to the primary position comprises moving a cropping boundary between the first representation and the second representation in the first direction by a second distance, the second distance being greater than the first distance, the second representation emerging from below the first representation, and

after moving the first representation from the primary position to the second secondary position and moving the second representation from the first secondary position to the primary position, the second representation partially overlies the first representation.

21. An electronic device, comprising:

one or more processors;

a memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for performing any of the methods of claims 1-16.

22. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device, cause the electronic device to perform any of the methods of claims 1-16.

23. An electronic device, comprising:

one or more processors;

a memory; and

apparatus for performing any one of the methods of claims 1-16.

24. An information processing apparatus for use in an electronic device, the information processing apparatus comprising:

apparatus for performing any one of the methods of claims 1-16.

25. A method, comprising:

at an electronic device in communication with a display device and one or more input devices:

displaying, via the display device, a product page user interface for a respective content item, wherein the product page user interface includes a first representation corresponding to auxiliary content created for the respective content item;

while displaying the product page user interface, receiving input directed to the first representation via the one or more input devices; and

in response to receiving the input directed to the first representation:

ceasing to display the product page user interface for the respective content item; and

displaying, via the display device, an auxiliary content user interface that includes the auxiliary content created for the respective content item.

26. The method of claim 25, wherein the first representation corresponding to the auxiliary content occupies a full width of the product page user interface and includes a first selectable option overlaid on the first representation, and the input directed to the first representation includes a selection of the first selectable option.

27. A method as claimed in claim 26, wherein the first representation comprises a moving image background.

28. The method of any of claims 25-27, wherein the first representation is one of a plurality of representations corresponding to auxiliary content that is horizontally scrollable in the product page user interface, and the input directed to the first representation includes a selection of the first representation of first auxiliary content corresponding to the respective content item.

29. The method of any of claims 25-28, wherein the first representation is an image on the product page user interface, the image includes a plurality of respective representations corresponding to auxiliary content overlaid on a background image, and the input directed to the first representation includes a selection of a first respective representation of a first auxiliary content of the plurality of respective representations corresponding to the respective content item.

30. The method of claim 29, wherein:

in accordance with a determination that the first respective representation of the plurality of respective representations has a current focus, the image is displayed with first information corresponding to the first respective representation overlaid on the image, and

in accordance with a determination that a second respective representation of the plurality of respective representations has the current focus, the image is displayed with second information overlaid on the image corresponding to the second respective representation.

31. The method of any one of claims 25 to 30, wherein:

the first representation is a first type of auxiliary content representation, is located at a first location in the product page user interface, and corresponds to first auxiliary content, and

the product page user interface also includes a second representation located at a second location in the product page user interface, where the second representation is a second type of auxiliary content representation different from the first type and corresponds to a second auxiliary content.

32. The method of any of claims 25-31, wherein the auxiliary content created for the respective content item is video content that is played when the auxiliary content user interface is displayed.

33. The method of claim 32, further comprising

While displaying the video content in the auxiliary content user interface via the display device, receiving, via the one or more input devices, input comprising a contact detected on a touch-sensitive surface of a remote control device; and

in response to receiving the input comprising the contact detected on the touch-sensitive surface of the remote control device, displaying, via the display device, contextual information about the video auxiliary content and a progress bar indicating a progress of playback through the video auxiliary content overlaid on the video auxiliary content.

34. The method of any of claims 32 to 33, further comprising:

while displaying the video content in the auxiliary content user interface via the display device, receiving, via the one or more input devices, an input corresponding to a request to navigate back to the product page user interface for the respective content item; and

in response to receiving the input corresponding to the request to navigate back to the product page user interface for the respective content item:

ceasing to display the auxiliary content user interface; and

Displaying, via the display device, the product page user interface for the respective content item, wherein the product page user interface is scrolled to a portion of the product page user interface that includes the first representation.

35. The method of any of claims 32 to 34, further comprising:

while displaying the video content in the auxiliary content user interface via the display device, detecting that an end of the video auxiliary content has been reached; and

in response to detecting that the end of the video auxiliary content has been reached:

ceasing to display the auxiliary content user interface; and

displaying, via the display device, the product page user interface for the respective content item, wherein the product page user interface is scrolled to a portion of the product page user interface that includes the first representation.

36. The method of any of claims 25-35, wherein the auxiliary content user interface includes a first full screen image related to first auxiliary content of the respective content item, and a first auxiliary content user interface element including information related to the first auxiliary content, the first auxiliary content user interface element overlaid on the first full screen image and having a current focus.

37. The method of claim 36, wherein the first auxiliary content user interface element includes a selectable option selectable to display the first auxiliary content of the respective content item via the display device.

38. The method of any of claims 36 to 37, further comprising:

while displaying the first full-screen image related to the first auxiliary content and the first auxiliary content user interface element with the current focus, receiving, via the one or more input devices, an input corresponding to a request to navigate horizontally in the auxiliary content user interface; and

in response to receiving the input corresponding to the request to navigate horizontally in the auxiliary content user interface:

stopping displaying the first full-screen image; and

displaying a second full screen image related to second auxiliary content of the respective content item, wherein a second auxiliary content user interface element including information related to the second auxiliary content is overlaid on the second full screen image and has the current focus.

39. The method of any of claims 36 to 38, further comprising:

While displaying the first full-screen image related to the first auxiliary content and the first auxiliary content user interface element with the current focus, receiving, via the one or more input devices, an input corresponding to a request to navigate horizontally in the auxiliary content user interface, the input associated with a movement metric; and

in response to receiving the input corresponding to the request to navigate horizontally in the auxiliary content user interface:

in accordance with a determination that the movement metric is greater than a threshold movement metric, ceasing to display the first full-screen image and displaying a second full-screen image related to second auxiliary content of the respective content item;

in accordance with a determination that the movement metric is less than a threshold movement metric:

displaying a visual indication of the movement metric on the first auxiliary content user interface element without ceasing to display the first full-screen image and displaying the second full-screen image.

40. The method of any one of claims 36 to 39, wherein:

the first full-screen image associated with the first auxiliary content is one of a plurality of full-screen images associated with a plurality of auxiliary content items of the respective content item navigable from within the auxiliary content user interface,

The auxiliary content user interface includes a visual indicator of a scroll position within the plurality of full-screen images overlaid on the first full-screen image,

in accordance with a determination that the number of the plurality of full-screen images is less than a first threshold number, the visual indicator of the scroll position comprises a discrete scroll position indicator indicating the plurality of full-screen images and a current scroll position within the plurality of full-screen images, and

in accordance with a determination that the number of the plurality of full-screen images is greater than the first threshold number, the visual indicator of the scroll position comprises a continuous scroll position indicator indicating the current scroll position within the plurality of full-screen images.

41. The method of claim 40, wherein:

in accordance with the determination that the number of the plurality of full-screen images is greater than the first threshold number:

in accordance with a determination that the number of the plurality of full-screen images is greater than a second threshold that is higher than the first threshold, the continuous scroll position indicator has a first size, and

in accordance with a determination that the number of the plurality of full-screen images is less than the second threshold, the continuous scroll position indicator has a second size that is greater than the first size.

42. The method of any one of claims 25 to 41, wherein:

the auxiliary content user interface includes a full-screen image related to the auxiliary content of the respective content item, and a plurality of respective representations selectable to display respective auxiliary content of the respective content item are overlaid over the full-screen image, one of the plurality of respective representations having a current focus,

in accordance with a determination that a first respective representation of the plurality of respective representations has the current focus, the full-screen image is a first full-screen image of first respective auxiliary content corresponding to the respective content item, wherein the first respective representation is selectable to display the first respective auxiliary content, and

in accordance with a determination that a second respective representation of the plurality of respective representations has the current focus, the full-screen image is a second full-screen image of second respective auxiliary content corresponding to the respective content item, wherein the second respective representation is selectable to display the second respective auxiliary content.

43. The method of any of claims 25-42, wherein the auxiliary content user interface includes:

a first respective representation of a plurality of respective representations of respective auxiliary content selectable to display the respective content item, the first respective representation being selectable to display a first respective auxiliary content of the respective content item, wherein the first respective representation has a first size and has a current focus, an

A remaining portion of the plurality of respective representations of respective auxiliary content of the respective content item is selectable for display, wherein the remaining portion of the plurality of respective representations has a second size that is smaller than the first size.

44. The method of claim 43, further comprising:

in accordance with a determination that the first respective representation has the current focus, animating the first respective representation; and

in accordance with a determination that the first respective representation does not have the current focus, ceasing to animate the first respective representation.

45. The method of claim 40, further comprising:

in accordance with a determination that a second respective representation of the plurality of respective representations has the current focus, forgoing displaying the second respective representation in animation.

46. An electronic device, comprising:

one or more processors;

a memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for:

displaying, via the display device, a product page user interface for a respective content item, wherein the product page user interface includes a first representation corresponding to auxiliary content created for the respective content item;

While displaying the product page user interface, receiving input directed to the first representation via the one or more input devices; and

in response to receiving the input directed to the first representation:

ceasing to display the product page user interface for the respective content item; and

displaying, via the display device, an auxiliary content user interface that includes the auxiliary content created for the respective content item.

47. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device, cause the electronic device to:

displaying, via the display device, a product page user interface for a respective content item, wherein the product page user interface includes a first representation corresponding to auxiliary content created for the respective content item;

while displaying the product page user interface, receiving input directed to the first representation via the one or more input devices; and

in response to receiving the input directed to the first representation:

Ceasing to display the product page user interface for the respective content item; and

displaying, via the display device, an auxiliary content user interface that includes the auxiliary content created for the respective content item.

48. An electronic device, comprising:

one or more processors;

a memory;

means for displaying, via the display device, a product page user interface for a respective content item, wherein the product page user interface includes a first representation corresponding to auxiliary content created for the respective content item;

means for receiving input directed to the first representation via the one or more input devices while the product page user interface is displayed; and

means for, in response to receiving the input directed to the first representation:

ceasing to display the product page user interface for the respective content item; and

displaying, via the display device, an auxiliary content user interface that includes the auxiliary content created for the respective content item.

49. An information processing apparatus for use in an electronic device, the information processing apparatus comprising:

Means for displaying, via the display device, a product page user interface for a respective content item, wherein the product page user interface includes a first representation corresponding to auxiliary content created for the respective content item;

means for receiving input directed to the first representation via the one or more input devices while the product page user interface is displayed; and

means for, in response to receiving the input directed to the first representation:

ceasing to display the product page user interface for the respective content item; and

displaying, via the display device, an auxiliary content user interface that includes the auxiliary content created for the respective content item.

50. An electronic device, comprising:

one or more processors;

a memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for performing any of the methods of claims 24-45.

51. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device, cause the electronic device to perform any of the methods of claims 24-45.

52. An electronic device, comprising:

one or more processors;

a memory; and

means for performing any one of the methods of claims 24-45.

53. An information processing apparatus for use in an electronic device, the information processing apparatus comprising:

means for performing any one of the methods of claims 24-45.

54. A method, comprising:

at an electronic device in communication with a display device and one or more input devices:

displaying, via the display device, a user interface for a respective content provider, wherein the user interface includes a plurality of representations of a plurality of content items available for viewing on the electronic device from the respective content provider, wherein:

in accordance with a determination that the electronic device is not logged into the respective content provider, a first region of the user interface includes information regarding a plurality of featured content items from the respective content provider; and

in accordance with a determination that the electronic device is logged into the respective content provider:

in accordance with a determination that a user of the electronic device has viewed a first content item of a first episode content set from the respective content provider, the first area of the user interface includes a first representation corresponding to the first episode content set, wherein the first representation includes selectable options for displaying a second content item from the first episode content set via the display device.

55. The method of claim 54, further comprising:

according to the determination that the electronic device is logged into the corresponding content provider:

in accordance with the determination that the user of the electronic device has viewed the first content item of the first episode content set from the respective content provider:

in accordance with a determination that a user of the electronic device has viewed a first content item of a second episode content set from the respective content provider, a second representation corresponding to the second episode content set may be displayed in the first area of the user interface, wherein the second representation includes selectable options for displaying a second content item from the second episode content set via the display device.

56. The method of claim 55, further comprising:

while displaying the first representation corresponding to the first episode content set in the first area and not displaying the second representation corresponding to the second episode content set in the first area, receiving, via the one or more input devices, an input directed to the first area of the user interface, the input corresponding to a request to navigate horizontally in the first area of the user interface; and

In response to receiving the input directed to the first region of the user interface, the input corresponding to the request to navigate horizontally in the first region;

ceasing to display the first representation in the first region; and

displaying the second representation in the first area.

57. The method of any one of claims 54-56, wherein:

according to the determination that the electronic device is logged into the corresponding content provider:

in accordance with a determination that the user of the electronic device has partially viewed the first content item from the first episode content set, the first area of the user interface includes a second representation corresponding to the first content item, wherein the second representation includes a selectable option to resume playback of the first content item from the first episode content set via the display device.

58. The method of any of claims 54-57, further comprising:

while displaying the first region of the user interface via the display device, receiving, via the one or more input devices, an input corresponding to a request to scroll through the user interface; and

In response to receiving the input corresponding to the request to scroll through the user interface, scroll through the user interface to present a plurality of representations of episode content collections available from the respective content providers in a second area of the user interface, wherein the plurality of representations of the episode content collections include respective first selectable options selectable to display respective content from the episode content collections and respective second selectable options selectable to display respective user interfaces specific to the respective episode content collections.

59. The method of claim 58, wherein the plurality of representations of the episode content set includes a first respective representation corresponding to a first respective episode content set from which the user of the electronic device has partially viewed a given content item, and the first selectable option included in the first respective representation is selectable to resume playback of the given content item.

60. The method of any of claims 58-59, wherein the plurality of representations of the episode content set includes the first respective representation corresponding to the first respective episode content set from which the user of the electronic device has viewed the first content item, and the first selectable option included in the first respective representation is selectable to play a second content item in the first respective episode content set after the first content item.

61. The method of any of claims 58-60, wherein the plurality of representations of the episode content set includes the first respective representation corresponding to the first respective episode content set that the user of the electronic device has viewed each content item and the first selectable option included in the first respective representation is selectable to play a first content item in the first respective episode content set.

62. The method of any one of claims 58 to 61, wherein:

in accordance with a determination that a representation corresponding to a given episode content set is included in the first area in the user interface, the representation corresponding to the given episode content set is located at a first location in the second area in the user interface; and is

In accordance with a determination that the representation corresponding to the given episode content set is not included in the first area in the user interface, the representation corresponding to the given episode content set is located at a second location in the second area in the user interface that is different from the first location.

63. The method of any one of claims 54-62, wherein:

in accordance with the determination that the electronic device is not logged into the respective content provider, the first region includes a selectable option selectable to initiate a process of logging into the respective content provider.

64. The method of claim 63, further comprising:

while displaying the first region including the selectable option selectable to initiate the process of logging into the respective content provider, receiving, via the one or more input devices, an input corresponding to a request to scroll through the user interface; and

in response to receiving the input corresponding to the request to scroll through the user interface:

scrolling through the user interface such that the first region is no longer displayed via the display device while the selectable options selectable to initiate the process of logging into the respective content provider remain displayed via the display device.

65. The method of any of claims 63-64, further comprising:

while displaying the first region including the selectable option selectable to initiate the process of logging into the respective content provider, receiving, via the one or more input devices, an input corresponding to a request to scroll through the user interface; and

In response to receiving the input corresponding to the request to scroll through the user interface:

scrolling through the user interface to present in a second area of the user interface a representation including information about logging into the respective content provider, and a second selectable option selectable to initiate the process of logging into the respective content provider.

66. The method of any of claims 54-65, wherein the user interface comprises:

a representation of content available from the respective content provider, the representation having a first set of one or more content ratings above a first scroll position in the user interface, an

A representation of content available from the respective content provider, the representation having a second set of one or more content ratings different from the first set of one or more ratings below the first scroll position in the user interface.

67. The method of any of claims 54-66, further comprising:

while displaying the user interface, receiving, via the one or more input devices, input corresponding to a request to display a product page user interface for a given episode content collection; and

In response to receiving the input corresponding to the request to display the product page user interface:

ceasing to display the user interface; and

displaying, via the display device, the product page user interface for the given episode content collection, wherein the product page user interface for the given episode content collection includes an episode area having a plurality of representations of a plurality of episodes included in the given episode content collection, and:

in accordance with a determination that the user of the electronic device has fully viewed a first group of episodes of the episode content collections, displaying, at a first location in the episode area of the production page user interface, a first respective representation of a first respective episode subsequent to the first group of episodes, the first respective representation displayed with a visual indication that the first respective episode is a currently viewed episode of the given episode content collection, and a representation of the first group of episodes not displayed in the episode area, and

in accordance with a determination that the user of the electronic device has fully viewed a second set of episodes of the episode content collections, displaying a second respective representation of a second respective episode subsequent to the second set of episodes at the first location in the episode area of the product page user interface, the second respective representation displayed with a visual indication that the second respective episode is a currently viewed episode of the given episode content collection, and a representation of the second set of episodes not displayed in the episode area.

68. The method of claim 67, further comprising:

while displaying the episode area of the product page user interface, wherein the first respective representation of the first respective episode is displayed in the first location in the episode area and the representations of the first group of episodes are not displayed in the episode area, and while the first respective representation has the current focus and is displayed with the visual indication, receiving, via the one or more input devices, an input corresponding to a request to navigate horizontally in the product page user interface; and

in response to receiving the input corresponding to the request to navigate horizontally in the product page user interface:

displaying the first respective representation in a second location in the episode area,

wherein the first respective representation is displayed with the visual indication; and

displaying a third corresponding representation of a third corresponding episode in the first episode area in the first location, wherein the third corresponding representation has the current focus.

69. An electronic device, comprising:

one or more processors;

A memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for:

displaying, via the display device, a user interface for a respective content provider, wherein the user interface includes a plurality of representations of a plurality of content items available for viewing on the electronic device from the respective content provider, wherein:

in accordance with a determination that the electronic device is not logged into the respective content provider, a first region of the user interface includes information regarding a plurality of featured content items from the respective content provider; and

in accordance with a determination that the electronic device is logged into the respective content provider:

in accordance with a determination that a user of the electronic device has viewed a first content item of a first episode content set from the respective content provider, the first area of the user interface includes a first representation corresponding to the first episode content set, wherein the first representation includes selectable options for displaying a second content item from the first episode content set via the display device.

70. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device, cause the electronic device to:

displaying, via the display device, a user interface for a respective content provider, wherein the user interface includes a plurality of representations of a plurality of content items available for viewing on the electronic device from the respective content provider, wherein:

in accordance with a determination that the electronic device is not logged into the respective content provider, a first region of the user interface includes information regarding a plurality of featured content items from the respective content provider; and

in accordance with a determination that the electronic device is logged into the respective content provider:

in accordance with a determination that a user of the electronic device has viewed a first content item of a first episode content set from the respective content provider, the first area of the user interface includes a first representation corresponding to the first episode content set, wherein the first representation includes selectable options for displaying a second content item from the first episode content set via the display device.

71. An electronic device, comprising:

one or more processors;

a memory;

means for displaying, via the display device, a user interface for a respective content provider, wherein the user interface includes a plurality of representations of a plurality of content items available for viewing on the electronic device from the respective content provider, wherein:

in accordance with a determination that the electronic device is not logged into the respective content provider, a first region of the user interface includes information regarding a plurality of featured content items from the respective content provider; and

in accordance with a determination that the electronic device is logged into the respective content provider:

in accordance with a determination that a user of the electronic device has viewed a first content item of a first episode content set from the respective content provider, the first area of the user interface includes a first representation corresponding to the first episode content set, wherein the first representation includes selectable options for displaying a second content item from the first episode content set via the display device.

72. An information processing apparatus for use in an electronic device, the information processing apparatus comprising:

Means for displaying, via the display device, a user interface for a respective content provider, wherein the user interface includes a plurality of representations of a plurality of content items available for viewing on the electronic device from the respective content provider, wherein:

in accordance with a determination that the electronic device is not logged into the respective content provider, a first region of the user interface includes information regarding a plurality of featured content items from the respective content provider; and

in accordance with a determination that the electronic device is logged into the respective content provider:

in accordance with a determination that a user of the electronic device has viewed a first content item of a first episode content set from the respective content provider, the first area of the user interface includes a first representation corresponding to the first episode content set, wherein the first representation includes selectable options for displaying a second content item from the first episode content set via the display device.

73. An electronic device, comprising:

one or more processors;

a memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for performing any of the methods of claims 54-68.

74. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device, cause the electronic device to perform any of the methods of claims 54-68.

75. An electronic device, comprising:

one or more processors;

a memory; and

apparatus for performing any one of the methods of claims 54-68.

76. An information processing apparatus for use in an electronic device, the information processing apparatus comprising:

apparatus for performing any one of the methods of claims 54-68.

77. A method, comprising:

at an electronic device in communication with a display device and one or more input devices:

receiving, via the one or more input devices, input corresponding to a request to display a user interface for a respective episode content series; and

in response to receiving the input corresponding to the request to display the user interface for the respective episode content series, displaying, via the display device, the user interface for the respective episode content series, wherein the respective episode content series is associated with a first bonus content item that is associated with a first episode but not a second episode in the episode content series and a second bonus content item that is associated with the second episode but not the first episode in the episode content series, wherein:

In accordance with a determination that the series of episode content has not been viewed by a user of the electronic device, the user interface includes representations of the first and second promotional content items that are selectable to access the first and second promotional content items, respectively, and

in accordance with a determination that the user of the electronic device has viewed at least a portion of the series of episode content and a current playback position of the user in the series of episode content corresponds to the first episode, the user interface includes the representation of the first bonus content item, the representation is selectable to access the first bonus content item, and the user interface does not include the representation of the second bonus content item.

78. The method of claim 77, wherein the user interface for the respective episode content series includes a representation of a third promotional content item, the third promotional content item being of a different promotional content type than the promotional content types of the first and second promotional content items.

79. The method of claim 78, wherein:

in accordance with the determination that the user of the electronic device has not viewed the series of episode content, displaying the representation of the third promotional content item in a respective area of the user interface for the respective series of episode content at a higher priority than the representations of the first and second promotional content items, and

In accordance with the determination that the user of the electronic device has viewed at least the portion of the series of episode content and a current playback position of the user in the series of episode content corresponds to the first episode, displaying the representation of the first bonus content item in a higher priority than the representation of the third bonus content item in the respective area of the user interface for the respective series of episode content.

80. The method of any one of claims 77-79, wherein:

the series of episode content is associated with a first trailer,

the user interface for the respective episode content series further includes a representation of the first trailer selectable to access the first trailer,

the user interface includes a first region above a second region,

in accordance with the determination that the series of episode content has not been viewed by the user of the electronic device, displaying the representation of the first trailer in the first area of the user interface and displaying the representations of the first and second bonus content items in the second area of the user interface, and

In accordance with the determination that the user of the electronic device has viewed at least the portion of the series of episode content, displaying the representation of the first bonus content item in the first area of the user interface and displaying the representation of the first trailer in the second area of the user interface.

81. The method of any one of claims 77-80, wherein:

the representation of the first bonus content item includes an indication of the first set associated with the first bonus content item, and metadata associated with the first bonus content item, and

the representation of the second promotional content item includes an indication of the second set associated with the second promotional content item, and metadata associated with the second promotional content item.

82. The method of any one of claims 77-81, wherein:

the respective episode content series is further associated with a third promotional content item associated with a final episode of the respective episode content series, wherein the third promotional content item is not associated with the first episode or the second episode of the episode content series, and

In accordance with a determination that the user of the electronic device has completed viewing the final episode of the respective episode content series, the user interface for the respective episode content series includes a representation of the third promotional content item that is selectable to access the third promotional content item, and the user interface does not include the representations of the first and second promotional content items.

83. The method of any one of claims 77-82, wherein:

the respective episode content series is further associated with a third promotional content item associated with a final episode of the respective episode content series, wherein the third promotional content item is not associated with the first episode or the second episode of the episode content series, and

in accordance with a determination that the user of the electronic device has completed viewing the final episode of the respective episode content series:

in accordance with a determination that an amount of time since the user of the electronic device completed viewing the final episode of the respective episode content series is less than a predetermined time threshold, the user interface for the respective episode content series includes a representation of the third promotional content item, the representation is selectable to access the third promotional content item, and the user interface does not include the representations of the first and second promotional content items, and

In accordance with a determination that the amount of time since the user of the electronic device completed viewing the final episode of the respective episode content series is greater than the predetermined time threshold, the user interface for the respective episode content series includes the representations of the first, second, and third promotional content items.

84. The method of any one of claims 77-83, further comprising:

while displaying the user interface for the respective series of episode content and while a current playback position of the user in the series of episode content corresponds to the first episode, receiving, via the one or more input devices, an input corresponding to a request to display a user interface for the second episode in the respective series of episode content; and

in response to receiving the input corresponding to the request to display the user interface for the second collection, displaying, via the display device, the user interface for the second collection, wherein the user interface for the second collection includes the representation of the second motivational content item.

85. The method of claim 84, wherein:

the respective episode content series is further associated with a third promotional content item associated with the first and second episodes in the episode content series, and

displaying representations of the second motivational content items in respective areas of the user interface for the second set at a higher priority than representations of the third motivational content items.

86. The method of any one of claims 84 to 85, wherein:

the respective episode content series is associated with a third promotional content item, the third promotional content item being associated with the second episode,

the user interface for the second set includes a representation of the third bonus content item, and

in accordance with the determination that the user of the electronic device has viewed at least a portion of the series of episode content and a current playback position of the user in the series of episode content corresponds to the first episode, the user interface for the respective series of episode content does not include the representation of the third bonus content item.

87. The method of any one of claims 84-86, further comprising:

In accordance with the determination that the series of episode content has not been viewed by the user of the electronic device, the user interface for the second episode includes the representation of the second bonus content item;

in accordance with the determination that the user of the electronic device has viewed at least the portion of the series of episode content, the user interface for the second episode includes the representation of the second bonus content item;

in accordance with a determination that the user of the electronic device has access to the series of episode content, the user interface for the second episode includes the representation of the second bonus content item; and

in accordance with a determination that the user of the electronic device does not have access to the series of episode content, the user interface for the second episode includes the representation of the second bonus content item.

88. The method of any one of claims 77-87, wherein:

in accordance with the determination that the user of the electronic device has not viewed the series of episode content:

in accordance with a determination that the episode content series is a currently-released episode content series, the user interface for the episode content series includes the representations of the first and second promotional content items; and

In accordance with a determination that the episode content series is not a currently released episode content series, the user interface for the episode content series includes the representations of the first and second promotional content items; and

in accordance with the determination that the user of the electronic device has viewed at least the portion of the series of episode content and the user's current playback position in the series of episode content corresponds to the first episode:

in accordance with the determination that the episode content series is a currently released episode content series, the user interface includes the representation of the first bonus content item and the user interface does not include the representation of the second bonus content item; and

in accordance with a determination that the episode content series is not a currently released episode content series, the user interface includes the representation of the first bonus content item and the user interface does not include the representation of the second bonus content item.

89. An electronic device, comprising:

one or more processors;

a memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs comprising instructions for:

Receiving, via one or more input devices, input corresponding to a request to display a user interface for a respective episode content series; and

in response to receiving the input corresponding to the request to display the user interface for the respective episode content series, displaying, via a display device, the user interface for the respective episode content series, wherein the respective episode content series is associated with a first bonus content item that is associated with a first episode but not a second episode in the episode content series and a second bonus content item that is associated with the second episode but not the first episode in the episode content series, wherein:

in accordance with a determination that the series of episode content has not been viewed by a user of the electronic device, the user interface includes representations of the first and second promotional content items that are selectable to access the first and second promotional content items, respectively, and

in accordance with a determination that the user of the electronic device has viewed at least a portion of the series of episode content and a current playback position of the user in the series of episode content corresponds to the first episode, the user interface includes the representation of the first bonus content item, the representation is selectable to access the first bonus content item, and the user interface does not include the representation of the second bonus content item.

90. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device, cause the electronic device to:

receiving, via one or more input devices, input corresponding to a request to display a user interface for a respective episode content series; and

in response to receiving the input corresponding to the request to display the user interface for the respective episode content series, displaying, via a display device, the user interface for the respective episode content series, wherein the respective episode content series is associated with a first bonus content item that is associated with a first episode but not a second episode in the episode content series and a second bonus content item that is associated with the second episode but not the first episode in the episode content series, wherein:

in accordance with a determination that the series of episode content has not been viewed by a user of the electronic device, the user interface includes representations of the first and second promotional content items that are selectable to access the first and second promotional content items, respectively, and

In accordance with a determination that the user of the electronic device has viewed at least a portion of the series of episode content and a current playback position of the user in the series of episode content corresponds to the first episode, the user interface includes the representation of the first bonus content item, the representation is selectable to access the first bonus content item, and the user interface does not include the representation of the second bonus content item.

91. An electronic device, comprising:

one or more processors;

a memory;

means for receiving, via one or more input devices, input corresponding to a request to display a user interface for a respective episode content series; and

means for displaying, via a display device, the user interface for the respective episode content series in response to receiving the input corresponding to the request to display the user interface for the respective episode content series, wherein the respective episode content series is associated with a first bonus content item that is associated with a first episode but not a second episode in the episode content series and a second bonus content item that is associated with the second episode but not the first episode in the episode content series, wherein:

In accordance with a determination that the series of episode content has not been viewed by a user of the electronic device, the user interface includes representations of the first and second promotional content items that are selectable to access the first and second promotional content items, respectively, and

in accordance with a determination that the user of the electronic device has viewed at least a portion of the series of episode content and a current playback position of the user in the series of episode content corresponds to the first episode, the user interface includes the representation of the first bonus content item, the representation is selectable to access the first bonus content item, and the user interface does not include the representation of the second bonus content item.

92. An information processing apparatus for use in an electronic device, the information processing apparatus comprising:

means for receiving, via one or more input devices, input corresponding to a request to display a user interface for a respective episode content series; and

means for displaying, via a display device, the user interface for the respective episode content series in response to receiving the input corresponding to the request to display the user interface for the respective episode content series, wherein the respective episode content series is associated with a first bonus content item that is associated with a first episode but not a second episode in the episode content series and a second bonus content item that is associated with the second episode but not the first episode in the episode content series, wherein:

In accordance with a determination that the series of episode content has not been viewed by a user of the electronic device, the user interface includes representations of the first and second promotional content items that are selectable to access the first and second promotional content items, respectively, and

in accordance with a determination that the user of the electronic device has viewed at least a portion of the series of episode content and a current playback position of the user in the series of episode content corresponds to the first episode, the user interface includes the representation of the first bonus content item, the representation is selectable to access the first bonus content item, and the user interface does not include the representation of the second bonus content item.

93. An electronic device, comprising:

one or more processors;

a memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for performing any of the methods of claims 77-88.

94. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device, cause the electronic device to perform any of the methods of claims 77-88.

95. An electronic device, comprising:

one or more processors;

a memory; and

means for performing any one of the methods of claims 77-88.

96. An information processing apparatus for use in an electronic device, the information processing apparatus comprising:

means for performing any one of the methods of claims 77-88.

Technical Field

The present invention relates generally to user interfaces that present information and selectable options related to content items on an electronic device.

Background

In recent years, user interaction with electronic devices has increased dramatically. These devices may be devices such as computers, tablets, televisions, multimedia devices, mobile devices, and the like.

In some cases, such devices present content items. In some cases, the electronic device presents selectable representations of the content items. Enhancing user interaction with the device improves the user experience with the device and reduces user interaction time, which is particularly important in the case of input devices that are battery powered.

It is well known that the use of personally identifiable information should comply with privacy policies and practices that are recognized as meeting or exceeding industry or government requirements for maintaining user privacy. In particular, personally identifiable information data should be managed and processed to minimize the risk of inadvertent or unauthorized access or use, and the nature of authorized use should be explicitly stated to the user.

Disclosure of Invention

Some embodiments described in the present disclosure relate to presenting representations of content items available for playback on an electronic device. Some embodiments described in this disclosure relate to presenting representations of content items related to auxiliary content in a product page user interface. Some embodiments described in the present disclosure relate to presenting representations of content in a manner based on a user's content consumption history. Some embodiments described in the present disclosure relate to presenting representations of bonus content items of respective episode content series in a user interface. A full description of the embodiments is provided in the accompanying drawings and detailed description, it being understood that the summary provided above does not limit the scope of the disclosure in any way.

Drawings

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 indicate corresponding parts throughout the figures.

Fig. 1A is a block diagram illustrating a multifunction device with a touch-sensitive display in accordance with some embodiments of the present disclosure.

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

Fig. 2 illustrates a multifunction device with a touch screen according to some embodiments of the present disclosure.

Fig. 3 is a block diagram of an exemplary multifunction device with a display and a touch-sensitive surface in accordance with some embodiments of the present disclosure.

FIG. 4 illustrates an exemplary user interface for a multifunction device with a touch-sensitive surface separate from a display, according to some embodiments of the present disclosure.

Fig. 5A-5C illustrate block diagrams of exemplary architectures for devices according to some embodiments of the present disclosure.

Fig. 6A-6 FF illustrate an exemplary manner in which an electronic device presents representations of content items that are available for playback on the electronic device, according to some embodiments of the present disclosure.

Fig. 7A-7G are flowcharts illustrating methods of presenting representations of content items available for playback on an electronic device according to some embodiments of the present disclosure.

Figures 8A-8W illustrate exemplary ways in which an electronic device presents representations of auxiliary content related to a content item, according to some embodiments of the present disclosure.

Fig. 9A-9H are flow diagrams illustrating methods of presenting representations of auxiliary content related to a content item according to some embodiments of the present disclosure.

Fig. 10A-10S illustrate exemplary ways in which an electronic device presents a content browsing user interface customized based on a user' S content consumption history, according to some embodiments of the present disclosure.

11A-11G are flow diagrams illustrating methods of presenting a content browsing user interface customized based on a user's content consumption history, according to some embodiments of the present disclosure.

Fig. 12A-12 CC illustrate an electronic device presenting representations of bonus content items of respective episode content series in a user interface, according to some embodiments of the present disclosure.

Fig. 13 is a flow diagram illustrating a method of presenting representations of bonus content items of respective episode content series in a user interface, in accordance with some embodiments of the present disclosure.

Detailed Description

In the following description of the embodiments, reference is made to the accompanying drawings, which form a part hereof, and in which is shown by way of illustration specific embodiments which may be optionally practiced. It is to be understood that other embodiments are optionally utilized and structural changes are optionally made without departing from the scope of the disclosed embodiments. Furthermore, although the following description uses the terms "first," "second," etc. to describe various elements, these elements should not be limited by the terms. These terms are only used to distinguish one element from another. For example, a first touch may be named a second touch and similarly a second touch may be named a first touch without departing from the scope of various described embodiments. The first touch and the second touch are both touches, but they are not the same touch.

The terminology used in the description of the various described embodiments herein is for the purpose of describing particular embodiments only and is not intended to be limiting. As used in the description of the various described embodiments and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will also be understood that the term "and/or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items. It will be further understood that the terms "comprises" and/or "comprising," when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof.

Depending on the context, the term "if" is optionally to be interpreted to mean "when … …", "at … …" or "in response to a determination" or "in response to a detection". Similarly, the phrase "if determined … …" or "if [ stated condition or event ] is detected" is optionally to be construed to mean "upon determination … …" or "in response to determination … …" or "upon detection of [ stated condition or event ] or" in response to detection of [ stated condition or event ] ", depending on the context.

Exemplary device

Embodiments of electronic devices, user interfaces for such devices, and related 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 contains other functions, such as PDA and/or music player functions. Exemplary embodiments of portable multifunction devices include, but are not limited to, those from Apple IncDevice and iPodAn apparatus, andan apparatus. Other portable electronic devices are optionally used, such as laptops or tablets with touch-sensitive surfaces (e.g., touch screen displays and/or touch pads). It should also be understood that in some embodiments, the device is not a portable communication device, but is a desktop computer or television with a touch-sensitive surface (e.g., a touch screen display and/or a touch pad). In some embodiments, the device does not have a touch screen display and/or a touch pad, but is capable of outputting display information for display on a separate display device (such as the user interface of the present disclosure), and is capable of receiving input information from a separate input device having one or more input mechanisms (such as one or more buttons, a touch screen display, and/or a touch pad). In some embodiments, the device has a display, but is capable of receiving input information from a separate input device having one or more input mechanisms (such as one or more buttons, a touch screen display, and/or a touch pad).

In the following discussion, an electronic device including a display and a touch-sensitive surface is described. 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. Additionally, as noted above, it should be understood that the described electronic device, display, and touch-sensitive surface are optionally distributed among two or more devices. Thus, 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 at an electronic device (e.g., touch input received at a touch-sensitive surface of the electronic device) is optionally used to describe input received at a separate input device from which the electronic device receives input information.

The device typically supports a variety of applications, such as one or more of the following: a mapping application, a rendering application, a word processing application, a website creation application, a disc editing application, a spreadsheet application, a gaming application, a telephone 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.

Various applications executing 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 within respective applications. In this way, a common physical architecture of the device (such as a touch-sensitive surface) optionally supports various applications with a user interface that is intuitive and clear to the user.

Attention is now directed to embodiments of portable or non-portable devices having touch-sensitive displays, but the devices need not include a touch-sensitive display or a display in general, as described above. FIG. 1A is a block diagram illustrating a portable or non-portable multifunction device 100 with a touch-sensitive display 112 in accordance with some embodiments. Touch-sensitive display 112 is sometimes referred to as a "touch screen" for convenience, and is sometimes referred to or called a touch-sensitive display system. Device 100 includes 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 interface 118, RF circuitry 108, audio circuitry 110, speaker 111, 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. Device 100 optionally includes one or more contact intensity sensors 165 for detecting the intensity of contacts on device 100 (e.g., a touch-sensitive surface, such as touch-sensitive display system 112 of device 100). Device 100 optionally includes one or more tactile output generators 167 for generating tactile outputs on device 100 (e.g., generating tactile outputs on a touch-sensitive surface such as touch-sensitive display system 112 of device 100 or trackpad 355 of device 300). These components optionally communicate over one or more communication buses or signal lines 103.

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 substitute (surrogate) for the force or pressure of a contact on the touch-sensitive surface. The intensity of the 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 the 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 forces at different points on the touch-sensitive surface. In some implementations, force measurements from multiple force sensors are combined (e.g., a weighted average) to determine the estimated contact force. Similarly, the pressure sensitive tip of the 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 thereof, the capacitance of the touch-sensitive surface in the vicinity of the contact and/or changes thereof and/or the resistance of the touch-sensitive surface in the vicinity of the contact and/or changes thereof are optionally used as a substitute for the force or pressure of the contact on the touch-sensitive surface. In some implementations, the surrogate 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 surrogate measurement). In some implementations, the substitute 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 an intensity threshold has been exceeded (e.g., the intensity threshold is a pressure threshold measured in units of pressure). The intensity of the contact is used as a property of the user input, allowing the user to access additional device functionality that is otherwise inaccessible to the user on smaller-sized devices with limited real estate for displaying affordances (e.g., on a touch-sensitive display) and/or receiving user input (e.g., via a touch-sensitive display, a touch-sensitive surface, or physical/mechanical controls, such as knobs or buttons).

As used in this specification and claims, the term "haptic output" refers to a physical displacement of a device relative to a previous position of the device, a physical displacement of a component of the 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 a center of mass of the device that is to be detected by a user with the user's sense of touch. For example, where the device or component of the device is in contact with a surface of the user that is sensitive to touch (e.g., a finger, palm, or other portion of the user's hand), the haptic output generated by the physical displacement will be interpreted by the user as a haptic sensation corresponding to a perceived change in a physical characteristic of the device or component of the device. For example, movement of the touch-sensitive surface (e.g., a touch-sensitive display or trackpad) is optionally interpreted by the user as a "down click" or "up click" of 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 is physically pressed (e.g., displaced) by the user's movement is not moving. As another example, movement of the touch sensitive surface may optionally be interpreted or sensed by the user as "roughness" of the touch sensitive surface even when there is no change in the smoothness of the touch sensitive surface. While such interpretation of touch by a user will be limited by the user's individualized sensory perception, many sensory perceptions of touch are common to most users. Thus, when a haptic 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 haptic output corresponds to a physical displacement of the device or a component thereof that would generate the described sensory perception of a typical (or ordinary) user.

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 these components. The various components shown in fig. 1A are implemented in hardware, software, or a combination of both hardware and software, including one or more signal processing and/or application specific integrated circuits. Further, the various components shown in fig. 1A are optionally implemented on two or more devices; such as a display and audio circuitry on the display device, a touch-sensitive surface on the input device, and the rest of the components on the device 100. In such embodiments, device 100 optionally communicates with a display device and/or an input device to facilitate operation of the system, as described in this disclosure, and various components described herein relating to display and/or input remain in device 100 or are optionally included in the display and/or input device as appropriate.

The memory 102 optionally includes high-speed random access memory, and also optionally includes non-volatile memory, such as one or more magnetic disk storage devices, flash memory devices, or other non-volatile solid-state memory devices. Memory controller 122 optionally controls access to memory 102 by other components of device 100.

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

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.

RF (radio frequency) circuitry 108 receives and transmits RF signals, also referred to as electromagnetic signals. The RF circuitry 108 converts electrical signals to/from electromagnetic signals and communicates with communication networks and other communication devices via electromagnetic signals. RF circuitry 108 optionally includes well-known circuitry for performing these functions, including but not limited to an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a codec chipset, a Subscriber Identity Module (SIM) card, memory, and so forth. RF circuitry 108 optionally communicates with networks such as the internet, also known as the World Wide Web (WWW), intranets, and/or wireless networks such as cellular telephone networks, wireless Local Area Networks (LANs), and/or Metropolitan Area Networks (MANs), and other devices via wireless communication. RF circuitry 108 optionally includes well-known circuitry for detecting Near Field Communication (NFC) fields, such as by a short-range communication radio. The wireless communication optionally uses any of a number of communication standards, protocols, and techniques, 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 +, 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 Low Power consumption (BTLE), Wireless Fidelity (Wi-Fi) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n, and/or IEEE 802.11ac), 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 with extensions (SIMPLE), Instant Messaging and Presence Service (IMPS)), and/or Short Message Service (SMS), or any other suitable communication protocol including communication protocols not yet developed at the time of filing date of this document.

Audio circuitry 110, speaker 111, and microphone 113 provide an audio interface between a user and device 100. The audio circuitry 110 receives audio data from the peripheral interface 118, converts the audio data to electrical signals, and transmits the electrical signals to the speaker 111. The speaker 111 converts the electrical signals into sound waves audible to a human. The audio circuit 110 also receives electrical signals converted from sound waves by the microphone 113. The audio circuit 110 converts the electrical signals to audio data and transmits the audio data to the peripheral interface 118 for processing. Audio data is optionally retrieved from and/or transmitted to memory 102 and/or RF circuitry 108 by peripheral interface 118. In some embodiments, the audio circuit 110 also includes a headset jack (e.g., 212 in fig. 2). The headset jack provides an interface between the audio circuitry 110 and a removable audio input/output peripheral such as an output-only headphone or a headset having both an output (e.g., a monaural headphone or a binaural headphone) and an input (e.g., a microphone).

The I/O subsystem 106 couples input/output peripheral devices on the device 100, such as a touch screen 112 and other input control devices 116, to a peripheral interface 118. The I/O subsystem 106 optionally includes a display controller 156, an optical sensor controller 158, an intensity sensor controller 159, a haptic feedback controller 161, and one or more input controllers 160 for other input or control devices. One or more input controllers 160 receive/transmit electrical signals from/to other input or control devices 116. The other input control devices 116 optionally include physical buttons (e.g., push buttons, rocker buttons, etc.), dials, slide switches, joysticks, click wheels, and the like. In some alternative embodiments, one or more input controllers 160 are optionally coupled to (or not coupled to) any of: a keyboard, an infrared port, a USB port, and a pointing device such as a mouse. The one or more buttons (e.g., 208 in fig. 2) optionally include 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., 206 in fig. 2).

Quick depression of the push button optionally unlocks the touch screen 112 or optionally begins the process of Unlocking the Device using a gesture on the touch screen, as described in U.S. patent application 11/322,549 (i.e., U.S. patent 7,657,849) entitled "Unlocking a Device by Performing diagnostics on a Device an Unlock Image," filed on 23.12.2005, which is hereby incorporated by reference in its entirety. A long press of a button (e.g., 206) optionally turns the device 100 on or off. The functionality of one or more buttons is optionally customizable by the user. The touch screen 112 is used to implement virtual or soft buttons and one or more soft keyboards.

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 the display operation of touch-sensitive display 112 are optionally separate from each other, such that the display device is used for display purposes and the touch-sensitive surface (whether or not the display) 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 a touch sensitive display. Display controller 156 receives electrical signals from touch screen 112 and/or transmits electrical signals to touch screen 112. Touch screen 112 displays visual output to a user. The visual output optionally includes graphics, text, icons, video, and any combination thereof (collectively "graphics"). In some embodiments, some or all of the visual output corresponds to a user interface object.

Touch screen 112 has a touch-sensitive surface, sensor, or group of sensors that accept input from a user based on tactile sensation and/or tactile contact. Touch screen 112 and display controller 156 (along with any associated modules and/or sets of instructions in memory 102) detect contact (and any movement or breaking of the contact) on touch screen 112 and convert the detected contact into interaction with user interface objects (e.g., one or more soft keys, icons, web pages, or images) displayed on touch screen 112. In an exemplary embodiment, the point of contact between touch screen 112 and the user corresponds to a finger of the user.

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. Touch screen 112 and display controller 156 optionally detect contact and any movement or breaking thereof using 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 touch screen 112. In one exemplary embodiment, projected mutual capacitance sensing technology is used, such as that from Apple Inc (Cupertino, California) iPodAndthe technique found.

The touch sensitive display in some embodiments of touch screen 112 is optionally similar to a multi-touch sensitive trackpad described in the following U.S. patents: 6,323,846(Westerman et al), 6,570,557(Westerman et al) and/or 6,677,932(Westerman et al) and/or U.S. patent publication 2002/0015024a1, each of which is hereby incorporated by reference in its entirety. However, touch screen 112 displays visual output from device 100, while touch sensitive trackpads do not provide visual output.

In some embodiments, the touch sensitive display of touch screen 112 is as described in the following patent applications: (1) U.S. patent application No. 11/381,313 entitled "Multipoint Touch Surface Controller" filed on 2.5.2006; (2) U.S. patent application No. 10/840,862 entitled "Multipoint touch screen" filed on 6.5.2004; (3) U.S. patent application No. 10/903,964 entitled "Gestures For Touch Sensitive Input Devices" filed on 30.7.2004; (4) U.S. patent application No. 11/048,264 entitled "Gestures For Touch Sensitive Input Devices" filed on 31/1/2005; (5) U.S. patent application 11/038,590 entitled "model-Based Graphical User Interfaces For Touch Sensitive Input Devices" filed on 18.1.2005; (6) U.S. patent application No. 11/228,758 entitled "Virtual Input Device On A Touch Screen User Interface" filed On 16.9.2005; (7) U.S. patent application No. 11/228,700 entitled "Operation Of A Computer With A Touch Screen Interface," filed on 16.9.2005; (8) U.S. patent application No. 11/228,737 entitled "Activating Virtual Keys Of A Touch-Screen Virtual Keys" filed on 16.9.2005; and (9) U.S. patent application 11/367,749 entitled "Multi-Functional Hand-Held Device" filed 3.3.2006. All of these applications are incorporated herein by reference in their entirety.

The touch screen 112 optionally has a video resolution in excess of 100 dpi. In some embodiments, the touch screen has a video resolution of about 160 dpi. The user optionally makes contact with touch screen 112 using any suitable object or appendage, such as a stylus, finger, or the like. In some embodiments, the user interface is designed to work primarily with finger-based contacts and gestures, which may not be as accurate as stylus-based input due to the larger contact area of the finger on the touch screen. In some embodiments, the device translates the rough finger-based input into a precise pointer/cursor position or command for performing the action desired by the user.

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

The 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, a power failure detection circuit, 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 portable or non-portable devices.

The device 100 optionally further includes one or more optical sensors 164. FIG. 1A shows an optical sensor coupled to an optical sensor controller 158 in the I/O subsystem 106. 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 from the environment projected through one or more lenses and converts the light into data representing an image. In conjunction with imaging module 143 (also called a camera module), optical sensor 164 optionally captures still images or video. In some embodiments, an optical sensor is located on the back of device 100, opposite touch screen display 112 on the front of the device, so that the touch screen display can be used as a viewfinder for still and/or video image acquisition. In some embodiments, an optical sensor is located on the front of the device so that images of the user are optionally acquired for the video conference while the user views other video conference participants on the touch screen display. In some implementations, the position of the optical sensor 164 can be changed by the user (e.g., by rotating a lens and sensor in the device housing) such that a single optical sensor 164 is used with a touch screen display for both video conferencing and still image and/or video image capture.

Device 100 optionally further comprises one or more contact intensity sensors 165. FIG. 1A shows a contact intensity sensor coupled to an intensity sensor controller 159 in the I/O subsystem 106. Contact intensity 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 intensity sensors (e.g., sensors for measuring the force (or pressure) of a contact on a touch-sensitive surface). Contact intensity sensor 165 receives contact intensity information (e.g., pressure information or a proxy for pressure information) from the environment. In some implementations, at least one contact intensity sensor is collocated with or proximate to a touch-sensitive surface (e.g., touch-sensitive display system 112). In some embodiments, at least one contact intensity sensor is located on the back of device 100, opposite touch screen display 112, which is located on the front of device 100.

The device 100 optionally further includes one or more proximity sensors 166. Fig. 1A shows a proximity sensor 166 coupled to the peripheral interface 118. Alternatively, the proximity sensor 166 is optionally coupled to the input controller 160 in the I/O subsystem 106. The proximity sensor 166 optionally performs as described in the following U.S. patent applications: 11/241,839 entitled "Proximaty Detector In Handheld Device"; 11/240,788 entitled "Proximaty Detector In Handheld Device"; 11/620,702, entitled "Using Ambient Light Sensor To Automation restriction Sensor Output"; 11/586,862, entitled "Automated Response To And Sensing Of User Activity In Portable Devices"; and 11/638,251, entitled "Methods And Systems For Automatic Configuration Of Peripherals," which are hereby incorporated by reference in their entirety. In some embodiments, the proximity sensor turns off and disables the touch screen 112 when the multifunction device is placed near the user's ear (e.g., when the user is making a phone call).

Device 100 optionally further comprises one or more tactile output generators 167. FIG. 1A shows a haptic output generator coupled to a haptic feedback controller 161 in the I/O subsystem 106. Tactile output generator 167 optionally includes one or more electro-acoustic devices such as speakers or other audio components; and/or an electromechanical device for converting energy into linear motion such as a motor, solenoid, electroactive polymer, piezoelectric actuator, electrostatic actuator, or other tactile output generating component (e.g., a component for converting an electrical signal into a tactile output on the device). Contact intensity sensor 165 receives haptic feedback generation instructions from haptic feedback module 133 and generates haptic output on device 100 that can be felt by a user of 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 output by moving the touch-sensitive surface vertically (e.g., into/out of the surface of device 100) or laterally (e.g., back and forth in the same plane as the surface of device 100). In some embodiments, at least one tactile output generator sensor is located on the back of device 100, opposite touch screen display 112, which is located on the front of device 100.

Device 100 optionally also includes one or more accelerometers 168. Fig. 1A shows accelerometer 168 coupled to peripheral interface 118. Alternatively, accelerometer 168 is optionally coupled to input controller 160 in I/O subsystem 106. Accelerometer 168 optionally performs as described in the following U.S. patent publications: U.S. patent publication 20050190059 entitled "Accelation-Based Detection System For Portable Electronic Devices" And U.S. patent publication 20060017692 entitled "Methods And apparatus For Operating A Portable Device Based On An Accelerometer", both of which are incorporated herein by reference in their entirety. In some embodiments, information is displayed in a portrait view or a landscape view on the touch screen display based on analysis of data received from one or more accelerometers. Device 100 optionally includes a magnetometer (not shown) and a GPS (or GLONASS or other global navigation system) receiver (not shown) in addition to accelerometer 168 for obtaining information about the position and orientation (e.g., portrait or landscape) of device 100.

In some embodiments, the software components stored in memory 102 include an operating system 126, a communication module (or set of instructions) 128, a contact/motion module (or set of instructions) 130, a graphics module (or set of instructions) 132, a text input module (or set of instructions) 134, a Global Positioning System (GPS) module (or set of instructions) 135, and an application program (or set of instructions) 136. Further, in some embodiments, memory 102 (fig. 1A) or 370 (fig. 3) stores device/global internal state 157, as shown in fig. 1A and 3. Device/global internal state 157 includes one or more of: an active application state indicating which applications (if any) are currently active; display state indicating what applications, views, or other information occupy various areas of the touch screen display 112; sensor status, including information obtained from the various sensors of the device and the input control device 116; and location information regarding the location and/or pose of the device.

The operating system 126 (e.g., Darwin, RTXC, LINUX, UNIX, OS X, iOS, 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.

Communications module 128 facilitates communications with other devices through one or more external ports 124 and also includes various software components for processing data received by RF circuitry 108 and/or external ports 124. External port 124 (e.g., Universal Serial Bus (USB), firewire, etc.) is adapted to couple directly to other devices or indirectly through a network (e.g., the internet, wireless LAN, etc.). In some embodiments, the external port is a multi-pin (e.g., 30-pin) connector that is the same as or similar to and/or compatible with a 30-pin connector used on iPod (trademark of Apple inc.) devices.

Contact/motion module 130 optionally detects contact with touch screen 112 (in conjunction with display controller 156) and other touch sensitive devices (e.g., a trackpad 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 contact intensity (e.g., force or pressure of contact, or a substitute for force or pressure of contact), determining whether there is movement of contact and tracking movement across the touch-sensitive surface (e.g., detecting one or more finger-dragging events), and determining whether 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 movement of the point of contact optionally includes determining velocity (magnitude), velocity (magnitude and direction), and/or acceleration (change in magnitude and/or direction) of the point of contact, the movement of the point of contact being represented by a series of contact data. These operations are optionally applied to a single contact (e.g., one finger contact) or multiple simultaneous contacts (e.g., "multi-touch"/multiple finger contacts). In some embodiments, the contact/motion module 130 and the display controller 156 detect contact on a touch pad.

In some embodiments, the contact/motion module 130 uses a set of one or more intensity thresholds to determine whether an operation has been performed by the user (e.g., determine whether the user has "clicked" on an icon). In some embodiments, at least a subset of the intensity thresholds are determined according to software parameters (e.g., the intensity thresholds are not determined by the activation thresholds of particular physical actuators and may be adjusted without changing the physical hardware of device 100). For example, the mouse "click" threshold of the trackpad or touch screen display may be set to any one of a wide range of predefined thresholds without changing the trackpad or touch screen display hardware. Additionally, in some implementations, a user of the device is provided with software settings for adjusting one or more intensity thresholds of a set of intensity thresholds (e.g., by adjusting individual intensity thresholds and/or by adjusting multiple intensity thresholds at once with a system-level click on an "intensity" parameter).

The contact/motion module 130 optionally detects gesture input by the user. Different gestures on the touch-sensitive surface have different contact patterns (e.g., different motions, timings, and/or intensities of detected contacts). Thus, the gesture is optionally detected by detecting a particular contact pattern. For example, detecting a finger tap gesture includes detecting a finger-down event, and then detecting a finger-up (lift-off) event at the same location (or substantially the same location) as the finger-down event (e.g., at the location of the icon). As another example, detecting a finger swipe gesture on the touch-sensitive surface includes detecting a finger-down event, then detecting one or more finger-dragging events, and then subsequently detecting a finger-up (lift-off) event.

Graphics module 132 includes various known software components for rendering and displaying graphics on touch screen 112 or other display, including components for changing the visual impact (e.g., brightness, transparency, saturation, contrast, or other visual attributes) of the displayed graphics. As used herein, the term "graphic" includes any object that may be displayed to a user, including without limitation text, web pages, icons (such as user interface objects including soft keys), digital images, videos, animations and the like.

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

Haptic feedback module 133 includes various software components for generating instructions for use by haptic output generator 167 in generating haptic outputs at one or more locations on device 100 in response to user interaction with device 100.

Text input module 134, which is optionally a component of graphics module 132, provides a soft keyboard for entering text in various applications such as contacts 137, email 140, IM 141, browser 147, and any other application that requires text input.

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 weather desktop applets, local yellow pages desktop applets, and map/navigation desktop applets).

Application 136 optionally includes the following modules (or sets of instructions), or a subset or superset thereof:

a contacts module 137 (sometimes referred to as an address book or contact list);

a phone module 138;

a video conferencing module 139;

an email client module 140;

an Instant Messaging (IM) module 141;

fitness support module 142;

a camera module 143 for still and/or video images;

an image management module 144;

a video player module;

a music player module;

a browser module 147;

A calendar module 148;

desktop applet module 149, optionally including one or more of: a weather desktop applet 149-1, a stock market desktop applet 149-2, a calculator desktop applet 149-3, an alarm desktop applet 149-4, a dictionary desktop applet 149-5, and other desktop applets acquired by the user, and a user created desktop applet 149-6;

a desktop applet creator module 150 for forming a user-created desktop applet 149-6;

a search module 151;

a video and music player module 152 that incorporates a video player module and a music player module;

a memo module 153;

a map module 154; and/or

Online video module 155.

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.

In conjunction with touch screen 112, display controller 156, contact/motion module 130, graphics module 132, and text input module 134, contacts module 137 is optionally used to manage contact lists or contact lists (e.g., stored in memory 102 or in application internal state 192 of contacts module 137 in memory 370), including: adding one or more names to the address book; deleting names from the address book; associating a telephone number, email address, physical address, or other information with a name; associating the image with a name; classifying and classifying names; providing a telephone number or email address to initiate and/or facilitate communications over telephone 138, video conferencing module 139, email 140, or IM 141; and so on.

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

In conjunction 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/motion module 130, graphics module 132, text input module 134, contacts module 137, and telephony module 138, video conference module 139 includes executable instructions to initiate, conduct, and terminate video conferences between the user and one or more other participants according to user instructions.

In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact/motion module 130, graphics module 132, and text input module 134, email client module 140 includes executable instructions to create, send, receive, and manage emails in response to user instructions. In conjunction with the image management module 144, the email client module 140 makes it very easy to create and send an email with a still image or a video image captured by the camera module 143.

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

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

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

In conjunction with touch screen 112, display controller 156, contact/motion 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 slide or album), and storing still and/or video images.

In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact/motion module 130, graphics module 132, and text input module 134, browser module 147 includes executable instructions for browsing the internet according to user instructions, including searching, linking to, receiving, and displaying web pages or portions thereof, as well as attachments and other files linked to web pages.

In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact/motion module 130, graphics module 132, text input module 134, email client module 140, and browser module 147, calendar module 148 includes executable instructions to create, display, modify, and store calendars and data associated with calendars (e.g., calendar entries, to-do, etc.) according to user instructions.

In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact/motion module 130, graphics module 132, text input module 134, and browser module 147, the desktop applet module 149 is a mini-application (e.g., weather desktop applet 149-1, stock market desktop applet 149-2, calculator desktop applet 149-3, alarm clock desktop applet 149-4, and dictionary desktop applet 149-5) or a mini-application created by a user (e.g., user created desktop applet 149-6) that is optionally downloaded and used by the user. In some embodiments, the desktop applet includes an HTML (hypertext markup language) file, a CSS (cascading style sheet) file, and a JavaScript file. In some embodiments, the desktop applet includes an XML (extensible markup language) file and a JavaScript file (e.g., Yahoo! desktop applet).

In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact/motion module 130, graphics module 132, text input module 134, and browser module 147, the desktop applet creator module 150 is optionally used by a user to create a desktop applet (e.g., convert a user-specified portion of a web page into a desktop applet).

In conjunction with touch screen 112, display controller 156, contact/motion module 130, graphics module 132, and text input module 134, search module 151 includes executable instructions for searching memory 102 for text, music, sound, images, video, 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.

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

In conjunction with the touch screen 112, the display controller 156, the contact/motion module 130, the graphic module 132, and the text input module 134, the memo module 153 includes executable instructions to create and manage a memo, backlog, and the like according to user instructions.

In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact/motion module 130, graphics module 132, text input module 134, GPS module 135, and browser module 147, map module 154 is optionally used to receive, display, modify, and store maps and data associated with maps (e.g., driving directions, data related to stores and other points of interest at or near a particular location, and other location-based data) according to user instructions.

In conjunction with touch screen 112, display controller 156, contact/motion module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, text input module 134, email client module 140, and browser module 147, online video module 155 includes instructions for: allowing a user to access, browse, receive (e.g., by streaming and/or downloading), playback (e.g., on a 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 video in one or more file formats, such as h.264. In some embodiments, the link to the particular online video is sent using instant messaging module 141 instead of email client module 140. Additional description of Online video applications can be found in U.S. provisional patent application 60/936,562 entitled "Portable Multi function Device, Method, and Graphical User Interface for Playing Online video," filed on.20.2007, and U.S. patent application 11/968,067 entitled "Portable Multi function Device, Method, and Graphical User Interface for Playing Online video," filed on.31.2007, both of which are hereby incorporated by reference in their entirety.

Each of the modules and applications described above corresponds to a set of executable instructions for performing one or more of the functions described above as well as the methods described in this patent application (e.g., the computer-implemented methods and other information processing methods described herein). These modules (e.g., sets of instructions) need not be implemented as separate software programs, procedures or modules, and thus various subsets of these modules are optionally combined or otherwise rearranged in various embodiments. For example, the video player module is optionally combined with the music player module into a single module (e.g., the video and music player module 152 in fig. 1A). In some embodiments, memory 102 optionally stores a subset of the modules and data structures described above. Further, memory 102 optionally stores additional modules and data structures not described above.

In some embodiments, device 100 is a device in which operation of a predefined set of functions on the device is performed exclusively through a touch screen and/or a trackpad. By using a touch screen and/or trackpad as the primary input control device for operating the device 100, the number of physical input control devices (e.g., push buttons, dials, etc.) on the device 100 is optionally reduced.

The predefined set of functions performed exclusively through the touchscreen and/or trackpad optionally includes navigation between user interfaces. In some embodiments, the trackpad, when touched by a user, navigates device 100 from any user interface displayed on device 100 to a main, home, or root menu. In such embodiments, a "menu button" is implemented using a touch pad. In some other embodiments, the menu button is a physical push button or other physical input control device, rather than a touchpad.

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

Event sorter 170 receives the event information and determines application 136-1 and application view 191 of application 136-1 to which the event information is to be delivered. The event sorter 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 that are displayed on touch-sensitive display 112 when the application is active or executing. In some embodiments, the device/global internal state 157 is used by the event classifier 170 to determine which application(s) are currently active, and the application internal state 192 is used by the event classifier 170 to determine the application view 191 to which to deliver event information.

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

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

In some embodiments, event monitor 171 sends requests to peripheral interface 118 at predetermined intervals. In response, peripheral interface 118 transmits the event information. In other embodiments, peripheral 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 more than a predetermined duration).

In some embodiments, event classifier 170 further includes hit view determination module 172 and/or active event recognizer determination module 173.

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

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 view (of the respective application) in which the touch is detected optionally corresponds to a programmatic level within a programmatic or view hierarchy of applications. 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 identified as correct inputs is optionally determined based at least in part on the hit view of the initial touch that initiated the touch-based gesture.

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

The 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 implementations, the 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 thus determines that all actively participating views should receive a particular sequence of sub-events. In other embodiments, even if the touch sub-event is completely confined to the area associated with a particular view, the higher views in the hierarchy will remain actively participating views.

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

In some embodiments, the operating system 126 includes an event classifier 170. Alternatively, application 136-1 includes event classifier 170. In yet another embodiment, the event classifier 170 is a stand-alone module or is part of another module stored in the memory 102 (such as the contact/motion module 130).

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

The corresponding event recognizer 180 receives event information (e.g., event data 179) from the event classifier 170 and recognizes an event according to the event information. The event recognizer 180 includes an event receiver 182 and an event comparator 184. In some embodiments, event recognizer 180 also includes metadata 183 and at least a subset of event delivery instructions 188 (which optionally include sub-event delivery instructions).

The event receiver 182 receives event information from the event classifier 170. The event information includes information about a sub-event such as a touch or touch movement. According to the sub-event, the event information further includes additional information, such as the location of the sub-event. When the sub-event relates to motion of a touch, the event information optionally also includes the velocity and direction of the sub-event. In some embodiments, the event comprises rotation of the device from one orientation to another (e.g., from a portrait orientation to a landscape orientation, or vice versa), and the event information comprises corresponding information about the current orientation of the device (also referred to as the device pose).

Event comparator 184 compares the event information to predefined event or sub-event definitions and determines an event or sub-event or determines or updates the state of an event or sub-event based on the comparison. In some embodiments, event comparator 184 includes event definitions 186. Event definition 186 contains definitions of events (e.g., predefined sub-event sequences), such as event 1(187-1), event 2(187-2), and others. In some embodiments, 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 the displayed object. For example, a double tap includes a first touch on the displayed object for a predetermined length of time (touch start), a first lift off for a predetermined length of time (touch end), a second touch on the displayed object for a predetermined length of time (touch start), and a second lift off for a predetermined length of time (touch end). In another example, the definition of event 2(187-2) is a drag on the displayed object. For example, the drag includes a predetermined length of time of touch (or contact) on the displayed object, movement of the touch on the touch-sensitive display 112, and liftoff of the touch (touch end). In some embodiments, the event also includes information for one or more associated event handlers 190.

In some embodiments, event definition 187 includes definitions of events for respective 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 that displays 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 respective event handler 190, the event comparator uses the results of the hit test to determine which event handler 190 should be activated. For example, event comparator 184 selects the event handler associated with the sub-event and the object that triggered the hit test.

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

When the respective event recognizer 180 determines that the sequence of sub-events does not match any event in the event definition 186, the respective event recognizer 180 enters an 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.

In some embodiments, the respective event recognizer 180 includes metadata 183 with configurable attributes, tags, and/or lists that indicate how the event delivery system should perform sub-event delivery to actively participating event recognizers. In some embodiments, metadata 183 includes configurable attributes, flags, and/or lists that indicate how or how event recognizers interact with each other. In some embodiments, metadata 183 includes configurable attributes, flags, and/or lists that indicate whether a sub-event is delivered to a different level in the view or programmatic hierarchy.

In some embodiments, when one or more particular sub-events of an event are identified, the respective event identifier 180 activates the event handler 190 associated with the event. In some embodiments, the respective event identifier 180 delivers event information associated with the event to the event handler 190. Activating the event handler 190 is different from sending (and deferring) sub-events to the corresponding hit view. In some embodiments, the event recognizer 180 throws a marker associated with the recognized event, and the event handler 190 associated with the marker retrieves the marker and performs a predefined process.

In some embodiments, event delivery instructions 188 include sub-event delivery instructions that deliver event information about sub-events without activating an event handler. Instead, the sub-event delivery instructions deliver event information to event handlers associated with the sequence of sub-events or to actively participating views. Event handlers associated with the sequence of sub-events or with actively participating views receive the event information and perform a predetermined process.

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

In some embodiments, event handler 190 includes, or has 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 a respective application 136-1 or application view 191. In other embodiments, they are included in two or more software modules.

It should be understood that the above discussion of event processing with respect to user touches on a touch sensitive display also applies to other forms of user input utilizing an input device to operate multifunction device 100, not all of which are initiated on a touch screen. For example, mouse movements and mouse button presses, optionally in conjunction with single or multiple keyboard presses or holds; contact movements on the touchpad, such as tapping, dragging, scrolling, etc.; inputting by a stylus; movement of the device; verbal instructions; detected eye movement; inputting biological characteristics; and/or any combination thereof, is optionally used as input corresponding to sub-events defining the event to be identified.

Fig. 2 illustrates a portable or non-portable multifunction device 100 with a touch screen 112 in accordance with some embodiments. As noted above, multifunction device 100 is described as having various illustrated structures (such as touch screen 112, speaker 111, accelerometer 168, microphone 113, etc.); however, it should be understood that these structures optionally reside on separate devices. For example, display-related structures (e.g., a display, speakers, etc.) and/or functions optionally reside on a separate display device, input-related structures (e.g., a touch-sensitive surface, a microphone, an accelerometer, etc.) and/or functions optionally reside on a separate input device, and remaining structures and/or functions optionally reside on multifunction device 100.

Touch screen 112 optionally displays one or more graphics within User Interface (UI) 200. In this embodiment, as well as other embodiments described below, a user can select one or more of these graphics by making gestures on the graphics, for example, with one or more fingers 202 (not drawn to scale in the figure) or one or more styluses 203 (not drawn to scale in the figure). In some embodiments, selection of one or more graphics will occur when the user breaks contact with the one or more graphics. In some embodiments, the gesture optionally includes one or more taps, one or more swipes (left to right, right to left, up, and/or down), and/or a rolling of a finger (right to left, left to right, up, and/or down) that has made contact with device 100. In some implementations, or in some cases, inadvertent contact with a graphic does not select the graphic. For example, when the gesture corresponding to the selection is a tap, a swipe gesture that swipes over the application icon optionally does not select the corresponding application.

Device 100 optionally also includes one or more physical buttons, such as a "home" or 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 buttons are implemented as soft keys in a GUI displayed on touch screen 112.

In one embodiment, device 100 includes touch screen 112, menu button 204, push buttons 206 for turning the device on and off and locking the device, one or more volume adjustment buttons 208, Subscriber Identity Module (SIM) card slot 210, headset jack 212, and docking/charging external port 124. Pressing the button 206 optionally serves to turn the device on/off by pressing the button and holding the button in a pressed state for a predefined time interval; locking the device by depressing the button and releasing the button before the predefined time interval has elapsed; and/or unlocking the device or initiating an unlocking process. In an alternative embodiment, device 100 also accepts voice input through microphone 113 for activating or deactivating certain functions. Device 100 also optionally includes one or more contact intensity sensors 165 for detecting the intensity of contacts on touch screen 112, and/or one or more tactile output generators 167 for generating tactile outputs for a user of device 100.

Fig. 3 is a block diagram of an exemplary multifunction device with a display and a touch-sensitive surface in accordance with some embodiments. As noted above, device 300 need not include a display and a touch-sensitive surface, but rather, in some embodiments, optionally communicates with displays and touch-sensitive surfaces on other devices. Additionally, the device 300 need not be portable. In some embodiments, the device 300 is a laptop computer, desktop computer, tablet computer, multimedia player device (such as a television or set-top box), navigation device, educational device (such as a child learning toy), gaming system, or control device (e.g., a home or industrial controller). Device 300 typically includes one or more processing units (CPUs) 310, one or more network or other communication interfaces 360, memory 370, and one or more communication buses 320 for interconnecting these components. The communication bus 320 optionally includes circuitry (sometimes referred to as a chipset) that interconnects and controls communication between system components. Device 300 includes an input/output (I/O) interface 330 with a display 340, typically a touch screen display. I/O interface 330 also optionally includes a keyboard and/or mouse (or other pointing device) 350 and a touchpad 355, a tactile output generator 357 (e.g., similar to tactile output generator 167 described above with reference to fig. 1A) for generating tactile outputs on device 300, a sensor 359 (e.g., an optical sensor, an acceleration sensor, a proximity sensor, a touch-sensitive sensor, and/or a contact intensity sensor similar to contact intensity sensor 165 described above with reference to fig. 1A). Memory 370 includes high speed random access memory, such as DRAM, SRAM, DDR RAM or other random access solid state memory devices; and optionally includes non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. Memory 370 optionally includes one or more storage devices located remotely from CPU 310. In some embodiments, memory 370 stores programs, modules, and data structures, or subsets thereof, that are similar to the programs, modules, and data structures stored in memory 102 of portable or non-portable multifunction device 100 (FIG. 1A). Further, memory 370 optionally stores additional programs, modules, and data structures not present in memory 102 of portable or non-portable multifunction device 100. For example, memory 370 of device 300 optionally stores drawing module 380, presentation module 382, word processing module 384, website creation module 386, disk editing module 388, and/or spreadsheet module 390, while memory 102 of portable or non-portable multifunction device 100 (FIG. 1A) optionally does not store these modules.

Each of the above identified elements in fig. 3 is optionally stored in one or more of the previously mentioned memory devices. Each of the above identified modules corresponds to a set of instructions for performing a function described above. The above identified modules or programs (i.e., sets of instructions) need not be implemented as separate software programs, procedures or modules, and thus various subsets of these modules are optionally combined or otherwise rearranged in various embodiments. In some embodiments, memory 370 optionally stores a subset of the modules and data structures described above. Further, memory 370 optionally stores additional modules and data structures not described above.

Fig. 4 illustrates an exemplary user interface on a device (e.g., device 300 of fig. 3) having a touch-sensitive surface 451 (e.g., tablet or trackpad 355 of fig. 3) separate from a display 450 (e.g., touchscreen display 112). Device 300 also optionally includes one or more contact intensity sensors (e.g., one or more of sensors 357) for detecting the intensity of contacts on touch-sensitive surface 451 and/or one or more tactile output generators 359 for generating tactile outputs for a user of device 300.

Although some of the examples below will be given with reference to input on touch screen display 112 (where the touch-sensitive surface and the display are combined), in some embodiments, the device detects input on a touch-sensitive surface that is separate from the display, as shown in fig. 4. In some embodiments, the touch-sensitive surface (e.g., 451 in fig. 4) has a primary axis (e.g., 452 in fig. 4) that corresponds to a primary axis (e.g., 453 in fig. 4) on the display (e.g., 450). In accordance with these embodiments, the device detects contacts (e.g., 460 and 462 in fig. 4) with the touch-sensitive surface 451, the locations of which correspond to respective locations on the display (e.g., in fig. 4, 460 corresponds to 468, and 462 corresponds to 470). Thus, when the touch-sensitive surface (e.g., 451 in FIG. 4) is separated from the display (450 in FIG. 4) of the multifunction device, user inputs (e.g., contacts 460 and 462, and their movements) detected by the device on the touch-sensitive surface are used by the device to manipulate the user interface on the display. It should be understood that similar methods are optionally used for the other user interfaces described herein.

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

As used herein, the term "focus selector" refers to an input element that is used to indicate the current portion of the user interface with which the user is interacting. In some implementations that include a cursor or other position marker, the cursor acts as a "focus selector" such that when an input (e.g., a press input) is detected on a touch-sensitive surface (e.g., touchpad 355 in fig. 3 or touch-sensitive surface 451 in fig. 4) while the cursor is hovering over a particular user interface element (e.g., a button, window, slider, or other user interface element), the particular user interface element is adjusted in accordance with the detected input. In some implementations that include a touch screen display (e.g., touch-sensitive display system 112 in fig. 1A) that enables direct interaction with user interface elements on the touch screen display, a contact detected on the touch screen serves as a "focus selector" such that when an input (e.g., a press input by the contact) is detected at a location of a particular user interface element (e.g., a button, window, slider, or other user interface element) on the touch screen display, the particular user interface element is adjusted in accordance with the detected input. In some implementations, the focus is moved 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 moving the focus from one button to another using tab or arrow keys); in these implementations, the focus selector moves according to movement of the focus between different regions of the user interface. Regardless of the particular form taken by the focus selector, the focus selector is typically a user interface element (or contact on a touch screen display) that is controlled by the user to communicate the user's intended interaction with the user interface (e.g., by indicating to the device the elements of the user interface with which the user desires to interact). For example, upon detection of a press input on a touch-sensitive surface (e.g., a trackpad or touchscreen), the location of a focus selector (e.g., a cursor, contact, or selection box) over a respective button will indicate that the user desires to activate the respective button (as opposed to other user interface elements shown on the device display).

As used in the specification and in the claims, the term "characteristic intensity" of a contact refers to a characteristic of the contact based on one or more intensities of the contact. In some embodiments, the characteristic intensity is based on a plurality of intensity samples. The characteristic intensity is optionally based on a predefined number of intensity samples or a set of intensity samples acquired during a predetermined time period (e.g., 0.05 seconds, 0.1 seconds, 0.2 seconds, 0.5 seconds, 1 second, 2 seconds, 5 seconds, 10 seconds) relative to a predefined event (e.g., after detecting contact, before detecting contact liftoff, before or after detecting contact start movement, before or after detecting contact end, before or after detecting an increase in intensity of contact, and/or before or after detecting a decrease in intensity of contact). The characteristic intensity of the contact is optionally based on one or more of: a maximum value of the intensity of the contact, a mean value of the intensity of the contact, an average value of the intensity of the contact, a value at the top 10% of the intensity of the contact, a half-maximum value of the intensity of the contact, a 90% maximum value of the intensity of the contact, and the like. In some embodiments, the duration of the contact is used in determining the characteristic intensity (e.g., when the characteristic intensity is an average of the intensity of the contact over time). In some embodiments, the characteristic intensity is compared to a set of one or more intensity thresholds to determine whether the user has performed an operation. For example, the set of one or more intensity thresholds optionally includes a first intensity threshold and a second intensity threshold. In this example, a contact whose characteristic intensity does not exceed the first threshold results in a first operation, a contact whose characteristic intensity exceeds the first intensity threshold but does not exceed the second intensity threshold results in a second operation, and a contact whose characteristic intensity exceeds the second threshold results in a third operation. In some embodiments, a comparison between the feature strengths and one or more thresholds is used to determine whether to perform one or more operations (e.g., whether to perform the respective operation or to forgo performing the respective operation) rather than to determine whether to perform the first operation or the second operation.

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

In some embodiments, the device employs intensity hysteresis to avoid accidental input sometimes referred to as "jitter," where the device defines or selects a hysteresis intensity threshold having a predefined relationship to the 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, the press input includes an increase in intensity of the respective contact above a press input intensity threshold and a subsequent decrease in intensity of the contact below a hysteresis intensity threshold corresponding to the press input intensity threshold, and the respective operation is performed in response to detecting a subsequent decrease in intensity of the respective contact below the hysteresis intensity threshold (e.g., an "upstroke" of the respective press input). Similarly, in some embodiments, a press input is detected only when the device detects an increase in contact intensity from an intensity at or below the hysteresis intensity threshold to an intensity at or above the press input intensity threshold and optionally a subsequent decrease in contact intensity to an intensity at or below the hysteresis intensity, and a corresponding operation is performed in response to detecting the press input (e.g., depending on the circumstances, the increase in contact intensity or the decrease in contact intensity).

For ease of explanation, optionally, 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 that includes a press input is triggered in response to detection of any of the following: the contact intensity increases above the press input intensity threshold, the contact intensity increases from an intensity below the hysteresis intensity threshold to an intensity above the press input intensity threshold, the contact intensity decreases below the press input intensity threshold, and/or the contact intensity decreases below the hysteresis intensity threshold corresponding to the press input intensity threshold. Additionally, in examples in which operations are described as being performed in response to detecting that the intensity of the contact decreases below the press input intensity threshold, the operations are optionally performed in response to detecting that the intensity of the contact decreases below a hysteresis intensity threshold that corresponds to and is less than the press input intensity threshold.

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

In some embodiments, display controller 508 causes the various user interfaces of the present disclosure to be displayed on display 514. In addition, 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. In some embodiments, the input to device 500 is provided by a multifunction device 511 (e.g., a smartphone) on which a remote application is running that configures the multifunction device to simulate remote control functionality, as will be described in more detail below. In some embodiments, multifunction device 511 corresponds to one or more of device 100 in fig. 1A and 2 and device 300 in fig. 3. It should be understood that the embodiment of fig. 5A is not meant to limit features of the device of the present disclosure, and that other components that facilitate other features described in the present disclosure are also optionally included in the architecture of fig. 5A. In some embodiments, device 500 optionally corresponds to one or more of multifunction device 100 in fig. 1A and 2 and device 300 in fig. 3; network interface 502 optionally corresponds to one or more of RF circuitry 108, external port 124 and peripherals interface 118 in fig. 1A and 2, and network communications interface 360 in fig. 3; the processor 504 optionally corresponds to one or more of: one or more processors 120 in FIG. 1A and one or more CPUs 310 in FIG. 3; the display controller 508 optionally corresponds to one or more of: display controller 156 in FIG. 1A and I/O interface 330 in FIG. 3; the memory 506 optionally corresponds to one or more of: memory 102 in FIG. 1A and memory 370 in FIG. 3; remote control interface 512 optionally corresponds to one or more of peripheral interface 118 and I/O subsystem 106 (and/or components thereof) in fig. 1A and I/O interface 330 in fig. 3; the remote control 512 optionally corresponds to and/or includes one or more of the following: speaker 111, touch-sensitive display system 112, microphone 113, one or more optical sensors 164, one or more contact intensity sensors 165, one or more tactile output generators 167, other input control devices 116, one or more accelerometers 168, proximity sensor 166, and I/O subsystem 106 in fig. 1A, as well as keyboard/mouse 350, touchpad 355, one or more tactile output generators 357, and one or more contact intensity sensors 359 in fig. 3, and touch-sensitive surface 451 in fig. 4; and display 514 optionally corresponds to one or more of: touch-sensitive display system 112 in fig. 1A and 2, and display 340 in fig. 3.

Fig. 5B illustrates an exemplary structure of a remote control 510 according to some embodiments of the present disclosure. In some embodiments, remote control 510 optionally corresponds to one or more of multifunction device 100 in fig. 1A and 2 and device 300 in fig. 3. Remote control 510 optionally includes a touch-sensitive surface 451. In some embodiments, touch-sensitive surface 451 is edge-to-edge (e.g., it extends to an edge of remote control 510 such that there is little or no surface of remote control 510 between touch-sensitive surface 451 and one or more edges of remote control 510, as shown in fig. 5B). As previously described in this disclosure, the touch-sensitive surface 451 is optionally capable of sensing contact as well as contact intensity (e.g., clicking on the touch-sensitive surface 451). Further, touch-sensitive surface 451 optionally includes mechanical actuators for providing physical button click functionality (e.g., touch-sensitive surface 451 is "clickable" to provide corresponding input to device 500). 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 capable of sensing contact or pressing with such buttons to initiate one or more corresponding actions on device 500, for example. In some embodiments, user selection of the "menu" button 516 navigates the device 500 backwards in the currently executing application or currently displayed user interface (e.g., backwards to a user interface displayed before the currently displayed user interface), or navigates the device 500 to a user interface one level higher than the currently displayed user interface. In some embodiments, selection of "home" button 518 by the user navigates device 500 from any user interface displayed on device 500 to a main, home, or root menu user interface (e.g., to a home screen of device 500, which optionally includes one or more applications accessible on device 500). In some implementations, selecting the "home" button 518 causes the electronic device to navigate to the unified media browsing application. In some embodiments, user selection of the "play/pause" button 520 toggles 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, respectively, the volume of audio reproduced by device 500 (e.g., the volume of a content item currently playing on device 500). In some implementations, user selection of the "audio input" button 526 allows the user to provide audio input (e.g., speech input) to the device 500, optionally to a voice assistant on the device. In some embodiments, remote control 510 includes a microphone via which the user provides audio input to device 500 when selecting "audio input" button 526. In some embodiments, remote control 510 includes one or more accelerometers for detecting information about the motion of the remote control.

Fig. 5C depicts an exemplary personal electronic device 500. In some embodiments, the apparatus 500 may include some or all of the components described with reference to fig. 1A, 1B, and 3. The device 500 has a bus 512 that operatively couples an I/O portion 514 with one or more computer processors 516 and a memory 518. The I/O portion 514 may be connected to the display 504, which may have a touch sensitive member 522 and optionally an intensity sensor 524 (e.g., a contact intensity sensor). Further, I/O portion 514 may interface with communication unit 530 for receiving application programs and operating system data using Wi-Fi, Bluetooth, Near Field Communication (NFC), cellular, and/or other wireless communication techniques. Device 500 may include input mechanisms 506 and/or 508. For example, the input mechanism 506 is optionally a rotatable input device or a depressible input device and a rotatable input device. In some examples, the input mechanism 508 is optionally a button.

In some examples, the input mechanism 508 is optionally a microphone. The personal electronic device 500 optionally includes various sensors, such as a GPS sensor 532, an accelerometer 534, an orientation sensor 540 (e.g., a compass), a gyroscope 536, a motion sensor 538, and/or combinations thereof, all of which are operatively connected to the I/O section 514.

The memory 518 of the personal electronic device 500 may include one or more non-transitory computer-readable storage media for storing computer-executable instructions that, when executed by the one or more computer processors 516, may, for example, cause the computer processors to perform the techniques described below, including the processes described with reference to fig. 6-11. A computer readable storage medium may be any medium that can tangibly contain or store computer-executable instructions for use by or in connection with an instruction execution system, apparatus, or device. In some examples, the storage medium is a transitory computer-readable storage medium. In some examples, the storage medium is a non-transitory computer-readable storage medium. The non-transitory computer readable storage medium may include, but is not limited to, magnetic storage devices, optical storage devices, and/or semiconductor storage devices. Examples of such storage devices include magnetic disks, optical disks based on CD, DVD, or blu-ray technology, and persistent solid state memory such as flash memory, solid state drives, and the like. The personal electronic device 500 is not limited to the components and configuration of fig. 5C, but may include other components or additional components in a variety of configurations.

As used herein, the term "affordance" refers to a user-interactive graphical user interface object that is optionally displayed on a display screen of device 100, 300, and/or 500 (fig. 1A, 3, and 5A-5B). For example, images (e.g., icons), buttons, and text (e.g., hyperlinks) optionally each constitute an affordance.

As used herein, an "installed application" refers to a software application that has been downloaded to an electronic device (e.g., device 100, 300, and/or 500) and is ready to be launched (e.g., become open) on the device. In some embodiments, the downloaded application is changed to an installed application with an installer that extracts program portions from the downloaded software package and integrates the extracted portions with the operating system of the computer system.

As used herein, the term "open application" or "executing application" refers to a software application that has maintained state information (e.g., as part of device/global internal state 157 and/or application internal state 192). The open or executing application is optionally any of the following types of applications:

an active application currently displayed on the display screen of the device that is using the application;

A background application (or background process) that is not currently displayed but one or more processes of the application are being processed by one or more processors; and

suspended or dormant applications that are not running but have state information stored in memory (volatile and non-volatile, respectively) and that can be used to resume execution of the application.

As used herein, the term "closed application" refers to a software application that does not have retained state information (e.g., the state information of the closed application is not stored in the memory of the device). Thus, closing an application includes stopping and/or removing the application process of the application and removing the state information of the application from the memory of the device. Generally, opening the second application does not close the first application while in the first application. The first application becomes the background application while the second application is displayed and the first application stops being displayed.

One or more of the embodiments disclosed herein optionally include one or more of the features disclosed in the following patent applications: "User Interfaces For interaction with Channels present Content play in a Media Browsing Application" (U.S. provisional Application 62/822,952 filed on 24.3.2019), "User Interfaces For a Media Browsing Application" (U.S. provisional Application 62/822,948 filed on 24.3.2019), and "User Interface Specific to reactive Content Items" (U.S. provisional Application 62/822,966 filed on 24.3.2019), each of which is hereby incorporated by reference.

Attention is now directed to embodiments of a user interface ("UI") and associated processes implemented on an electronic device, such as portable multifunction device 100, device 300, or device 500.

User interface and associated process

Selectable representation of content item

Users interact with electronic devices in many different ways, including using electronic devices to browse content items available for playback on the electronic devices. In some embodiments, the electronic device is capable of rendering representations of content items available for playback on the electronic device. The embodiments described below provide a way for an electronic device to present and enable browsing of representations of content items. Enhancing interaction with the device reduces the amount of time required for a user to perform an operation, thereby reducing the power usage of the device and extending the battery life of the battery-powered device. It should be understood that one uses the device. When a person uses a device, the person is optionally referred to as the user of the device.

Fig. 6A-6 FF illustrate an exemplary manner in which an electronic device 500 presents representations of content items that are available for playback on the electronic device 500, according to some embodiments of the present disclosure. The embodiments in these figures are used to illustrate the processes described below, including the processes described with reference to fig. 7A-7G.

Fig. 6A illustrates a media browsing application user interface. The user interface includes a navigation bar 602 and a plurality of selectable options 604 that, when selected, cause the electronic device 500 to initiate playback of the respective content items represented by the selectable options. As shown in fig. 6A, in presenting a media browsing application user interface, electronic device 500 detects movement of contacts 603 on an input device 510 in communication with electronic device 500. In response to the user input, the electronic device 500 scrolls the user interface down and moves the current focus according to the movement of the contact 603, as shown in FIG. 6B.

As shown in FIG. 6B, in response to the input shown in FIG. 6A, the electronic device 500 presents additional representations 606 and 608 of content items that are selectable to display a user interface specific to the selected content item. As shown in fig. 6B, in presenting a media browsing application user interface, electronic device 500 detects movement of contacts 603 on an input device 510 in communication with electronic device 500. In response to the user input, the electronic device 500 scrolls the user interface down and moves the current focus according to the movement of the contact 603, as shown in FIG. 6C.

In FIG. 6C, the electronic device 500 presents an entirety of representations 608a-C presented in horizontally scrollable rows. In some embodiments, the content items presented in row 608 and in the manner represented by row 608 are provided by the same subscription service, channel, or provider, and content items provided by other subscription services, channels, or providers are not presented in row 608 or in the manner of row 608. In some embodiments, row 608 includes representations of content provided by various channels, subscription services, or providers, or the user interface includes additional rows presented in the manner of 608 that include content from other subscription services, channels, or providers.

In presenting the user interface shown in FIG. 6C, the current focus of the electronic device 500 is on representation 608 a. As shown in fig. 6C, once representation 608a has the current focus of electronic device 500, representation 608a is displayed at a width that is wider than the width that would be represented if the current focus were elsewhere in the user interface, such as in fig. 6B (e.g., representing a lateral expansion when the current focus is received).

Returning to fig. 6C, the user swipes horizontally (e.g., with contact 603). In response to the input, the electronic device 500 renders an animation of the representation 608a moving to visualize the representation 608b as shown in fig. 6D-6E. In other words, rather than moving the representations 608a and 608b a distance about the width of the representations, the crop box/boundary between the representations 608a and 608b is moved a greater distance than the distance the representations 608a and 608b are moved. In some embodiments, the animation produces a visual effect that representation 608a is moving to reveal representation 608b from below representation 608 a. After the animation is complete, the representation 608b is rendered overlaid on the representation 608a, and the representation 608a is to the right of the representation 608b and is right aligned with the edge of the visible area of the row 608. This explicit transitioning in an animated manner reduces the number of pixels that need to be moved to render the animation, and thus saves computing resources, and reduces undesirable stun effects to the user when viewing a largely repetitive animation, such as when browsing content items in row 608.

As shown in FIG. 6F, after rendering the animations shown in FIGS. 6D-6E, the electronic device 500 renders the representation 608b in the middle of the row 608. Initially, as shown in FIG. 6F, the electronic device 500 renders the representation 608b as a static single-layer image (e.g., an image that does not include multiple layers or video content).

As shown in fig. 6G, once the multi-layer multimedia representation 608b is loaded into the user interface (e.g., once the representation has moved completely into a primary center position in a horizontal row), the electronic device 500 renders the representation 608b with a video background (e.g., one or more video or animation layers in the representation, whether in the background layer or otherwise, begin playing or animating). In addition, the representation 608b includes multiple overlapping image layers (e.g., the representation includes one or more still image layers). As shown in fig. 6G-6I, the electronic device 500 presents an animation of the content title and logo 626 that represents the provider of the content moving into representation 608b once the representation has moved completely around the primary center position in the horizontal row. In some embodiments, the header and logo 626 appear in the static image representation 608b shown in FIG. 6F and are not displayed in an animated fashion therein.

As shown in fig. 6I, the electronic device 500 detects movement of the contact 603 that is below a movement threshold for changing the input focus of the electronic device 500 (e.g., for changing the current focus from one representation in a horizontal row to another representation in a horizontal row). In response to the detected movement, the electronic device 500 shifts the image and/or video/animation layer of the representation 608b, including the flag 626 (although in some embodiments the flag does not move), in accordance with the movement, as shown in fig. 6J. In some embodiments, the layers in the image move different amounts in response to user input. For example, a preceding image layer moves less than a following image layer, and vice versa. In some implementations, the static image layer moves in response to user input. In some implementations, the video layer moves in response to user input. In some implementations, the video layer remains stationary, but continues to play when user input is received to move the stationary layer. The layers move according to the direction of movement of the contact 603 (e.g., moving to the right causes the image layer to move to the right, etc.).

Fig. 6J-6L illustrate further movement of representation 608b in response to detecting that movement of contact 603 is below a movement threshold for changing an input focus of the electronic device. The representations 608a and 608c do not move in response to the input, but rather remain stationary while the representation 608b moves. Likewise, as the image layer moves, the boundary around representation 608b remains stationary. As shown in fig. 6L, the electronic device 500 detects movement of the contact 603 that is above a movement threshold for changing the input focus of the electronic device 500. In response to the input, the electronic device 500 scrolls the row 608 of representations 606a-c to render the representation 608c in the middle of the row 608 with the current focus of the electronic device, as shown in FIG. 6M.

Although not shown in the figures, it should be understood that in response to the input shown in FIG. 6L, the electronic device 500 presents an animation similar to that shown in FIGS. 6D-6E.

Returning to FIG. 6M, the electronic device 500 detects another swipe input for scrolling the row 608 of representations 608 a-c. Although not shown in the figures, it should be understood that in response to the input shown in fig. 6M, the electronic device 500 presents an animation similar to the animation shown in fig. 6D-6E. In response to the input, electronic device 500 renders representation 608a in the middle of row 608 with the current focus of electronic device 500, as shown in FIG. 6N.

As shown in FIG. 6N, the user selects representation 608a (e.g., with a click of contact 608). In response to the user' S selection, the electronic device 500 presents an animation of the representation 608a shown in fig. 6O-6R expanding and moving toward the user before fading out, followed by an animation of the user interface 614a fading into the display 514, resulting in the user interface 614a shown in fig. 6S. More specifically, the layers of representation 608a expand, wherein the layers in the foreground (e.g., the top layer) expand faster and/or more than the layers in the image background, then representation 608a fades out and user interface 614a fades in.

FIG. 6S shows user interface 614a including information about the content item represented by representation 608 a. The user has not previously interacted with the content item. The user interface 614a includes a moving background 616a (e.g., animation or video) representing a series of content items, which are an episode of content collection. The user interface 614a also includes an indication 618a of the content provider, a selectable option 620a to play the content, a selectable option 622a to add the content to the playback queue, and a description 624a of the content. The description 624a of the content includes a first column that includes information such as the first (or next episode if the user has viewed one or more episodes in the series) episode title, run time, format, language, and accessibility information, and a second column that includes information about the actors and staff members of the content.

As shown in fig. 6T, after a predetermined amount of time (e.g., 3, 5, 10 seconds) has elapsed since the electronic device 500 began presenting the user interface 614a, the electronic device presents a video trailer 616b of the content. If the user previously viewed the content or video trailer, the trailer is not presented. In some embodiments, if the content item is not yet available for playback via the content provider (e.g., the content item is "upcoming"), the electronic device 500 presents the trailer each time the user views the product page, even if the user has previously viewed the trailer.

In fig. 6U, the trailer has completed playing and the electronic device resumes presenting the moving background 616a associated with the series of content. In some embodiments, rather than presenting a moving background in fig. 6S and/or 6U, the electronic device 500 presents a static image representing a series of content. As shown in fig. 6U, the user selects (e.g., using contact 603) selectable option 620a to play the first set of the series of content, as shown in fig. 6V.

FIG. 6W illustrates a user interface 614a representing content after a user has previously viewed multiple episodes in the content. The user interface 614a includes a moving background (or still image) that represents the next episode in the content (e.g., as opposed to presenting a background that represents or corresponds to the entire series of content, such as in fig. 6S and 6U). Because the user has viewed the content, the electronic device 500 will not automatically present the trailer as the background of the representation 614 a. However, in some embodiments, if the user has not previously viewed the next set of trailers, the electronic device 500 renders the next set of trailers instead of the trailers of the content collection. Although selectable option 620a is shown as having a particular numbered text that includes the next episode (e.g., "S1: E5"), in some embodiments selectable option 620a includes text along the "play next episode" line, and optionally includes a play icon in place of the written word "play". As shown in FIG. 6W, the user selects representation 620a (e.g., with contact 603). In response to the user's selection, the electronic device 500 presents a next set 628a of the series of content, as shown in FIG. 6X.

Figure 6Y illustrates a user interface of a media browsing application including a plurality of rows 606 and 610 of content representations. As shown in fig. 6Y, the user scrolls down (e.g., with contact 603). In response to the user's scrolling, the electronic device 500 moves the current focus, decreases the width of the representation 608a, and scrolls the user interface, as shown in FIG. 6Z.

As shown in FIG. 6Z, the user selects (e.g., with contact 603) a representation of the content item presented in row 612. In response to the user's selection, the electronic device 500 presents a user interface 614b specific to the content item, which is an episode content series. Because the content is provided by a different provider than the provider of the content represented by representation 608a, the representation is presented in row 612 rather than row 608. In addition, as will be described in more detail with reference to FIG. 6AA, because the content is provided by a different provider than the provider of the content represented by representation 608a, the user interface 614b is presented with a static image 616d that represents a series of content as a background, rather than a moving background.

Turning now to fig. 6AA, user interface 614b includes similar components to those of user interface 614a shown in fig. 6S, except that user interface 614b presents a static image 616d as a background rather than a moving background, as the content is provided by a different provider than the provider of the content represented by representation 608 a.

As shown in fig. 6BB, after a predetermined amount of time (e.g., 3, 5, 10 seconds) has elapsed from the initial display of the user interface 614b, the electronic device 500 presents a video trailer 616e of content in the background of the user interface 614 b. If the user has viewed the content or a video trailer for the content, the video trailer is not presented in the background of the user interface 614 b. As shown in fig. 6CC, after the trailer is finished playing, the electronic device 500 presents an image 616d representing the content series. As shown in fig. 6CC, the user selects option 620b (e.g., using contact 603) to play the content. In response to the user's selection, the electronic device 500 presents the first set of content 628c on the display 514.

Fig. 6EE shows the presentation of user interface 614b after the user has viewed multiple episodes of the content series. As shown in fig. 6EE, the user interface 614b includes a static image 616f that represents the next content item in the series as the user interface background (as opposed to a background image that represents or corresponds to the entire series of content). The user selects option 620b (e.g., using contact 603) to play the next episode in the series of content. As shown in FIG. 6FF, in response to the user's selection, the electronic device 500 presents a next set 628d of content on the display 514.

Fig. 7A-7G are flowcharts illustrating methods of presenting representations of content items available for playback on an electronic device 500 according to some embodiments of the present disclosure. Method 700 is optionally performed at an electronic device, such as device 100, device 300, device 500, device 501, device 510, and device 511, as described above with reference to fig. 1A-1B, 2-3, 4A-4B, and 5A-5C. Some operations in method 700 are optionally combined, and/or the order of some operations is optionally changed.

As described below, the method 700 provides a way to present representations of content items that are available for playback on the electronic device 500. The method reduces the cognitive burden on the user when interacting with the device user interface of the present disclosure, thereby creating a more efficient human-machine interface. For battery-powered electronic devices, improving the efficiency with which a user interacts with the user interface conserves power and increases the time between battery charges.

In some embodiments, such as in fig. 6C, an electronic device (e.g., electronic device 500, a mobile device including a touchscreen (e.g., a tablet, smartphone, media player, or wearable device), a computer including one or more of a keyboard, a mouse, a touchpad, and a touchscreen and in communication with a display, or a set-top box in communication with a display and a remote control device) in communication with the display 514 and one or more input devices 510 displays (702) a content item representation portion 608 on the display 514, the content item representation portion including a primary location (e.g., a center location of a line of content representation), a first secondary location (e.g., a location to the left of the primary location), and a second secondary location (e.g., a location to the right of the primary location), wherein a first representation 608a (e.g., text and/or images indicative of the first content item) associated with the first content item is located at the primary location, a second representation 608b associated with the second content item (e.g., text and/or images associated with the second content item) is located at the first secondary location, the first representation 608a is partially overlaid on the second representation 608b, and the first representation 608a and the second representation 608b are selectable to initiate respective actions corresponding to the respective content items. In some embodiments, the first representation is presented in its entirety and a portion of the second representation is visible to a side of the first representation to create a visual effect of the first representation over the second representation. In some implementations, in response to detecting selection of a respective representation associated with a respective content item, the electronic device presents a user interface specific to the respective content item. In some embodiments, the user interface specific to the respective content item includes information about the respective content item, such as a summary, information about how to access the respective content item, selectable options for playing the respective content item, and so forth. The first content item is optionally one of a movie or a television series.

In some embodiments, such as in fig. 6C, while displaying the content item representation portion 608, the electronic device 500 receives input (e.g., a directional input (e.g., a swipe or tap on a touch-sensitive surface, selection of an arrow key, voice input, etc.) requesting the first representation to move to the right (704) corresponding to a request to move the first representation 608a to a second secondary location in the content item representation portion via one or more input devices 510. Such as in fig. 6F, the electronic device 500 moves the second representation 608b a first distance in a first direction from the first secondary position to the primary position (710). In some embodiments, the electronic device presents an animation of the second representation from the left side of the primary location to the primary location. In some embodiments, the first representation and the second representation move the same distance, which is less than the width of the primary location.

In some embodiments, in fig. 6D-6E, moving the first representation 608a from the primary position to the second secondary position and moving the second representation 608b from the first secondary position to the primary position includes moving a crop boundary between the first representation 608a and the second representation 608b in the first direction by a second distance that is greater than the first distance, such that the second representation 608b appears from below the first representation 608a (e.g., movement of the first representation is occluded as more of the second representation appears) (712). In some embodiments, the cropping boundary moves simultaneously with the first representation and the second representation, and moves in the same direction that the first representation and the second representation move. For example, when the first representation and the second representation are moved to the right by a distance equal to the distance between the right edge of the primary position and the right edge of the second secondary position, the clipping boundary is moved to the right by a distance equal to the width of the primary position. In some implementations, the cropping boundary defines a location/area/boundary on the display at which the display of the first representation changes to the display of the second representation.

In some embodiments, such as in fig. 6F, after moving the first representation 608a from the primary position to the second secondary position and moving the second representation 608b from the first secondary position to the primary position, the second representation 608b partially overlies the first representation 608a (714). In some embodiments, the second representation is presented in a primary position alongside a portion of the first representation to give the appearance that the second representation overlays the second representation. The electronic device optionally presents another representation of another content item in the first secondary position such that the second representation also appears partially overlaid on the other representation. In some embodiments, the representation that has been presented in the second secondary position prior to receiving the input is presented in the first secondary position in response to the input.

Transitioning from displaying the first representation in the primary position to displaying the second representation in the primary position by moving the clipping boundary a distance greater than the first and second representation movement distances, allows the electronic device to animate the transition between the first and second representations, receives a request to move the first representation to the second secondary position in a manner that confirms to a user that reduces the number of display pixels required to move to animate the transition is required (i.e., moving the clipping boundary farther than the distance the representation is moved involves moving the number of pixels of the representation less than the distance moving both the first and second representations by the clipping box boundary), which reduces power usage and extends battery life of the electronic device by simplifying the animation presented on the display.

In some embodiments, such as in fig. 6F, the content item representation portion 608 is included as a line in a user interface of the unified media browsing application that includes other lines 606 and 610 of other representations of content items that are selectable to initiate a process of displaying the respective content items on the display (716). In some embodiments, representations of content items may be selected to play the respective content item or to present a product page user interface specific to the respective content item, the product page user interface including information about the respective content item and selectable options for playing the respective content item. In some embodiments, each row of the representation of the content item may be scrolled horizontally to reveal additional representations of the content item, and the user interface may be scrolled vertically to reveal additional rows of the representations.

The above-described manner of presenting content item representation portions as rows in a user interface of a unified media browsing application allows an electronic device to present content item representation portions in representations of other content items, which simplifies interaction between a user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to navigate between the user interface including the content item representations and other rows of other representations of content), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 6F, the primary position (e.g., the position of representation 608b in fig. 6F) is a center position in the content item representation portion, the first secondary position (e.g., the position of representation 608c in fig. 6F) is a left position in the content item representation portion, and the second secondary position (e.g., the position of representation 608a in fig. 6F) is a right position in the content item representation portion (718). The content item representations in the primary location are optionally all presented, and the content item representations in the first secondary location and the second secondary location are optionally partially presented on either side of the content item representation in the primary location. In some embodiments, such as in fig. 6F, the left side of the respective representation 608c in the first secondary position is aligned with the left side of the first secondary position (720). In some embodiments, the left side of the respective representation in the first secondary position is visible to the left of the respective representation in the primary position. In some embodiments, such as in fig. 6F, the right side of the respective representation 608a in the second secondary position is aligned with the right side of the second secondary position (722). In some embodiments, the left side of the respective representation in the first secondary position is visible to the left of the respective representation in the primary position. For example, aligning the representation on the left side to the left and the representation on the right side to the right enables the electronic device to scroll the content item representation portion by moving the crop box between moving out of the representation of the primary position and moving into the representation of the primary position.

The above-described manner of left-aligning the representation on the left side and right-aligning the representation on the right side allows the electronic device to scroll the representations by moving the crop box between the respective representations of the content items, which makes the electronic device more efficient (e.g., by reducing the number of pixels that move during the transitional animation), which in turn reduces power usage and extends the battery life of the electronic device.

In some embodiments, such as in fig. 6G, the second representation 608b includes two or more image layers, and the two or more image layers move relative to each other (e.g., move in different ways from each other) within the second representation 608b in response to touch input detected on the touch-sensitive surface of the one or more input devices 510 when the second representation 608b is in a primary position, as shown in fig. 6I-6J (724). In some implementations, the image layers are moved to create a parallax effect. For example, the distance that the one or more image layers move toward the front of the image stack in response to movement of the contact on the touch-sensitive surface is greater than the distance that the one or more image layers move toward the back of the stack in response to the input. The electronic device optionally compares the detected movement of the contact to one or more sets of movement criteria to determine whether the input satisfies a navigation input that moves the current focus into the content item representation portion or to another portion of the user interface, or whether the movement satisfies image movement criteria that move two or more image layers relative to each other without moving the current focus of the electronic device.

The manner in which the two or more image layers are moved relative to each other in response to the touch input described above allows the electronic device to indicate to the user that the touch input is being detected while presenting the representation of the content item, which simplifies interaction between the user and the electronic device, and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by confirming the input device response without requiring the user to enter a navigation input), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 6G, the two or more layers include a first video layer having playing video content (e.g., an animation layer including animation content) and a first still layer having still image content, wherein the video content in the first video layer begins playing in response to the second representation 608b being moved to the primary position (726). In some embodiments, the representation is not presented as a single-layer image, optionally including a pause frame of video content, until the second representation is moved to the primary position. After moving the second representation into the primary position, the electronic device optionally presents the second representation as a multi-layer image that includes video content in one of the image layers.

The manner in which the video layer is not played until the second representation moves to the primary location described above allows the electronic device to conserve computing resources until the second representation moves to the primary location, which reduces power usage and extends battery life of the electronic device.

In some embodiments, such as in fig. 6G, the second representation 608b includes two or more image layers (728). In some embodiments, such as in fig. 6C, when the second representation 608b is not in a primary position, the two or more layers of the second representation are fixed to each other and do not move relative to each other in response to touch input detected on the touch-sensitive surface of the one or more input devices (730). In some embodiments, the second representation is presented as a single layer image until it is moved to the primary position. In some embodiments, such as in fig. 6J, when the second representation 608b is in a primary position, the two or more image layers move relative to each other (e.g., move in a different manner from each other) within the second representation 608b in response to a touch input 603 detected on the touch-sensitive surface of the one or more input devices 510 (732). In some implementations, the image layers are moved to create a parallax effect. For example, the distance that the one or more image layers move toward the front of the image stack in response to movement of the contact on the touch-sensitive surface is greater than the distance that the one or more image layers move toward the back of the stack in response to the input. The electronic device optionally compares the detected movement of the contact to one or more sets of movement criteria to determine whether the input satisfies a navigation input that moves the current focus into the content item representation portion or to another portion of the user interface, or whether the movement satisfies image movement criteria that move two or more image layers relative to each other without moving the current focus of the electronic device.

The above-described manner of presenting the second representation as a fixed image until the second representation is in the primary position allows the electronic device to conserve computing resources when the second representation is in the secondary position, which reduces power usage and extends battery life of the electronic device by enabling a user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 6J-6K, when the second representation 608b is in the primary position (734), the electronic device 500 receives, via the one or more input devices, a respective touch input 603 (e.g., presence or movement of a touch on the touch-sensitive surface) detected on the touch-sensitive surface of the one or more input devices 510 (736). In some embodiments, such as in fig. 6J-6K, in response to receiving the respective touch input 603(738), in accordance with a determination that the respective touch input 603 has a movement magnitude greater than a threshold, the electronic device 500 moves (e.g., moves in a different manner from one another) two or more image layers in the second representation 608b relative to one another within the second representation 608b in accordance with the respective touch input 603 (740). The electronic device optionally compares the detected movement of the contact to one or more sets of movement criteria to determine whether the input satisfies a navigation input that moves the current focus into the content item representation portion or to another portion of the user interface, or whether the movement satisfies image movement criteria that move two or more image layers relative to each other without moving the current focus of the electronic device. In some embodiments, in accordance with a determination that the respective touch input has a movement magnitude less than the threshold, the electronic device forgoes moving the two or more image layers in the second representation relative to each other, such as presenting the user interface shown in fig. 6I in response to the touch input that does not include movement of the contact 603 or that includes movement of the contact 603 that is less than the threshold movement magnitude (742). For example, when the touch input is stationary or substantially stationary, the two or more image layers do not move in accordance with the touch input.

The above-described manner of moving two or more image layers in response to movement being greater than a threshold and forgoing movement of two or more image layers in response to movement being less than a threshold allows the electronic device to move images in response to an intentional user input indicating to a user that a touch input is being detected, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device and makes the user-device interface more efficient (e.g., by confirming to the user that the electronic device is responding to the touch input without requiring the user to enter a navigation input), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 6J-6K, moving two or more image layers in the second representation 608b relative to each other (e.g., in a different manner from each other) within the second representation 608b includes moving two or more image layers in the second representation 608b relative to each other (e.g., in a different manner from each other) within the second representation 608b while the boundaries of the second representation 608b remain fixed (744). In some embodiments, the second representation occupies the same footprint in the user interface even when the two or more image layers are moved. For example, the border region acts as a cropping window around two or more image layers.

The above-described manner of presenting the second representation with a fixed bounding region allows the electronic device to save display area for other content and information, which simplifies interaction between the user and the electronic device, and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by presenting more visible information to the user without scrolling the user interface), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 6G-6I, the second representation 608b includes a title of the second content item, and the title of the second content item is animated from outside the second representation 608b to inside the second representation 608b in response to the second representation 608b being moved to the primary position (746). For example, when the second representation is in a primary position, the electronic device presents an animation of the title of the content moving from outside the representation to inside the representation. In some embodiments, when the title is animated to the second representation, the title is only visible within the boundaries of the second representation.

The manner described above of animating the movement of the title into the second representation when the second representation is presented in the primary position allows the electronic device to forgo presenting the title in the second representation when the second representation is in one of the secondary positions in the content representation area of the display simplifies interaction between the user and the electronic device and enhances operability of the electronic device and makes the user-device interface more efficient (e.g., by not presenting the title until there is sufficient space within the second representation to present the full title, which enables the title to be clearly read by the user), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 6C, when a first representation 608a associated with a first content item is in a primary position and a second representation 608b associated with a second content item is in a first secondary position, the first representation 608a is displayed with a first luminance characteristic and the second representation 608b is displayed with a second luminance characteristic different from the first characteristic (748). In some embodiments, the first representation is presented in full color. In some embodiments, the second representation exhibits a grayed-out or darkened appearance. The third representation is optionally also presented with a second luminance characteristic, while the third representation is presented at a second secondary position. In some embodiments, such as in fig. 6F, when the second representation 608b associated with the second content item is in the primary position and the first representation 608a associated with the first content item is in the second secondary position, the first representation 608a is displayed with the second brightness characteristic and the second representation 608b is displayed with the first brightness characteristic (750). In some embodiments, whichever representation is in the primary position exhibits a first brightness characteristic (e.g., full color), and representations in the first and second secondary positions exhibit a second brightness characteristic (e.g., darkened, grayed, etc.).

The above-described manner of presenting the representation in the primary position with the first brightness characteristic and the representation in the secondary position with the second brightness characteristic allows the electronic device to improve readability and visibility of the representation with the current focus, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the amount of time it takes for the user to understand the representation in the primary position), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 6N, the second representation 608a includes two or more image layers (752). In some embodiments, such as in fig. 6N, when the second representation 608a is in the primary position, the electronic device 500 receives an input corresponding to a selection input detected at the one or more input devices (e.g., an input selecting the second representation) via the one or more input devices 510 (754). In some embodiments, such as in fig. 6O-6S, in response to receiving an input corresponding to a selection input detected at the one or more input devices 510, the electronic device 500 displays an animation of two or more layers moving towards a foreground of the display, resulting in display of a second content item-specific user interface 614a on the display (756). In some embodiments, the image layer of the second representation becomes larger to appear to be moving towards the user. In some implementations, as the size of the layer of the second representation increases, the electronic device fades or grays out the appearance of the second representation and the user interface specific to the second content item. The user interface specific to the second content item is optionally a product page user interface that includes information about the content item and selectable options for playing the content.

The above-described manner of displaying the animation of the two or more layers moving towards the foreground of the display, thereby resulting in the display of the user interface specific to the second content item, allows the electronic device to visually confirm the input selecting the second representation, which simplifies the interaction between the user and the electronic device and enhances the operability of the electronic device, and makes the user-device interface more efficient (e.g., by providing confirmation to the user without further input from the user), which in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 6T, in response to displaying the user interface 614a specific to the second content item (758), in accordance with a determination that the user of the electronic device 500 has not interacted with the second content item (760) (e.g., playing the second content item, viewing a video trailer for the second content item, etc.), the electronic device 500 displays the video trailer 616b associated with the second content item on the user interface 614a (762). In some embodiments, when the user interface is first displayed, the user interface is presented with a static or moving background (e.g., ambient video) representing the content item, and after a predetermined duration (e.g., 3, 5, or 10 seconds), the electronic device stops displaying the moving background and presents the video trailer. After the video trailer is complete, the electronic device optionally presents a still image or a moving background (e.g., ambient video) in the user interface. In some embodiments, such as in fig. 6W, in accordance with a determination that the user of the electronic device 500 has interacted with the second content item (764) (e.g., viewed content or a video trailer for content), the electronic device 500 displays environmental video content 616c (e.g., environmental animation content, sports background, etc.) on the user interface 614a as a background of the user interface 614a, the environmental video content being associated with the second content item, without displaying the video trailer in the user interface (e.g., information and/or selectable options for playing content overlaid on the environmental video content) (766).

The above-described manner of presenting a trailer if the user has not interacted with the content and forgoing presentation of the trailer if the user has interacted with the content allows the electronic device to conserve resources when the user has interacted with the content, which reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 6S, the ambient video is the first ambient video 616a (768), in accordance with a determination that the user of the electronic device 500 has viewed the first set of episodes of the second content item. In some embodiments, the second content item is an episode content series, such as a television show. In some embodiments, the ambient video is an ambient video associated with a next episode after the first group of episodes of the second content item. In some embodiments, such as in fig. 6W, the environmental video is a second environmental video 616c that is different from the first environmental video 616a in accordance with a determination that the user of the electronic device 500 has viewed a second set of episodes, different from the first set, of the second content item (770). In some embodiments, the environmental video is an environmental video associated with a next episode after the second group of episodes.

The above-described manner of presenting the environmental video based on which set of episodes of the second content time the user has viewed allows the electronic device to indicate to the user that the next episode will be played in response to selecting a selectable option for playing the content, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to verify that the content will be played from the next episode of the series), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 6C, the content item representation portion 608 includes a first representation 608a, a second representation 608b, and a third representation 608C of a third content item (772). In some embodiments, such as in fig. 6C, when a respective representation 608a of the first, second, and third representations is in a primary position in the content item representation portion 608, the respective representation 608a includes at least one animation portion (774). In some embodiments, the image stack structure of the respective representation includes one or more video layers that are played continuously while the respective representation is presented in the primary position. In some embodiments, such as in fig. 6C, when respective ones 608b and 608C of the first, second, and third representations are at the first secondary position and the second secondary position in the content item representation portion, the respective ones 608b and 608C do not include the respective at least one animation portion (776). In some embodiments, when the representation is in the second secondary position and the third secondary position, the video layers of the representation in the second secondary position and the third secondary position are not presented or paused.

The above-described manner of forgoing presentation of animated portions of representations at secondary and tertiary secondary locations allows the electronic device to conserve computing resources, which reduces power usage and extends the battery life of the electronic device by enabling a user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 6C, the content item representation portion 608 does not include a representation of an episode in the episode content collection (778). In some embodiments, the content item representations representing episode content represent an episode content series, rather than a single episode. In some embodiments, the content item representation portion further comprises a representation of a movie.

The above-described manner of excluding representations of individual episodes from the content item representations portion allows the electronic device to reduce the number of user inputs required to browse representations of different content series, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to view representations of different series), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in FIG. 6C, when the first representation 608a of the first content item is in the primary position, the first representation 608a includes a visual indication 626 of a provider of the first content item (e.g., text or an image (e.g., an icon or logo) (780) that indicates the provider of the first content item. in some embodiments, such as in FIG. 6I, when the second representation 608b of the second content item is in the primary position, the second representation 608b includes a visual indication of a provider of the second content item (e.g., text or an image (e.g., an icon or a logo) (782) that indicates the provider of the first content item) The indication of the provider moves in response to a user input that causes other image layers in the image stack to move. The provider's instructions are optionally overlaid on other image layers in the image stack. As used herein, a provider of content is optionally a channel, streaming service, subscription service, or other entity that authorizes an electronic device to access the content. In some embodiments, the indication of the provider is presented when the respective representation is in the primary location, rather than when the respective representation is in one of the secondary locations.

The above-described manner of presenting an indication of a content provider allows the electronic device to indicate to the user the manner in which the electronic device has access rights to the content, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to view the content item representation portion and information about the provider of the respective content item presented in the content item representation portion), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

It should be understood that the particular order in which the operations in fig. 7A-7G are described is merely exemplary and is not intended to indicate that the order is the only order in which the operations may be performed. One of ordinary skill in the art will recognize a variety of ways to reorder the operations described herein. Additionally, it should be noted that details of other processes described herein in connection with other methods described herein (e.g., methods 900, 1100, and 1300) also apply in a similar manner to method 700 described above in connection with fig. 7A-7G. For example, the manner of presenting representations of content items described above with reference to method 700 optionally has one or more of the features of the manner of presenting representations of auxiliary content, presenting representations of content based on content consumption history of user accounts, presenting representations of bonus content items, and the like, as described herein with reference to other methods described herein (e.g., methods 900, 1100, and 1300). For the sake of brevity, these details are not repeated here.

The operations in the above-described information processing method are optionally implemented by executing one or more functional modules in an information processing apparatus, such as a general-purpose processor (e.g., as described in conjunction with fig. 1A to 1B, fig. 3, and fig. 5A to 5C) or a dedicated chip. Further, the operations described above with reference to fig. 7A-7G are optionally implemented by the components depicted in fig. 1A-1B. For example, the display operations 702, 704, 716, 748, 750, 756,758, 762, and 766 receive operations 704, 706, 736, 738, 754, and 756 and the initiate operations 702 and 716 are optionally implemented by the event sorter 170, the event recognizer 180, and the event handler 190. When a respective predefined event or sub-event is detected, the 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, event handlers 190 access respective GUI updaters 178 to update the content displayed by the application. Similarly, one of ordinary skill in the art will clearly know how other processes may be implemented based on the components depicted in fig. 1A-1B.

Presenting representations of auxiliary content

Users interact with electronic devices in many different ways, including using electronic devices to view auxiliary content related to content items of interest to the users. In some embodiments, the electronic device can display a representation of the auxiliary content to facilitate browsing of available auxiliary content. The embodiments described below provide a way for an electronic device to present representations of auxiliary content related to a content item in a product page user interface and an auxiliary content user interface of the content item. Enhancing interaction with the device reduces the amount of time required for a user to perform an operation, thereby reducing the power usage of the device and extending the battery life of the battery-powered device. It should be understood that one uses the device. When a person uses a device, the person is optionally referred to as the user of the device.

Fig. 8A-8W illustrate exemplary ways in which an electronic device 500 presents representations of auxiliary content related to a content item, according to some embodiments of the present disclosure. The embodiments in these figures are used to illustrate the processes described below, including the processes described with reference to fig. 9A-9H.

FIG. 8A illustrates a product page user interface 802 for a content application. The product page user interface 802 includes information about one episode content series available for playback with the content application, as described above with reference to fig. 6S-6X and 6 AA-6 FF. The product page user interface 802 includes a moving image 804 corresponding to a next episode in the series of episodes based on a viewing progress of the user, an indication 806 of a provider providing access to the series of content in the content application, a selectable option 808 to cause the electronic device 500 to play the next episode when selected, a selectable option 810 to cause the electronic device 500 to add the series to a next queue of the content application when selected, and information 812 about the series. As shown in fig. 8A, the user scrolls down in the user interface (e.g., with contact 803).

In response to the user scrolling in FIG. 8A, the electronic device 500 scrolls the product page user interface. As shown in fig. 8B, the electronic device 500 presents a row 814 of episode representations and a row 818 of episode descriptions in a content series. In addition, the electronic device 500 presents an indication 816 of which episode is the current episode based on the user's viewing progress. The user scrolls down in the user interface (e.g., with contact 803).

In FIG. 8C, the electronic device 500 presents a next portion of the product page user interface that includes a representation 820 of auxiliary content related to the series of content. The representation 820 includes an animated background image 824 associated with the auxiliary content and a selectable option 822 that, when selected, causes the electronic device 500 to present the auxiliary content associated with the series of content. The electronic device 500 also displays a row 826 of representations of bonus material related to the series of content. The user selects option 822 (e.g., using contact 803) to display the auxiliary content user interface.

Fig. 8D illustrates the auxiliary content user interface 828a displayed by the electronic device 500 in response to the user selection in fig. 8C. The auxiliary content user interface 828a includes a selectable option 830a that, when selected, causes the electronic device 500 to display auxiliary video content associated with the series of content, a description 832a of the auxiliary video content, and an image 836a corresponding to the auxiliary content. The selectable option 830a, description 832a, and image 836a are overlaid on a background image associated with the auxiliary video content. Background image 834a is an image related to auxiliary content played in response to selection of option 830 a. Similarly, overlay image 836a is a different icon or illustration than background image 834a, which also relates to auxiliary content played in response to detecting selection of option 830 a. The auxiliary content user interface 828a also includes a page indicator 838a that indicates a relative position of the auxiliary content user interface with respect to other auxiliary content user interfaces that the electronic device is capable of presenting in response to detecting a horizontal swipe.

As shown in fig. 8D, the electronic device 500 detects a slight movement of the contact 803 on the touch-sensitive surface 451 of the remote control device 510. For example, the user slightly scrolls or displaces his finger when touching the touch-sensitive surface 451. In response to detecting the movement of the contact 803 shown in FIG. 8D, the electronic device 500 displays the selectable option 830a with a visual indication 840 of the motion of the contact 803 shown in FIG. 8E. For example, device 500 tilts or otherwise changes the shading of representation 830a slightly in accordance with the touch input.

In fig. 8E, the electronic device 500 detects a swipe (e.g., movement of the contact 803) on the touch-sensitive surface 451. In response to detecting the swipe shown in fig. 8E, the electronic device 500 stops displaying the auxiliary content user interface 828a shown in fig. 8E and displays the next auxiliary content user interface 828b shown in fig. 8F.

The secondary content user interface 828b shown in fig. 8F includes elements 830b, 832b, 834b, 836b, and 838b that are similar to elements 830a, 832a, 834a, 836a, and 838a of the secondary content user interface 828a shown in fig. 8E. Elements 830b, 832b, 834b, 836b, and 838b correspond to secondary content items that are different from the secondary content items corresponding to elements 830a, 832a, 834a, 836a, and 838 a. As shown in fig. 8F, after scrolling to the auxiliary content page, the page indicator 838b updates to indicate the updated location within the other pages of the auxiliary user interface.

Depending on the number of auxiliary content user interfaces that can be presented to the user in response to the horizontal swipe input, the electronic device 500 can display different styles of pagination indicators in the auxiliary content user interfaces.

As shown in fig. 8F, when the number of pages 842 of the secondary content user interface is less than the first threshold 844 (e.g., 6, 8, 10, etc. pages), the electronic device 500 presents the page indicator 838b shown in fig. 8F. Pagination indicator 838b includes a separate indication of the current location in the plurality of auxiliary content user interfaces.

FIG. 8G illustrates another style of page indicator 838c displayed by the electronic device 500 in the auxiliary content user interface 828 c. The secondary content user interface 828c includes elements 830c, 832c, 834c, 836c, and 838c that are similar to elements 830a, 832a, 834a, 836a, and 838a of the secondary content user interface 828a shown in fig. 8E. As shown in fig. 8G, when the number of pages 842 is greater than a first threshold 844 (e.g., 6, 8, 10, etc. pages) but less than a second threshold 846 (e.g., 20, 30, etc. pages), the electronic device presents a page break indicator 838c shown in the secondary content user interface 828 c. The pagination indicator 838c includes a continuous indication 838c of the relative position of the secondary content user interface 828c with respect to other pages of the secondary content user interface.

FIG. 8H illustrates another style of pagination indicator 838d displayed by the electronic device 500 in the auxiliary content user interface 828 d. The secondary content user interface 828d includes elements 830d, 832d, 834d, 836d, and 838d similar to the elements 830a, 832a, 834a, 836a, and 838a of the secondary content user interface 828a shown in FIG. 8E. As shown in fig. 8H, when the number of pages 842 is greater than a second threshold 846 (e.g., 20, 30, etc. pages), the electronic device presents the page indicator 838d shown in the secondary content user interface 828 d. The pagination indicator 838d includes a continuous indication 838d of the relative position of the secondary content user interface 828d with respect to other pages of the secondary content user interface. The page indicator 838d has a smaller size (e.g., a smaller horizontal and/or vertical dimension) than the page indicator 838c shown in fig. 8G. As shown in fig. 8H, the user selects (e.g., with contact 803) a button to navigate back in the user interface to the product page user interface (e.g., a "menu" button on remote control 510).

FIG. 8I illustrates the presentation of a product page user interface in response to the user's selection in FIG. 8H. The product page user interface shown in FIG. 8I is the same as the product page user interface shown in FIG. 8C. The current focus is on option 822, which is the option the user selects to view the user interface described above with reference to fig. 8D-8H. As shown in fig. 8I, the user scrolls down (e.g., with the motion of contact 803) to scroll the product page user interface.

In response to the scrolling (including the scrolling shown in FIG. 8I), the electronic device scrolls the product page user interface to the position shown in FIG. 8J. As shown in fig. 8J, the electronic device 500 presents a row 826 of representations of bonus material and a representation 848a of an auxiliary content item that are related to a series of content. The representation 848a of the secondary content item is displayed in a row that includes a portion of another representation 848b of the secondary content item. The representation 848a of the auxiliary content item includes a moving background 850a associated with the auxiliary content item that the electronic device 500 rendered in response to detecting selection of the representation 848a (e.g., the background animates when the representation 848a receives the current focus and stops animating when it loses the current focus).

As shown in fig. 8J, when the current focus is located on representation 848a of the auxiliary content item, the electronic device 500 detects a horizontal swipe (e.g., with contact 803) on the touch-sensitive surface 451 of the remote control device 510.

In response to the input shown in FIG. 8J, electronic device 500 scrolls the row of the representation of the auxiliary content to display entire representation 848b, a portion of representation 848a, and a portion of representation 848c, as shown in FIG. 8K. The representation 848b of the auxiliary content includes a moving background 850b related to the auxiliary content that the electronic device 500 rendered in response to detecting selection of the representation 848b (e.g., the background animates when the representation 848b receives the current focus and stops animating when it loses the current focus). As shown in fig. 8K, the user selects representation 848b (e.g., with contact 803).

In response to the user selection in FIG. 8K, the electronic device displays auxiliary video content corresponding to the selected representation 848b, as shown in FIG. 8L. As shown in fig. 8L, while the electronic device 500 displays video content, the electronic device 500 detects a contact 803 (e.g., tap input, finger stationary without click, click input) on the touch-sensitive surface 451 of the remote control device 510.

As shown in fig. 8M, in response to detecting the contact shown in fig. 8L, the electronic device 500a displays a playback progress bar 854, an image 856 related to the secondary video content 852, and metadata 858 related to the secondary video content overlaid on the secondary video content 852. The metadata 858 includes information such as the title of the auxiliary video content, the title of the series of content to which the auxiliary content is related, the runtime of the auxiliary content, and so forth. The image 856 is a graphic, icon, or other image associated with the auxiliary content and/or the series of content with which the auxiliary content is associated. A click input detected on the touch-sensitive surface 451 optionally initiates a swipe process in which a right/left swipe input detected on the touch-sensitive surface 451 causes a swipe (e.g., fast forward, rewind) through the auxiliary content (video content F).

When the auxiliary content 852 finishes playing, the electronic device 500 again presents the product page user interface. As shown in fig. 8M, the electronic device 500 continues to play the auxiliary video content 852 while the playback progress 858 of the auxiliary video content 852 is in the middle of the auxiliary video content 852.

In fig. 8N, the playback position 858 of the secondary video content 852 reaches the end of the secondary video content 852. In response to reaching the end of the secondary video content in FIG. 8N, the electronic device 500 presents the product page user interface scrolling to the same location, and the current focus is again located on representation 848b in FIG. 8K, as shown in FIG. 8O.

In fig. 8O, the user selects representation 848b of the secondary video content (e.g., with contact 803). In fig. 8P, the electronic device 500 presents the auxiliary video content 852 in response to the user selection in fig. 8O. While playing the auxiliary video content 852, the electronic device 500 detects (e.g., with contact 803) selection of an option to navigate backwards in a user interface (e.g., a "menu" button on the remote control 510). In response to the user selection in FIG. 8P, electronic device 500 renders a portion of the product page that includes representation 848b of the auxiliary content scrolled to the same location, and the current focus is again located on representation 848b in FIG. 8K, as shown in FIG. 8Q.

In FIG. 8Q, the electronic device 500 detects a user input (e.g., movement of the contact 803) scrolling the product page user interface. In response to one or more scroll inputs, including the input shown in FIG. 8Q, electronic device 500 displays the portion of the product page user interface shown in FIG. 8R.

As shown in FIG. 8R, the product page user interface includes a row 861 of representations of content items related to the content series of the product page and a representation 860 of auxiliary content. The representation 860 of the auxiliary content includes a plurality of selectable options 862a-d that, when selected, cause the electronic device 500 to present a corresponding auxiliary content user interface. Selectable options 862a-d are overlaid over a background image 864 related to the auxiliary content represented by options 862a-d (e.g., a moving background image that is optionally animated when one of options 862a-d has current focus and ceases to be animated when current focus is not on one of options 862 a-d). When the first selectable option 862a has current focus of the electronic device 500, the representation 860 of the auxiliary content includes an overlay image 866a (e.g., an icon, illustration, etc.) associated with the first option 862a and text 868a associated with the first selectable option 862 a.

As shown in fig. 8R, the electronic device 500 detects a swipe input (e.g., movement of the contact 803 on the touch-sensitive surface 451 of the remote control device 510) that corresponds to an input to move the current focus to the right. In response to the input shown in FIG. 8R, the electronic device 500 moves the current focus from the first option 862a to the second option 862b, as shown in FIG. 8S. When the current focus moves from the first option 862a to the second option 862b, the electronic device 500 updates the representation 860 of the auxiliary content to include a second image 866b overlaid on the background image 864 and second text 868b corresponding to the second option 862 b. When the current focus moves from option 862a to option 862b, the background image 864 does not change. As shown in fig. 8S, the user selects (e.g., with contact 803) the second option 862 b.

In response to the user selection in fig. 8S, the electronic device displays the auxiliary content user interface 870 illustrated in fig. 8T. The secondary content user interface 870 includes a plurality of selectable options 874a-e that, when selected, cause the electronic device 500 to display a corresponding secondary content item or a corresponding other secondary content user interface. Selectable options 874a-e are overlaid on a moving image 872a (e.g., animated image, video content, etc.) corresponding to option 874a having the current focus of the electronic device 500. As shown in fig. 8T, the electronic device 500 detects a swipe input (e.g., movement of the contact 803 on the touch-sensitive surface 451 of the remote control device 510) that corresponds to an input to move the current focus to the right.

Fig. 8U illustrates the auxiliary content user interface 870 responding to the swipe input shown in fig. 8T. As shown in fig. 8U, the electronic device 500 moves the current focus from the first option 874a to the second option 874b according to the swipe input. In response to moving the focus from the first option 874a to the second option 874b, the electronic device 500 updates the secondary content user interface 870 to include the background image 872b corresponding to the second option 874 b.

Fig. 8V illustrates another auxiliary content user interface 876. The auxiliary content user interface includes a large selectable option 882 and a plurality of small selectable options 880 a-e. Each of the selectable options 882 and 880a-e is selectable to display another auxiliary content user interface or auxiliary content item. When the large selectable option 882 has the current focus of the electronic device 500, the large selectable option 882 includes a moving background 878 a. The small selectable options 880a-e each include a respective image representing auxiliary content or an auxiliary content user interface that is presented in response to detecting selection of one or more of the respective small selectable options 880 a-e.

As shown in fig. 8V, the electronic device 500 detects a swipe input (e.g., movement of the contact 803 on the touch-sensitive surface 451 of the remote control device 510) that corresponds to a user input that moves the current focus down into the user interface. In response to the input shown in FIG. 8V, the electronic device 500 updates the auxiliary content user interface 876, as shown in FIG. 8W, to move focus from the large option 882 to the small option 880 a. When the current focus moves from the large option 882 to the small option 880a, the electronic device 500 stops animating the image 878b included in the large option, such as by displaying a pause frame of a moving background. Small options 880a-e (including option 880a) are not animated when they have current focus.

Although the particular representations 822, 848, and 860 of the auxiliary content are shown as being selectable to display a particular auxiliary content user interface, such as the auxiliary content user interfaces described above with reference to fig. 8D-8H, 8L-8N, 8P, and 8T-8W, it should be understood that representations of auxiliary content may optionally be selected to display any type of auxiliary content user interface without departing from the scope of this disclosure. In other words, the representations of the auxiliary content are interchangeable and the auxiliary content user interface is interchangeable.

Fig. 9A-9H are flow diagrams illustrating a method 900 of presenting a representation of auxiliary content related to a content item, according to some embodiments of the present disclosure. Method 900 is optionally performed at an electronic device, such as device 100, device 300, device 500, device 501, device 510, and device 511, as described above with reference to fig. 1A-1B, 2-3, 4A-4B, and 5A-5C. Some operations in method 900 are optionally combined, and/or the order of some operations is optionally changed.

As described below, the method 900 provides a way to present a representation of auxiliary content related to a content item. The method reduces the cognitive burden on the user when interacting with the device user interface of the present disclosure, thereby creating a more efficient human-machine interface. For battery-powered electronic devices, improving the efficiency with which a user interacts with the user interface conserves power and increases the time between battery charges.

In some embodiments, such as in fig. 8C, an electronic device 500 (e.g., a mobile device including a touchscreen (e.g., a tablet, smartphone, media player, or wearable device), a computer including one or more of a keyboard, a mouse, a touchpad, and a touchscreen and in communication with a display, a set-top box in communication with a display and a remote control device) in communication with the display device 514 and the one or more input devices 510 displays, via the display device, a product page user interface for a respective content item (e.g., a movie, a series of episode content, etc.), where the product page user interface includes a first representation 820 corresponding to auxiliary content created for the respective content item (e.g., the product page includes information about the content item, such as studio, genre, actors, and staff, episode profiles, available ways for a user to obtain permission to view the content item, An option to play the content, and one or more representations of auxiliary content created for the corresponding content item) (902). For example, a product page for an episode content series includes: a description of the series; a selectable option that, when selected, causes the electronic device to play a next episode in the series based on an episode recently viewed by the user; representations of episodes in the series, each selectable to play a respective episode, and one or more representations corresponding to auxiliary content created for the episode content series. The one or more representations of the auxiliary content optionally include text and images representing the auxiliary content.

In some embodiments, such as in fig. 8C, upon displaying the product page user interface, the electronic device 500 receives input directed to the first representation 820 via one or more input devices 510 (904).

In some embodiments, in response to receiving the input directed to the first representation (906), the electronic device 500 stops displaying the product page user interface for the respective content item (908), such as shown in fig. 8D.

In some embodiments, in response to receiving the input directed to the first representation (906), the electronic device 500 displays, via the display device, an auxiliary content user interface 828a that includes auxiliary content 832a, 834a, 836a created for the respective content item (910). For example, a separate user interface is displayed that is separate from the product page user interface dedicated to the auxiliary content. In some embodiments, the auxiliary content is content that the user of the electronic device has access rights by virtue of the fact that the user has access rights to the respective content item (e.g., because the user purchased the respective content item, the user subscribed to a channel available for the respective content item, etc.). In some embodiments, the auxiliary content is not content that is purchasable separately or independently from the respective content item and is available to the user only when the user has access to the respective content item. The auxiliary content optionally includes text, images, audio content, and/or video content associated with the respective content item. In some embodiments, the auxiliary content includes video content related to a corresponding content item that is not the content item itself. The auxiliary content user interface optionally includes additional menus and selectable options that are selectable to present auxiliary content items. In some embodiments, the auxiliary content user interface is the auxiliary content itself. In other words, in some embodiments, in response to detecting selection of the first representation of the auxiliary content, the electronic device presents the auxiliary content.

The above-described manner of presenting representations of auxiliary content created for respective content items in a product page user interface for the respective content items allows the electronic device to present representations of auxiliary content items and other content and information related to the respective content items in the product page user interface, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to browse all information and content related to the respective content items, including the auxiliary content), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8C, the first representation 820 corresponding to the auxiliary content occupies the full width of the product page user interface and includes a first selectable option 822 overlaid on the first representation, and the input to the first representation includes a selection 912 of the first selectable option 822. In some embodiments, the first representation includes a background image that is a still image or an animated moving image. Optionally, information about the auxiliary content and the first selectable option (e.g., title, summary, etc.) is overlaid on the image. The electronic device is optionally capable of directing its input focus to the first selectable option, and selection of the selectable option causes the electronic device to present the corresponding auxiliary content when the input focus is on the first selectable option.

The manner in which the first option overlaid on the first representation is presented allows the electronic device to present the option and the first representation simultaneously, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to select the first option while viewing the first representation), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, the first representation 820 includes a moving image background 824 (914). In some embodiments, the active image background is video content or another animation or active image.

The above-described manner of presenting the first representation with a moving image background allows the electronic device to present multiple images without user input for navigating through the multiple images, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to view the multiple images), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8J, the first representation 848a is one of a plurality of representations 848a and 848b corresponding to auxiliary content that is horizontally scrollable in the product page user interface (e.g., each representation of different auxiliary content that is selectable to view the respective content item), and the input directed to the first representation 848a includes selection of the first representation 848a corresponding to the first auxiliary content of the respective content item (916). In some embodiments, the electronic device presents a portion of the second representation that is horizontally adjacent to the first representation. Optionally, in response to detecting input to horizontally scroll the rows of the representation, the electronic device updates the user interface to present the second representation and a portion of the first representation. In some embodiments, the first representation and the second representation comprise a moving image, wherein the information about the auxiliary content is overlaid on the moving image.

The manner in which the plurality of horizontally scrollable representations are presented described above allows the electronic device to present the plurality of representations of auxiliary content to the user within the product page user interface, which simplifies interaction between the user and the electronic device, and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by enabling the user to browse the representations without navigating away from the product page user interface), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8S, the first representation 860 is an image 864 on the product page user interface that includes a plurality of respective representations 862a-d (e.g., each selectable to view different auxiliary content of a respective content item) corresponding to auxiliary content overlaid on the background image 864 (918), and the input directed to the first representation 860 includes selection of a first respective representation 862b of the plurality of respective representations that corresponds to the first auxiliary content of the respective content item (e.g., with contact 803). In some embodiments, the electronic device presents an image as wide as the width of the product page user interface, with the plurality of selectable representations overlaid on the image. Optionally, each representation includes text and/or images corresponding to auxiliary content presented in response to detecting selection of the respective representation. In some embodiments, the electronic device also displays information about the set of auxiliary content items overlaid on the image. When the user scrolls horizontally to move the input focus of the electronic device from one representation to another, the electronic device displays another image (e.g., an icon, a graphic, etc.) corresponding to the representation having the current focus overlaid on the background image. In some embodiments, the background image does not change when the current focus moves from one representation to another.

The manner in which the plurality of corresponding representations overlaid on the image are presented in the product page user interface described above allows the electronic device to present multiple representations of auxiliary content simultaneously, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to browse the representations of the auxiliary content), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8R, in accordance with a determination that a first respective representation 862a of the plurality of respective representations 862a-d has a current focus, the image 864 is displayed with first information 866a and 868a corresponding to the first respective representation 862a overlaid on the image 864 (e.g., the electronic device presents information about auxiliary content that is presented in response to detecting selection of the first respective representation) (920). For example, when the first respective representation has the current focus, the electronic device displays a title or description of the auxiliary content below the first respective representation. In some embodiments, in addition to displaying the first information corresponding to the first respective representation, the electronic device presents a first image (e.g., an icon or graphic) corresponding to the first respective representation overlaid on the background image.

In some embodiments, such as in FIG. 8S, in accordance with a determination that a second respective representation 862b of the plurality of respective representations 862a-d has a current focus, the image 864 is displayed with second information 866b and 868b overlaid on the image corresponding to the second respective representation 862 b. In some implementations, the electronic device presents information about the auxiliary content in response to detecting selection of the second respective representation. For example, when the second corresponding representation has the current focus, the electronic device displays a title or description of the auxiliary content below the second corresponding representation. In some embodiments, in addition to displaying second information corresponding to the second respective representation, the electronic device presents a second image (e.g., an icon or graphic) corresponding to the second respective representation overlaid on the background image.

The above-described manner of displaying information overlaid on images corresponding to respective representations having a current focus allows the electronic device to provide additional information about one of the representations with the current focus before detecting selection of the representation, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to view the information about the respective representation having the current focus), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8S, the first representation 860 is a first type of auxiliary content representation (e.g., the representation includes images and information presented in a first arrangement), is located at a first location in the product page user interface, and corresponds to the first auxiliary content (e.g., the electronic device optionally presents the first auxiliary content in response to detecting selection of the first representation) (924).

In some embodiments, such as in fig. 8Q, the product page user interface also includes a second representation 848b located at a second location in the product page user interface (e.g., the representation includes images and information presented in a second arrangement different from the first arrangement), where the second representation 858b is a representation of secondary content of a second type different from the first type and corresponds to the second secondary content (926). In response to detecting selection of the second representation, the electronic device optionally presents second auxiliary content. For example, the product page includes a first representation of first auxiliary content including a background image occupying a width of the product page with one selectable option that, when selected, causes the electronic device to display the first auxiliary content at a location in the product page between a portion including information about the episode of content and the bonus material of the content, and the product page includes a second representation of auxiliary content within a horizontal scrollable row of auxiliary content representations selectable to present the second auxiliary content and between a bonus content portion of the product page and a portion of the product page including a representation of content related to the content represented by the product page.

The manner of including multiple representations of auxiliary content in the product page user interface described above allows the electronic device to enable a user to browse the representations of auxiliary content from the product page user interface, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the input required to browse the representations of auxiliary content), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8L, the auxiliary content created for the respective content item is video content 852(928) that is played when the auxiliary content user interface is displayed. In some embodiments, in response to detecting selection of the first representation, the electronic device begins playing the video. Optionally, the electronic device stops displaying the product page user interface while the video is playing.

The above-described manner of presenting the auxiliary video content in response to detecting selection of the representation of the auxiliary content displayed in the product page user interface allows the electronic device to enable browsing of the auxiliary video content from the product page user interface, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to play the video content from the product page user interface), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 8L, while displaying video content 852 in the auxiliary content user interface via display device 514, electronic device 500 receives input comprising contact 803 (e.g., a tap or click) detected on touch-sensitive surface 451 of remote control device 510 via one or more input devices (930).

In some embodiments, such as in fig. 8M, in response to receiving input comprising a contact detected on a touch-sensitive surface of the remote control device, the electronic device 500 displays, via the display device 514, contextual information 856 and 858 regarding the video auxiliary content 852 and a progress bar 854(932) indicating progress of playback through the video auxiliary content overlaid on the video auxiliary content. In some embodiments, the contextual information is metadata about the video content, such as the title, description, runtime of the video, an indication of the series of content to which the video relates, and the like. Optionally, in response to the contact, the electronic device further displays an image related to the video content overlaid on the video content. In some embodiments, the progress bar is a swipe bar that the user can select to change the current playback position within the secondary video content.

The manner in which the contextual information and progress bar are displayed in response to detecting a tap while the auxiliary video content is being played allows the electronic device to continue playing the video while the progress bar and contextual information are displayed, which simplifies the interaction between the user and the electronic device and enhances the operability of the electronic device and makes the user-device interface more efficient (e.g., by reducing the amount of time it takes to complete the auxiliary video content and view the progress bar and contextual information), which in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8P, when the video content 852 is displayed in the auxiliary content user interface via the display device 514, the electronic device 500 receives input (e.g., selects a "menu" button on a remote control device) via the one or more input devices 510 corresponding to a request to navigate back to the product page user interface for the respective content item (934).

In some embodiments, such as in fig. 8Q, in response to receiving an input corresponding to a request to navigate back to the product page user interface for the respective content item (936), the electronic device 500 stops displaying the secondary content user interface (e.g., the electronic device stops playing the secondary video content) (938).

In some embodiments, such as in fig. 8Q, in response to receiving an input corresponding to a request to navigate back to the product page user interface for the respective content item (936), the electronic device 500 displays the product page user interface for the respective content item via the display device, wherein the product page user interface is scrolled to a portion of the product page user interface that includes the first representation 848b (e.g., the first representation has current focus) (940). In some embodiments, while displaying the first representation in the product page user interface, in response to detecting selection of the first representation, the electronic device stops displaying the product page user interface and plays the auxiliary video content. Optionally, while playing the secondary video content, in response to detecting the input to navigate backward, the electronic device stops playing the secondary video content and displays the first representation with the current focus in the product page user interface.

The manner of displaying the portion of the product page including the first representation in response to detecting the input of the navigation back when presenting the auxiliary content user interface allows the electronic device to present the portion of the product page user interface that the user is viewing before viewing the auxiliary content user interface in response to detecting the input of the backward navigation, simplifies interaction between the user and the electronic device, and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs (e.g., scrolling inputs) required to continue viewing the portion of the product page including the first representation after selecting the backward navigation option), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8N, while displaying the video content 852 in the auxiliary content user interface via the display device 514, the electronic device 500 detects that the end of the video auxiliary content has been reached (e.g., in response to detecting the selection of the first representation, the electronic device displays the first auxiliary video content) (942). Optionally, the electronic device continues to play the first secondary video content until the end of the first secondary video content.

In some embodiments, such as in fig. 8O, in response to detecting that the end of the video auxiliary content has been reached (944), the electronic device 500 stops displaying the auxiliary content user interface (946).

In some embodiments, such as in fig. 8O, in response to detecting that the end of the video auxiliary content has been reached (944), the electronic device 500 displays, via the display device, a product page user interface for the respective content item, wherein the product page user interface is scrolled to a portion of the product page user interface that includes the first representation 848b (e.g., the first representation has current focus) (948). In some embodiments, after completing the first secondary video content, the electronic device presents the first representation in the product page user interface.

The manner in which the portion of the product page including the first representation is displayed in response to detecting the end of the video auxiliary content described above allows the electronic device to present the portion of the product page user interface that the user is viewing before viewing the auxiliary content user interface in response to detecting the end of the auxiliary video content, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs (e.g., scrolling inputs) required to continue viewing the portion of the product page including the first representation after the video auxiliary content is completed), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 8D, the secondary content user interface 828a includes a first full-screen image 834a (e.g., a still image or a moving image, such as animation or video content) related to the first secondary content of the respective content item, and a first secondary content user interface element 832a including information related to the first secondary content overlaid on the first full-screen image and having a current focus (950). In some embodiments, the electronic device presents text related to the first auxiliary content and, when selected, selectable options that cause the electronic device to present the first auxiliary content (e.g., video content or another auxiliary content user interface) overlaid on the full-screen image. The text and selectable options are optionally displayed in one corner of the background image.

The manner in which the information overlaid on the first full-screen image is displayed allows the electronic device to present the information and the full-screen image simultaneously, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to view the full-screen image and the information), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8D, the first auxiliary content user interface element 832a includes a selectable option 830a that is selectable to display first auxiliary content for the respective content item via the display device 514 (952). In some embodiments, the first auxiliary content item is video content or another auxiliary content user interface. Optionally, the background image is associated with the first auxiliary content.

The above-described manner of displaying the selectable option for displaying the first auxiliary content while displaying the information about the first auxiliary content allows the electronic device to simplify the process of playing the first auxiliary content after reading the information about the first auxiliary content, which simplifies the interaction between the user and the electronic device and enhances the operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to view the first auxiliary content during or after the user reads the information about the first auxiliary content), which in turn reduces power usage and extends the battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 8E, while displaying the first full screen image 834a related to the first auxiliary content and the first auxiliary content user interface element 832a with current focus, the electronic device receives input 803 (e.g., a swipe input or another directional input detected on a touch-sensitive surface of a remote control device) via the one or more input devices 510 corresponding to a request to navigate horizontally in the auxiliary content user interface (954).

In some embodiments, such as in fig. 8F, in response to receiving an input corresponding to a request to navigate horizontally in the auxiliary content user interface (956), the electronic device 500 stops displaying the first full screen image 834a (958), such as in fig. 8E.

In some embodiments, such as in fig. 8F, in response to receiving an input corresponding to a request to navigate horizontally in the auxiliary content user interface (956), the electronic device 500 displays a second full screen image 834b related to the second auxiliary content of the respective content item, such as in fig. 8F, in which a second auxiliary content user interface element including information 836b and 832b related to the second auxiliary content is overlaid on the second full screen image 834b and has current focus (960). In some embodiments, the electronic device navigates between full-screen auxiliary content user interfaces that each include information about a respective auxiliary content item and a selectable option that displays the respective auxiliary content overlaid on a respective full-screen image associated with the respective auxiliary content in response to detecting the horizontal directional input.

The manner in which the second full-screen image associated with the second auxiliary content is displayed in response to the request for horizontal navigation described above allows the electronic device to navigate between auxiliary content user interfaces in response to horizontally-oriented input, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to navigate between the auxiliary content user interfaces as compared to, for example, requiring the user to navigate backwards to select a different representation of auxiliary content on the product page user interface), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8E, while displaying the first full screen image 834a related to the first auxiliary content and the first auxiliary content user interface element 832a with current focus, the electronic device 500 receives, via one or more input devices, an input 803 corresponding to a request to navigate horizontally in the auxiliary content user interface, the input being associated with a movement metric (e.g., the electronic device is capable of detecting a plurality of features of a horizontal directional input, such as a duration, length, speed, etc. of a horizontal swipe detected on a touch-sensitive surface of the remote control device) (962). Based on the detected characteristics of the horizontal directional input, the electronic device processes the input as a request for horizontal navigation or a non-navigational input.

In some embodiments, such as in fig. 8E, in response to receiving the input 803 corresponding to the request to navigate horizontally in the auxiliary content user interface (e.g., the length, duration, speed, etc. of the swipe input corresponding to the request to navigate horizontally in the user interface) (964), in accordance with a determination that the movement metric is greater than the threshold movement metric, the electronic device 500 stops displaying the first full-screen image 834a, such as in fig. 8E, and displays the second full-screen image 834b related to the second auxiliary content of the respective content item (966), such as in fig. 8F. In some embodiments, in accordance with a determination that one or more features correspond to a request for horizontal navigation (e.g., greater than a threshold length, greater than a threshold duration, greater than a threshold speed, etc.), the electronic device processes an input as a request for horizontal navigation and, in response to the input, horizontally navigates in the user interface, such as by presenting a next full screen auxiliary content user interface.

In some embodiments, such as in fig. 8D, in accordance with a determination that the movement metric is less than a threshold movement metric (968) (e.g., the length, duration, speed, etc. of the swipe input corresponds to a non-navigational user input, such as less than one or more of the thresholds described above), the electronic device 500 displays the visual indication 840 of the movement metric on the first secondary content user interface element 830a without ceasing to display the first full screen image 834a and displaying the second full screen image (970), such as in fig. 8E. In some embodiments, in accordance with a determination that the one or more features correspond to non-navigational user input (e.g., based on a size, duration, speed, etc. of the input), the electronic device presents a visual indication of the input overlaid on a selectable option that, when selected, causes the electronic device to present first auxiliary content corresponding to the first auxiliary content user interface. For example, the electronic device presents a visual highlight (e.g., a glowing appearance on the user interface) overlaid on the selectable options that move according to the user input, or presents a tilt of the selectable options according to the input.

The manner of navigating horizontally in response to a request to navigate horizontally and presenting a visual indication of movement in response to an input other than a request to navigate without ceasing to display the first full screen image allows the electronic device to indicate to the user the location of the current focus in response to a non-navigational user input, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device and makes the user-device interface more efficient (e.g., by reducing the amount of time spent communicating the results of making a selection in the user interface), which in turn reduces power usage and prolongs battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8E, the first full screen image 834a related to the first auxiliary content is one of a plurality of full screen images related to a plurality of auxiliary content items that are navigable from within the auxiliary content user interface (e.g., the auxiliary content user interface includes a plurality of full screen pages that each include a respective background image and a respective selectable option that, when selected, causes the electronic device to present the respective auxiliary content) (972).

In some embodiments, such as in fig. 8E, the secondary content user interface includes a visual indicator 838a of a scrolling position within the plurality of full-screen images overlaid on the first full-screen image 834a (e.g., a paginated indicator indicating a relative position of the currently displayed full-screen image with respect to the plurality of full-screen images) (974).

In some embodiments, such as in fig. 8F, in accordance with a determination that number 842 of full-screen images is less than first threshold number 844 (e.g., 3, 5, 7), visual indicator of scroll position 838b includes a discrete scroll position indicator (e.g., the electronic device displays a plurality of visual indicators (e.g., a row of dots) adjacent to one another, each visual indicator representing one of the full-screen images) that indicates a current scroll position within the plurality of full-screen images (976). In some implementations, the visual indicator representing the currently displayed full-screen image is presented with different visual characteristics (e.g., color, size, transparency) than the visual characteristics of the other visual indicators.

In some embodiments, such as in fig. 8G, in accordance with a determination that the number 842 of the plurality of full-screen images is greater than the first threshold number 844, the visual indicator 838c of scroll position includes a continuous scroll position indicator (e.g., a scroll bar) that indicates a current scroll position within the plurality of full-screen images. In some embodiments, the position of the indicator on the scrollbar corresponds to the relative position of the currently displayed full-screen image with respect to the other full-screen images in the plurality of full-screen images.

The above presenting a visual indicator having a discrete scroll position in response to determining that the number of full-screen images is less than the threshold number, and the manner of displaying the continuous scroll position indication in response to determining that the number of full-screen images is greater than the threshold number allows the electronic device to present specific information to the user regarding the number of full-screen images when the number of full-screen images is less than the threshold number, and presenting to the user an effective indication of the relative position within the plurality of full-screen images when the number of full-screen images is greater than the threshold, which simplifies the interaction between the user and the electronic device, and enhances operability of the electronic device and makes the user-device interface more efficient (e.g., by presenting specific information when the number of images is below a threshold, and presenting valid information when the number of pages is above a threshold), this in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 8H, continuous scroll position indicator 838d has a first size (e.g., height, width, etc.) in accordance with a determination that number 842 of multiple full-screen images is greater than first threshold number 844, in accordance with a determination that number 842 of multiple full-screen images is greater than a second threshold 846 (e.g., 20, 30, etc.) that is higher than first threshold 844.

In some embodiments, such as in FIG. 8G, continuous scroll position indicator 838c has a second size that is greater than the first size in response to determining that number 842 of the plurality of full-screen images is greater than first threshold number 844 and in response to determining that number 842 of the plurality of full-screen images is less than second threshold 846. In some embodiments, in accordance with a determination that the number of the plurality of full-screen images is greater than the second threshold, the scroll position indicator is displayed in a smaller size, and in accordance with a determination that the number of the plurality of full-screen images is less than the second threshold, the scroll position indicator is displayed in a larger size.

The manner described above of displaying the scroll position indicator in the first size in response to determining that the number of full-screen images is greater than the second threshold, and displaying the scroll position indicator in the second size in response to determining that the number of full-screen images is less than the second threshold allows the electronic device to present the indicator in a larger size that is more easily seen when the number of full-screen images is below the threshold, and present the indicator in a smaller size that makes the relative position easier to distinguish between pages and pages when the number of images is above the second threshold simplifies interaction between the user and the electronic device, and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by increasing the legibility of the position indicator, which reduces the amount of time it takes for the user to read the scroll position indicator), which in turn reduces power usage and prolongs the battery of the electronic device by enabling the user to more quickly and efficiently use the electronic device And (4) service life.

In some embodiments, such as in fig. 8T, the auxiliary content user interface 870 includes a full screen image 872a (e.g., a still image, a moving background, a video background, etc.) related to auxiliary content of the respective content item, and a plurality of respective representations 874a-e selectable to display the respective auxiliary content of the respective content item are overlaid over the full screen image, one of the plurality of respective representations having the current focus (986). In some embodiments, in response to detecting selection of one of the respective representations, the electronic device presents respective auxiliary content (e.g., a video, another auxiliary content user interface, etc.) corresponding to the representation. Each representation optionally includes one or more of text and an image.

In some embodiments, such as in fig. 8T, in accordance with a determination that a first respective representation 874a of the plurality of respective representations has a current focus, the full-screen image 872a is a first full-screen image of first respective secondary content corresponding to the respective content item, wherein the first respective representation 874a is selectable to display the first respective secondary content (e.g., representing that the overlaid full-screen image corresponds to the representation having the current focus of the electronic device) (988).

In some implementations, such as in fig. 8U, in accordance with a determination that a second respective representation 874b of the plurality of respective representations has the current focus, the full-screen image is a second full-screen image 872b of second respective auxiliary content corresponding to the respective content item, wherein the second respective representation 874b is selectable to display the second respective auxiliary content (990). In some embodiments, when the current focus is on the first representation, the electronic device presents a full-screen image corresponding to the first representation. In response to detecting an input to change the current focus to the second representation, the electronic device optionally changes the current focus from the first representation to the second representation, stops displaying a full-screen image corresponding to the first representation, and displays a full-screen image corresponding to the second representation.

The manner of displaying a full-screen image corresponding to a representation with a current focus while displaying a plurality of representations overlaid on the full-screen image described above allows the electronic device to display a full-screen image within a user interface that includes the plurality of representations, which simplifies interaction between a user and the electronic device, and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to view a full-screen image associated with a representation), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 8V, the auxiliary content user interface includes (991) a first respective representation 882 of a plurality of respective representations 882 and 880a-e of respective auxiliary content selectable to display a respective content item, the first respective representation 882 selectable to display a first respective auxiliary content of the respective content item, wherein the first respective representation 880 is of a first size (e.g., a relatively large size) and has a current focus (992). In some embodiments, the first respective representation has a width that is the width of the auxiliary content user interface. Optionally, the first respective representation has a current focus when the electronic device initially presents the auxiliary content user interface. In some embodiments, in response to detecting selection of the first respective representation, the electronic device displays first respective auxiliary content (e.g., video content or another auxiliary content user interface).

In some embodiments, such as in FIG. 8V, the auxiliary content user interface includes (991) a remaining portion of a plurality of respective representations 880a-e of respective auxiliary content selectable to display respective content items, wherein the remaining portion of the plurality of respective representations 880a-e has a second size (994) that is smaller than the first size. In some embodiments, the remaining portions of the plurality of respective representations are displayed in a row vertically adjacent to the first respective representation. In response to detecting selection of one of the remaining portions of the plurality of respective representations, the electronic device presents respective auxiliary content (e.g., video content or another auxiliary content user interface).

The above-described manner of simultaneously displaying the first and second respective representations allows the electronic device to enable a user to view the first and second representations without entering user inputs that navigate between user interfaces that include the various representations, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing inputs required to browse the representations of the auxiliary content items), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 8V, in accordance with a determination that the first respective representation 878a has the current focus, the first respective representation 879a is displayed in animation (e.g., an animated or video version of an image included in the first respective representation is displayed when the first respective representation has the current focus) (996).

In some embodiments, such as in fig. 8W, in accordance with a determination that the first respective representation 882 does not have current focus, the animated display of the first respective representation 882 is stopped (998). In some embodiments, the electronic device displays the first respective representation with the static version of the image included in the first respective representation when the respective representation other than the first respective representation has the current focus.

The manner described above of animating the first representation when the first representation has current focus and ceasing to animate the first representation when the first representation no longer has current focus allows the electronic device to play and pause animation of the first representation within the auxiliary content user interface in response to changes in current focus, which simplifies interaction between a user and the electronic device and enhances operability of the electronic device and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to play and pause animation of the first respective representation), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in FIG. 8W, in accordance with a determination that a second respective representation 880a of the plurality of respective representations has a current focus, forgoing displaying the second respective representation 880a in animation. In some implementations, the first representation is animated when having the current focus, but the remaining second respective representations are not animated in response to the input focus moving to one of the second respective representations

The foregoing manner of forgoing display of the second corresponding representation in animation in response to determining that the second corresponding representation has the current focus allows the electronic device to forgo loading of animation corresponding to the second representation, which reduces power usage and extends battery life of the electronic device by reducing the number of operations that need to be performed when the user moves the input focus from the first corresponding representation to the second corresponding representation.

It should be understood that the particular order in which the operations in fig. 9A-9H are described is merely exemplary and is not intended to indicate that the order is the only order in which the operations may be performed. One of ordinary skill in the art will recognize a variety of ways to reorder the operations described herein. Additionally, it should be noted that details of other processes described herein in connection with other methods described herein (e.g., methods 700, 1100, and 1300) also apply in a similar manner to method 900 described above in connection with fig. 9A-9H. For example, the manner of presenting representations of auxiliary content described above with reference to method 900 optionally has one or more of the features of presenting representations of content items, presenting representations of content based on content consumption history of user accounts, presenting representations of bonus content items, and the like, as described herein with reference to other methods (e.g., methods 700, 1100, and 1300) described herein. For the sake of brevity, these details are not repeated here.

The operations in the above-described information processing method are optionally implemented by executing one or more functional modules in an information processing apparatus, such as a general-purpose processor (e.g., as described in conjunction with fig. 1A to 1B, fig. 3, and fig. 5A to 5C) or a dedicated chip. Further, the operations described above with reference to fig. 9A-9H are optionally implemented by components depicted in fig. 1A-1B. For example, display operations 902, 910, and 932 and receive operations 904, 930, and 934 are optionally implemented by event sorter 170, event recognizer 180, and event handler 190. When a respective predefined event or sub-event is detected, the 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, event handlers 190 access respective GUI updaters 178 to update the content displayed by the application. Similarly, one of ordinary skill in the art will clearly know how other processes may be implemented based on the components depicted in fig. 1A-1B.

Presenting representations of episode content collections

Users interact with electronic devices in many different ways, including using electronic devices to browse an episode content collection. In some embodiments, the electronic device is capable of presenting a representation of an episode content collection. The embodiments described below provide a way for an electronic device to customize the presentation of episode content based on a user's content consumption history. Enhancing interaction with the device reduces the amount of time required for a user to perform an operation, thereby reducing the power usage of the device and extending the battery life of the battery-powered device. It should be understood that one uses the device. When a person uses a device, the person is optionally referred to as the user of the device.

Fig. 10A-10S illustrate exemplary ways in which an electronic device 500 presents a content browsing user interface customized based on a user' S content consumption history, according to some embodiments of the present disclosure. The embodiments in these figures are used to illustrate the processes described below, including the processes described with reference to fig. 11A-11G.

One or more of the user interfaces illustrated in fig. 10A-10S are shown as being presented within a web browser application. In some embodiments, one or more user interfaces are displayed in a content application or another application other than a web browser. It should be appreciated that the examples described below may be implemented within or outside of a web browser application.

Fig. 10A-10C illustrate content browsing user interfaces when a user is not logged into a user account associated with a content provider for content characterized (included) in the content browsing user interface.

Fig. 10A shows the top of a scrollable user interface for browsing an episode content collection. The user interface includes a header area 1002 that includes a selectable option 1004 that, when selected, causes the electronic device 500 to initiate a process for logging into a user account associated with a content provider of a content item presented in the content browsing user interface. The user interface also includes a top area 1006 having an indication 1008 of the content provider and a selectable option 1010 for logging into a user account associated with the content provider overlaid on a background image 1012. The background image 1012 is an animated or otherwise moving image that includes content related to a plurality of episode content collections available via a content provider. For example, the background image 1012 is a marketing image with images and/or clips from content available via a content provider that is intended to entice a user to subscribe to the content provider. The user interface also includes a scroll bar 1014.

As shown in fig. 10A, the user selects the scroll bar 1014 (e.g., with the cursor 1001) to drag the scroll bar 1014 downward to scroll the user interface downward. In response to the user's scrolling, the electronic device 500 displays a portion of the user interface that includes a representation 1026a of one of the collection of episode content available from the content provider, as shown in fig. 10B. In some embodiments, the user is able to scroll to any point in the user interface, including locations between representations of content. In some embodiments, in response to a scroll input, the electronic device 500 "snaps" the user interface to a position that includes one representation of the content.

In fig. 10B, the electronic device presents a representation 1026a of the episode content collection. The representation 1026a includes an indication 1016a of the name of the content collection, a summary 1018a of the content collection, a selectable option 1020a for logging into an account of the content provider to view the content, and a selectable option 1022a for navigating to a product page user interface of the episode content collection that includes additional information about the episode content collection overlaid on an image 1024a representing the episode content collection. As the user scrolls through the user interface, a header area 1002 including an option 1004 for logging into a user account associated with the content provider remains displayed at the top of the user interface. As shown in fig. 10B, the user scrolls down in the user interface by selecting and moving the scroll bar 1014 down (e.g., with the cursor 1001).

In response to the user's scrolling including the scrolling shown in FIG. 10B, the electronic device 500 displays a portion of the user interface with additional information regarding logging into the content provider, as shown in FIG. 10C. The information includes an indication 1030 of the content provider, a selectable option 1032 that, when selected, causes the electronic device 500 to present additional information about the content provider, and an image 1034 of the electronic device using the content provider. Likewise, a header area 1002 including an option 1004 for logging into a user account associated with the content provider continues to be displayed at the top of the user interface.

Accordingly, as shown in fig. 10A-10C, the electronic device 500 displays a content browsing user interface when the user is not logged into a user account associated with a content provider of content characterized in the content browsing user interface.

Fig. 10D-10F illustrate electronic devices that present a top portion 1006 of a content user interface when a user logs in to a content provider (e.g., after the user logs in from the user interface illustrated in fig. 10A-10C).

As shown in fig. 10D, a top area 1006 of the user interface includes information about a collection of content that the user account has previously viewed using the content provider. Once the user account is logged into the content provider, header area 1002 includes a selectable representation 1048 of the user account that is selectable to view information about the user account. Header area 1002 continues to be displayed at the top of the user interface as the user scrolls through the user interface.

In fig. 10D, the user has previously viewed content included in one collection of content available from the content provider (and has not viewed content from other collections of episode content available from the content provider). The electronic device 500 presents an indication 1036a of the name of the content collection that the user has previously viewed, a selectable option 1040a that, when selected, causes the electronic device 500 to present the next item in the content collection, and information 1042a about the next collection in the content collection overlaid on an image 1038a, the image corresponding to the next collection in the content collection. As shown in fig. 10D, the next episode is the third episode in the content collection, meaning that the user has previously viewed the first and second episodes. Image 1038a is optionally a still or moving image representing the next episode in the collection of content.

FIG. 10E shows the top area 1006 of the user interface when the user has viewed multiple collections of content from content providers. The top area 1006 of the user interface includes information about a series of content including episodes that the user has partially viewed. The information includes an indication 1036c of the content collection, a selectable option 1040c for resuming playback of the episode from a previous playback position, information 1042c of the episode the user has partially viewed, and an indication 1044 of the progress of playback of the episode overlaid on an image 1038c representing the episode the user partially viewed. The electronic device 500 also displays navigation arrows 1046a and 1046b that, when selected, cause the electronic device 500 to display information about another collection of content that the user previously viewed from the content provider. As shown in fig. 10E, the user selects one of options 1046B (e.g., with cursor 1001) to display a representation of another collection of content.

In response to the user's selection, the electronic device 500 presents information about another collection of content that the user has viewed from the content provider in fig. 10F. This information includes elements 1036D, 1038D, 10340D, and 1042D corresponding to elements 1036a, 1038a, 10340a, and 1042a described above with reference to fig. 10D. As shown in fig. 10F, the user selects the scroll bar 1014 (e.g., with the cursor 1001) and drags the scroll bar downward to scroll the user interface.

Thus, as shown in fig. 10D-10F, when the user logs into the user account of the content provider, the electronic device 500 presents information about the content that the user viewed in the top area 1006 of the user interface.

Fig. 10G-10L illustrate ways in which the electronic device 500 presents information about a collection of content available from a content provider when a user logs into the user account of the content provider.

FIG. 10G shows a representation 1026a of one series of content that the electronic device 500 presents in response to the user scrolling in FIG. 10F. In some embodiments, the user is able to scroll to any location in the user interface, including a location between the top region 1006 and the representation 1026a, and in some embodiments, in response to a scroll input, the electronic device "snaps" the user interface to a location that includes the entire representation 1026 a. As shown in fig. 10G, representation 1026a consumes the width of the user interface and the height of the user interface, excluding header area 1002. Thus, in some embodiments in which the electronic device 500 "snaps" scroll positions to discrete scroll positions, these discrete scroll positions are positions of the content item where the representation fills a space of the user interface other than the header region 1002. Returning to FIG. 10G, the user has not yet viewed the collection of content, so the electronic device 500 presents a representation 1026a toward the top of the user interface.

The representation 1026a includes an indication of the content collection 1016a, a scenario profile 1018a of the content collection, a selectable option 1028a that, when selected, causes the electronic device 500 to play a first collection of the content collection, and a selectable option 1022a that, when selected, causes the electronic device 500 to display a user interface with information about the content collection overlaid on an image 1024a representing the content collection. Because the user has not previously viewed the series of content, the image 1024a is an image that is related to the entire collection of content. As shown in fig. 10G, the user selects the scroll bar 1014 (e.g., with the cursor 1001) to drag the scroll bar to scroll the user interface.

After scrolling through one or more representations of content collections that the user has not previously viewed, the user arrives at a portion of the user interface that includes representations of content collections that the user has previously viewed. In other words, after the top region of the user interface that includes the horizontally scrollable representation of content that the user has previously viewed, the electronic device presents representations of content that the user has not viewed before presenting representations of content that the user has previously viewed in the vertically scrollable portion of the user interface.

In response to one or more scroll inputs including the scrolling shown in FIG. 10G, the electronic device 500 presents the next representation 1024b of the collection of content, as shown in FIG. 10H. Representation 1024b includes similar elements to the representation shown in FIG. 10G. The representation includes a selectable option 1028b that, when selected, causes the electronic device to present a next set of the collection of content based on the user's content consumption history. As shown in fig. 10H, the electronic device 500 presents an image 1024b related to the next episode in the content collection because the user has partially viewed the content collection. For example, if the user has viewed sets 1 through 3, selection of option 1028b causes the device to display set 4, and image 1024b is the image of set 4.

As shown in fig. 10H, the user selects the scroll bar 1014 (e.g., with the cursor 1001) to scroll the user interface downward. In response to the user's scrolling, the electronic device 500 presents a representation 1026c of the next collection of content, as shown in FIG. 10I.

As shown in FIG. 10I, the representation 1026c includes similar elements to the representation 1026a described above with reference to FIG. 10G. The user has viewed the collection of content and previously partially viewed the episodes in the collection of content. Representation 1026c includes an option 1028c selectable to resume playback of the episode from the last playback position and an indication 1044 of the progress of the playback within the episode (and an option 1022c selectable to display a product page user interface for the collection of content). Representation 1024c includes an image 1024c representing an episode that the user has partially viewed. The user selects the scroll bar 1014 using the cursor 1001 to scroll down again in the user interface.

In response to scrolling, including the scrolling of the user as shown in FIG. 10I, the electronic device 500 presents a next representation of the collection of content, as shown in FIG. 10J.

The representation shown in fig. 10J is a representation of a collection of content for which the user has previously viewed all of his available episodes. Thus, the representation of the set of content includes a selectable option 1028d that, when selected, causes the electronic device 500 to present the first set of the set of content to enable the user to view the set of content again (e.g., from the first set of the set of content). The representation includes an image 1024d representing the collection of content. The user selects the scroll bar 1014 using the cursor 1001 to scroll down again in the user interface.

After the user scrolls through all of the content collections that are not child-facing, the user reaches a portion of the user interface that includes a representation of the child-facing content collection. In other words, all content items that are not child-oriented are presented first, and then all content items that are child-oriented are presented. In some implementations, the child-facing content has a parental control rating below a predetermined age threshold (e.g., 6, 8, 10, 13 years), and the non-child-facing content has a parental control rating above the predetermined age threshold.

As shown in fig. 10K, in response to scrolling, including the scrolling shown in fig. 10J, the electronic device 500 presents a representation of a child-oriented collection of content. The representation includes similar elements to the representation described above with reference to fig. 10G. Because the user has viewed a portion of the collection of content, the representation includes an option 1028e, which when selected, causes the electronic device 500 to play the next collection in the collection based on the user's content consumption history. The user selects the scroll bar 1014 using the cursor 1001 to scroll down again in the user interface.

In fig. 10L, the electronic device 500 presents a representation of another set of content for the child. The representation includes similar elements to the representation described above with reference to fig. 10G. Because the user has viewed a portion of the collection of content, the representation includes an option 1028g, which when selected, causes the electronic device 500 to play the next collection in the collection based on the user's content consumption history. Generally, the representation of the child content optionally includes elements similar to the representation of the non-child-facing content, such as including contextual options for playing the content based on the user's content consumption history. For example, when viewing a representation of a child-oriented content item that the user has not previously viewed, the representation includes a selectable option for playing a first set of the collection of content, the selectable option being similar to option 1028a shown in FIG. 10G. As another example, when viewing a representation of a child-oriented content item that the user has previously viewed but left in the middle of an episode, the representation includes a selectable option for resuming playback of the episode in the content collection, the selectable option being similar to option 1028c shown in fig. 10I.

Thus, as shown in fig. 10G-10L, the electronic device 500 presents information about a set of content available from a content provider when a user logs into a user account of the content provider.

As shown in fig. 10L, the user selects option 1022G (e.g., with cursor 1001) to view a product page user interface (e.g., television program G) corresponding to the collection of content shown in fig. 10L. In response to the user's selection, the electronic device 500 displays a product page user interface related to the collection of content.

10M-10O illustrate a product page user interface having information about a collection of content available from a content provider. Although the product page is shown as being presented in response to detecting selection of option 1022g, it should be understood that electronic device 500 can present similar product pages corresponding to respective content items in response to detecting selection of any option 1022 within any representation of the respective content item.

As shown in FIG. 10M, in response to the user selection in FIG. 10L, the electronic device 500 displays a product page user interface. The product page user interface includes an indication 1050 of the content collection, a summary 1056 of the content collection, information 1058 about actors and staff of the content collection, a selectable option 1028g when selected to cause the electronic device 500 to play a next collection in the content collection, and a selectable option 1052 when selected to cause the electronic device 500 to add the content collection to a playback queue of the electronic device 500 overlaid on an image 1054 that represents the next collection in the content collection. The image 1054 is a still or moving image representing the next episode in the content collection based on the content consumption history of the user account, which is selected in a manner similar to the manner in which the background image of the product page is selected as described above with reference to fig. 6S to 6X and 6AA to 6 EE. As shown in fig. 10M, the user selects and drags the scroll bar with the cursor 1001 to scroll the user interface downward.

As shown in fig. 10N, in response to the user's scrolling, including the scrolling shown in fig. 10M, the electronic device 500 presents a portion of a product page user interface that includes representations (e.g., images) 1060a-c of episodes in the content collection that are selectable to play the respective episode. The user interface also includes representations (e.g., text) 1062a-c that are selectable to display episode descriptions of an episode page that includes more information about the corresponding episode, as will be described in more detail below with reference to fig. 10O-10Q. When the user scrolls to this episode portion of the product page user interface, a representation 1060a of the current episode based on the user's content consumption history is presented below the current episode indication 1064. The electronic device 500 presents options 1046a-b to scroll horizontally through the representations 1060a-c and 1062a-c to view representations of other episodes in the collection of content. As shown in fig. 10N, the user selects one of options 1046a (e.g., with cursor 1001) to scroll representations 1060 and 1062.

In response to the user selection in FIG. 10N, the electronic device scrolls representations 1060 and 1062, as shown in FIG. 10O. This scrolling includes moving the indication 1064 of the current episode so that it remains above the representation 1060a of the current episode. This scrolling causes the electronic device 500 to visualize representations 1060d and 1062d that are not shown in FIG. 10N.

Accordingly, as shown in fig. 10M to 10O, the electronic device 500 displays a product page including information on a set of contents available from a content provider.

As shown in fig. 10O, the user selects (e.g., with cursor 1001) representation 1062a of information about an episode in the content collection. In response to the user selection in fig. 10O, the electronic device 500 presents an episode page related to the selected episode in the content collection, as shown in fig. 10P-10Q.

Fig. 10P illustrates an episode page related to an episode corresponding to the representation of the information selected by the user in fig. 10O. The episode page includes an image 1066 representing the episode, an indication 1068 of a series of content to which the episode belongs, a title 1070 of the episode, a summary 1072 of the episode, and a selectable option 1074 that, when selected, causes the electronic device 500 to play the episode. If the episode has been partially viewed, the electronic device displays a selectable option to resume playback of the episode at the last playback position instead of option 1074 to play the episode from the beginning. The episode page also includes a line 1076 of representations of bonus content for the episode, each of which may be selected to play a respective bonus content item associated with the episode. As shown in fig. 10P, the user selects the scroll bar 1014 (e.g., with the cursor 1001) to scroll the user interface downward.

As shown in fig. 10Q, in response to the user scrolling in fig. 10P, the electronic device 500 presents another portion of the episode page that includes information 1078 about the episode, such as release date, studio, language, title, and accessibility information.

Fig. 10R-10S illustrate presentation of a representation of a collection of content on another electronic device 500b (e.g., the user interface described with reference to fig. 10A-10Q). It should be understood that both electronic devices 500 and 500b are capable of presenting user interfaces similar to all of the user interfaces described herein. In some embodiments, in response to receiving the scroll input, the electronic device 500b scrolls the user interface to discrete locations that include complete representations of the content items or to any location in the user interface, including locations between representations of the content items. In some embodiments, the electronic device 500 allows continuous scrolling, and the electronic device 500b only allows discrete scrolling. As the user scrolls through the user interface, header area 1002, including option 1048 for viewing information about the user account, continues to be displayed at the top of the user interface.

As shown in fig. 10R, the electronic device 500b displays a representation of the content collection (e.g., such as at the top of a content user interface that displays information about the episode content collection available from a given content provider, such as described above with reference to fig. 10D-10F; or within another portion of the user interface, such as in fig. 10G-10L). The representation includes an indication 1082a of the collection of content, a selectable option 1084a that, when selected, causes the electronic device 500 to play a first collection of the collection of content, a selectable option 1086a that, when selected, causes the electronic device 500 to present a product page user interface related to the collection of content, and a summary 1088a of the collection of content overlaid on an image 1080a representing the collection of content. The user scrolls the user interface down (e.g., with touch 1003) to visualize the next representation of a different set of content shown in fig. 10S.

Fig. 10S shows a next representation of a content collection available from a content provider. This representation includes similar elements to the representation shown in fig. 10R. As shown in fig. 10S, the representation includes a selectable option 1084b that, when selected, causes the electronic device 500 to play the next episode in the content collection based on the user' S content consumption history. The representation also includes an image 1080b corresponding to a next set in the collection of content based on the user's content consumption history.

11A-11G are flow diagrams illustrating a method 1100 of presenting a content browsing user interface customized based on a user's content consumption history, according to some embodiments of the present disclosure. Method 1100 is optionally performed at an electronic device, such as device 100, device 300, device 500, device 501, device 510, and device 511, as described above with reference to fig. 1A-1B, 2-3, 4A-4B, and 5A-5C. Some operations in method 1100 are optionally combined, and/or the order of some operations is optionally changed.

As described below, the method 1100 provides a way to present a content browsing user interface that is customized based on the user's content consumption history. The method reduces the cognitive burden on the user when interacting with the device user interface of the present disclosure, thereby creating a more efficient human-machine interface. For battery-powered electronic devices, improving the efficiency with which a user interacts with the user interface conserves power and increases the time between battery charges.

In some embodiments, such as in fig. 10A, an electronic device 500 (e.g., a mobile device including a touchscreen (e.g., a tablet, smartphone, media player, or wearable device), a computer including one or more of a keyboard, a mouse, a touchpad, and a touchscreen and in communication with a display, a set-top box in communication with a display and a remote control device) in communication with the display device 514 and one or more input devices displays a user interface for a respective content provider via the display device 514, wherein the user interface includes a plurality of representations of a plurality of content items available for viewing on the electronic device from the respective content provider (e.g., the user interface includes a first region described below and a region other than the first region that includes the plurality of representations of the plurality of content items) (1102). Optionally, each representation of the respective content item comprises text and/or an image indicative of the respective content item, such as a title of the respective content item and a description of the respective content item. In some embodiments, the image indicative of the respective content item is optionally a static/moving background corresponding to a user's progress of playback of the respective content item. For example, if the user has not watched any episode of an episode of a series of content, the moving background is associated with the entire series of content, and if the user has watched one or more episodes of the episode of content, the moving background is associated with the next episode of the series of content. In some embodiments, each representation of a content item further includes an option that, when selected, causes the electronic device to play the content, and another option that, when selected, causes the electronic device to present a product page user interface for the content that includes information about the content. Optionally, the option to play the content includes text indicating which portion of the content is to be played in response to selection of the option. For example, if the user has not started watching an episode content series, the options include a play button and the text "first episode". As another example, if the user has watched one or more episodes of the episode content and still leaves one or more episodes of the episode content unviewed, the options include a play button and the text "next episode". As another example, if the user is in the middle of watching a movie or watching an episode of the series of episode content, the option includes the text "resume". In some embodiments, the product page user interface for a respective content item includes information about the content item, such as a storyline profile, actors and staff, parental control information, release date, and the like. The product page optionally further includes one or more selectable options for playing the respective content item, the one or more selectable options including one or more selectable options for playing a respective episode of an episode content series. In some embodiments, the product page also includes one or more selectable options that, when selected, present auxiliary content related to the respective content item in accordance with one or more steps of method 900. In some embodiments, the representation of each respective content item occupies the entire display area of the user interface, and the user is able to scroll through the user interface to view the representations of the different content items.

In some embodiments, such as in fig. 10A, in accordance with a determination that the electronic device is not logged into a respective content provider, the first area 1006 of the user interface includes information 1012(1104) regarding a plurality of featured content items from the respective content provider (e.g., a promotional clip that includes a highlights or teaser of the content items available from the respective content provider, which was selected from the respective content provider independent of the viewing activities of the user of the electronic device). In some embodiments, the promotional clips include one or more moving images and/or video content associated with content items available from respective content providers. Optionally, the promotional snippets include one or more still images related to the content items available from the respective content providers. In some embodiments, when the electronic device is not logged into the respective content provider, the first area of the user interface includes selectable options that, when selected, cause the electronic device to initiate a process for logging into the respective content provider. For example, the user can enter an account username and password associated with the user account of the content provider. In some embodiments, in response to detecting entry of a valid username and password, the electronic device logs into a respective content provider and is granted access to the content provider. Optionally, the information regarding the plurality of characterized content items from the respective content provider occupies a complete display area of the user interface, and the user is able to scroll through the user interface to view the other plurality of representations of content items available for viewing on the electronic device from the respective content provider.

In some embodiments, such as in fig. 10D, in accordance with a determination that the electronic device is logged into a respective content provider (1106) (e.g., the electronic device is logged into a user account associated with the respective content provider, thereby obtaining access rights to the respective content provider), in accordance with a determination that a user of the electronic device has viewed a first content item in a first episode content collection from the respective content provider (such as in fig. 10D), a first area 1006 of the user interface includes a first representation 1038a corresponding to the first episode content collection (e.g., having a static image background of a television show, a moving image background of a television show, etc.), wherein the first representation includes a selectable option 1040a for displaying a second content item from the first episode content collection via the display device (e.g., if the user has viewed the first episode of the television show instead of the second episode, the first representation includes images from the second set of television programs and buttons for viewing the second set of television programs) (1108). In some embodiments, the first representation corresponding to the first episode collection further includes text indicating a title of the episode content series, text indicating an episode number (e.g., including a season number and an episode number), and text indicating an episode title. Optionally, if the user has partially viewed an episode of the series of content, the first representation includes a progress bar indicating a current playback position in the episode and a selectable option for resuming playback of the episode. Optionally, the first representation occupies an entire display area of the user interface, and the user is able to scroll through the user interface to view a plurality of representations of content items available for viewing on the electronic device from respective content providers.

The above-described manner of presenting information about featured content items when the electronic device is not logged into the respective content provider and presenting first representations corresponding to the first episode content set when the electronic device is logged into the respective content provider allows the electronic device to present the first representations in a specified location in a user interface, which simplifies interaction between a user and the electronic device, enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing a number of inputs required to locate the representations of the first episode content set, such as by scrolling through the user interface), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 10E, upon determining that the electronic device is logged into a respective content provider (1110), in accordance with a determination that a user of the electronic device has viewed a first content item of a first episode content collection from a respective content provider (1112) (e.g., an episode in a first episode content series, such as or similar to a television program), in accordance with a determination that a user of the electronic device has viewed a first content item of a second episode content collection from a respective content provider (e.g., an episode in a second episode content series, such as or similar to a television program), a second representation 1038d corresponding to a second episode content collection may be displayed in a first area 1006 of the user interface (such as in figure 10F), wherein the second representation includes a selectable option 1040d for displaying a second content item from the second episode content collection via the display device (1114). In some embodiments, the representation corresponding to the first episode content set includes a selectable option that, when selected, causes the electronic device to display a representation corresponding to the second episode content set. Optionally, each representation of the respective series of content displayed in the first area of the user interface includes a selectable option for viewing the next second representation, enabling the user to scroll through the representations of each series of content for which they have viewed the content item. In some embodiments, if the user only viewed a series of content from the content provider, the electronic device only presents a representation of the series that the user has viewed in an area of the user interface that is designated for a representation of the content that the user has viewed and that does not include a selectable option for scrolling through the representations of the content that the user has viewed.

The above-described manner of presenting selectable options for displaying a second representation corresponding to a second episode content set within a first representation corresponding to a first episode content set allows an electronic device to enable a user to browse representations of content series whose content items the user has viewed within a first area of a user interface, which simplifies interaction between the user and the electronic device, enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to locate representations of the series of content that the user has viewed before), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 10E, when a first representation corresponding to a first episode of content is displayed in the first area 1006 and a second representation corresponding to a second episode of content is not displayed in the first area 1006 (e.g., the electronic device displays one representation at a time), the electronic device receives an input via the one or more input devices directed to the first area 1006 of the user interface (1116) that corresponds to a request to navigate horizontally in the first area of the user interface (e.g., an input to display a representation of a second episode of content).

In some embodiments, such as in fig. 10F, in response to receiving an input (1118) directed to the first region 1006 of the user interface corresponding to a request to navigate horizontally in the first region, the electronic device 500 stops displaying the first representation in the first region 1006 (1120).

In some embodiments, such as in fig. 10F, in response to receiving an input corresponding to a request to navigate horizontally in a first region of a user interface (1118) directed to the first region, the electronic device 500 displays a second representation in the first region 1006 (1122). In some embodiments, the electronic device displays one representation at a time. In some embodiments, each representation occupies an entire portion of the representation of the user interface used to browse the content. Optionally, the portion of the user interface used to browse the representation of the content does not include a header area in which the representation of the user account is displayed.

The above-described manner of displaying one representation of a respective episode content set at a time allows the electronic device to display more information within each representation, which simplifies the interaction between the user and the electronic device, enhances the operability of the electronic device, and makes the user-device interface more efficient (e.g., by increasing the amount of information about the respective episode content set visible to the user within the first area of the user interface), which in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 10E, in accordance with a determination that the electronic device is logged into a respective content provider (1124), in accordance with a determination that a user of the electronic device 500 has partially viewed a first content item from the first episode of content (e.g., the user begins playing an episode from the episode of content and plays the content to a playback position that is not the end of the content), the first area 1006 of the user interface includes a second representation corresponding to the first content item, wherein the second representation includes a selectable option 1040c for resuming playback of the first content item from the first episode of content via the display device (1126). In response to detecting selection of the selectable option to resume playback, the electronic device presents content from the playback position that the user last left. Optionally, the representation comprises an indication of the progress of playback of the content item.

The above-described manner of displaying the option to resume playback within the second representation of the episode content collection allows the electronic device to display the option to resume playback of the content viewed by the user within the first region of the user interface, which simplifies interaction between the user and the electronic device, enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to resume playback of the content initially viewed by the user), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 10F, while displaying the first region 1006 of the user interface via the display device, the electronic device 500 receives (1128), via the one or more input devices, an input corresponding to a request to scroll through the user interface (e.g., an input to a vertical scroll user interface). In some embodiments, scrolling the input of the user interface horizontally while displaying the first region of the user interface causes the electronic device to display a different representation in the first region of the user interface, and scrolling the input of the user interface vertically causes the electronic device to cease displaying the first region and instead display the second region of the user interface.

In some embodiments, such as in fig. 10G, in response to receiving an input corresponding to a request to scroll through the user interface, the electronic device 500 scrolls (1130) through the user interface to present multiple representations of the episode content collections available from respective content providers in a second area of the user interface (e.g., the electronic device displays one representation at a time, the representation occupying an entire visible portion of the second area of the user interface, wherein the user is able to scroll vertically from one representation to another representation), wherein the plurality of representations of the episode content collection include respective first selectable options 1028 selectable to display respective content from the episode content collection (e.g., the electronic device plays the respective content in response to detecting selection of the respective first selectable options) and respective second selectable options 1022 selectable to display respective user interfaces specific to the respective episode content collection. In some embodiments, in response to detecting selection of the respective second selectable option, the electronic device presents a product page user interface for the respective episode content collection. The product page user interface optionally includes information about the respective episode content collection, representations of episodes in the episode content collection, and one or more selectable options for playing the content.

The above-described manner of presenting options for playing content and options for viewing a product page user interface of content within a representation of content allows an electronic device to simultaneously present options for viewing more information about or playing a respective episode content set, which simplifies interaction between a user and the electronic device, enhances operability of the electronic device, and makes a user-device interface more efficient (e.g., by reducing the number of inputs for viewing content or viewing information about content), which in turn reduces power usage and extends battery life of the electronic device by enabling a user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 10I, the plurality of representations of episode content collections includes a first respective representation corresponding to a first respective episode content collection from which a user of the electronic device has partially viewed a given content item, and a first selectable option 1028c included in the first respective representation is selectable to resume playback of the given content item (1132). In response to detecting selection of the first respective representation, the electronic device resumes playback of the content item from the playback position last left by the user.

The above-described manner of presenting an option within the representation for resuming playback of the content item allows the electronic device to automatically select a last playback position as a playback position at which playback will begin in response to detecting selection of the option, which simplifies interaction between the user and the electronic device, enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to play content from the last playback position), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 10H, the plurality of representations of episode content collections includes a first respective representation corresponding to a first respective episode content collection from which a user of the electronic device has viewed a first content item (e.g., the user has viewed one of the episodes in the episode content collection), and the first selectable option 1028b included in the first respective representation is selectable to play a second content item in the first respective episode content collection after the first content item (1134). In some embodiments, if the user has fully viewed one or more episodes in the episode content collection, the electronic device displays an option that, when selected, causes the electronic device to play a next episode in the episode content collection. For example, if the user has viewed 1 st through 3 rd episodes in the respective episode content collection, the electronic device begins playing the fourth episode in the collection in response to detecting selection of the first selectable option. The above-described manner of presenting an option for playing a next episode in an episode of a content collection allows an electronic device to automatically select the next episode as the episode to be played in response to detecting a selection of the option, which simplifies interaction between a user and the electronic device, enhances operability of the electronic device, and makes a user-device interface more efficient (e.g., by reducing a number of inputs required to play the next episode in the collection), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 10J, the plurality of representations of episode content sets includes a first respective representation corresponding to a first respective episode content set, each content item in the first respective episode content set has been viewed by a user of the electronic device, and a first selectable option 1028d included in the first respective representation is selectable to play a first content item in the first respective episode content set (1136). In some embodiments, the first selectable option includes an indication that the user has viewed all episodes in the episode content collection, such as the text "watch again," and selecting the first selectable option causes the electronic device to play the first episode of the series of content from the beginning of the first episode.

The above-described manner of displaying an option for viewing a collection of episode content from the beginning of the collection if the user has viewed all of the episodes in the collection allows the electronic device to play the collection again from the beginning in response to detecting selection of the option, which simplifies interaction between the user and the electronic device, enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to play back the collection from the beginning), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 10E, in accordance with a determination that the representation corresponding to the given episode of content is included in a first area 1006 in the user interface (e.g., the user has viewed content from the episode of content, so the user is able to scroll horizontally to the representation of the content collection in the first area of the user interface), the representation corresponding to the given episode of content is located at a first location in a second area in the user interface, such as in fig. 10I (e.g., toward the bottom of the vertically scrollable second area of the user interface) (1138).

In some embodiments, such as in fig. 10G, in accordance with a determination that the representation corresponding to the given episode content set is not included in a first area in the user interface (e.g., the user has not yet viewed the given episode content set), the representation corresponding to the given episode content set is located at a second location in a second area in the user interface that is different from the first location (e.g., toward a top of a vertically scrollable second area of the user interface) (1140). In some embodiments, the electronic device presents representations of collections of content that the user has previously viewed in a horizontally scrollable first area of the user interface, and additional representations of those collections toward the bottom of a vertically scrollable second area of the user interface. Optionally, the representations of the content collections that have not been viewed by the user are not displayed in the first area of the user interface, but are displayed toward the top of the second area of the user interface (e.g., between the first area and the lower representation of the episode content collection that the user has viewed).

The above-described manner of displaying representations of sets of content included in the first area of the user interface in a first location in the second area of the user interface and displaying representations of sets of content not included in the first area of the user interface in a second location in the second area of the user interface allows the electronic device to reduce the number of inputs required to position the representations in the first area by horizontal scrolling, and reduces the number of inputs required to position the representation in the second area by vertical scrolling, which simplifies the interaction between the user and the electronic device, enhances the operability of the electronic device, and make the user-device interface more efficient (e.g., by reducing the number of inputs required to locate the respective representations of the respective content sets), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 10A, in accordance with a determination that the electronic device is not logged into a respective content provider, the first region 1002 includes selectable options 1004(1142) that are selectable to initiate a process of logging into a respective content provider (e.g., by displaying a user interface into which a user can enter credentials (e.g., a username and/or password) for logging into a content provider and unlock access rights to content available from the content provider). In some embodiments, the selectable option is displayed in a header area of the user interface that is included in the first area of the user interface.

The above-described manner of presenting selectable options for logging into an account in a first area of a user interface without the user logging in allows the electronic device to present options for logging in at a location in the user interface that is easily located by the user, which simplifies interaction between the user and the electronic device, enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the amount of time spent logging in by the user), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 10A, upon displaying the first region 1006 including the selectable option 1004 that is selectable to initiate a process of logging into a respective content provider, the electronic device 500 receives input corresponding to a request to scroll through the user interface via the one or more input devices (1144) (e.g., user input to scroll the user interface vertically to stop displaying the first region of the user interface and start displaying another region of the user interface).

In some embodiments, such as in fig. 10B, in response to receiving an input corresponding to a request to scroll through the user interface (1146), the electronic device 500 scrolls through the user interface such that the first region 1006 is no longer displayed via the display device, but rather remains displayed via the display device selectable options 1004(1148) selectable to initiate a process of logging into a respective content provider. In some implementations, a header region that includes selectable options that can be selected to initiate a process of logging into a respective content provider persists as the user scrolls through the user interface. For example, the header area is always displayed at the top of the user interface. In response to detecting selection of the selectable option, the electronic device optionally presents a login user interface at which the user can provide user account information to the content provider to log into a user account that entitles the user to view content from the content provider.

The above-described manner of maintaining display of options for logging into a user account while scrolling through a user interface allows an electronic device to display options for logging into a user account while a user is browsing a content provider user interface, which simplifies interaction between the user and the electronic device, enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to log into an account while browsing a content provider user interface), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 10A, upon displaying the first region 1006 including selectable options that are selectable to initiate a process of logging into a respective content provider, the electronic device 500 receives input corresponding to a request to scroll through the user interface via the one or more input devices (e.g., vertically scroll the user interface to stop displaying the first region, instead displaying user input of another region of the user interface) (1150).

In some embodiments, such as in fig. 10C, in response to receiving an input corresponding to a request to scroll through the user interface (1152), the electronic device 500 scrolls through the user interface to present in a second area of the user interface a representation including information 1030 regarding logging into a respective content provider (e.g., information on how to subscribe to the content provider, information on applications presenting content available via the content provider, etc.), and a second selectable option 1032(1154) that is selectable to initiate a process of logging into the respective content provider. In some embodiments, information regarding logging into the respective content provider is presented at the bottom of the user interface. The user interface optionally includes one or more representations of content items accessible via a content provider. In some embodiments, the electronic device displays information about the content provider after the user scrolls through all representations of the content items. The above-described manner of displaying information about and options for initiating a process of logging into a respective content provider allows the electronic device to simplify the process of logging into a content provider after scrolling through the user interface, which simplifies interaction between the user and the electronic device, enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to log into a user account after scrolling through the user interface), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 10G-10J, the user interface includes (1156) representations of content available from respective content providers having a first set of one or more content ratings above a first scroll position in the user interface (e.g., a set of content items that are not specifically child-facing displayed toward the top of the user interface, or more generally displayed toward content having parent/content ratings within a first range of content ratings) (1160).

In some embodiments, such as in fig. 10K-10L, the user interface includes (1156) a representation of content available from a respective content provider, the content having a second set of one or more content ratings (1162) different from the first set of one or more ratings below a first scroll position in the user interface. In some embodiments, the set of content items specifically facing the child is displayed towards the bottom of the user interface, or more generally towards content having a parent/content rating within a second range of content ratings different from the first range. All content with the second set of ratings is optionally displayed below all content with the first set of ratings. The above-described manner of presenting representations of content items having a first set of one or more content ratings above a first scroll position and presenting representations of content items having a second set of one or more content ratings below the first scroll position allows an electronic device to group representations of content items having similar content ratings together in a user interface, which simplifies interaction between a user and the electronic device, enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs to browse content items having desired content ratings), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 10L, upon displaying the user interface, the electronic device 500 receives input corresponding to a request to display a product page user interface for a given episode content collection (e.g., the product page user interface includes additional information about the episode content collection, such as the episode, related content, bonus content, how to view the content, summarization of the content, etc.) via the one or more input devices (1164).

In some embodiments, such as in fig. 10M, in response to receiving an input corresponding to a request to display a product page user interface (1166), the electronic device 500 stops displaying the user interface (1168).

In some embodiments, such as in fig. 10N, in response to receiving input corresponding to a request to display a product page user interface (1166), the electronic device 500 displays the product page user interface for a given episode content collection via a display device, wherein the product page user interface for the given episode content collection includes an episode area that includes a plurality of representations 1160a-c of a plurality of episodes included in the given episode content collection (e.g., for displaying selectable representations of respective episodes) (1170). In some embodiments, representations of episodes included in a given episode content collection are displayed in horizontally scrollable rows in a product page user interface. In some embodiments, the electronic device also displays a row of representations of information about a respective episode in the collection of content, the row scrolling horizontally with the row of representations of episodes.

In some embodiments, such as in fig. 10N, in response to receiving an input corresponding to a request to display a product page user interface (1166), in accordance with a determination that a user of the electronic device has fully viewed a first set of episodes in the episode content set (e.g., a subset of episodes that the user has viewed), a first respective representation 1060a of a first respective episode that follows the first set of episodes (e.g., a next episode) is displayed at a first location in an episode area of the product page user interface (e.g., a leftmost location in a portion of an episode row that is initially visible when the user scrolls to the episode row of the product page user interface), the first respective representation 1060b is displayed with a visual indication 1064 that the first respective episode is a currently viewed episode in a given episode content set (e.g., the text "currently viewed" is displayed above a representation of the next episode), and representations of the first group of episodes are not displayed in the episode area (e.g., in response to detecting an input scrolling to the left in the episode row, representations of the first group of episodes are displayed) (1172). In some embodiments, representations of one or more episodes subsequent to the first respective episode are displayed to the right of the first respective representation of the first respective episode.

In some embodiments, in response to receiving an input corresponding to a request to display a product page user interface (1166), in accordance with a determination that a user of the electronic device has fully viewed a second set of episodes of the episode content collection (e.g., a subset of the episodes the user has viewed), displaying a second corresponding representation of a second corresponding episode following the second group of episodes (e.g., the next episode) at a first position in an episode area of the product page user interface (e.g., a leftmost position in a portion of the episode line that is initially visible when the user scrolls to the episode line of the product page user interface), the second corresponding representation is displayed with a visual indication that the second corresponding episode is a currently viewed episode in the given episode content collection (e.g., the text "currently viewed" is displayed above the representation of the next episode), and the representations of the second set of episodes are not displayed in the episode area (1174). For example, a representation of a different episode will be displayed in the position of representation 1060a in fig. 10N with indication 1064 above the representation. In some embodiments, in response to detecting the input scrolling to the left in the episode row, a representation of a second group of episodes is displayed. In some embodiments, representations of one or more episodes subsequent to the first respective episode are displayed to the right of the first respective representation of the first respective episode.

The above-described manner of displaying an indication of a next episode over a representation of the next episode and initially automatically placing the current focus on the next episode as it scrolls vertically through the user interface allows the electronic device to indicate to the user which episode is the next episode as the user views the rows of representations of episodes, and provides a user with a quick and efficient way to start returning a next episode (e.g., simply by selecting an episode with current focus, without having to change focus first), which simplifies the interaction between the user and the electronic device, enhances the operability of the electronic device, and make the user-device interface more efficient (e.g., by making it easier for the user to determine the next episode so the user can select a representation of the next episode to continue viewing the collection of content), which in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 10N, upon displaying an episode area of a product page user interface in which a first respective representation 1060a of a first respective episode is displayed in a first position in the episode area and representations of a first group of episodes are not displayed in the episode area (e.g., the electronic device displays a representation of a next episode at a beginning of the line of episodes and does not display representations of one or more episodes that have been viewed by the user), and upon the first respective representation 1060a having a current focus and being displayed with a visual indication 1064 (e.g., text "currently playing" over the first respective representation), the electronic device 500 receives an input (1001) corresponding to a request to navigate horizontally in the product page user interface via one or more input devices (e.g., a request to render a representation of an episode that is not currently displayed by the electronic device, such as scrolling left to scroll to the off-screen representation to the left of the next episode representation) (1176).

In some embodiments, such as in fig. 10O, in response to receiving input corresponding to a request to navigate horizontally in the product page user interface (1178), the electronic device 500 displays a first respective representation 1060a at a second location in the episode area, where the first respective representation 1060a is displayed with a visual indication 1064 (e.g., in response to input scrolling left to reveal one or more representations of episodes that the user previously viewed, the electronic device moves a representation of a next episode to the right) (1180). Optionally, the visual indication moves to be displayed in association with the representation of the next set.

In some embodiments, such as in fig. 10O, in response to receiving an input corresponding to a request to navigate horizontally in the product page user interface (1178), the electronic device displays a third corresponding representation 1060d of a third corresponding episode in the first episode at a first location in the episode area, wherein the third corresponding representation 1060d has a current focus (1182). In response to an input to scroll an episode line, the electronic device displays (renders) a representation of the episode that the user has viewed (e.g., the position in the line previously occupied by the next episode representation) at the beginning of the episode line.

The above-described manner of continuing to display the first respective representation with the visual indication allows the electronic device to indicate the next episode to the user while the user views the rows of the representation of the episode, which simplifies the interaction between the user and the electronic device and enhances the operability of the electronic device, and makes the user-device interface more efficient (e.g., by making it easier for the user to determine the next episode, enabling the user to select the representation of the next episode to keep watching the collection of content), which in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

It should be understood that the particular order in which the operations in fig. 11A-11G are described is merely exemplary and is not intended to indicate that the order is the only order in which the operations may be performed. One of ordinary skill in the art will recognize a variety of ways to reorder the operations described herein. Additionally, it should be noted that details of other processes described herein in connection with other methods described herein (e.g., methods 700, 900, and 1300) also apply in a similar manner to method 1100 described above in connection with fig. 11A-11G. For example, the manner in which the representation of content is presented based on the content consumption history of the user account described above with reference to method 1100 optionally has one or more of the features of the manner in which the representation of the content item is presented, the representation of the auxiliary content is presented, the representation of the bonus content item is presented, and so on, as described herein with reference to other methods described herein (e.g., methods 700, 900, and 1300). For the sake of brevity, these details are not repeated here.

The operations in the above-described information processing method are optionally implemented by executing one or more functional modules in an information processing apparatus, such as a general-purpose processor (e.g., as described in conjunction with fig. 1A to 1B, fig. 3, and fig. 5A to 5C) or a dedicated chip. Further, the operations described above with reference to fig. 11A-11G are optionally implemented by the components depicted in fig. 1A-1B. For example, display operations 1102, 1122, and 1168 and receive operations 1116, 1128, and 1144 are optionally implemented by the event sorter 170, event recognizer 180, and event handler 190. When a respective predefined event or sub-event is detected, the 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, event handlers 190 access respective GUI updaters 178 to update the content displayed by the application. Similarly, one of ordinary skill in the art will clearly know how other processes may be implemented based on the components depicted in fig. 1A-1B.

Presenting representations of bonus content items

The user interacts with the electronic device in a number of different ways, including using the electronic device to browse bonus content items associated with respective episode content series. In some embodiments, the electronic device can present representations of the bonus content items in a user interface for the respective episode content series. The embodiments described below provide a way for an electronic device to select which representations of bonus content items to display and the order in which those representations are to be displayed in a user interface for the respective series of episode content. Enhancing interaction with the device reduces the amount of time required for a user to perform an operation, thereby reducing the power usage of the device and extending the battery life of the battery-powered device. It should be understood that one uses the device. When a person uses a device, the person is optionally referred to as the user of the device.

Fig. 12A-12 CC illustrate an electronic device 500 presenting representations of bonus content items of respective episode content series in a user interface, according to some embodiments of the present disclosure. The embodiments in these figures are used to illustrate the processes described below, including the process described with reference to fig. 13.

Fig. 12A-12D illustrate an exemplary manner in which an electronic device displays a representation 1226 of a bonus content item and a representation 1222 of a trailer associated with an episode content series when a user of the electronic device 500 has not viewed the episode content series and/or has no access to the episode content series. In some embodiments, representations 1222 and 1226 are displayed within product page user interface 1202 associated with the episode content series. As will be described in greater detail below, the product page user interface 1202 optionally includes information about the episode content series and selectable options that, when selected, cause the electronic device 500 to initiate a process to access the episode content series and bonus content and a trailer associated with the series. In some embodiments, a product page user interface is presented in accordance with one or more steps of methods 700, 900, and/or 1100 described above.

The series of episode content is optionally accessed by the user via a subscription to a subscription service (e.g., a content streaming service, a television provider, etc.). In some embodiments, in accordance with a determination that the user does not have access to the series of episode content, the product page user interface 1202 includes one or more selectable options 1210a that, when selected, cause the electronic device 500 to initiate a process that authorizes the user to access the series (e.g., a process of subscribing to the subscription service). While the user does not have access to the series of episode content, the product page user interface 1202 optionally includes information related to the series of episode content, which may entice the user to subscribe to the subscription service to obtain access to the series of episode content. In some embodiments, a user may access one or more episodes in an episode content series without a subscription and may need a subscription to access the remaining episodes in the series and/or some bonus content associated with the series.

Fig. 12A shows a product page user interface 1202 associated with one episode content series (e.g., "tv show a") that the user of the electronic device 500 has not yet viewed and currently does not have access to. The product page user interface 1202 includes an image 1206a related to the series, an indication 1208 to enable the user to access a subscription service for the series, a selectable option 1210a that, when selected, causes the electronic device 500 to initiate a process to access the series, a selectable option 1212 that, when selected, causes the electronic device 500 to initiate a process to add one or more episodes in the series to the user's playback queue, and metadata 1214a associated with the series.

Image 1206a is optionally a still image or video content related to the entire series, the entire first season of the series, or the first set of the series. A selectable option 1210a, which when selected, causes the electronic device 500 to initiate a process of accessing the series, is optionally selectable to initiate a process of subscribing to a service that provides access to the series. In some embodiments, initiating a subscription includes starting a free trial period of subscribing to the service or initiating a paid subscription to the service. Metadata 1214a optionally includes information about the series, such as a storyline, genre, release date, parental guidance rating, audio/video format, accessibility information, runtime of the first episode, and so forth for the series.

In fig. 12A, selectable option 1210a is currently selected (e.g., has current focus) in user interface 1202, as indicated by the dashed box shown around selectable option 1210a (which is optionally displayed or not displayed in the user interface). As shown in FIG. 12A, the user swipes down (e.g., with contact 1203) to scroll down the product page user interface 1202. In response to the input shown in FIG. 12A, the electronic device 500 scrolls the user interface 1202, as shown in FIG. 12B.

Fig. 12B shows a portion of the product page user interface 1202 that includes rows of representations 1216 of episodes in the series and rows of associated descriptions 1218 of each episode. The portion of the product page user interface shown in FIG. 12B is similar to the portion of the product page user interface described above with reference to FIG. 8B and FIGS. 10N-10O. The portion of the product page user interface is optionally displayed in accordance with one or more steps of methods 900 and 1100.

The representation 1216 is selectable to initiate a process of accessing a corresponding episode in the series. Because the user of the electronic device 500 does not have access to the series of episode content, the selection representation 1216 optionally causes the electronic device 500 to initiate a process of subscribing to a subscription service that provides access to the series. In some embodiments, one or more episodes in the episodes may be accessed without a subscription, and selecting the representation 1216 of an episode of the episodes causes the electronic device 500 to present the episode. The associated description 1218 is selectable to present an episode page user interface associated with the respective episode, as will be described in more detail below with reference to at least fig. 12E-12F.

As shown in FIG. 12B, the user swipes down (e.g., with contact 1203) to scroll down the product page user interface 1202. In response to detecting the user input shown in FIG. 12B, the electronic device 500 scrolls down the product page user interface 1202, as shown in FIG. 12C.

Fig. 12C shows a portion of the product page user interface 1202 including a row 1220 of representations 1222 of trailers associated with an episode content series and a row 1224 of bonus content items associated with the episode content series. Because the user has not viewed the episode content series, the trailer row 1220 is displayed above the bonus content row 1224. In some cases, when the user of the electronic device 500 has not started watching the episode content series, they may be more likely to want to view a trailer associated with the episode content series rather than bonus content associated with the episode content series.

Each representation 1222 of a trailer includes an image corresponding to the trailer and metadata associated with the trailer including one or more of a respective episode associated with the trailer, a title of the trailer, a runtime of the trailer, a release date of the trailer, a parental guidance rating of the trailer, or an indication of a video format of the trailer. For example, representation 1222a includes an image, an indication of an episode (e.g., "episode 1, season 6"), a title (e.g., "episode 6: trailer"), a runtime (e.g., "0: 37"), a release date (e.g., "19 years, 10 months, 25 days"), a parental guidance rating (e.g., "TV-14"), and an indication of the video format of the trailer (e.g., "HD"). Each respective representation 1222 is selectable (e.g., played via display 514) to access a respective trailer associated with the respective selected representation.

Although the representations 1222 shown in fig. 12C each indicate that the respective trailer is associated with a particular episode of an episode content series, in some embodiments, the episode content series is associated with one or more trailers associated with an entire series of the episode content series or an entire season — in such embodiments, such representations 1222 will optionally be displayed with an indication of the series (e.g., "television show a") or an indication of the season (e.g., "season 1") rather than an indication of a particular episode. As shown in FIG. 12C, the presentation 1222 of the trailer is displayed in reverse chronological order based on the release date of the trailer. Representations 1222 of trailers are optionally displayed in reverse chronological order regardless of whether the user has viewed the episode content series, whether the user has access to the episode content series, the playback position of the user within the episode content series, and/or the association of each trailer with a particular episode, a particular season, or the entire episode content series. In some embodiments, the trailer row 1220 may be scrolled horizontally to visualize additional representations of trailers that were not displayed prior to receiving the scroll input.

Each representation 1226 of the bonus content item includes an image corresponding to the bonus content item and metadata associated with the bonus content item, the metadata including one or more of a respective episode or season associated with the bonus content item, a title of the bonus content item, a runtime of the bonus content item, a release date of the bonus content item, a parental guidance rating of the bonus content item, or an indication of a video format of the bonus content item. For example, representation 1226a includes an image, an indication that the bonus content item is associated with the first season of the series (e.g., "season 1"), a title (e.g., "interview …"), a runtime (e.g., "5: 21"), a release date (e.g., "19 years, 10 months, 10 days"), a parental guidance rating (e.g., "TV-14"), and an indication of the video format of the bonus content item (e.g., "HD"). Each respective representation 1226 is selectable (e.g., played via the display 514) to access a respective bonus content item associated with the respective selected representation.

As shown in fig. 12C, some bonus content items are associated with a particular season of episode content (e.g., bonus content items corresponding to representations 1226a and 1226 b), and some bonus content items are associated with a particular episode of an episode content series (e.g., bonus content items corresponding to representations 1226C and 1226 d). As shown in fig. 12C, representations 1226a and 1226b of bonus content items associated with an entire quarter of the episode content are displayed before (e.g., to the left of) representations 1226C and 1226d of bonus content items associated with respective episodes of the episode content series because the user has not yet viewed the episode content series. In some embodiments, the bonus content row 1224 may scroll horizontally to reveal additional representations of bonus content items that were not displayed prior to receiving the scroll input.

As shown in fig. 12C, the user swipes upward (e.g., with contact 1203) to scroll up through the product page user interface 1202. In response to one or more user inputs, including the input shown in FIG. 12C, the electronic device 500 scrolls the product page user interface upward, as shown in FIG. 12D. As shown in fig. 12D, the user selects (e.g., with contact 1203) an associated description 1218 of a first episode of the episode content series.

In response to the input shown in fig. 12D, the electronic device 500 presents the episode page user interface 1204 shown in fig. 12E. Fig. 12E-12F illustrate ways in which the electronic device 500 displays representations of bonus content items in an episode page user interface when the user does not have access to the episode content series and has not yet viewed the episode content series, in accordance with some embodiments.

Fig. 12E shows an episode page user interface 1204 for a first episode of an episode content series. The episode page user interface 1204 is similar to the episode page user interface described above with reference to fig. 10P-10Q. In some embodiments, an episode page user interface is displayed in accordance with one or more steps of the method 1100. The episode page user interface 1204 includes an image 1228a corresponding to the first episode, an indication 1230a of a service that provides access to the series of episode content, a selectable option 1232a that, when selected, causes the electronic device 500 to initiate a process to access the episode, and information 1234a about the episode.

The image 1228a optionally includes still images and/or video content corresponding to the first set. Selectable option 1232a optionally causes the electronic device, in response to detecting selection of option 1232a, to initiate a process of subscribing to a subscription service that provides a series of episode content, as the user has not subscribed to the subscription service. In some embodiments, subscribing to the subscription service includes initiating a free trial subscription or configuring a paid subscription to the service. Information 1234a optionally includes a storyline profile for the episode, a runtime for the episode, parental guidance ratings, audio/video formats, accessibility information, release date, etc.

Fig. 12E-12F illustrate an episode page user interface 1204 that includes representations of bonus content items, according to some embodiments. As shown in fig. 12E, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the user interface 1204. In response to one or more inputs including the input shown in fig. 12E, the electronic device 500 scrolls down the episode page user interface 1204, as shown in fig. 12F.

Fig. 12F shows a portion of an episode page user interface 1204 that includes a row 1236 of representations 1226 of bonus content items associated with a first episode of an episode content series and an indication 1238 of how to access the episode.

The representation 1226 of the bonus content item is displayed with representations 1226c and 1226d of bonus content items related only to the first set that appears first in the bonus content row 1236, followed by representations 1226a and 1226b of bonus content items related throughout the season that includes the first set. The representation 1226 is described in more detail above with reference to FIG. 12C. As shown in fig. 12F, the episode page user interface does not include representations of bonus content items that are related only to episodes other than the first episode.

Episode page user interface 1204 also includes an indication 1238 of how to view the episode. The episode may be available through a "TV +" streaming media service, so the product page user interface includes a representation 1238 of the streaming media service that, when selected, causes the electronic device 500 to initiate a process of subscribing to the streaming media service (e.g., starting a free trial or initiating a paid subscription).

12A-12F illustrate ways in which the electronic device 500 presents a representation of a bonus content item when the user has not yet begun viewing an episode content series and/or is not entitled to a service that provides access to the series, in accordance with some embodiments.

Fig. 12G-12L illustrate ways in which the electronic device 500 presents representations of bonus content items when a user has access to a service that provides access to an episode content series but has not yet viewed the episode content series. 12G-12J illustrate a product page user interface 1202 for the series of content when the user has access to a service that provides access to the series of content but has not yet viewed the series of content.

FIG. 12G illustrates a portion of the product page user interface 1202 that is the same portion of the product page user interface 1202 as that shown in FIG. 12A, except for differences that will now be described. The product page user interface 1202 includes a selectable option 1210b that, when selected, causes the electronic device 500 to initiate playback of a first episode in the series of episode content (e.g., via the display 514) without initiating a process of subscribing to a service that provides access to the series because the user has access to the series of episode content and has not yet begun viewing the series.

As shown in FIG. 12G, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the product page user interface 1202. In response to one or more inputs, including the input shown in FIG. 12G, the electronic device 500 presents the portion of the product page user interface 1202 shown in FIG. 12H.

The portion of the product page user interface 1202 shown in FIG. 12H is the same portion of the product page user interface 1202 as described above with reference to FIG. 12B, except for the differences noted herein. Because the user has access to an episode content series in response to detecting selection of one of the representations 1216 of episodes in the episode content series, the electronic device 500 initiates a process to play the respective episode (e.g., via the display 514) without initiating a process to subscribe to a service that provides access to the episode content series.

As shown in FIG. 12H, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the product page user interface 1202. In response to one or more inputs, including the input shown in FIG. 12H, the electronic device 500 presents the portion of the product page user interface 1202 shown in FIG. 12I.

FIG. 12I shows a portion of the product page user interface 1202 including a trailer row 1220 and a bonus content row 1224. The portion of the product page user interface 1202 shown in FIG. 12I is the same portion of the product page user interface 1202 as the portion of the product page user interface shown in FIG. 12C. Because the user has not viewed the episode content series, the representations 1222 of trailers and 1226 of bonus content items are displayed in the same arrangement as shown in fig. 12C.

As shown in FIG. 12I, the user swipes upward (e.g., with contact 1203) to cause the electronic device 500 to scroll up through the product page user interface 1202. In response to one or more inputs, including the input shown in FIG. 12I, the electronic device 500 presents the portion of the product page user interface 1202 shown in FIG. 12J. FIG. 12J illustrates the same portion of the product page user interface 1202 as that of the product page user interface 1202 described above with reference to FIG. 12H.

12G-12J illustrate a product page user interface 1202 for the series of content when the user has access to a service that provides access to the series of content but has not yet viewed the series of content. As shown in fig. 12J, the user selects (e.g., with contact 1203) an associated description 1218 of a first episode in the episode content series. In response to one or more inputs including the selection shown in fig. 12J, the electronic device 500 presents the episode page user interface 1204 shown in fig. 12K.

Fig. 12K-12L show episode page user interfaces 1204 when a user has access to an episode content series but has not begun viewing the episode content series. The episode page user interface 1204 shown in fig. 12K-12L is similar to the episode page user interface described above with reference to fig. 12E-12F. Fig. 12K shows a portion of the episode page user interface 1204 that is the same portion of the episode page user interface 1204 as the portion of the episode page 1204 described above with reference to fig. 12E, except for the differences described herein. As shown in fig. 12K, the episode page user interface 1204 includes a selectable option 1232a that, when selected, causes the electronic device 500 to initiate a process to play the first episode without initiating a process to subscribe to a subscription service that provides access to the series of episode content, even though the first episode is not a free episode because the user has subscribed to the subscription service.

As shown in fig. 12K, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the episode page user interface 1204. In response to one or more inputs including the input shown in fig. 12K, the electronic device 500 presents the portion of the episode page user interface 1204 shown in fig. 12L.

The portion of the episode page user interface 1204 shown in fig. 12L is the same portion of the episode page user interface 1204 as the portion of the episode page user interface 1204 described above with reference to fig. 12F, except for the differences noted herein. The indication 1238 of how to view the first episode may be selected to initiate the process of playing the first episode without initiating the process of subscribing to a subscription service that provides access to the series of episode content, as the user has subscribed to the subscription service.

Thus, fig. 12K-12L illustrate the episode page user interface 1204 when the user has access to the episode content series but has not yet viewed the episode content series, and fig. 12G-12L illustrate the manner in which the electronic device 500 presents a representation of the bonus content item when the user has access to a service that provides access to the episode content series but has not yet viewed the episode content series.

Fig. 12M-12X illustrate the manner in which the electronic device 500 displays an indication of a bonus content item and a trailer when the user has begun viewing (and thus also has access to) an episode content series. Fig. 12M-12P show the product page user interface 1202 when the user has started viewing the series of episode content and the playback position corresponds to the second episode in the series of episode content.

FIG. 12M shows a portion of the product page user interface 1202 that is the same portion of the product page user interface 1202 as the portion of the product page user interface 1202 shown in FIGS. 12A and 12G, except for the differences that will now be described. The product page user interface 1202 includes a selectable option 1210c that, when selected, causes the electronic device 500 to initiate playback of a second episode in the series of episode content without initiating a process of subscribing to a service that provides access to the series because the user has access to the series of episode content and has already begun viewing the series. The electronic device displays selectable option 1210c for playing the second episode in the series of episode content because the user has viewed the first episode in the series and the second episode is the next episode in the series.

As shown in FIG. 12M, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the product page user interface 1202. In response to one or more inputs, including the input shown in FIG. 12M, the electronic device 500 presents the portion of the product page user interface 1202 shown in FIG. 12N.

The portion of the product page user interface 1202 shown in FIG. 12N is the same portion of the product page user interface 1202 as described above with reference to FIGS. 12B and 12H, except for the differences noted herein. Because the user has access to an episode content series in response to detecting selection of one of representations 1216 of episodes in the episode content series, the electronic device 500 initiates a process to play the respective episode without initiating a process to subscribe to a service that provides access to the episode content series. Further, line 1216 of the representation of the episode and line 1218 of the associated episode description begin with a representation and associated description of a second episode in the series of episode content because the second episode is the next episode in the series after the first episode previously viewed by the user.

As shown in FIG. 12N, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the product page user interface 1202. In response to one or more inputs, including the input shown in FIG. 12N, the electronic device 500 presents the portion of the product page user interface 1202 shown in FIG. 12O.

FIG. 12O shows a portion of the product page user interface 1202 including the bonus content line 1224 and the trailer line 1220. The portion of the product page user interface 1202 shown in FIG. 12O corresponds to the portion of the product page user interface shown in FIGS. 12C and 12I. Because the user has viewed at least a portion of the episode content series (e.g., the user has viewed the first episode), a representation 1226 of the bonus content item is displayed over the representation 1220 of the trailer.

As shown in fig. 12O, the bonus content row includes representations 1226e and 1226f of bonus content related to an episode (e.g., a second episode) associated with the user's current playback position within the series, and representations 1226a and 1226b of bonus content items related to the entire episode content series. The representations 1226e and 1226f of the episode-specific bonus content items are displayed before the representations 1226a and 1226b of bonus content items associated with the entire series. Although one of the representations 1226e is for a bonus content item associated with the first episode, the representation 1226e is displayed when the user's playback position is associated with the second episode, because the bonus content item associated with the representation 1226e contains a pivot of the first episode (and thus, optionally, should not be viewed until the user has completed the first episode). Because the playback position corresponds to the second episode, the bonus content row 1224 does not include representations of bonus content items related to the first episode that do not include a pivot or representations of bonus content items related to episodes other than the second episode. In some embodiments, rather than forgoing display of representations of bonus content items related to a previously played first set, the electronic device displays representations of bonus content items related to the first set at the end of the bonus content row 1224.

As described above with reference to FIGS. 12C and 12I, and as shown in FIG. 12O, the representations 1220a-d of trailers are ordered in reverse chronological order based on the release date of the trailer. In some embodiments, the rows 1224 and 1220 may be scrolled horizontally to show additional representations 1226 or 1220, respectively, that were not displayed prior to receiving the scroll input. In some embodiments, representations 1226 and 1220 may be selectable to display associated bonus content items or trailers, respectively.

As shown in FIG. 12O, the user swipes upward (e.g., with contact 1203) to cause the electronic device 500 to scroll up through the product page user interface 1202. In response to one or more inputs, including the input shown in FIG. 12O, the electronic device 500 presents the portion of the product page user interface 1202 shown in FIG. 12P. FIG. 12P shows the same portion of the product page user interface 1202 as that of the product page user interface 1202 described above with reference to FIG. 12N.

Thus, fig. 12M-12P illustrate a product page user interface 1202 for the series of content when the user has access to a service that provides access to the series of content and has viewed at least a portion of the series of content, and the current playback position corresponds to a second episode in the series of episode content. As shown in fig. 12P, the user selects (e.g., with contact 1203) an associated description 1218 of a second episode in the episode content series. In response to one or more inputs including the selection shown in fig. 12P, the electronic device 500 presents the episode page user interface 1204 shown in fig. 12Q.

Fig. 12Q-12R illustrate an episode page user interface 1204 when a user has access to an episode content series and has viewed at least a portion of the episode content series. Fig. 12Q shows a portion of the episode page user interface 1204 that is the same portion of the episode page user interface 1204 as the portion of the episode page 1204 described above with reference to fig. 12E and 12K, except for the differences described herein. As shown in fig. 12Q, the episode page user interface 1204 includes a selectable option 1232b that, when selected, causes the electronic device 500 to initiate a process to play the second episode without initiating a process to subscribe to a subscription service that provides access to the series of episode content, even though the second episode is not a free episode because the user has subscribed to the subscription service.

As shown in fig. 12Q, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the episode page user interface 1204. In response to one or more inputs including the input shown in fig. 12Q, the electronic device 500 presents the portion of the episode page user interface 1204 shown in fig. 12R.

The portion of the episode page user interface 1204 shown in fig. 12R is the same portion of the episode page user interface 1204 as the portion of the episode page user interface 1204 described above with reference to fig. 12F and 12L, except for the differences noted herein. The indication 1238 of how to view the second episode may be selected to initiate the process of playing the first episode without initiating the process of subscribing to a subscription service that provides access to the series of episode content, as the user has subscribed to the subscription service.

As shown in fig. 12R, the episode page user interface 1204 includes a row 1236 of representations 1226 of bonus content items, including representations 1226e and 1226f of bonus content items associated with the first and second episodes, respectively, and representations 1226a and 1226b of bonus content items associated with the entire series. The bonus content line 1236 included in the episode page user interface 1204 includes the same representations 1226 in the same order as the representations 1226 in the bonus content line 1224 shown in fig. 12O. As described above with reference to fig. 12O, the representation 1226e is associated with a bonus content item that includes a pivot of a first episode, the bonus content item being associated with the first episode. Thus, representation 1226e is displayed on the episode page for the second episode.

Thus, fig. 12Q-12R show an episode page user interface 1202 when the user has started to view an episode content series.

In some embodiments, as the user continues to view the series of episode content, the product page user interface 1202 is updated according to the user's playback position within the series of episode content. For example, the product page 1202 is updated to include representations of bonus content items associated with the episode that correspond to the user's current playback position within the series. Fig. 12S-12V show the product page user interface 1202 when the user has started viewing the series of episode content and the playback position corresponds to a third episode in the series of episode content.

FIG. 12S shows a portion of the product page user interface 1202 that is the same portion of the product page user interface 1202 as the portion of the product page user interface 1202 shown in FIGS. 12A, 12G, and 12M, except for the differences that will now be described. The product page user interface 1202 includes a selectable option 1210d that, when selected, causes the electronic device 500 to initiate playback of a third episode in the series of episode content without initiating a process of subscribing to a service that provides access to the series because the user has access to the series of episode content and has already begun viewing the series. The electronic device displays selectable option 1210d for playing a third episode in the series of episode content because the user has viewed the second episode in the series and the third episode is the next episode in the series.

As shown in FIG. 12S, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the product page user interface 1202. In response to one or more inputs, including the input shown in FIG. 12S, the electronic device 500 presents the portion of the product page user interface 1202 shown in FIG. 12T.

The portion of the product page user interface 1202 shown in FIG. 12T is the same portion of the product page user interface 1202 as described above with reference to FIGS. 12B, 12H, and 12N, except for the differences noted herein. Because the user has access to an episode content series in response to detecting selection of one of representations 1216 of episodes in the episode content series, the electronic device 500 initiates a process to play the respective episode without initiating a process to subscribe to a service that provides access to the episode content series. Further, line 1216 of the representation of the episode and line 1218 of the associated episode description begin with a representation and associated description of a third episode in the series of episode content because the third episode is the next episode in the series after the second episode previously viewed by the user.

As shown in FIG. 12T, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the product page user interface 1202. In response to one or more inputs, including the input shown in FIG. 12T, the electronic device 500 presents the portion of the product page user interface 1202 shown in FIG. 12U.

FIG. 12U illustrates a portion of the product page user interface 1202 including a bonus content line 1224 and a trailer line 1220. The portion of the product page user interface 1202 shown in FIG. 12U is the same portion of the product page user interface 1202 as the portion of the product page user interface shown in FIGS. 12C, 12I, and 12O. Because the user has viewed at least a portion of the episode content series (e.g., the user has viewed the first and second episodes), a representation of the representation 1226 of the bonus content item is displayed over the representation 1220 of the trailer.

As shown in fig. 12U, the bonus content row includes representations 1226g and 1226h of bonus content related to an episode (e.g., third episode) associated with the user's current playback position within the series, and representations 1226a and 1226b of bonus content items related to the entire episode content series. The representations 1226g and 1226h of the episode-specific bonus content items are displayed before the representations 1226a and 1226b of bonus content items associated with the entire series. Although one of the representations 1226g is associated with a bonus content item associated with the second episode, the representation 1226g is displayed when the playback position of the user is associated with the third episode, because the bonus content item associated with the representation 1226g contains a pivot of the second episode. As shown in fig. 12O, when the user's playback position corresponds to the second episode, the representation 1226g is not displayed in the product page user interface 1202 because the bonus content item associated with the representation 1226g includes a pivot of the second episode. The bonus content row 1224 does not include representations of bonus content items related to the first episode that do not include a series of episodes, or representations of bonus content items related to any other episode in the series of episode content. In some embodiments, rather than forgoing display of representations of bonus content items related to the first and second sets that were previously played, the electronic device displays representations of bonus content items related to the first and second sets at the end of the bonus content row 1224.

As described above with reference to FIGS. 12C, 12I, and 12O, and as shown in FIG. 12U, representations 1220a, 1220b, 1220e, and 1220f of trailers are ordered in reverse chronological order based on the release date of the trailer. In some embodiments, the rows 1224 and 1220 may be scrolled horizontally to show additional representations 1226 or 1220, respectively, that were not displayed prior to receiving the scroll input. In some embodiments, representations 1226 and 1220 may be selectable to display associated bonus content items or trailers, respectively.

As shown in FIG. 12U, the user swipes upward (e.g., with contact 1203) to cause the electronic device 500 to scroll up through the product page user interface 1202. In response to one or more inputs, including the input shown in FIG. 12U, the electronic device 500 presents the portion of the product page user interface 1202 shown in FIG. 12V. FIG. 12V illustrates the same portion of the product page user interface 1202 as that of the product page user interface 1202 described above with reference to FIG. 12T.

Thus, fig. 12S-12V illustrate a product page user interface 1202 for the series of content when the user has access to a service that provides access to the series of content and has viewed at least a portion of the series of content, and the current playback position corresponds to a third episode in the series of episode content. As shown in fig. 12V, the user selects (e.g., with contact 1203) an associated description 1218 of a third episode in the episode content series. In response to one or more inputs including the selection shown in fig. 12V, the electronic device 500 presents the episode page user interface 1204 shown in fig. 12W.

Fig. 12W-12X illustrate an episode page user interface 1204 when a user has access to an episode content series and has viewed at least a portion of the episode content series. Fig. 12W shows a portion of the episode page user interface 1204 that is the same portion of the episode page user interface 1204 as the portion of the episode page 1204 described above with reference to fig. 12E, 12K, and 12Q, except for the differences described herein. As shown in fig. 12Q, the episode page user interface 1204 includes a selectable option 1232c that, when selected, causes the electronic device 500 to initiate a process to play the third episode without initiating a process to subscribe to a subscription service that provides access to the series of episode content, even though the third episode is not a free episode because the user has subscribed to the subscription service.

As shown in fig. 12W, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the episode page user interface 1204. In response to one or more inputs including the input shown in fig. 12W, the electronic device 500 presents a portion of the episode page user interface 1204 shown in fig. 12X.

The portion of the episode page user interface 1204 shown in fig. 12X is the same portion of the episode page user interface 1204 as the portion of the episode page user interface 1204 described above with reference to fig. 12F, 12L, and 12R, except for the differences noted herein. The indication 1238 of how to view the third episode may select to initiate the process of playing the third episode without initiating the process of subscribing to a subscription service that provides access to the series of episode content, because the user has subscribed to the subscription service.

As shown in fig. 12X, the episode page user interface 1204 includes a row 1236 of representations 1226 of bonus content items, including representations 1226g and 1226h of bonus content items related to the second and third episodes, respectively, and representations 1226a and 1226b of bonus content items related to the entire series. As described above with reference to fig. 12U, the representation 1226g is associated with a bonus content item comprising a pivot of the second episode, the bonus content item being associated with the second episode. Thus, representation 1226g is displayed on the episode page for the third episode. Further, the episode page user interface 1204 of the second episode shown in fig. 12Q-12R does not include the representation 1226g because the bonus content item associated with the representation 1226g contains a pivot of the second episode. In some embodiments where the representation 1226g does not include a pivot of the second episode, the representation will not be displayed in the user interface 1204 in fig. 12X, but will be displayed in the user interface 1204 shown in fig. 12Q-12R. Returning to fig. 12X, the bonus content row 1224 does not include representations of bonus content items related to the second episode that do not include a pivot through, or representations of bonus content items related to any other episode in the series of episode content.

Thus, fig. 12W-12X illustrate the episode page user interface 1204 when the user has started viewing the episode content series, and fig. 12M-12X illustrate the manner in which the electronic device 500 displays an indication of bonus content items and trailers when the user has started viewing the episode content series.

Fig. 12Y-12 CC illustrate the manner in which the electronic device 500 displays the product page user interface 1202 after the user has completed viewing the series of episode content.

FIG. 12Y shows a portion of the product page user interface 1202 that is the same portion of the product page user interface 1202 as the portion of the product page user interface 1202 shown in FIGS. 12A, 12G, 12M, and 12S, except for the differences that will now be described. The product page user interface 1202 includes a selectable option 1210e that, when selected, causes the electronic device 500 to initiate playback of a first episode in the series of episode content without initiating a process of subscribing to a service that provides access to the series because the user has access to the series of episode content and has viewed the entire series. Thus, the user can start viewing the series again from the beginning by selecting option 1210 e.

As shown in FIG. 12Y, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the product page user interface 1202. In response to one or more inputs, including the input shown in FIG. 12Y, the electronic device 500 presents the portion of the product page user interface 1202 shown in FIG. 12Z.

The portion of the product page user interface 1202 shown in FIG. 12Z is the same portion of the product page user interface 1202 as described above with reference to FIGS. 12B, 12H, 12N, and 12T, except for the differences noted herein. Because the user has access to an episode content series in response to detecting selection of one of representations 1216 of episodes in the episode content series, the electronic device 500 initiates a process to play the respective episode without initiating a process to subscribe to a service that provides access to the episode content series. Further, line 1216 of the representation of the episode and line 1218 of the associated episode description begin with the representation of the first episode in the episode content series and the associated description because the user has finished viewing the episode content series. Thus, the user can begin viewing the series again from the beginning by selecting the representation 1216 of the first set.

As shown in FIG. 12Z, the user swipes down (e.g., with contact 1203) to cause the electronic device 500 to scroll down the product page user interface 1202. In response to one or more inputs, including the input shown in FIG. 12Z, the electronic device 500 presents the portion of the product page user interface 1202 shown in FIG. 12 AA.

Fig. 12AA illustrates a portion of a product page user interface 1202 including a bonus content line 1224 and a trailer line 1220 when a time since a user completed viewing an episode content series is less than a predetermined threshold (e.g., 2, 3, 4, 5, or 6 months). The portion of the product page user interface 1202 shown in FIG. 12AA is the same portion of the product page user interface 1202 as the portion of the product page user interface shown in FIGS. 12C, 12I, 12O, and 12U. Because the user has viewed at least a portion of the episode content series (e.g., the user has viewed the entire series), a representation of the representation 1226 of the bonus content item is displayed over the representation 1220 of the trailer.

As shown in fig. 12AA, the bonus content row includes representations 1226j of bonus content items related to episodes associated with the user's current playback position within the series (e.g., eighth episode), and representations 1226a and 1226b of bonus content items related to the entire episode content series. The representation 1226j of the episode-specific bonus content item is displayed before the representations 1226a and 1226b of the bonus content items associated with the entire series. The representations 1226 of the bonus content items are displayed in the order shown in fig. 12AA (e.g., the representation 1226j of the bonus content item associated with the eighth episode is displayed before the representations 1226c-1226d of the bonus content items associated with the entire series) because the time since the user completed viewing the series of episode content is less than a predetermined threshold (e.g., 3, 4, 5, or 6 months). The bonus content row 1224 does not include representations of bonus content items associated with only a single episode other than the eighth episode because the playback position corresponds to the eighth episode. In some embodiments, rather than forgoing display of representations of bonus content items related to previously played episodes, the electronic device displays representations of bonus content items related to other episodes at the end of the bonus content row 1224.

As described above with reference to FIGS. 12C, 12I, 12O, and 12U, and as shown in FIG. 12AA, the representations 1220a, 1220b, 1220e, and 1220f of the trailers are sorted in reverse chronological order based on the release date of the trailer. In some embodiments, the rows 1224 and 1220 may be scrolled horizontally to show additional representations 1226 or 1220, respectively, that were not displayed prior to receiving the scroll input. In some embodiments, representations 1226 and 1220 may be selectable to display associated bonus content items or trailers, respectively.

Fig. 12BB shows a portion of the product page user interface 1202 including the bonus content line 1224 and the trailer line 1220 when the time since the user completed viewing the series of episode content is greater than a predetermined threshold (e.g., 2, 3, 4, 5, or 6 months). The portion of the product page user interface 1202 shown in FIG. 12BB is the same portion of the product page user interface shown in FIGS. 12C, 12I, 12O, 12U, and 12 AA. Because the user has viewed at least a portion of the episode content series (e.g., the user has viewed the entire series), a representation of the representation 1226 of the bonus content item is displayed over the representation 1220 of the trailer. However, in some embodiments, once the user has viewed the entire episode content series, the portion of the product page user interface 1202 resets to the arrangement that was presented when the user has not viewed the series, such as the arrangement shown in fig. 12C. In other words, in some embodiments, the electronic device 500 displays the trailer line 1220 over the bonus content line 1224 after a threshold time (e.g., 2, 3, 4, 5, or 6 months) has elapsed since the user has finished viewing the series of episode content.

As shown in fig. 12BB, the bonus content row includes representations 1226c and 1226d of bonus content items related to a single episode of the series, and representations 1226a and 1226b of bonus content items related to the entire episode content series. Representations 1226a and 1226b of bonus content items related to the entire series are displayed before representations 1226c and 1226d of episode-specific bonus content items. Representations 1226c and 1226d of episode-specific bonus content items are displayed chronologically based on the release date of the bonus content item. The representations 1226 of the bonus content items are displayed in the order shown in fig. 12BB because a threshold period of time has elapsed since the user has completed the series of episode content.

As described above with reference to FIGS. 12C, 12I, 12O, 12U, 12AA, and as shown in FIG. 12BB, the representations 1220a, 1220b, 1220e, and 1220f of trailers are sorted in reverse chronological order based on the release date of the trailer. In some embodiments, the rows 1224 and 1220 may be scrolled horizontally to show additional representations 1226 or 1220, respectively, that were not displayed prior to receiving the scroll input. In some embodiments, representations 1226 and 1220 may be selectable to display associated bonus content items or trailers, respectively.

As shown in fig. 12BB, the user swipes to the right (e.g., with contact 1203) to cause the electronic device 500 to scroll through the rows 1224 of the representations 1226 of the bonus content items. As shown in fig. 12CC, in response to one or more inputs including the input shown in fig. 12BB, electronic device 500 stops displaying representations 1226a and 1226b on the left side of row 1224, shifts representations 1226c and 1226d to the left, and displays representations 1226e and 1226f on the right side of row 1224. Accordingly, after a threshold period of time (e.g., 2, 3, 4, 5, or 6 months) has elapsed since the user has completed viewing the episode content series, representations of all bonus content items for the episode content series are displayed in the product page user interface 1202.

Thus, fig. 12Y-12 CC illustrate the manner in which the electronic device 500 displays the product page user interface 1202 after the user has completed viewing the series of episode content.

Fig. 13 is a flow diagram illustrating a method 1300 of presenting representations of bonus content items of respective episode content series in a user interface, in accordance with some embodiments of the present disclosure. Method 1300 is optionally performed at an electronic device, such as device 100, device 300, device 500, device 501, device 510, and device 511, as described above with reference to fig. 1A-1B, 2-3, 4A-4B, and 5A-5C. Some operations in method 1300 are optionally combined, and/or the order of some operations is optionally changed.

As described below, the method 1300 provides a way to present representations of bonus content items for respective episode content series. The method reduces the cognitive burden on the user when interacting with the device user interface of the present disclosure, thereby creating a more efficient human-machine interface. For battery-powered electronic devices, improving the efficiency with which a user interacts with the user interface conserves power and increases the time between battery charges.

In some embodiments, method 1300 is performed at an electronic device 500 in communication with a display device and one or more input devices (e.g., a mobile device (e.g., a tablet, smartphone, media player, or wearable device) including a touch screen, a computer including one or more of a keyboard, a mouse, a trackpad, and a display/touch screen, or a set-top box in communication with a display device and a remote control device).

In some embodiments, such as in fig. 12A, the electronic device receives input (e.g., contact 1203) corresponding to a request to display the user interface 1202 for a respective episode content series via one or more input devices (1302). For example, in response to detecting selection of a representation of a respective episode content series, the electronic device displays a user interface for the respective episode content series. In some embodiments, the user interface includes various information about the series of episode content and one or more selectable options that, when selected, cause the electronic device to initiate playback of the series of episode content. Optionally, in accordance with a determination that the user has access to the episode content series (e.g., the user is subscribed to a channel, a streaming media service, or other provider that provides the episode content series, or the user has purchased the episode content series), the user interface includes one or more selectable options that, when selected, cause the electronic device to play the episode content series. In some embodiments, in accordance with a determination that the user does not have access to the episode content series (e.g., the user does not subscribe to a channel, streaming media service, or other content provider that provides access to the episode content series), the user interface includes one or more selectable options that, when selected, cause the electronic device to initiate a process of subscribing to one of the providers of the episode content and/or purchasing the episode content series. In some embodiments, the user interface includes representations of episodes in the respective episode content series, a storyline profile for each episode and/or for the entire series, information about actors and staff of the episode content series, representations of teasers and/or bonus content associated with the episode content series, and the like. The user interface may be displayed in accordance with one or more steps of processes 700, 900, and/or 1100 described above with reference to fig. 6A-11G.

In some embodiments, in response to receiving an input (e.g., contact 1203 shown in fig. 12A) corresponding to a request to display a user interface 1202 for a respective series of episode content, the electronic device 500 displays, via the display device 514, the user interface 1202 for the respective series of episode content, wherein the respective series of episode content is associated with a first bonus content item that is associated with a first episode but not a second episode in the series of episode content and a second bonus content item that is associated with a second episode but not the first episode in the series of episode content (1304). In some embodiments, the bonus content includes one or more of: background footage associated with the series of episode content, scenes deleted from the series of episode content, interviews with actors and staff of the series of episode content, and other content associated with the series of episode content. The bonus content optionally includes video content, images, text, audio recordings, or other media. In some embodiments, the bonus content is associated with a particular episode in the series of episode content. For example, a video interview with a director regarding the production of a first episode of an episode content series is associated with the first episode. As another example, a review of all episodes prior to the end-of-season episode of the episode content series is associated with the end-of-season episode of the episode content series. In some embodiments, some bonus content is associated with an entire series of episode content or an entire season of the episode content. For example, a backcut at a location in a respective season of the series of episode content that does not include a pivot of any episodes within the respective season is associated with the respective season of the series of episode content. More generally, in some embodiments, bonus content related to an entire episode content series, without including a series of episodes for any of the episodes in the episode content series, is associated with the entire episode content series.

In some embodiments, in accordance with a determination that the user of the electronic device has not viewed the episode content series, the user interface includes representations 1226c and 1226f of the first and second promotional content items that are selectable to access the first and second promotional content items, respectively, such as in fig. 12CC (1306). Optionally, the user interface includes selectable representations of all bonus content items associated with the series of episode content, including representations of bonus content associated with an entire series or season and representations of bonus content associated with individual episodes in the series of episode content. In some embodiments, all selectable representations of bonus content are displayed on the product page regardless of whether the user has access to the series of episode content. For example, if the user is not subscribed to a channel, streaming media service, or other provider that provides an episode content series (or has not otherwise purchased an episode content series), the user interface for the episode content series includes selectable representations of all bonus content items associated with the episode content series, and the selection representation first initiates a process of subscribing to the content provider before playing the bonus content. As another example, if a user subscribes to a provider of an episode content series (or otherwise has purchased access to the episode content series), the user interface for the episode content series includes selectable representations of all bonus content associated with the episode content series, and selecting a representation of a respective bonus content item causes the electronic device to play the respective bonus content item. In some embodiments, each selectable representation of the bonus content item includes text (e.g., title of the bonus content and other information such as release date, parental guidance rating, image quality, and duration) and/or an image (e.g., a frame of the bonus content or another image representing the bonus content) representing the bonus content.

In some embodiments, such as in fig. 8AA, in accordance with a determination that the user of the electronic device 500 has viewed at least a portion of the series of episode content, and that the user's current playback position in the series of episode content corresponds to a first episode, the user interface includes a representation 1226j of a first bonus content item that is selectable to access the first bonus content item, and the user interface does not include a representation 1308 of a second bonus content item. If the user has viewed one or more episodes in an episode content series, the user interface includes selectable representations of bonus content related to the episode currently viewed by the user, and optionally includes selectable representations of bonus content related to an entire series or an entire season of the episode content series, and excludes representations of bonus content related only to other episodes in the series. For example, if the user has finished viewing the corresponding episode in the series, the playback position is associated with the episode that the user has just completed or the next episode in the series. For example, if the user's current playback position is a second episode in a series of episode content, the user interface for the series includes bonus content (if any) associated with the second episode, and optionally includes bonus content (if any) associated with the entire series (or season), but does not include bonus content associated only with the first episode, third episode, fourth episode, and so on. Once the user's current playback position switches from the second set to the third set, the user interface for the series will optionally include bonus content (if any) associated with the third set, and optionally include bonus content (if any) associated with the entire series (or season), but will optionally not include bonus content associated only with the first set, second set, fourth set, etc.

Displaying representations of the first bonus content item and the second bonus content item according to determining that the user has not viewed the episode content series enables the electronic device to notify the user of an amount of bonus content associated with the respective episode content series, which may entice the user to view the episode content series, and displaying the representation of the first bonus content item without displaying the representation of the second bonus content item according to determining that the current playback position corresponds to the first episode reduces a number of representations of bonus content that are currently not relevant to the user included in the product page, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing a number of inputs required to view the representation of bonus content currently relevant to the user based on the current playback position within the episode content series), this in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 12O, in accordance with a determination that the user of the electronic device has viewed at least a portion of the series of episode content and that the user's current playback position in the series of episode content corresponds to the second episode (e.g., the user has begun viewing the second episode, or has completed an episode prior to the second episode but has not begun viewing the second episode), the user interface 1202 includes a representation 1226f of the second bonus content item that is selectable to access the second bonus content item and that does not include a representation of the first bonus content item. The electronic device optionally displays a representation of the bonus content item associated with the second episode because the playback position of the user in the series of episode content corresponds to the second episode. In some embodiments, in addition to displaying bonus content items related only to a second episode in the series of episode content, the electronic device displays representations of bonus content items related to the entire series of episode content. In general, in accordance with a determination that the user has viewed at least a portion of the series of episode content, the user interface for the respective series of episode content optionally includes a representation of the bonus content item associated with the respective episode, the representation corresponding to a playback position of the user in the series of episode content.

In some embodiments, such as in fig. 12O, in accordance with a determination that the user has viewed at least a portion of the episode content series and that the user's current playback position in the episode content series corresponds to a second episode (e.g., the user has started viewing the second episode, or has completed an episode prior to the second episode but has not started viewing the second episode), in accordance with a determination that the second promotional content item contains a pivot of the second episode (e.g., the second promotional content item includes content that reveals information not known to the viewer until viewing the second episode), the user interface does not include a representation 1226g of the second promotional content item shown in fig. 12U. In some embodiments, the user interface optionally includes representations of one or more other bonus content items associated with the second episode that do not include the playthrough of the second episode, as the one or more other bonus content items do not include the playthrough. Optionally, once the playback position of the user in the episode content series changes from being associated with the second episode to being associated with an episode immediately following the second episode, a representation of the second bonus content item is displayed in the user interface and representations of the one or more other bonus content items associated with the second episode that do not contain a pivot are no longer displayed in the user interface for the episode content series. In some embodiments, the representation of the second bonus content item is displayed simultaneously with the representations of the bonus content items associated with the episodes immediately following the second episode. The display of the representation of the second promotional content item is optionally stopped once the playback position advances to a next episode that immediately follows the second episode. In some embodiments, in accordance with a determination that the user has viewed at least a portion of the series of episode content and that the user's current playback position in the series of episode content corresponds to a second episode, the user interface includes a representation of the second episode in accordance with a determination that the second promotional content item does not include a pivot of the second episode (e.g., the second promotional content item does not include content that reveals information that is not known to the viewer until viewing the second episode). In some embodiments, when the playback position corresponds to the second episode, a representation of the second exciting content item is displayed in the user interface for the series of episode content because the second exciting content item does not contain a pivot of the second episode.

In some embodiments, such as in fig. 12U, the user interface 1202 for the respective episode content series includes a representation 1226c of a third promotional content item that is a different bonus content type than the bonus content types of the first and second promotional content items. In some embodiments, the bonus content type of the third bonus content item is a type associated with an entire season of the series or an entire episode content series, and the bonus content types of the first and second bonus content items are bonus content types associated with individual episodes of the episode content series. In some embodiments, a representation of the third promotional content item is displayed in the user interface for the respective episode content series regardless of whether the user has viewed the portion of the episode content series. Optionally, the series of episode content is associated with a third promotional content item, the third promotional content item being associated with both the first and second episodes. In some embodiments, the third promotional content item is associated with the entire episode content series. For example, the third bonus content item generally relates to an episode content series or an entire season of the episode content series. Optionally, in accordance with a determination that the user of the electronic device has not viewed the series of episode content, the user interface for the respective series of episode content includes a representation of a third promotional content item, the representation being selectable to access the third promotional content item. In accordance with a determination that the user of the electronic device has not viewed the episode content series, the electronic device optionally displays representations of all bonus content items associated with the episode content series, including bonus content items related to a particular episode of the episode content series (e.g., a first bonus content item and a second bonus content item), and bonus content items related to the entire episode content series (e.g., a third bonus content item). For example, if the user has not viewed the respective television program using the electronic device, the user interface corresponding to the respective television program includes representations of all bonus content items related to the program, including representations of bonus content items related to a particular episode and representations of bonus content items related to the entire series. Optionally, in accordance with a determination that the user of the electronic device has viewed at least a portion of the series of episode content and that the user's current playback position in the series of episode content corresponds to the first episode, the user interface for the respective series of episode content includes a representation of a third promotional content item, the representation being selectable to access the third promotional content item. In some embodiments, in accordance with a determination that a user of the electronic device has viewed the episode content series, the electronic device displays representations of bonus content items related to the episode corresponding to the current playback position within the episode content series, and representations of bonus content items related to the entire episode content series. Optionally, the electronic device does not display representations of bonus content items that are related only to other episodes in the episode content series. For example, if the user is viewing a respective episode content series and the current playback position within the episode content series corresponds to a third episode of the series, the user interface associated with the series includes representations of bonus content items associated with the third episode in the series and representations of bonus content items associated with the entire series, but does not include representations of bonus content items related to other episodes in the series.

The above-described display of representations of third bonus content items associated with the first and second episodes, regardless of the manner in which the user has viewed at least a portion of the series of episode content, enabling the electronic device to provide quick access to bonus content items related to the entire episode content series from a user interface associated with the episode content series, simplifies interaction between the user and the electronic device, and enhances the operability of the electronic device and makes the user-device interface more efficient (e.g., by providing a predictable and efficient way to access bonus content related to an entire series of episode content, thus reducing the number of inputs required to access bonus content related to the entire series), this in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, in accordance with a determination that the user of the electronic device has not viewed the series of episode content, the representation 1226a of the third bonus content item is displayed (e.g., displayed before, such as at a first position in a list of bonus content) in a higher priority than the representations 1226C-1226d of the first and second bonus content items in respective areas of the user interface for the respective series of episode content, such as in fig. 12C. In some embodiments, representations of bonus content items are displayed in a user interface in rows, and in accordance with a determination that a user of the electronic device has not viewed the episode content series, representations of bonus content items related to the entire series (e.g., a third bonus content item) are first displayed within a row (e.g., leftmost), and then representations of bonus content items specific to respective episodes of the episode content series (e.g., a first bonus content item and a second bonus content item). The electronic device optionally displays representations of the episode-specific bonus content items in chronological order based on the release date of the episode-specific bonus content items. For example, in accordance with a determination that the user has not viewed the episode content series, the user interface includes bonus content rows having representations of bonus content items that start from left to right with bonus content items related to the entire episode content series, followed by representations of episode-specific bonus content items in chronological order of release date (e.g., most recently released to more recently released). In some embodiments, the bonus content row may be horizontally scrolled to reveal additional representations of the bonus content item that are not displayed prior to receiving a scroll input at the electronic device.

In some embodiments, in accordance with a determination that the user of the electronic device 500 has viewed at least a portion of the series of episode content, and the user's current playback position in the series of episode content corresponds to the first episode, the representation 1226e of the first bonus content item is displayed at a higher priority than the representation 1226a of the third bonus content item in a respective area of the user interface for the respective series of episode content (e.g., displayed before, such as at a first position in a list of bonus content), such as in fig. 12O. In some embodiments, in accordance with a determination that the user has viewed the episode content series, the electronic device displays the bonus content item in a bonus content row of the user interface, where a representation of the bonus content item associated with the episode corresponding to the current playback position is displayed first within the row (e.g., leftmost), followed by a representation of the bonus content item associated with the entire episode content series. For example, if the user is viewing an episode content series and the current playback position corresponds to a first episode in the series, the electronic device displays a user interface that includes within the bonus content row first a representation of a bonus content item associated with the first episode and then a representation of a bonus content item associated with the entire series. As another example, if the user is viewing the series and the current playback position corresponds to a second episode in the series, the electronic device displays a user interface that includes within the bonus content row first a representation of a bonus content item associated with the second episode and then a representation of a bonus content item associated with the entire series.

The manner in which the representations of the bonus content items are displayed in different orders described above enables the electronic device to quickly access bonus content items that may be more relevant to the user (e.g., when the user has not viewed the series, they are more likely to be interested in bonus content related to the entire series, rather than bonus content related to a particular episode, and if the user has viewed a portion of the series, they are more likely to be more interested in bonus content related to the episode corresponding to the current playback position), which simplifies interaction between the user and the electronic device, and enhances the operability of the electronic device and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to access the associated bonus content), this in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, the episode content series is associated with a first trailer 1222a (e.g., a content item related to the episode content series intended to entice a user to view the episode content series), such as in fig. 12C. In some embodiments, the trailers are associated with entire episode content series and/or the trailers are associated with individual episodes from the episode content series. For example, a trailer associated with an entire episode content series relates to the entire episode content series (e.g., and includes segments of content from multiple episodes of the content series) and is intended to entice a user to view the episode content series. As another example, a trailer associated with a respective episode of an episode content series relates to the respective episode (e.g., and includes segments of content from only one episode (e.g., the respective episode) of the episode content series) and is intended to entice a user to view the respective episode in the episode content series.

In some embodiments, such as in fig. 12C, the user interface for the respective episode content series also includes a representation 1226a of the first trailer that is selectable to access the first trailer. Optionally, a representation of the first trailer is displayed in the user interface for the respective episode content series regardless of whether the user of the electronic device has viewed the episode content series. In some embodiments, in accordance with a determination that the user of the electronic device has not viewed the series of episode content, the user interface for the respective series of episode content further includes a representation of the first trailer selectable to access the first trailer. In some embodiments, in accordance with a determination that the user has not viewed the episode content series, the electronic device displays a representation of all of the trailers (including the first trailer) associated with the episode content series. For example, the first trailer is associated with the entire episode content series or with a corresponding episode in the episode content series. In some embodiments, in accordance with a determination that a user of the electronic device has viewed at least a portion of the series of episode content, the user interface for the series of episode content further includes a representation of the first trailer that is selectable to access the first trailer. In some embodiments, the electronic device displays a representation of the first trailer regardless of whether the user has viewed the series of episode content.

In some embodiments, such as in fig. 12C, the user interface 1202 includes a first region (e.g., a first row) over a second region (e.g., a second row). In some embodiments, each area is a row of a representation of content (e.g., bonus content or trailer) related to the episode content series — rather than an episode included in the episode content series.

In some embodiments, such as in fig. 12C, in accordance with a determination that the user of the electronic device 500 has not viewed the series of episode content, a representation 1222a of a first trailer is displayed in a first area (e.g., a first row) of the user interface, and representations 1226 of the first and second promotional content items are displayed in a second area (e.g., a second row) of the user interface 1202. In some embodiments, in accordance with a determination that the user has not viewed the series of episode content, a row of the representation of the trailer is displayed in the user interface above a row of the representation of the bonus content.

In some embodiments, such as in fig. 12O, in accordance with a determination that the user of the electronic device 500 has viewed at least a portion of the series of episode content, a representation 1226e of the first bonus content item is displayed in a first area (e.g., a first row) of the user interface 1202, and a representation of the first trailer 1220a is displayed in a second area (e.g., a second row) of the user interface. In some embodiments, in accordance with a determination that the user has viewed at least a portion of the series of episode content, a row of the representation of bonus content is displayed in the user interface above a row of the representation of the trailer.

The above-described manner of changing the order of the trailers and bonus content lines in the user interface enables the electronic device to present representations of the content items most relevant to the user (e.g., the representation of the first trailer is displayed at a higher priority when the user has not viewed the series, and the representation of the bonus content is displayed when the user has viewed the series) at a higher priority and faster access speed, which simplifies the interaction between the user and the electronic device, and enhances the operability of the electronic device and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to access a trailer when the user has not viewed the series of episode content, and reducing the number of inputs required to access bonus content when the user has viewed the series of episode content), this in turn reduces power usage and extends the battery life of the electronic device by enabling a faster and more efficient use of the electronic device by a speed user.

In some embodiments, such as in fig. 12C, the series of episode content is associated with a second trailer 1226a that is published after the first trailer 1226 b. Each of the first trailer and the second trailer is optionally associated with an entire episode content series or with a single respective episode in the episode content series. For example, the first trailer and the second trailer may be associated with the same episode, different individual episodes, or an entire series and individual episode, respectively. Optionally, in accordance with a determination that the user of the electronic device 500 has not viewed the episode content series, the user interface 1202 for the respective episode content series also includes a representation 1226a of a second trailer that is displayed (e.g., displayed before) at a higher priority than the representation 1226b of the first trailer in a respective area (e.g., a row) of the user interface that displays representations of the first and second trailers (e.g., trailer rows of the user interface), such as in fig. 12C. In some embodiments, the trailers are displayed in reverse chronological order, with the representation of the most recently released trailer being displayed first (e.g., leftmost) in the trailer row and the other trailers being displayed from left to right (e.g., newest, oldest) in reverse chronological order. In some embodiments, the order in which the representations of the trailers are displayed depends only on the release date of the trailer, and not on which trailers are associated with the entire episode content series, nor which trailers are associated only with the corresponding episodes in the series. The trailer row is optionally horizontally scrollable to reveal additional representations of the trailer that were not displayed prior to the detection of the scroll input. For example, if the second trailer is released before the first trailer, the electronic device will display a representation of the first trailer to the left of the representation of the second trailer. In some embodiments, a representation of a first trailer is selectable to initiate a process of accessing the first trailer, and a representation of a second trailer is selectable to initiate a process of accessing the second trailer. Optionally, in accordance with a determination that the user of the electronic device 500 has viewed at least a portion of the episode content series, the user interface 1202 for the respective episode content series further includes a representation 1220b of the first trailer that is displayed (e.g., displayed before) at a higher priority than the representation 1220b of the first trailer in respective areas (e.g., rows) of the user interface that display representations (e.g., trailer rows) of the first and second trailers, such as in fig. 12O. The electronic device optionally displays a representation of the trailer in reverse chronological order regardless of whether the user has viewed the episode content series and regardless of the current playback position in the episode content series if the user has viewed the series. In some embodiments, the trailers are displayed in reverse chronological order, with the representation of the most recently released trailer being displayed first (e.g., leftmost) in the trailer row and the other trailers being displayed from left to right (e.g., newest, oldest) in reverse chronological order. In some embodiments, the order in which the representations of the trailers are displayed depends only on the release date of the trailer, and not on which trailers are associated with the entire episode content series, nor which trailers are associated only with the corresponding episodes in the series. The trailer row is optionally horizontally scrollable to reveal additional representations of the trailer that were not displayed prior to the detection of the scroll input. For example, if the second trailer is released before the first trailer, the electronic device will display a representation of the first trailer to the left of the representation of the second trailer. In some embodiments, a representation of a first trailer is selectable to initiate a process of accessing the first trailer, and a representation of a second trailer is selectable to initiate a process of accessing the second trailer.

In some embodiments, such as in fig. 12C, the representation 1226a of the first bonus content item includes an indication of the first set associated with the first bonus content item (e.g., or alternatively displayed together), as well as metadata associated with the first bonus content item (e.g., title of the first bonus content item, runtime of the first bonus content item, parental guidance rating of the first bonus content item, audio/video quality of the first bonus content item, and/or release date of the first bonus content item). In some embodiments, the representation of the first bonus content item further comprises an image associated with the first bonus content item, the image optionally being a static or animated image included in the first bonus content item. For example, the first bonus content item is a video and the images are one or more frames of the video.

In some embodiments, such as in fig. 12C, the representation 1226b of the second promotional content item includes an indication of a second set associated with the second promotional content item (e.g., or alternatively displayed together), as well as metadata associated with the second promotional content item (e.g., a title of the second promotional content item, a runtime of the second promotional content item, a parental guidance rating of the second promotional content item, an audio/video quality of the second promotional content item, and/or a release date of the second promotional content item). In some embodiments, the representation of the second promotional content item further comprises an image associated with the second promotional content item, optionally a static or animated image included in the second promotional content item. For example, the second bonus content item is a video and the images are one or more frames of the video.

The above-described manner of utilizing representations of respective bonus content items including indications of episodes and metadata associated with the respective bonus content items enables the electronic device to quickly and efficiently provide information to the user regarding the respective bonus content items when displaying a user interface for the episode content series, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to view the episodes and the metadata associated with the respective bonus content items as compared to not displaying the indications and metadata in the user interface for the episode content series), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 12AA, the respective episode content series is also associated with a third promotional content item 1226j that is associated with a final episode of the respective episode content series (e.g., a last episode in the episode content series), wherein the third promotional content item 1226j is not associated with either the first episode or the second episode of the episode content series (e.g., the third promotional content item is associated with only the final episode). The final episode is optionally a final episode in the entire series (e.g., no more episodes of the series will be released in the future) or a final episode in the current season (e.g., no more episodes will be released in the current season and no season is currently released after the current season, but a new season will be released in the future). For example, a series of episode content currently has two seasons, and the final season is the end of the second season, and a third bonus content item is associated with the final episode and not with other episodes in the series.

In some embodiments, such as in fig. 12AA, in accordance with a determination that the user of the electronic device 500 has completed viewing the final episode of the respective episode content series, the user interface 1202 for the respective episode content series includes a representation 1226j of a third promotional content item that is selectable to access the third promotional content item and that does not include representations of the first promotional content item and the second promotional content item. Once the user is finished viewing the final episode, the playback position within the episode content series optionally remains associated with the final episode. In some embodiments, when the playback position is associated with the final episode, the user interface associated with the series of episode content includes representations of bonus content items associated with the final episode and does not include representations of bonus content items associated with other individual respective episodes in the series of episode content. In addition to the representations of the bonus content items associated with the final episode of the episode content series, the user interface associated with the episode content series optionally also includes representations of bonus content items related to the entire episode content series. In some embodiments, the electronic device does not exclude representations of bonus content items that are related to only a single previously played episode, but moves the representations to the end of the list. For example, the electronic device first displays representations of bonus content items associated with a current episode, then displays representations of bonus content items related to the entire episode content series, and finally displays representations of bonus content items related only to a single previously played episode.

The manner in which the representation of the third promotional content item is displayed in the user interface in accordance with determining that the user has completed viewing the final episode of the episode content series described above enables the electronic device to provide quick access to the third promotional content item associated with the final episode from the user interface associated with the episode content series when the user may want to access the third promotional content item (e.g., after viewing the final episode), which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to access the relevant promotional content item), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 12AA, the respective episode content series is also associated with a third promotional content item 1226j that is associated with a final episode of the respective episode content series (e.g., a last episode in the episode content series), wherein the third promotional content item 1226j is not associated with either the first episode or the second episode of the episode content series (e.g., the third promotional content item is associated with only the final episode). The final episode is optionally a final episode in the entire series (e.g., no more episodes of the series will be released in the future) or a final episode in the current season (e.g., no more episodes will be released in the current season and no season is currently released after the current season, but a new season will be released in the future). For example, a series of episode content currently has two seasons, and the final season is the end of the second season, and a third bonus content item is associated with the final episode and not with other episodes in the series.

In some embodiments, such as in fig. 12AA, in accordance with a determination that the user of the electronic device 500 has completed viewing the final episode of the respective episode content series, and in accordance with a determination that an amount of time since the user of the electronic device completed viewing the final episode of the respective episode content series is less than a predetermined time threshold (e.g., 2, 3, 4, or 6 months), the user interface 1202 for the respective episode content series includes a representation 1226j of a third promotional content item that is selectable to access the third promotional content item, and that does not include representations of the first promotional content item and the second promotional content item. The playback position within the episode content series optionally remains associated with the final episode for a predetermined period of time (e.g., 2, 3, 4, 5, or 6 months) after the user has finished viewing the final episode. In some embodiments, the user interface associated with the series of episode content includes representations of bonus content items associated with the final episode and does not include representations of bonus content items associated with other individual respective episodes in the series of episode content for a predetermined time (e.g., 2, 3, 4, 5, or 6 months) after the user finishes viewing the final episode. In addition to the representations of the bonus content items associated with the final episode of the episode content series, the user interface associated with the episode content series optionally also includes representations of bonus content items related to the entire episode content series.

In some embodiments, such as in fig. 12BB through 12CC, the user interface for the respective episode content series includes representations 1226 of the first bonus content item, the second bonus content item, and the third bonus content item in accordance with a determination that a user of the electronic device has completed viewing the final episode of the respective episode content series, in accordance with a determination that an amount of time since the user of the electronic device completed viewing the final episode of the respective episode content series is greater than a predetermined time threshold (e.g., 2, 3, 4, or 6 months). In some embodiments, the user interface associated with the series of episode content includes representations of all bonus content items associated with the series of episode content once a predetermined period of time (e.g., 2, 4, 5, or 6 months) has elapsed since the user has completed the final episode of the series of episode content. The user interface optionally includes representations of bonus content items associated with the entire episode content series and all episode-specific bonus content items (e.g., all bonus content items associated with a single episode in the episode content series).

The manner in which the playback position is temporarily maintained at the final episode described above enables the electronic device to more quickly access the third bonus content item associated with the final episode when the user has recently finished viewing the final episode and is more likely to want to view bonus content associated with the final episode, and to more quickly browse and access the first bonus content item, the second bonus content item, and the third bonus content item when the user is less likely to be particularly interested in bonus content associated with the final episode and may be considering re-viewing the series of episode content, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to browse and access bonus content items that may be of interest to the user, which depend on the time since the user has finished viewing the final episode of the series of episode content), this in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 12P, while displaying the user interface 1202 for the respective episode content series and while the user's current playback position in the episode content series corresponds to the first episode (e.g., the user has begun viewing the first episode but has not yet advanced to viewing the second episode), the electronic device receives input (e.g., contact 1203) via the one or more input devices 510 corresponding to a request to display a user interface 1204 (e.g., an episode page user interface associated with the second episode) for the second episode of the respective episode content series, such as the user interface 1204 in fig. 12Q. In some embodiments, the episode page user interface includes information about a respective episode of the series of episode content, including selectable options for playing the episode, information about how to view the respective episode (e.g., subscription services and channels that provide access to the episode), metadata about the episode (e.g., run time, release date, actors and staff, episode profiles, genre, audio/video quality/format, parental guidance ratings, etc.), and a representation of bonus content associated with the episode. In response to detecting selection of an option associated with an episode page user interface for a respective episode, the electronic device optionally displays the episode page user interface. For example, in response to detecting selection of an option associated with the episode page user interface for the second episode, the electronic device displays an episode page for the second episode. As another example, in response to detecting selection of an option associated with the episode page user interface for the first episode, the electronic device displays an episode page for the first episode. In some embodiments, each episode in the episode content series has an episode page user interface associated therewith. An episode page user interface is optionally displayed in accordance with one or more steps of method 1100.

In some embodiments, in response to receiving an input corresponding to a request to display a user interface for the second set, such as in fig. 12Q, the electronic device 500 displays a user interface 1204 for the second set via a display device, such as in fig. 12Q, where the user interface for the second set includes a representation of a second motivational content item 1226f, such as in fig. 12R. The episode page user interface for the second episode optionally does not include a representation of the first bonus content item associated with the first episode. In some embodiments, the episode page user interface for the second episode includes representations of all bonus content items associated with the second episode, including bonus content items associated only with the second episode and bonus content items associated with the entire episode content series. The episode page user interface for the second episode optionally includes representations of bonus content items associated with the second episode regardless of the playback position of the user within the episode content series (e.g., even if the bonus content items associated with the second episode are not displayed in the content series user interface). Also, in some embodiments, the episode page user interface for the first episode includes a representation of bonus content related to the first episode, including bonus content items for which only bonus content items associated with the first episode have been associated with the entire episode content series, regardless of the playback position of the user within the episode content series. In some embodiments, the episode page user interface for the first episode does not include a representation of a second exciting content item associated with the second episode. Accordingly, representations of bonus content items related to the entire episode content series are optionally included in an episode page user interface for all episodes included in the episode content series.

The manner in which the user interface for the second episode and the representation of the second bonus content item associated with the second episode are displayed when the current playback position of the user in the episode content series corresponds to the first episode enables the electronic device to provide quick access to bonus content items associated with episodes other than the episode corresponding to the current playback position of the user in the episode content series, which simplifies interaction between the user and the electronic device, and enhances the operability of the electronic device and makes the user-device interface more efficient (e.g., by providing an efficient and predictable way of accessing bonus content items associated with each episode in the series of episode content), this in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 12R, the respective episode content series is also associated with a third promotional content item 1226a that is associated with the first and second episodes in the episode content series (e.g., a bonus content item associated with the entire episode content series). In some embodiments, such as in fig. 12R, the representation 1226f of the second motivational content item is displayed in a higher priority level (e.g., displayed before, such as at the first position in the list of motivational content) than the representation 1226a of the third motivational content item in a respective area (e.g., row) of the user interface for the second set. The representation of the second promotional content item is optionally displayed to the left of the representation of the third promotional content item in a row of representations of promotional content items on the episode page user interface for the second episode. Generally, in some embodiments, only representations of bonus content items related to the second episode are displayed to the left of representations of bonus content items related to the entire series of episode content in the bonus content row of the episode page user interface associated with the second episode. Likewise, the episode page user interface associated with the first episode optionally includes a bonus content row that includes representations of bonus content items related only to the first episode, the first episode being displayed to the left of the representations of bonus content items related to the entire episode content series (e.g., the representations of the first bonus content items). In some embodiments, the bonus content row may be scrolled horizontally to reveal additional representations of the bonus content item that were not displayed prior to receiving the scroll input.

The manner described above in which representations of second promotional content items associated with the second set are displayed at a higher priority than representations of third promotional content items associated with both the first and second sets, enabling the electronic device to enable the user to more quickly access bonus content items associated with the second set when displaying the user interface for the second set, simplifies interaction between the user and the electronic device, and enhances the operability of the electronic device and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to access the second promotional content item, the user may be more interested in viewing the second promotional content item than the third promotional content item, because the user chooses to view the user interface for the second collection), this in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 12X, the respective episode content series is associated with a third promotional content item 1226h associated with the second episode, the user interface 1204 for the second episode includes a representation 1226h of the third promotional content item, such as in fig. 12X, and in accordance with a determination that the user of the electronic device has viewed at least a portion of the episode content series, and the user's current playback position in the episode content series corresponds to the first episode, such as in fig. 12O, the user interface 1202 for the respective episode content series does not include a representation of the third promotional content item. In some embodiments, even if the user interface for the respective episode content series does not include a representation of a third bonus content item associated with the second episode (e.g., because the playback position corresponds to the first episode), the user interface for the second episode still includes a representation of the third bonus content item — as well as representations of other bonus content items associated with the second episode.

The above-described manner of displaying representations of bonus content items associated with the second episode in the user interface for the episode content series enables the electronic device to reduce the number of representations of bonus content items included in the user interface for the episode content series while still providing access to all bonus content by displaying representations of bonus content items associated with a respective episode in the user interface for the respective episode, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by reducing the number of inputs required to access bonus content related to the user's current playback position in the episode content series, while also providing a predictable way to access all other bonus content items from the user interface for a single episode), which in turn reduces power usage and extends the battery life of the electronic device by enabling the user to use the electronic device more quickly and efficiently.

In some embodiments, such as in fig. 12L, in accordance with a determination that the user of the electronic device 500 has not viewed the episode content series, the user interface 1204 for the second episode includes a representation 1226c of the second bonus content item. In some embodiments, such as in fig. 12R, in accordance with a determination that the user of the electronic device 500 has viewed at least a portion of the series of episode content, the user interface 1204 for the second episode includes a representation 1226f of a second bonus content item. In some embodiments, such as in fig. 12R, upon determining that the user of the electronic device 500 has access to the episode content series (e.g., the user is subscribed to a channel, a streaming media service, or other provider that provides the episode content series, or the user has purchased the episode content series), the user interface 1204 for the second episode includes a representation 1226f of a second award content item. In some embodiments, such as in fig. 12F, upon determining that the user of the electronic device 500 does not have access to the episode content series (e.g., the user has not subscribed to a channel, a streaming media service, or other provider that provides the episode content series, and the user has not purchased the episode content series), the user interface 1204 for the second episode includes a representation 1226c of the second award content item. The episode page user interface optionally further includes representations of bonus content items associated with the entire episode content series regardless of whether the user has viewed the episode content series and regardless of whether the user has access to the respective episode content series. In some embodiments, the user has access to the respective episode content series via an active subscription to a streaming media service, channel, or other content provider. Optionally, if the user does not have an active subscription to the service or content provider that provides the corresponding episode content series, the user does not have access to the series. For example, if the user subscribes to a service that provides access to the episode content series, the episode page user interface for the second episode includes representations of bonus content items associated with the second episode, including bonus content associated only with the second episode and bonus content items associated with the entire episode content series. As another example, even if the user is not subscribed to the service providing access to the series of episode content, the episode page user interface for the second episode includes representations of bonus content items associated with the second episode, including bonus content associated only with the second episode and bonus content items associated with the entire series of episode content. Also, in some embodiments, the episode page user interface for the first episode includes representations of bonus content items related to the first episode, including bonus content items related only to the first episode and bonus content items related to the entire episode content series, regardless of whether the user has viewed the episode content series and whether the user has access to the episode content series. In some embodiments, the user is able to access the bonus content item regardless of whether the user has access to the series of episode content. In some embodiments, the user may only be able to access the bonus content item if the user has access to the series of episode content.

The manner in which representations of second promotional content items are displayed in the episode page user interface for the second episode in the various scenarios described above enables the electronic device to provide fast and predictable access to the second promotional content items, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., reduces the number of inputs required to find a representation of a second promotional content item by consistently displaying representations of the second promotional content item in the episode page user interface for the second episode), which in turn reduces power usage and extends battery life of the electronic device by enabling the user to more quickly and efficiently use the electronic device.

In some embodiments, such as in fig. 12C, in accordance with a determination that the user of the electronic device 500 has not viewed the episode content series, and in accordance with a determination that the episode content series is a currently-released episode content series (e.g., a new episode of the episode content series is still being released), the user interface 1202 for the episode content series includes representations 1226 of the first and second promotional content items.

In some embodiments, such as in fig. 12C, in accordance with a determination that the user of the electronic device 500 has not viewed the episode content series, and in accordance with a determination that the episode content series is not a currently-released episode content series (e.g., all episodes of the respective episode content series have been released), the user interface 1202 for the episode content series includes representations 1226 of the first and second bonus content items. For example, if an episode content series is not a currently released episode content series, one or more episodes to be included in the currently released episode content series have not been released. Optionally, one episode content series that is not the currently released episode content series is a "closed" episode content series. In some embodiments, when an episode content series "ends," all episodes of the episode content series have been released, and no additional episodes are scheduled to be released in the future (e.g., the series has been cancelled). In some embodiments, in accordance with a determination that a user of the electronic device has not viewed an episode content series, the user interface associated with the respective episode content series includes representations of all bonus content items associated with the episode content series regardless of whether the episode content series is a "closed" series or a currently released series.

In some embodiments, such as in fig. 12O, in accordance with a determination that the user of the electronic device 500 has viewed at least a portion of an episode content series, and that the user's current playback position in the episode content series corresponds to a first episode, and in accordance with a determination that the episode content series is a currently-released episode content series (e.g., a new episode of the episode content series is still being released), the user interface 1202 includes a representation 1226f of a first bonus content item, and the user interface does not include a representation of a second bonus content item.

In some embodiments, such as in fig. 12O, in accordance with a determination that the user of the electronic device 500 has viewed at least a portion of an episode content series, and that the user's current playback position in the episode content series corresponds to a first episode, and in accordance with a determination that the episode content series is not a currently-released episode content series (e.g., all episodes of the respective episode content series have been released), the user interface 1202 includes a representation 1226f of a first bonus content item, and the user interface does not include a representation of a second bonus content item. In some embodiments, in accordance with a determination that the user has viewed at least a portion of the episode content series, the user interface associated with the episode content series includes a representation of a bonus content item related to an episode associated with a current playback position within the episode content series regardless of whether the episode content series is a "closed" series or a current release series. For example, if the playback position is currently associated with a first episode, the user interface for the series of episode content includes representations of bonus content items related only to the first episode and bonus content items related to the entire series (and not including representations of bonus content items related only to other episodes in the series), regardless of whether the series of episode content is a "closed" series or a currently released series. As another example, if the playback position is currently associated with the second episode, the user interface for the series of episode content includes representations of bonus content items related only to the second episode and representations of bonus content items related to the entire series (without including representations of bonus content items related only to other episodes in the series), regardless of whether the series of episode content is a "closed" series or a currently released series.

The above-described manner of displaying bonus content items regardless of the distribution status of the content series enables the electronic device to provide fast and predictable access to representations of the bonus content that are most relevant to the user based on playback position within the episode content series, which simplifies interaction between the user and the electronic device and enhances operability of the electronic device, and makes the user-device interface more efficient (e.g., by providing all users with a predictable and efficient way to access the most relevant bonus content regardless of whether the user views the series when they are open or closed), which in turn reduces power usage and extends battery life of the electronic device by enabling the users to use the electronic device more quickly and efficiently.

It should be understood that the particular order in which the operations in FIG. 13 are described is merely exemplary and is not intended to suggest that the order described is the only order in which the operations may be performed. One of ordinary skill in the art will recognize a variety of ways to reorder the operations described herein. Additionally, it should be noted that details of other processes described herein in connection with other methods described herein (e.g., methods 700, 900, and 1100) also apply in a similar manner to method 1300 described above in connection with fig. 13. For example, the manner of presenting representations of bonus content items described above with reference to method 1300 optionally has one or more of the features of presenting representations of content items, presenting representations of auxiliary content, presenting representations of content based on content consumption history of user accounts, and the like, as described herein with reference to other methods described herein (e.g., methods 700, 900, and 1100). For the sake of brevity, these details are not repeated here.

The operations in the above-described information processing method are optionally implemented by executing one or more functional modules in an information processing apparatus, such as a general-purpose processor (e.g., as described in conjunction with fig. 1A to 1B, fig. 3, and fig. 5A to 5C) or a dedicated chip. Further, the operations described above with reference to fig. 13 are optionally implemented by the components depicted in fig. 1A-1B. For example, display operation 1304 and receive operation 1302 are optionally implemented by event sorter 170, event recognizer 180, and event handler 190. When a respective predefined event or sub-event is detected, the 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, event handlers 190 access respective GUI updaters 178 to update the content displayed by the application. Similarly, one of ordinary skill in the art will clearly know how other processes may be implemented based on the components depicted in fig. 1A-1B.

As described above, one aspect of the present technology is to collect and use data from a variety of sources to improve the delivery of content to a user that may be of interest to the user. The present disclosure contemplates that, in some instances, such collected data may include personal information data that uniquely identifies or may be used to contact or locate a particular person. Such personal information data may include demographic data, location-based data, phone numbers, email addresses, twitter IDs, home addresses, data or records related to the user's health or fitness level (e.g., vital sign measurements, medication information, exercise information), date of birth, or any other identifying or personal information.

The present disclosure recognizes that the use of such personal information data in the present technology may be useful to benefit the user. For example, the personal information data may be used to deliver target content that is of greater interest to the user. Thus, using such personal information data enables the user to have planned control over the delivered content. In addition, the present disclosure also contemplates other uses for which personal information data is beneficial to a user. For example, health and fitness data may be used to provide insight into the overall health condition of a user, or may be used as positive feedback for individuals using technology to pursue health goals.

The present disclosure contemplates that entities responsible for collecting, analyzing, disclosing, transmitting, storing, or otherwise using such personal information data will comply with established privacy policies and/or privacy practices. In particular, such entities should enforce and adhere to the use of privacy policies and practices that are recognized as meeting or exceeding industry or government requirements for maintaining privacy and security of personal information data. Such policies should be easily accessible to users and should be updated as data is collected and/or used. Personal information from the user should be collected for legitimate and legitimate uses by the entity and not shared or sold outside of these legitimate uses. Furthermore, such acquisition/sharing should be performed after receiving user informed consent. Furthermore, such entities should consider taking any necessary steps to defend and secure access to such personal information data, and to ensure that others who have access to the personal information data comply with their privacy policies and procedures. In addition, such entities may subject themselves to third party evaluations to prove compliance with widely accepted privacy policies and practices. In addition, policies and practices should be adjusted to the particular type of personal information data collected and/or accessed, and to applicable laws and standards including specific considerations of jurisdiction. For example, in the united states, the collection or acquisition of certain health data may be governed by federal and/or state laws, such as the health insurance association and accountability act (HIPAA); while other countries may have health data subject to other regulations and policies and should be treated accordingly. Therefore, different privacy practices should be maintained for different personal data types in each country.

Regardless of the foregoing, the present disclosure also contemplates embodiments in which a user selectively prevents use or access to personal information data. That is, the present disclosure contemplates that hardware elements and/or software elements may be provided to prevent or block access to such personal information data. For example, in the case of a content delivery service, the techniques of the present invention may be configured to allow a user to opt-in or opt-out of participating in the collection of personal information data at any time during or after registration of the service. In another example, the user may choose not to provide content preference data for the targeted content delivery service. In addition to providing "opt-in" and "opt-out" options, the present disclosure contemplates providing notifications related to accessing or using personal information. For example, the user may be notified that their personal information data is to be accessed when the application is downloaded, and then be reminded again just before the personal information data is accessed by the application.

Further, it is an object of the present disclosure that personal information data should be managed and processed to minimize the risk of inadvertent or unauthorized access or use. Once the data is no longer needed, the risk can be minimized by limiting data collection and deleting data. In addition, and when applicable, including in certain health-related applications, data de-identification may be used to protect the privacy of the user. De-identification may be facilitated by removing particular identifiers (e.g., date of birth, etc.), controlling the amount or specificity of stored data (e.g., collecting location data at a city level rather than at an address level), controlling how data is stored (e.g., aggregating data among users), and/or other methods, as appropriate.

Thus, while the present disclosure broadly covers the use of personal information data to implement one or more of the various disclosed embodiments, the present disclosure also contemplates that various embodiments may be implemented without the need to access such personal information data. That is, various embodiments of the present technology do not fail to function properly due to the lack of all or a portion of such personal information data. For example, content may be selected and delivered to a user by inferring preferences based on non-personal information data or an absolute minimum amount of personal information, such as content requested by a device associated with the user, other non-personal information available to a content delivery service, or publicly available information.

The foregoing description, for purpose of explanation, has been described with reference to specific embodiments. However, the illustrative discussions above are not intended to be exhaustive or to limit the invention to the precise forms disclosed. Many modifications and variations are possible in light of the above teaching. The embodiments were chosen and described in order to best explain the principles of the invention and its practical applications, to thereby enable others skilled in the art to best utilize the invention and various embodiments described, with various modifications as are suited to the particular use contemplated.

239页详细技术资料下载
上一篇:一种医用注射器针头装配设备
下一篇:显示视频和相关用户文本的用户界面的上下文感知控制

网友询问留言

已有0条留言

还没有人留言评论。精彩留言会获得点赞!

精彩留言,会给你点赞!

技术分类