Devices, methods, and graphical user interfaces for dynamically adjusting presentation of audio outputs

1. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions which, when executed by an electronic device with a display, a touch-sensitive surface, and one or more sensors configured to detect intensities of contacts with the touch-sensitive surface, cause the electronic device to:

display, on the display, a user interface that includes a first interactive region of an application and a second interactive region of the application, wherein the first interactive region is a contiguous region that includes a plurality of selectable user interface elements, the plurality of selectable user interface elements including a first user interface element corresponding to a first media item and a second user interface element corresponding to a second media item different from the first media item;

while displaying the user interface, detect a first input by a contact on the touch-sensitive surface at a location that corresponds to the first user interface element of the plurality of selectable user interface elements in the first interactive region on the display;

in response to detecting the first input by the contact:

while the contact is maintained on the touch-sensitive surface, in accordance with a determination that the first input meets intensity-based activation criteria, wherein the intensity-based activation criteria require that the contact have a characteristic intensity that is above a first intensity threshold in order for the intensity-based activation criteria to be met:

play a portion of the first media item corresponding to the first user interface element; and

obscure the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application, including obscuring the second user interface element that corresponds to the second media item; and,

in accordance with a determination that the first input meets first selection criteria, wherein the first selection criteria do not require that the contact have a characteristic intensity that is above the first intensity threshold in order for the first selection criteria to be met, perform a first selection operation that corresponds to the first user interface element without obscuring the first interactive region of the application that includes the second user interface element that corresponds to the second media item.

2. The non-transitory computer readable storage medium of claim 1 , wherein to obscure the entire first interactive region of the application with the exception of the first user interface element includes to dynamically obscure the entire first interactive region of the application with the exception of the first user interface element as the characteristic intensity of the contact changes.

3. The non-transitory computer readable storage medium of claim 1 , including instructions, which, when executed by the electronic device, cause the electronic device to:

while displaying the user interface, detect a second input by a second contact on the touch-sensitive surface at a location that corresponds to a third user interface element in the second interactive region on the display;

in response to detecting the second input by the second contact:

in accordance with a determination that the second input meets second intensity-based activation criteria, wherein the second intensity-based activation criteria require that the second contact have a characteristic intensity that is above a second intensity threshold in order for the second intensity-based activation criteria to be met, obscure the entire first interactive region of the application and the entire second interactive region of the application with the exception of the third user interface element; and

in accordance with a determination that the second input meets second selection criteria, wherein the second selection criteria do not require that the second contact have a characteristic intensity that is above the second intensity threshold in order for the second selection criteria to be met, perform a second selection operation that corresponds to the third user interface element without obscuring the second interactive region of the application and without obscuring the first interactive region of the application.

4. The non-transitory computer readable storage medium of claim 3 , wherein the third user interface element corresponds to the first user interface element after the first user interface element was added to the second interactive region based on input in the first interactive region.

5. The non-transitory computer readable storage medium of claim 1 , wherein:

the second interactive region is a conversation region that includes a plurality of messages in a conversation between conversation participants; and

the first interactive region is a media selection region and the plurality of selectable user interface elements in the first interactive region are for selecting media to share in the conversation between the conversation participants.

6. The non-transitory computer readable storage medium of claim 1 , wherein:

the second interactive region is a user interface for a primary application; and

the first interactive region is configured to display content from different mini-applications that are configured to operate within the primary application, and a mini-application that is displayed in the first interactive region is selected based on user input at the electronic device.

7. The non-transitory computer readable storage medium of claim 1 , including instructions which, when executed by the electronic device, cause the electronic device to:

while obscuring the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application, detect an increase in the characteristic intensity of the contact; and

in response to detecting the increase in the characteristic intensity of the contact:

in accordance with a determination that the characteristic intensity of the contact meets third selection criteria, including a criterion that is met when the characteristic intensity of the contact is greater than a selection intensity threshold that is higher than the first intensity threshold, perform a third selection operation on the first user interface element and cease to obscure the first interactive region of the application; and

in accordance with a determination that the characteristic intensity of the contact does not meet the third selection criteria, continue to obscure the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application.

8. The non-transitory computer readable storage medium of claim 1 , wherein the first selection criteria are met when the first input is a tap gesture.

9. A method, comprising:

at an electronic device with a display, a touch-sensitive surface, and one or more sensors configured to detect intensities of contacts with the touch-sensitive surface:

