Device, method, and graphical user interface for changing a number of columns of an application region

Patent metadata

Field	Value
Publication number	US-11275499-B2
Application number	US-201715609517-A
Country	US
Kind code	B2
Filing date	May 31, 2017
Priority date	Jun 10, 2016
Publication date	Mar 15, 2022
Grant date	Mar 15, 2022

Abstract

In accordance with some embodiments, a method is performed at a device with one or more processors, non-transitory memory, a display, and an input device. The method includes displaying, on the display, a first column and a second column in an application region. The method includes detecting, via the input device, a first user input that starts at a location at a top of the application region and moves toward an edge of the application region. The method includes, in response to detecting the first user input, changing the number of columns displayed in the application region, wherein changing the number of columns displayed in the application region includes, in accordance with a determination that the first user input was in a first direction, displaying a third column in the application region while maintaining display of the first column and the second column in the application region.

First claim

What is claimed is:

1. A method comprising:
at a device with one or more processors, non-transitory memory, a display, and an input device:
displaying, on the display, a first column and a second column in an application region of a messaging application, wherein the second column includes a plurality of representations of a respective plurality of messages associated with a first folder and the first column includes content of a first message of the plurality of messages;
detecting, via the input device, a movement of a single contact that starts at a location at a top of the second column within the application region and moves toward an edge of the application region; and
in response to detecting the movement of the single contact, changing a number of columns displayed in the application region, wherein changing the number of columns displayed in the application region includes, in accordance with a determination that the movement of the single contact was in a first direction, displaying a third column in the application region by displaying an entirety of the first column with a reduced size and maintaining a size of the second column in the application region, wherein the third column includes a plurality of representations of a respective plurality of folders including the first folder.

2. The method of claim 1 , wherein displaying the third column in the application region includes, in response to a detecting a first portion of the movement of the single contact, partially displaying the third column in the application region and, in response to detecting a second portion of the movement of the single contact, fully displaying the third column in the application region.

3. The method of claim 1 , wherein displaying the third column in the application region includes, in accordance with a determination that the movement of the single contact included less than a threshold amount of movement toward the edge of the application region, ceasing display of the third column in the application region.

4. The method of claim 1 , wherein changing the number of columns displayed in the application region includes, in accordance with a determination that the movement of the single contact was in a second direction, ceasing display of the second column in the application region while maintaining display of the first column in the application region.

5. The method of claim 4 , wherein ceasing display of the second column in the application region includes, in response to detecting a first portion of the movement of the single contact, partially displaying the second column in the application region and, in response to detecting a second portion of the movement of the single contact, ceasing display of the second column in the application region.

6. The method of claim 1 , further comprising, while displaying the third column in the application region:
detecting, via the input device, another movement of a single contact that starts at a location at a top of the application region and moves toward an edge of the application region; and
in response to detecting the other movement of the single contact, changing the number of columns displayed in the application region, wherein changing the number of columns displayed in the application region includes, in accordance with a determination that the other movement of the single contact was in a second direction, ceasing display of the third column in the application region.

7. The method of claim 6 , wherein changing the number of columns includes:
in accordance with a determination that the other movement of the single contact included a first amount of movement toward the edge of the application region, ceasing display of the third column in the application region while maintaining display of the first column and second column in the application region; and
in accordance with a determination that the other movement of the single contact included a second amount of movement, greater than the first amount of movement, toward the edge of the application region, ceasing display of the third column and second column in the application region while maintaining display of the first column in the application region.

8. The method of claim 7 , wherein changing the number of columns further includes, in accordance with a determination that the other movement of the single contact included a third amount of movement, greater than the second amount of movement, toward the edge of the application region, displaying a fourth column in the application region.

9. The method of claim 8 , wherein the fourth column displays a list of settings for the messaging application.

10. The method of claim 1 , wherein changing the number of columns displayed in the application region does not include changing a size of the application region.

11. The method of claim 1 , further comprising:
detecting a resizing user input at a location between the first column and the second column;
in response to detecting the resizing user input, changing a size of the first column and the size of the second column.

12. The method of claim 1 , further comprising, in response to detecting a user input at a location of one of the representations of the respective plurality of messages, changing display of the first column to include content of a second message of the plurality of messages.

13. The method of claim 1 , further comprising, in response to detecting a user input at a location of one of the representations of the respective plurality of folders, changing display of the second column to include a plurality of representations of a respective plurality of messages associated with a second folder.

14. The method of claim 1 , wherein changing the number of columns displayed in the application region includes:
in accordance with a determination that the movement of the single contact included a first amount of movement toward the edge of the application region, changing the number of columns by a first number of columns; and
in accordance with a determination that the movement of the single contact included a second amount of movement, greater than the first amount of movement, toward the edge of the application region, changing the number of columns by a second number of columns greater than the first number of columns.

15. The method of claim 14 , further comprising, in accordance with a determination that the movement of the single contact included a third amount of movement, greater than the second amount of movement, toward the edge of the user interface, decreasing the number of columns by the second number of columns and displaying a different column in the application region.

16. The method of claim 1 , further comprising:
detecting, via the input device, an interaction user input that starts at a location within an interaction region of a respective column displayed in the application region and moves toward an edge of the interaction region; and
in response to detecting the interaction user input, changing display of interaction region.

17. The method of claim 1 , further comprising:
detecting, via the input device, a relocation user input that starts at a location of a content item affordance of the second column and moves toward an edge of the second column; and
in response to detecting the relocation user input, displaying the third column in the application region.

18. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which, when executed by an electroni

Assignees

• Apple Inc

Inventors

• Nilo Bruce D
• Beaver Jason Clay

Classifications

• G06F3/0482 Primary

  Interaction with lists of selectable items, e.g. menus · CPC title

• G06F2203/04803

  Split screen, i.e. subdividing the display area or the window area into separate subareas · CPC title

• G06Q10/107

  Computer-aided management of electronic mailing [e-mailing] · CPC title

• G06F3/0483

  Interaction with page-structured environments, e.g. book metaphor · CPC title

• G06F3/04886

  by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus · CPC title