Also in response to detecting the gesture with contact 530, device 100 displays an animation of application status bar 506 and application input field 508. In some embodiments, the animation shows application status bar 506 decreasing in size, and application input field 508 fading away, as shown in FIG. 5D. In some embodiments, the animation also includes the background color of application input field 508 (and also the background color of application status bar 506) changing to match the background color of device status bar 502, and text 528 shifting upward toward device status bar 502 and changing font size to match the font size of text in device status bar 502, as shown in FIGS. 5D-5E. In FIG. 5D text 528 is offset to the left along a horizontal axis of touch screen 112, and in FIG. 5E in addition to the other transformations, text 528 is moved toward a center of touch screen 112 along the horizontal axis of touch screen 112. In some embodiments the animation shown in FIGS. 5C-5E 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).
