Devices and methods for manipulating user interfaces with stylus and non-stylus contacts

An electronic device, comprising:

• a touch-sensitive display;
• one or more sensors to detect signals from a stylus associated with the device;
• 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 user interface in a viewing mode on the touch-sensitive display, the user interface including a content region and a first control region;
• while displaying the user interface in the viewing mode, detecting an input by a first contact on the touch-sensitive display;
• and,
• in response to detecting the input:
• in accordance with a determination that the first contact is a stylus contact in the content region:
• changing from the viewing mode to an editing mode, distinct from the viewing mode, that is configured to enable drawing on the content region in the user interface;
• and
• displaying, in the content region, a mark drawn in accordance with movement of the first contact in the input;
• in accordance with a determination that the first contact is a non-stylus contact in the content region:
• remaining in the viewing mode;
• and
• performing a navigation operation in the content region in accordance with movement of the first contact in the input without displaying the mark that corresponds to the first contact in the content region;
• in accordance with a determination that the first contact is a stylus contact in the first control region, performing a control operation;
• and
• in accordance with a determination that the first contact is a non-stylus contact in the first control region, performing the control operation.

A method, comprising:

• at an electronic device with a touch-sensitive display, the device including one or more sensors to detect signals from a stylus associated with the device:
• displaying a user interface in a viewing mode on the touch-sensitive display, the user interface including a content region and a first control region;
• while displaying the user interface in the viewing mode, detecting an input by a first contact on the touch-sensitive display;
• and,
• in response to detecting the input:
• in accordance with a determination that the first contact is a stylus contact in the content region:
• changing from the viewing mode to an editing mode, distinct from the viewing mode, that is configured to enable drawing on the content region in the user interface;
• and
• displaying, in the content region, a mark drawn in accordance with movement of the first contact in the input;
• in accordance with a determination that the first contact is a non-stylus contact in the content region:
• remaining in the viewing mode;
• and
• performing a navigation operation in the content region in accordance with movement of the first contact in the input without displaying the mark that corresponds to the first contact in the content region;
• in accordance with a determination that the first contact is a stylus contact in the first control region, performing a control operation;
• and
• in accordance with a determination that the first contact is a non-stylus contact in the first control region, performing the control operation.