displaying, on the display, a user interface that includes a first interactive region of an application and a second interactive region of the application, wherein the first interactive region is a contiguous region that includes a plurality of selectable user interface elements, the plurality of selectable user interface elements including a first user interface element corresponding to a first media item and a second user interface element corresponding to a second media item different from the first media item;

while displaying the user interface, detecting a first input by a contact on the touch-sensitive surface at a location that corresponds to the first user interface element of the plurality of selectable user interface elements in the first interactive region on the display;

in response to detecting the first input by the contact:

while the contact is maintained on the touch-sensitive surface, in accordance with a determination that the first input meets intensity-based activation criteria, wherein the intensity-based activation criteria require that the contact have a characteristic intensity that is above a first intensity threshold in order for the intensity-based activation criteria to be met:

playing a portion of the first media item corresponding to the first user interface element; and

obscuring the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application, including obscuring the second user interface element that corresponds to the second media item; and,

in accordance with a determination that the first input meets first selection criteria, wherein the first selection criteria do not require that the contact have a characteristic intensity that is above the first intensity threshold in order for the first selection criteria to be met, performing a first selection operation that corresponds to the first user interface element without obscuring the first interactive region of the application that includes the second user interface element that corresponds to the second media item.

10. An electronic device, comprising:

a display;

a touch-sensitive surface;

one or more sensors configured to detect intensities of contacts with the touch-sensitive surface;

one or more processors;

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:

displaying, on the display, a user interface that includes a first interactive region of an application and a second interactive region of the application, wherein the first interactive region is a contiguous region that includes a plurality of selectable user interface elements, the plurality of selectable user interface elements including a first user interface element corresponding to a first media item and a second user interface element corresponding to a second media item different from the first media item;

while displaying the user interface, detecting a first input by a contact on the touch-sensitive surface at a location that corresponds to the first user interface element of the plurality of selectable user interface elements in the first interactive region on the display;

in response to detecting the first input by the contact:

while the contact is maintained on the touch-sensitive surface, in accordance with a determination that the first input meets intensity-based activation criteria, wherein the intensity-based activation criteria require that the contact have a characteristic intensity that is above a first intensity threshold in order for the intensity-based activation criteria to be met:

playing a portion of the first media item corresponding to the first user interface element; and

obscuring the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application, including obscuring the second user interface element that corresponds to the second media item; and,

in accordance with a determination that the first input meets first selection criteria, wherein the first selection criteria do not require that the contact have a characteristic intensity that is above the first intensity threshold in order for the first selection criteria to be met, performing a first selection operation that corresponds to the first user interface element without obscuring the first interactive region of the application that includes the second user interface element that corresponds to the second media item.

11. The non-transitory computer readable storage medium of claim 1 , wherein the selectable user interface elements comprise selectable icons.

12. The method of claim 9 , wherein obscuring the entire first interactive region of the application with the exception of the first user interface element includes dynamically obscuring the entire first interactive region of the application with the exception of the first user interface element as the characteristic intensity of the contact changes.

13. The method of claim 9 , including:

while displaying the user interface, detecting a second input by a second contact on the touch-sensitive surface at a location that corresponds to a third user interface element in the second interactive region on the display;

in response to detecting the second input by the second contact:

in accordance with a determination that the second input meets second intensity-based activation criteria, wherein the second intensity-based activation criteria require that the second contact have a characteristic intensity that is above a second intensity threshold in order for the second intensity-based activation criteria to be met, obscuring the entire first interactive region of the application and the entire second interactive region of the application with the exception of the third user interface element; and

in accordance with a determination that the second input meets second selection criteria, wherein the second selection criteria do not require that the second contact have a characteristic intensity that is above the second intensity threshold in order for the second selection criteria to be met, performing a second selection operation that corresponds to the third user interface element without obscuring the second interactive region of the application and without obscuring the first interactive region of the application.

14. The method of claim 13 , wherein the third user interface element corresponds to the first user interface element after the first user interface element was added to the second interactive region based on input in the first interactive region.

15. The method of claim 9 , wherein:

the second interactive region is a conversation region that includes a plurality of messages in a conversation between conversation participants; and

the first interactive region is a media selection region and the plurality of selectable user interface elements in the first interactive region are for selecting media to share in the conversation between the conversation participants.

16. The method of claim 9 , wherein:

the second interactive region is a user interface for a primary application; and

the first interactive region is configured to display content from different mini-applications that are configured to operate within the primary application, and a mini-application that is displayed in the first interactive region is selected based on user input at the electronic device.

17. The method of claim 9 , including:

