Device, method, and graphical user interface for switching between two user interfaces

Abstract

An electronic device with a display and a touch-sensitive surface displays a first authentication user interface on the display, the first authentication user interface including a text entry field for entering a text-based authentication code; detects a first input by a user on the touch-sensitive surface while displaying the first authentication user interface; in response to detecting the first input, displays a second authentication user interface on the display, distinct from the first authentication user interface, the second authentication user interface configured for entering a gesture-based authentication code; while displaying the second authentication user interface, detects one or more gestures by the user at locations on the touch-sensitive surface that correspond to locations on the second authentication user interface; and authenticates the user in accordance with a determination that the detected one or more gestures correspond to a gesture-based authentication code for the user.

1 . (canceled) 
     
     
         2 . An electronic device, comprising:
 a display;   a 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 a first user interface on the display; 
 displaying a graphical object in a first region on the display; 
 while displaying the graphical object in the first region on the display, detecting a first gesture on the touch-sensitive surface, the first gesture starting at a first location on the touch-sensitive surface that corresponds to the first region on the display and moving to a second location on the touch-sensitive surface; and 
 in response to detecting the first gesture, transitioning to a second user interface distinct from the first user interface, including:
 in accordance with a determination that the first gesture is a first gesture type:
 moving the graphical object from a first location on the display to a second location on the display that is determined based on the second location of the first gesture on the touch-sensitive surface; and 
 displaying the second user interface on the display, distinct from the first user interface, wherein a displayed amount of the second user interface is determined based on the second location of the first gesture on the touch-sensitive surface; and 
 
 in accordance with a determination that the first gesture is a second gesture type different from the first gesture type:
 moving the graphical object from the first location on the display to a third location on the display that is determined without regard to the second location of the first gesture on the touch-sensitive surface; and 
 displaying the second user interface on the display, distinct from the first user interface, wherein the displayed amount of the second user interface is determined without regard to the second location of the first gesture on the touch-sensitive surface. 
 
 
   
     
     
         3 . The electronic device of  claim 2 , the one or more programs further including instructions for:
 while displaying the graphical object in the first region on the display, detecting a second gesture on the touch-sensitive surface, the second gesture starting at a third location on the touch-sensitive surface that corresponds to the first region on the display and moving to a fourth location on the touch-sensitive surface; and   in response to detecting the second gesture, transitioning to the first user interface, including:
 in accordance with a determination that the second gesture is the first gesture type:
 moving the graphical object to a fourth location on the display that is determined based on the fourth location of the second gesture on the touch-sensitive surface; and 
 displaying the first user interface on the display, distinct from the second user interface, wherein a displayed amount of the first user interface is determined based on the fourth location of the second gesture on the touch-sensitive surface; and 
 
 in accordance with a determination that the second gesture is the second gesture type:
 moving the graphical object to a fifth location on the display that is determined without regard to the fourth location of the second gesture on the touch-sensitive surface; and 
 displaying the first user interface on the display, distinct from the second user interface, wherein the displayed amount of the first user interface is determined without regard to the fourth location of the second gesture on the touch-sensitive surface. 
 
   
     
     
         4 . The electronic device of  claim 2 , wherein the first gesture type is a drag gesture, and the second gesture type is a swipe gesture. 
     
     
         5 . The electronic device of  claim 2 , wherein the first gesture includes a first contact on the touch-sensitive surface, the one or more programs further including instructions for:
 in accordance with a determination the first gesture is the first gesture type, displaying the second user interface on the display includes:
 while detecting the first contact of the first gesture is maintained on the touch-sensitive surface, concurrently displaying the first user interface and the second user interface on the display; and 
 upon detecting termination of the first contact of the first gesture, ceasing display of the first user interface while maintaining display of the second user interface. 
   
     
     
         6 . The electronic device of  claim 2 , the one or more programs further including instructions for:
 in accordance with a determination the first gesture is the second gesture type, displaying the second user interface on the display includes:
 ceasing display of the first user interface while maintaining display of the second user interface. 
   
     
     
         7 . The electronic device of  claim 2 , the one or more programs further including instructions for:
 while displaying the graphical object in the first region on the display, displaying a visual cue indicative of a gesture for transitioning from the first user interface to the second user interface.   
     
     
         8 . The electronic device of  claim 2 , wherein:
 the first region has a first region length, and   the graphical object has a length that is less than the first region length.   
     
     
         9 . The electronic device of  claim 2 , wherein the first location on the touch-sensitive surface is remote from the graphical object. 
     
     
         10 . A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device with a display and a touch-sensitive surface, the one or more programs including instructions for:
 displaying a first user interface on the display;   displaying a graphical object in a first region on the display;   while displaying the graphical object in the first region on the display, detecting a first gesture on the touch-sensitive surface, the first gesture starting at a first location on the touch-sensitive surface that corresponds to the first region on the display and moving to a second location on the touch-sensitive surface; and   in response to detecting the first gesture, transitioning to a second user interface distinct from the first user interface, including:
 in accordance with a determination that the first gesture is a first gesture type:
 moving the graphical object from a first location on the display to a second location on the display that is determined based on the second location of the first gesture on the touch-sensitive surface; and 
 displaying the second user interface on the display, distinct from the first user interface, wherein a displayed amount of the second user interface is determined based on the second location of the first gesture on the touch-sensitive surface; and 
 
 in accordance with a determination that the first gesture is a second gesture type different from the first gesture type:
 moving the graphical object from the first location on the display to a third location on the display that is determined without regard to the second location of the first gesture on the touch-sensitive surface; and 
 displaying the second user interface on the display, distinct from the first user interface, wherein the displayed amount of the second user interface is determined without regard to the second location of the first gesture on the touch-sensitive surface. 
 
   
     
     
         11 . The non-transitory computer-readable storage medium of  claim 10 , the one or more programs further including instructions for:
 while displaying the graphical object in the first region on the display, detecting a second gesture on the touch-sensitive surface, the second gesture starting at a third location on the touch-sensitive surface that corresponds to the first region on the display and moving to a fourth location on the touch-sensitive surface; and   in response to detecting the second gesture, transitioning to the first user interface, including:
 in accordance with a determination that the second gesture is the first gesture type:
 moving the graphical object to a fourth location on the display that is determined based on the fourth location of the second gesture on the touch-sensitive surface; and 
 displaying the first user interface on the display, distinct from the second user interface, wherein a displayed amount of the first user interface is determined based on the fourth location of the second gesture on the touch-sensitive surface; and 
 
 in accordance with a determination that the second gesture is the second gesture type:
 moving the graphical object to a fifth location on the display that is determined without regard to the fourth location of the second gesture on the touch-sensitive surface; and 
 displaying the first user interface on the display, distinct from the second user interface, wherein the displayed amount of the first user interface is determined without regard to the fourth location of the second gesture on the touch-sensitive surface. 
 
   
     
     
         12 . The non-transitory computer-readable storage medium of  claim 10 , wherein the first gesture type is a drag gesture, and the second gesture type is a swipe gesture. 
     
     
         13 . The non-transitory computer-readable storage medium of  claim 10 , wherein the first gesture includes a first contact on the touch-sensitive surface, the one or more programs further including instructions for:
 in accordance with a determination the first gesture is the first gesture type, displaying the second user interface on the display includes:
 while detecting the first contact of the first gesture is maintained on the touch-sensitive surface, concurrently displaying the first user interface and the second user interface on the display; and 
 upon detecting termination of the first contact of the first gesture, ceasing display of the first user interface while maintaining display of the second user interface. 
   
     
     
         14 . The non-transitory computer-readable storage medium of  claim 10 , the one or more programs further including instructions for:
 in accordance with a determination the first gesture is the second gesture type, displaying the second user interface on the display includes:
 ceasing display of the first user interface while maintaining display of the second user interface. 
   
     
     
         15 . The non-transitory computer-readable storage medium of  claim 10 , the one or more programs further including instructions for:
 while displaying the graphical object in the first region on the display, displaying a visual cue indicative of a gesture for transitioning from the first user interface to the second user interface.   
     
     
         16 . The non-transitory computer-readable storage medium of  claim 10 , wherein:
 the first region has a first region length, and   the graphical object has a length that is less than the first region length.   
     
     
         17 . The non-transitory computer-readable storage medium of  claim 10 , wherein the first location on the touch-sensitive surface is remote from the graphical object. 
     
     
         18 . A method, comprising:
 at an electronic device having a display and a touch-sensitive surface:
 displaying a first user interface on the display; 
 displaying a graphical object in a first region on the display; 
 while displaying the graphical object in the first region on the display, detecting a first gesture on the touch-sensitive surface, the first gesture starting at a first location on the touch-sensitive surface that corresponds to the first region on the display and moving to a second location on the touch-sensitive surface; and 
 in response to detecting the first gesture, transitioning to a second user interface distinct from the first user interface, including:
 in accordance with a determination that the first gesture is a first gesture type:
 moving the graphical object from a first location on the display to a second location on the display that is determined based on the second location of the first gesture on the touch-sensitive surface; and 
 displaying the second user interface on the display, distinct from the first user interface, wherein a displayed amount of the second user interface is determined based on the second location of the first gesture on the touch-sensitive surface; and 
 
 in accordance with a determination that the first gesture is a second gesture type different from the first gesture type:
 moving the graphical object from the first location on the display to a third location on the display that is determined without regard to the second location of the first gesture on the touch-sensitive surface; and 
 displaying the second user interface on the display, distinct from the first user interface, wherein the displayed amount of the second user interface is determined without regard to the second location of the first gesture on the touch-sensitive surface. 
 
 
   
     
     
         19 . The method of  claim 18 , further comprising:
 while displaying the graphical object in the first region on the display, detecting a second gesture on the touch-sensitive surface, the second gesture starting at a third location on the touch-sensitive surface that corresponds to the first region on the display and moving to a fourth location on the touch-sensitive surface; and   in response to detecting the second gesture, transitioning to the first user interface, including:
 in accordance with a determination that the second gesture is the first gesture type:
 moving the graphical object to a fourth location on the display that is determined based on the fourth location of the second gesture on the touch-sensitive surface; and 
 displaying the first user interface on the display, distinct from the second user interface, wherein a displayed amount of the first user interface is determined based on the fourth location of the second gesture on the touch-sensitive surface; and 
 
 in accordance with a determination that the second gesture is the second gesture type:
 moving the graphical object to a fifth location on the display that is determined without regard to the fourth location of the second gesture on the touch-sensitive surface; and 
 displaying the first user interface on the display, distinct from the second user interface, wherein the displayed amount of the first user interface is determined without regard to the fourth location of the second gesture on the touch-sensitive surface. 
 
   
     
     
         20 . The method of  claim 18 , wherein the first gesture type is a drag gesture, and the second gesture type is a swipe gesture. 
     
     
         21 . The method of  claim 18 , wherein the first gesture includes a first contact on the touch-sensitive surface, the method further comprising:
 in accordance with a determination the first gesture is the first gesture type, displaying the second user interface on the display includes:
 while detecting the first contact of the first gesture is maintained on the touch-sensitive surface, concurrently displaying the first user interface and the second user interface on the display; and 
 upon detecting termination of the first contact of the first gesture, ceasing display of the first user interface while maintaining display of the second user interface. 
   
     
     
         22 . The method of  claim 18 , further comprising:
 in accordance with a determination the first gesture is the second gesture type, displaying the second user interface on the display includes:
 ceasing display of the first user interface while maintaining display of the second user interface. 
   
     
     
         23 . The method of  claim 18 , further comprising:
 while displaying the graphical object in the first region on the display, displaying a visual cue indicative of a gesture for transitioning from the first user interface to the second user interface.   
     
     
         24 . The method of  claim 18 , wherein:
 the first region has a first region length, and   the graphical object has a length that is less than the first region length.   
     
     
         25 . The method of  claim 18 , wherein the first location on the touch-sensitive surface is remote from the graphical object.