In some embodiments, the re-display animation is a reverse of the animation described above with reference to FIGS. 5C-5E; the animation includes text 528 increasing in size to its original font size and shifting downward away from device status bar 502, and the background color behind text 528 changing to the original background color of application input field 508 as application input field 508 re-appears, as shown in FIGS. 5K-5L. In some embodiments, in response to detecting the gesture performed with contact 546, device 100 re-displays control bar 512. For example, device 100 displays an animation that shows control bar 512 re-appearing, as shown in FIGS. 5K-5L. In some embodiments the animation shown in FIGS. 5K-5L advances with direct manipulation (e.g., the rate of progression through the animation is determined based on a rate of movement of the contact in a respective direction, if the contact moves slower in the respective direction, the animation progresses slower and if the contact moves faster in the respective direction, the animation progresses more quickly).
In some embodiments, when the gesture is a swipe gesture, the input field redisplay criteria include a criterion that is met when the contact in the gesture has a speed above a predetermined threshold at a predetermined point in the swipe gesture. For example, if the gesture performed with contact 546 is a swipe gesture, the criteria is met if contact 546 moves at a speed above a threshold at a predetermined point in the movement (e.g., a predetermined number of pixels from the starting point of contact 546, a predetermined number of pixels from the liftoff point of contact 546).