User interface based on viewable area of a display

• US 10,133,439 B1
• Filed: 12/11/2012
• Issued: 11/20/2018
• Est. Priority Date: 08/29/2011
• Status: Active Grant

• Current Assignee: X Corp. (f/k/a Twitter, Inc.) (X Holdings Corp.)
• Original Assignee: X Corp. (f/k/a Twitter, Inc.) (X Holdings Corp.)
• Inventors: Brichter, Loren, Rechis, Leland
• Primary Examiner(s): Tran, Tam T
• Application Number:
  US13/711,521
• Time in Patent Office: 2,170 Days
• Field of Search: 715220, 715766, 715863, 715864
• CPC Class Codes: G06F 2203/04803 Split screen, i.e. subdividing the display area or the window area into separate subareas
• CPC Class Codes: G06F 3/017 Gesture based interaction, e.g. based on a set of recognized hand gestures interaction based on gestures traced on a digitiser G06F3/04883
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0486 Drag-and-drop
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 3/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 Class Codes: G06F 40/18 of spreadsheets form-filling G06F40/174

Abstract

A method for displaying content in a computing device, including: displaying a set of partially overlapping panels in a viewable area of a display; detecting a first input associated with an element in a first panel of the set of overlapping panels; displaying, on the display, an indication that the element is selected; and displaying, in response to the first input and concurrently with the indication, a second panel partially overlapping the first panel and adjacent to at least one edge of the viewable area of the display, where the second panel includes content relevant to the selected element.

Claims

1. A method for displaying content on a touchscreen display of a computing device, the method comprising:

displaying, in a viewable area of the touchscreen display, a stack including one or more separately movable panels;

based on detecting a touch input for a first element in a first panel of the stack while no panel higher in the stack than the first panel is displayed in the viewable area, sliding, from outside the viewable area into the viewable area, a second panel higher in the stack than the first panel, wherein the second panel includes content associated with the first element and partially overlaps the first panel;

based on detecting a touch input for a second element in the first panel of the stack while at least part of the second panel is displayed in the viewable area, updating the content in the second panel; and

based on detecting a swipe gesture for the second panel, sliding away the second panel to outside of the viewable area so as to display the first panel of the stack with no panel higher in the stack than the first panel being displayed in the viewable area.

2. The method of claim 1, wherein the first panel comprises a list of messages, wherein the first element is a first message in the list of messages, and wherein the content associated with the first element comprises details associated with the first message.

3. The method of claim 2, wherein the second element is a second message in the list of messages and wherein the updated content in the second panel comprises content associated with the second message.

4. The method of claim 3, further comprising:

adjusting, without requiring user input, a size of the second panel to accommodate the updated content.

5. The method of claim 1, further comprising:

based on detecting a change in orientation of the computing device while the second panel partially overlaps the first panel, sliding the second panel by an amount sufficient to expose a portion of the first panel hidden by the partial overlapping.

6. The method of claim 1, further comprising, based on detecting the touch input for the first element, highlighting the first element.

7. A computing device, comprising:

a touchscreen display;

a computer processor configured to control the computing device to at least;

display, in a viewable area of the touchscreen display, a stack including one or more separately movable panels;

based on detecting a touch input for a first element in a first panel of the stack while no panel higher in the stack than the first panel is displayed in the viewable area, sliding, from outside the viewable area into the viewable area, a second panel higher in the stack than the first panel, wherein the second panel the second panel includes content associated with the first element and partially overlaps the first panel;

based on detecting a touch input for a second element in the first panel of the stack while at least part of the second panel is displayed in the viewable area, updating the content in the second panel; and

based on detecting a swipe gesture for the second panel, sliding away the second panel to outside of the viewable area so as to display the first panel of the stack with no panel higher in the stack than the first panel being displayed in the viewable area.

8. The computing device of claim 7, wherein the first panel comprises a list of messages, wherein the first element is a first message in the list of messages, and wherein the content associated with the first element comprises details associated with the first message.

9. The computing device of claim 8, wherein the second element is a second message in the list of messages and wherein the updated content in the second panel comprises content associated with the second message.

10. The computing device of claim 7, wherein the computer processor is further configured to control the computing device to:

based on detecting a change in orientation of the computing device while the second panel partially overlaps the first panel,

slide the second panel by an amount sufficient to expose a portion of the first panel hidden by the partial overlapping.

11. The computing device of claim 7, wherein the computer processor is further configured to:

adjust, without requiring user input, a size of the second panel to accommodate the updated content.

12. A non-transitory computer-readable storage medium comprising a plurality of instructions for displaying content, the plurality of instructions configured to execute on at least one computer processor of a computing device comprising touchscreen display to enable the computing device to at least:

display, in a viewable area of the touchscreen display, a stack including one or more separately movable panels;

based on detecting a touch input for a first element in a first panel of the stack while no panel higher in the stack than the first panel is displayed in the viewable area, slide, from outside the viewable area into the viewable area, a second panel higher in the stack than the first panel, wherein the second panel includes content associated with the first element and partially overlaps the first panel;

based on detecting a touch input for a second element in the first panel of the stack while at least part of the second panel is displayed in the viewable area, updating the content in the second panel; and

based on detecting a swipe gesture for the second panel, sliding away the second panel to outside of the viewable area so as to display the first panel of the stack with no panel higher in the stack than the first panel being displayed in the viewable area.

13. The non-transitory computer-readable storage medium of claim 12, wherein the first panel comprises a list of messages, wherein the first element is a first message in the list of messages, and wherein the content associated with the first element comprises details associated with the message.

14. The non-transitory computer-readable storage medium of claim 13, wherein the second element is a second message in the list of messages and wherein the updated content in the second panel comprises content associated with the second message.

15. The non-transitory computer-readable storage medium of claim 13, wherein the plurality of instructions are configured to execute on the at least one computer processor to enable the computing device to highlight the first message.

16. The non-transitory computer-readable storage medium of claim 12, wherein the plurality of instructions are configured to execute on the at least one computer processor to enable the computing device to:

based on detecting a change in orientation in the computing device while the second panel partially overlaps the first panel, slide the second panel by an amount sufficient to expose a portion of the first panel hidden by the partial overlapping.