Contextual action mechanisms in chat user interfaces

Patent metadata

Field	Value
Publication number	US-10782852-B1
Application number	US-201715837985-A
Country	US
Kind code	B1
Filing date	Dec 11, 2017
Priority date	Dec 11, 2016
Publication date	Sep 22, 2020
Grant date	Sep 22, 2020

Abstract

A graphical user interface (GUI) for a messaging or chat application on a mobile electronic device launches, responsive to user-selection of a particular message cell in the GUI, a contextual message overlaid on an underlying scrollable message board or list. The action menu comprises a preview area displaying a preview of message content of the selected message cell, and further comprises one or more user-selectable action items for executing respective corresponding user actions with respect to the selected message. The preview area is automatically scaled and positioned dependent on one or more attributes of the selected message cell.

First claim

What is claimed, is:

1. A system comprising:
a graphical user interface (GUI) controller comprising one or more computer processor devices configured to perform automated operations comprising:
causing display on a mobile user device of a GUI for a chat application, the GUI including a vertically extending scrollable series of message cells, each message cell displaying message content of a corresponding message;
receiving user input indicating selection of one of the message cells;
responsive to the user input, launching a contextual action menu overlaid on the series of message cells, the action menu comprising:
a preview area displaying a preview of the message content of the selected message cell; and
one or more action items that are user-selectable to cause performance of respective corresponding actions with respect to the message of the selected message cell; and

automatically scaling the preview area and determining a vertical on-screen position of the action menu based on one or more attributes of the selected message cell, such that one or more of the on-screen position of the action menu and an on-screen size of the preview area is variable from one instance of launching the action menu to another, the scaling and position determining comprising:
determining a default vertical extent for the preview area as a fixed percentage of the vertical extent of the selected message cell;
determining a default vertical center for the action menu based on the vertical on-screen position of the selected message cell;
determining if default upper and lower bounds of the action menu based on the default vertical extent and default vertical center fall within an available display area;
if the default upper and lower bounds fall within the available display area, displaying the action menu according to the default vertical extent and the default vertical center; and
if one of the default upper and lower bounds exceed the available display area, displaying the preview area with a reduced vertical extent relative to the default vertical extent.

2. The system of claim 1 , wherein the one or more action items are displayed immediately below the preview area.

3. The system of claim 2 , wherein the one or more message cell attributes upon which determination of the default vertical on-screen position of the action menu is based includes a vertical position of the selected message cell.

4. The system of claim 3 , wherein the default vertical on-screen position of the action menu is determined such that a vertical center of the preview area of the action menu is substantially in register with a vertical center of the selected message cell.

5. The system of claim 1 , wherein the GUI controller is further configured to scale the message content preview to fit the scaled preview area.

6. The system of claim 5 , wherein the GUI controller is configured to scale the message content preview for a text message according to operations comprising:
if a text string of the message fits into the preview area at a font size equal or greater to a predefined minimum font size, displaying the whole text string at a reduced font size; and
if the text stream of the message does not fit into the preview area and the predefined minimum font size, displaying a truncated version of the text string in the preview area.

7. The system of claim 1 , wherein the GUI controller is configured to, if the default upper bound falls outside the available display area, determine a vertical position and vertical extent for the preview area such that:
an upper vertical bound of the action menu substantially corresponds with an upper threshold of the available display area; and
a lower vertical bound of the action menu substantially corresponds with a lower vertical boundary of the selected message cell,
provided that the vertical extent of the preview area thus determined is no smaller than a predefined minimum size.

8. A method comprising:
causing display on a user device of a GUI for a chat application, the GUI including a vertically extending scrollable series of message cells, each message cell displaying message content of a corresponding message;
receiving user input indicating selection of one of the message cells;
in an automated operation performed by one or more computer processors responsive to the user input, launching a contextual action menu overlaid on the series of message cells, the action menu comprising:
a preview area displaying a preview of the message content of the selected message cell; and
one or more action items that are user-selectable to cause performance of respective corresponding actions with respect to the message of the selected message cell; and

automatically scaling the preview area and determining a vertical on-screen position of the action menu based on one or more attributes of the selected message cell, such that one or more of the on-screen position of the action menu and an on-screen size of the preview area is variable from one instance of launching the action menu to another, the scaling and position determining comprising:
determining a default vertical extent for the preview area as a fixed percentage of the vertical extent of the selected message cell;
determining a default vertical center for the action menu based on the vertical on-screen position of the selected message cell;
determining if default upper and lower bounds of the action menu based on the default vertical extent and default vertical center fall within an available display area;
if the default upper and lower bounds fall within the available display area, displaying the action menu according to the default vertical extent and the default vertical center; and
if one of the default upper and lower bounds exceed the available display area, displaying the preview area with a reduced vertical extent relative to the default vertical extent.

9. The method of claim 8 , further comprising, while the action menu is displayed, rendering a background to the action menu provided by an exposed portion of the series of message cells in a dimmed mode.

10. The method of claim 8 , wherein the action menu spans more than 90% of the horizontal span of available screen area on which the series of message cells is displayed.

11. The method of claim 8 , wherein the one or more message cell attributes upon which determination of the default vertical on-screen position of the action menu is based includes a vertical position of the selected message cell.

12. The method of claim 8 , wherein the one or more message cell-attributes that affect the default vertical on-screen position of the action menu comprise a vertical height of the selected message cell and a vertical on-screen position of the selected message cell.

13. A non-transitory machine-readable storage medium having stored thereon instructions for causing a machine, when executing the instructions, to perform operations comprising:
causing display on a user device of a GUI for a chat application, the GUI including a vertically extending scrollable series of message cells, each message cell displaying message content of a corresponding message;
receiving user input indicating selection of one of the message cells;
responsive to the user input, launching a contextual action menu overlaid on the series of message cells, the action menu comprising:
a preview area displaying a preview of the message content of the selected message cell; and one or more action items that are user-selectable to cause performance of respective corresponding actions with respect to the message of the selected message cell; and
scaling the previe

Assignees

• Snap Inc

Inventors

• Al Majid Newar Husam
• Doty Devin
• Wu William

Classifications

• H04L51/52

  for supporting social networking services · CPC title

• G06F3/0488

  using a touch-screen or digitiser, e.g. input of commands through traced gestures · CPC title

• H04L51/10

  Multimedia information · CPC title

• H04L51/04 Primary

  Real-time or near real-time messaging, e.g. instant messaging [IM] · CPC title

• G06T3/20

  Linear translation of whole images or parts thereof, e.g. panning · CPC title