while obscuring the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application, detecting an increase in the characteristic intensity of the contact; and

in response to detecting the increase in the characteristic intensity of the contact:

in accordance with a determination that the characteristic intensity of the contact meets third selection criteria, including a criterion that is met when the characteristic intensity of the contact is greater than a selection intensity threshold that is higher than the first intensity threshold, performing a third selection operation on the first user interface element and ceasing to obscure the first interactive region of the application; and

in accordance with a determination that the characteristic intensity of the contact does not meet the third selection criteria, continuing to obscure the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application.

18. The method of claim 9 , wherein the first selection criteria are met when the first input is a tap gesture.

19. The method of claim 9 , wherein the selectable user interface elements comprise selectable icons.

20. The electronic device of claim 10 , wherein obscuring the entire first interactive region of the application with the exception of the first user interface element includes dynamically obscuring the entire first interactive region of the application with the exception of the first user interface element as the characteristic intensity of the contact changes.

21. The electronic device of claim 10 , wherein the one or more programs include instructions for:

while displaying the user interface, detecting a second input by a second contact on the touch-sensitive surface at a location that corresponds to a third user interface element in the second interactive region on the display;

in response to detecting the second input by the second contact:

in accordance with a determination that the second input meets second intensity-based activation criteria, wherein the second intensity-based activation criteria require that the second contact have a characteristic intensity that is above a second intensity threshold in order for the second intensity-based activation criteria to be met, obscuring the entire first interactive region of the application and the entire second interactive region of the application with the exception of the third user interface element; and

in accordance with a determination that the second input meets second selection criteria, wherein the second selection criteria do not require that the second contact have a characteristic intensity that is above the second intensity threshold in order for the second selection criteria to be met, performing a second selection operation that corresponds to the third user interface element without obscuring the second interactive region of the application and without obscuring the first interactive region of the application.

22. The electronic device of claim 21 , wherein the third user interface element corresponds to the first user interface element after the first user interface element was added to the second interactive region based on input in the first interactive region.

23. The electronic device of claim 10 , wherein:

the second interactive region is a conversation region that includes a plurality of messages in a conversation between conversation participants; and

the first interactive region is a media selection region and the plurality of selectable user interface elements in the first interactive region are for selecting media to share in the conversation between the conversation participants.

24. The electronic device of claim 10 , wherein:

the second interactive region is a user interface for a primary application; and

the first interactive region is configured to display content from different mini-applications that are configured to operate within the primary application, and a mini-application that is displayed in the first interactive region is selected based on user input at the electronic device.

25. The electronic device of claim 10 , wherein the one or more programs include instructions for:

while obscuring the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application, detecting an increase in the characteristic intensity of the contact; and

in response to detecting the increase in the characteristic intensity of the contact:

in accordance with a determination that the characteristic intensity of the contact meets third selection criteria, including a criterion that is met when the characteristic intensity of the contact is greater than a selection intensity threshold that is higher than the first intensity threshold, performing a third selection operation on the first user interface element and ceasing to obscure the first interactive region of the application; and

in accordance with a determination that the characteristic intensity of the contact does not meet the third selection criteria, continuing to obscure the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application.

26. The electronic device of claim 10 , wherein the first selection criteria are met when the first input is a tap gesture.

27. The electronic device of claim 10 , wherein the selectable user interface elements comprise selectable icons.

28. The non-transitory computer readable storage medium of claim 1 , wherein the first interactive region includes a sub-region having no selectable user interface elements.

29. The method of claim 9 , wherein the first interactive region includes a sub-region having no selectable user interface elements.

30. The electronic device of claim 10 , wherein the first interactive region includes a sub-region having no selectable user interface elements.

31. The non-transitory computer readable storage medium of claim 1 , including instructions, which, when executed by the electronic device, cause the electronic device to:

detect liftoff of the contact from the touch-sensitive surface; and

in response to detecting liftoff of the contact from the touch-sensitive surface:

reverse the obscuring of the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application.

32. The method of claim 9 , including:

detecting liftoff of the contact from the touch-sensitive surface; and

in response to detecting liftoff of the contact from the touch-sensitive surface:

reversing the obscuring of the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application.

33. The electronic device of claim 10 , the one or more programs including instructions for:

detecting liftoff of the contact from the touch-sensitive surface; and

in response to detecting liftoff of the contact from the touch-sensitive surface:

reversing the obscuring of the entire first interactive region of the application with the exception of the first user interface element without obscuring the second interactive region of the application.