User interface based on viewable area of a display

• US 10,489,012 B1
• Filed: 07/16/2013
• Issued: 11/26/2019
• 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/943,412
• Time in Patent Office: 2,324 Days
• Field of Search: 715766, 715220, 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 of displaying content in a computing device including a display. The method includes: displaying content on the display; detecting, by the display, a pinch gesture corresponding to an item in the content; displaying, concurrently with the item, a modal window including additional content associated with the item.

Claims

1. A display method for a computing device including a touchscreen display, the method comprising:

displaying, on the touchscreen display, one or more panels separately slidable from a viewable area of the touchscreen display to outside the viewable area of the touchscreen display, a first one of the panels including a list of messages;

based on detecting, via the touchscreen display, input of a first type for a first one of the messages, displaying, on the touchscreen display, a modal window which is animated to originate at a location of the first message and comprises first information associated with the first message;

based on detecting, via the touchscreen display, input of a second type for the first message, different from the first type, displaying on the touchscreen display, a pull-down view comprising second information associated with the first message; and

based on detecting, via the touchscreen display, input of a third type for the first message, different from the first and second types, sliding, into the viewable area of the touchscreen display, a second one of the panels comprising third information associated with the first message.

2. The method of claim 1, wherein the input of the first type comprises an outward pinch gesture.

3. The method of claim 1, wherein the list of messages is partially overlapped by the modal window.

4. The method of claim 1, wherein the input of the first type comprises a pinch gesture.

5. The method of claim 1, wherein the input of the second type comprises a drag gesture.

6. The method of claim 1, wherein the input of the third type comprises a touch input to the first message.

7. The method of claim 1, wherein the second information comprises a message thread including the first message.

12. The computing device of claim 1, wherein the input of the first type comprises a pinch gesture.

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

displaying, on the touchscreen display, one or more panels separately slidable from a viewable area of the touchscreen display to outside the viewable area of the touchscreen display, a first one of the panels including a list of messages; and

based on detecting, via the touchscreen display, input of a first type for a first one of the messages,

identifying, by the computing device, first information associated with the first message; and

displaying, on the touchscreen display, a modal window which is animated to originate at a location of the first message in the list of messages and comprises the first information;

based on detecting, via the touchscreen display, input of a second type for the first message, different from the first type,

identifying, by the computing device, second information associated with the first message; and

displaying, on the touchscreen display, a pull-down view comprising the second information; and

based on detecting, via the touchscreen display, input of a third type for the first message, different from the first and second types,

identifying, by the computing device, third information associated with the first message; and

sliding, into the viewable area of the touchscreen display, a second one of the panels comprising the third information.

9. A computing device, comprising:

a touchscreen display;

memory for storing program instructions; and

a computer processor,

wherein the computer processor is configured to execute the program instructions to at least;

control display, on the touchscreen display, of one or more panels separately slidable from a viewable area of the touchscreen display to outside the viewable area of the touchscreen display, a first one of the panels including a list of messages;

based on detecting, via the touchscreen display, input of a first type for a first one of the messages, control display, on the touchscreen display, of a modal window which is animated to originate at a location of the first message in the list of messages and comprises first information associated with the message;

based on detecting, via the touchscreen display, input of a second type for the first message, different from the first type, displaying on the touchscreen display, a pull-down view comprising second information associated with the first message; and

based on detecting, via the touchscreen display, input of a third type for the first message, different from the first and second types, sliding, into the viewable area of the touchscreen display, a second one of the panels comprising third information associated with the first message.

10. The computing device of claim 9, wherein the input of the first type comprises an outward pinch gesture.

11. The computing device of claim 9, wherein the list of messages is partially overlapped by the modal window.

13. The computing device of claim 9, wherein the input of the second type comprises a drag gesture.

14. The computing device of claim 9, wherein the input of the third type comprises a touch input to the first message.

15. The computing device of claim 9, wherein the second information comprises a message thread including the first message.

16. A non-transitory computer-readable storage medium comprising a plurality of instructions for displaying content, the plurality of instructions, when executed by at least one computer processor of a computing device, enables the at least one computer processor to at least:

control display, on a touchscreen display of the computing device, of one or more panels separately slidable from a viewable area of the touchscreen display to outside the viewable area of the touchscreen display, a first one of the panels including a list of messages;

based on detecting, via the touchscreen display, input of a first type for a first one of the messages, display, on the touchscreen display, control display of a modal window which is animated to originate at a location of the first message in the list of messages and comprises first information associated with the first message;

based on detecting, via the touchscreen display, input of a second type for the first message, different from the first type, displaying on the touchscreen display, a pull-down view comprising second information associated with the first message; and

based on detecting, via the touchscreen display, input of a third type for the first message, different from the first and second types, sliding, into the viewable area of the touchscreen display, a second one of the panels comprising third information associated with the first message.

17. The non-transitory computer-readable storage medium of claim 16, wherein the input of the first type comprises an outward pinch gesture.

18. The non-transitory computer-readable storage medium of claim 16, wherein the list of messages is partially overlapped by the modal window.

19. The non-transitory computer-readable storage medium of claim 16, wherein the plurality of instructions, when executed, enable the at least one computer processor to:

control display of an animation of the modal window originating at a location of the first message and expanding therefrom.

20. A computing device comprising:

a touchscreen display;

one or more processors; and

memory for storing program instructions for a messaging application, wherein

the one or more computer processors configured to execute the program instructions for the messaging application to;

control display, on the touchscreen display, of one or more panels separately slidable from a viewable area of the touchscreen display to outside the viewable area of the touchscreen display, a first one of the panels including a list of messages;

based on detecting, via the touchscreen display, input of a first type for a first one of the messages, control blanking out of the first message in the list of messages and display of a modal window which is animated to originate at a location of the first message in the list of messages and to at least partly overlay the list of messages, the window comprising first information associated with the first message;

based on detecting, via the touchscreen display, input of a second type for the first message, different from the first type, displaying on the touchscreen display, a pull-down view comprising second information associated with the first message; and

based on detecting, via the touchscreen display, input of a third type for the first message, different from the first and second types, sliding, into the viewable area of the touchscreen display, a second one of the panels comprising third information associated with the first message.