Device, method, and graphical user interface for transitioning between display states in response to a gesture

An electronic device, comprising:

• a display;
• one or more input devices;
• one or more intensity sensors for detecting intensities of inputs on the input devices;
• 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 a plurality of selectable user interface elements;
• detecting a touch input directed toward a first user interface element of the plurality of selectable user interface elements;
• in response to detecting a first portion of the touch input in which the touch input reaches a first intensity threshold, changing an appearance of the first user interface element to indicate that the touch input directed toward the first user interface element has been detected;
• after changing the appearance of the first user interface element, detecting a second portion of the touch input that includes detecting an increase in intensity of the touch input followed by a decrease in intensity of the touch input;
• and
• in response to detecting the second portion of the touch input:
• in accordance with a determination that the intensity of the touch input increases above a second intensity threshold that is higher than the first intensity threshold, displaying a representation of content that corresponds to the first user interface element that includes a plurality of selectable controls for interacting with the content;
• and
• in accordance with a determination that the intensity of the touch input did not increase above the second intensity threshold during the second portion of the touch input, forgoing displaying the representation of content that corresponds to the first user interface element that includes the plurality of selectable controls for interacting with the content.

A non-transitory computer readable storage medium comprising one or more programs, the one or more programs including instructions which, when executed by an electronic device with a display, one or more input devices, and one or more intensity sensors for detecting intensities of inputs on the input devices, cause the electronic device to perform operations including:

• displaying a plurality of selectable user interface elements;
• detecting a touch input directed toward a first user interface element of the plurality of selectable user interface elements;
• in response to detecting a first portion of the touch input in which the touch input reaches a first intensity threshold, changing an appearance of the first user interface element to indicate that the touch input directed toward the first user interface element has been detected;
• after changing the appearance of the first user interface element, detecting a second portion of the touch input that includes detecting an increase in intensity of the touch input followed by a decrease in intensity of the touch input;
• and
• in response to detecting the second portion of the touch input:
• in accordance with a determination that the intensity of the touch input increases above a second intensity threshold that is higher than the first intensity threshold, displaying a representation of content that corresponds to the first user interface element that includes a plurality of selectable controls for interacting with the content;
• and
• in accordance with a determination that the intensity of the touch input did not increase above the second intensity threshold during the second portion of the touch input, forgoing displaying the representation of content that corresponds to the first user interface element that includes the plurality of selectable controls for interacting with the content.