Systems and methods for providing a user interface with grid view

• US 10,296,553 B2
• Filed: 11/22/2017
• Issued: 05/21/2019
• Est. Priority Date: 02/29/2012
• Status: Active Grant

• Current Assignee: eBay Inc.
• Original Assignee: eBay Inc.
• Inventors: Knox, Derek
• Primary Examiner(s): Ries, Laurie A
• Application Number:
  US15/821,038
• Publication Number:
  US 20180081985A1
• Time in Patent Office: 545 Days
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 40/14 Tree-structured documents parsing G06F40/205; validation G06F40/226
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06Q 30/016 After-sales

Abstract

A tool (systems, apparatus, methodology, application, user interface, etc.) for accessing content, such as webpages hosted over a network such as the internet, and more particularly, a tool for accessing the content of a webpage and further displaying a grid view superimposed over the content of the webpage.

Claims

1. A system comprising:

a processor; and

memory coupled to the processor and storing instructions that, when executed by the processor, cause the system to perform operations comprising;

displaying content via a user interface of a client terminal in communication with the system;

generating and displaying an overlay via the user interface of the client terminal, the overlay being superimposed over the content and including one or more cells, wherein displaying the overlay includes;

determining a display resolution and a display size of the user interface; and

adjusting a size of the overlay and a scale of the overlay based on the determined display resolution of the user interface and the determined display size of the user interface; and

receiving a user selection of a user interface element displayed via the user interface, the selected user interface element being associated with a first portion of the overlay.

2. The system of claim 1, wherein displaying the overlay includes only displaying horizontal and vertical lines of the selected first portion of the overlay.

3. The system of claim 1, wherein the user selection is associated with at least one horizontal axis indicia and at least one vertical axis indicia for the overlay, and wherein displaying the overlay includes only displaying horizontal and vertical grid lines where the selected horizontal axis indicia and vertical axis indicia overlap.

4. The system of claim 1, wherein displaying the overlay includes:

receiving a selection of a settings option for the overlay via the user interface; and

in response to the selection of the settings option, modifying one or more of;

a distance between horizontal lines of the one or more cells in the overlay, and a distance between vertical lines of the one or more cells in the overlay.

5. The system of claim 1, wherein displaying the overlay includes displaying a grid of cells within the first portion of the overlay.

6. The system of claim 1, wherein the memory further stores instructions for causing the system to perform operations comprising:

responsive to the user selection of the user interface element, modifying a transparency factor of one or more of the cells of the overlay.

7. The system of claim 6, wherein the system modifies one of:

a transparency factor of the first portion of the overlay, or a transparency factor of each portion of the overlay other than the first portion of the overlay.

8. The system of claim 1, wherein the overlay includes plural horizontal lines and plural vertical lines, at least one of the cells being bounded by at least two of the lines.

9. The system of claim 1, wherein the overlay includes plural horizontal lines connected to a vertical axis and plural vertical lines connected to a horizontal axis, the horizontal and vertical axes including plural alphanumeric indicia that each identify a cell of the overlay bounded by at least two of the lines.

10. A method comprising:

displaying, by a computer system, content via a user interface of a client terminal in communication with the computer system;

generating and displaying, by the computer system, an overlay via the user interface of the client terminal, the overlay being superimposed over the content and including one or more cells, wherein displaying the overlay includes;

receiving a selection of a settings option for the overlay via the user interface; and

in response to the selection of the settings option, modifying one or more of;

a distance between horizontal lines of the one or more cells in the overlay, and a distance between vertical lines of the one or more cells in the overlay;

receiving, by the computer system, a user selection of a user interface element displayed via the user interface, the selected user interface element being associated with a first portion of the overlay; and

responsive to the user selection of the user interface element, modifying, by the computer system, a transparency factor of one or more of the cells of the overlay.

11. The method of claim 10, wherein displaying the overlay includes only displaying horizontal and vertical lines of the selected first portion of the overlay.

12. The method of claim 10, wherein the user selection is associated with at least one horizontal axis indicia and at least one vertical axis indicia for the overlay, and wherein displaying the overlay includes only displaying horizontal and vertical grid lines where the selected horizontal axis indicia and vertical axis indicia overlap.

13. The method of claim 10, wherein displaying the overlay includes displaying a grid of cells within the first portion of the overlay.

14. The method of claim 10, wherein displaying the overlay includes:

determining a display resolution and a display size of the user interface; and

adjusting a size of the overlay and a scale of the overlay based on the determined display resolution of the user interface and the determined display size of the user interface.

15. The method of claim 10, wherein the system modifies one of:

a transparency factor of the first portion of the overlay, or a transparency factor of each portion of the overlay other than the first portion of the overlay.

16. The method of claim 10, wherein the overlay includes plural horizontal lines and plural vertical lines, at least one of the cells being bounded by at least two of the lines.

17. The method of claim 10, wherein the overlay includes plural horizontal lines connected to a vertical axis and plural vertical lines connected to a horizontal axis, the horizontal and vertical axes including plural alphanumeric indicia that each identify a cell of the overlay bounded by at least two of the lines.

18. A non-transitory computer-readable medium storing instructions that, when executed by a computer system, cause the computer system to perform operations comprising:

displaying content via a user interface of a client terminal in communication with the computer system;

generating and displaying an overlay via the user interface of the client terminal, the overlay being superimposed over the content and including one or more cells, wherein displaying the overlay includes;

receiving a selection of a settings option for the overlay via the user interface; and

in response to the selection of the settings option, modifying one or more of;

a distance between horizontal lines of the one or more cells in the overlay, and a distance between vertical lines of the one or more cells in the overlay;

receiving a user selection of a user interface element displayed via the user interface, the selected user interface element being associated with a first portion of the overlay; and

responsive to the user selection of the user interface element, modifying a transparency factor of one or more of the cells of the overlay.

19. The non-transitory computer-readable medium of claim 18, wherein the instructions cause the computer system to perform operations further comprising determining a display resolution and a display size of the user interface;

and adjusting a size of the overlay and a scale of the overlay based on the determined display resolution of the user interface and the determined display size of the user interface.

20. The non-transitory computer-readable medium of claim 18, wherein the instructions cause the computer system to perform operations further comprising modifying one of:

a transparency factor of the first portion of the overlay, or a transparency factor of each portion of the overlay other than the first portion of the overlay.