IP Library Granted Patent US 11,768,573
Granted Patent B2
US 11,768,573 · App. 18/094,085 · Granted Sep 26, 2023

Graphical user interface marking feedback

Inventors: James Harrison Creager (Raleigh, NC); Daniel Jordan Schantz (Raleigh, NC); Brannan Rhett McDougald (Raleigh, NC)
Assignee: Truist Bank
G06F3/0481G06Q50/01G06F2203/04804
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 11,768,573
App. No.
18/094,085
Granted
Sep 26, 2023
Kind
B2
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.

Claims (50)

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 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; and

transmitting, by the client device, the source code and selection information for the selected web page element to a remote 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 in a database on the server.

15 . The non-transitory computer readable medium as defined in claim 14 , 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.

Continuity (4)
Continuation 17676959 · Feb 22, 2022
Continuation 16923327 · Jul 8, 2020
Provisional Application 62875189 · Jul 17, 2019
Related Publication 20230152934A1 · May 18, 2023