Contextual action mechanisms in chat user interfaces

Patent metadata

Field	Value
Publication number	US-11249621-B2
Application number	US-202016947920-A
Country	US
Kind code	B2
Filing date	Aug 24, 2020
Priority date	Dec 11, 2016
Publication date	Feb 15, 2022
Grant date	Feb 15, 2022

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 one or more computer processor devices; and
memory having stored thereon machine-readable instructions that, when executed by the one or more computer processor devices, configure the system 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; and
responsive to the user input, launching a contextual action menu overlaid on the series of message cells of 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,
wherein the launching of the contextual action menu comprises automatically calculating a display scale and a vertical on-screen position of the preview area based at least in part on a vertical extent and on a vertical on-screen position of the selected message cell, such that the on-screen position of the preview area and an on-screen size of the preview area are variable from one instance of launching the action menu to another as a factor of both the message cell vertical extent and the message cell vertical position.

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 1 , wherein the vertical on-screen position of the message cell 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.

4. The system of claim 1 , wherein the instructions configure the system to scale the message content preview to fit the calculated display scale of the preview area.

5. The system of claim 4 , wherein the instructions configure the system 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 string 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.

6. The system of claim 1 , wherein the instructions configure the system to calculate the display scale and the vertical on-screen position of the preview area according to operations comprising:
determining a default vertical extent for the action 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 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.

7. The system of claim 6 , wherein the instructions configure the system to, if is determined that 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 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; and
in an automated operation performed responsive to the user input and performed using one or more computer processor devices configured therefor, launching a contextual action menu overlaid on the series of message cells of 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,
wherein the launching of the contextual action menu comprises automatically calculating a display scale and a vertical on-screen position of the preview area based at least in part on a vertical extent and on a vertical on-screen position of the selected message cell, such that the on-screen position of the preview area and an on-screen size of the preview area are variable from one instance of launching the action menu to another as a factor of both the message cell vertical extent and the message cell vertical position.

9. The method of claim 8 , wherein the one or more action items are displayed immediately below the preview area.

10. The method of claim 8 , wherein the vertical on-screen position of the message cell 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.

11. The method of claim 8 , further comprising scaling the message content preview to fit the calculated display scale of the preview area.

12. The method of claim 11 , wherein the scaling of the message content preview for a text message is performed 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 string 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.

13. The method of claim 8 , wherein the calculating of the display scale and the vertical on-screen position of the preview area comprises:
determining a default vertical extent for the action 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 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.

14. The method of claim 13 , wherein the calculating of the display scale and the vertical on

Assignees

• Snap Inc

Inventors

• Al Majid Newar Husam
• Doty Devin
• Wu William

Classifications

• H04L51/52

  for supporting social networking services · CPC title

• G06T2200/24

  involving graphical user interfaces [GUIs] · CPC title

• G06F3/0482 Primary

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

• H04L51/04 Primary

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

• H04L51/10

  Multimedia information · CPC title