Graphical user interface marking feedback

Patent metadata

Field	Value
Publication number	US-11768573-B2
Application number	US-202318094085-A
Country	US
Kind code	B2
Filing date	Jan 6, 2023
Priority date	Jul 17, 2019
Publication date	Sep 26, 2023
Grant date	Sep 26, 2023

Abstract

A method for providing user feedback for a website includes generating, via a programming interface of a first computing device, a substantially transparent overlay for a graphical user interface (GUI) of a web page, the substantially transparent overlay preventing user interaction with the GUI of the web page, receiving coordinates of an area on the substantially transparent overlay, translating, by the first computing device, the coordinates of the area on the substantially transparent overlay to source code for an element on the GUI of the web page located at a corresponding position of the coordinates of the area on the substantially transparent overlay, and transmitting, by the first computing device, source code for the element to a second computing device for rendering the element on a second computing device GUI.

First claim

What is claimed is:

1 . A method for providing user feedback for a website using a graphical user interface (GUI), the method comprising:
receiving, by a client device, an initiating event; in response to the initiating event, generating, via a programming interface of the client device, a substantially transparent overlay for a GUI of a web page, the substantially transparent overlay preventing user interaction with the GUI of the web page, the substantially transparent overlay configured to accept a selection of an area of the web page; receiving, by the client device, the selection of an area of the web page on the substantially transparent overlay, wherein selection information comprises at least one of: generated image files, a source code record, state-based information of the GUI, information about a user system, or information about a user; rendering, by the client device, web page elements from the selected area on the substantially transparent overlay; in response to detecting a concluding event for the selection, translating, by the client device, coordinates of the rendered web page elements on the substantially transparent overlay to corresponding elements on the GUI of the web page; identifying, by the client device, GUI source code corresponding to coordinates of the selected web page elements on the GUI of the web page; creating an image file including the GUI of the web page and a graphical element rendered on the substantially transparent overlay, the image file created from source code of the GUI of the web page and the graphical element; transmitting, by the client device, the source code and selection information for the selected web page element to a remote server; storing the source code and selection information on the remote server; and associating the source code and selection information stored on the remote server with a user problem report and storing the user problem report, the source code for the element, and the selection information in a database on the remote server.

2 . The method of claim 1 , wherein the remote computing device is configured to render the elements of the GUI of the web page defined by the source code on a GUI of the remote computing device.

3 . The method of claim 1 , wherein the initiating event is generated by the remote computing device and transmitted to the client device.

4 . The method of claim 1 , wherein coordinates of the area on the substantially transparent overlay are received via a user input device.

5 . The method of claim 1 , wherein the coordinates of the selected web page elements comprise X and Y coordinates at different depths on a Z axis of the web page GUI.

6 . The method of claim 1 , further comprising accessing, by a remote computing device, the source code and selection information from the remote server at a subsequent time; and
rendering, by the remote computing device, a representation of the selected area of the web page.

7 . A system, comprising:
a first computing device; a second computing device; and a server configured to communicate with the first computing device and the second computing device; the first computing device configured to perform operations including:
receiving, from the second computing device, an initiating event;
in response to the initiating event, generating, via a programming interface of the first computing device, a substantially transparent overlay for a graphical user interface (GUI) of a web page, the substantially transparent overlay operable to prevent user interaction with the GUI of the web page, the substantially transparent overlay configured to accept a selection of an area of the web page;
receiving, by the first computing device, the selection of an area of the web page on the substantially transparent overlay, wherein selection information comprises at least one of: generated image files, a source code record, state-based information of the GUI, information about a user system, or information about a user;
rendering, by the first computing device, web page elements from the selected area on the substantially transparent overlay;
in response to detecting a concluding event for the selection, translating coordinates of the rendered web page elements on the substantially transparent overlay to corresponding elements on the GUI of the web page;
identifying, by the first computing device, GUI source code corresponding to the coordinates of the selected web page elements on the GUI of the web page;
creating an image file including the GUI of the web page and a graphical element rendered on the substantially transparent overlay, the image file created from source code of the GUI of the web page and the graphical element;
transmitting, by the first computing device, the source code and selection information for the selected web page element to the server; and
storing the source code and selection information on the server,
wherein the server is configured to associate the source code and selection information with a user problem report and store the user problem report, the source code for the element, and the selection information for the element in a database on the server.

8 . The system of claim 7 , wherein the second computing device is configured to render the elements of the GUI of the web page defined by the source code on the web page GUI of the second computing device.

9 . The system of claim 7 , wherein the second computing device is configured to render the elements of the GUI of the web page defined by the source code on a GUI of the second computing device.

10 . The system of claim 7 , wherein the initiating event is generated by the second computing device and transmitted to the first computing device.

11 . The system of claim 7 , wherein the coordinates of the area on the substantially transparent overlay are received via a user input device.

12 . The system of claim 7 , wherein the coordinates of the selected web page elements comprise X and Y coordinates at different depths on a Z axis of the web page GUI.

13 . The system of claim 7 , wherein the second computing device configured to access the source code and selection information from the server at a subsequent time; and
render a representation of the selected area of the web page GUI.

14 . A non-transitory computer readable medium having stored therein instructions that are executable for performing operations including:
receiving, by a client device, an initiating event; in response to the initiating event, generating, via a programming interface of the client device, a substantially transparent overlay for a GUI of a web page, the substantially transparent overlay preventing user interaction with the GUI of the web page, the substantially transparent overlay configured to accept a selection of an area of the web page; receiving, from an input device, the selection of an area of the web page on the substantially transparent overlay, wherein selection information comprises at least one of: generated image files, a source code record, state-based information of the GUI, information about a user system, or information about a user; rendering, by the client device, web page elements from the selected area on the substantially transparent overlay; in response to detecting a concluding event for the selection, translating, by the client device, coordinates of the rendered web page elements on the substantially transparent overlay to corresponding elements on the GUI of the web page; identifying, by the client device, GUI source code corresponding to coordinates of the selected web page elements

Assignees

• Truist Bank

Inventors

• Creager James Harrison
• Schantz Daniel Jordan
• Mcdougald Brannan Rhett

Classifications

• G06Q10/40

  Business processes related to social networking or social networking services · CPC title

• G06F3/0481 Primary

  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 title

• G06Q50/01

  Physics · mapped topic

• G06F2203/04804

  Transparency, e.g. transparent or translucent windows · CPC title

• G06F9/451

  Execution arrangements for user interfaces · CPC title