Dynamically rendering interaction statistics data for content elements of an information resource using visual styles

• US 10,212,061 B2
• Filed: 04/25/2016
• Issued: 02/19/2019
• Est. Priority Date: 04/25/2016
• Status: Active Grant

• Current Assignee: Google LLC (Alphabet Inc.)
• Original Assignee: Google LLC (Alphabet Inc.)
• Inventors: Demiralp, Emre, Bersano-Begey, Tommaso Francesco
• Primary Examiner(s): Gaffin, Jeffrey A
• Assistant Examiner(s): Dahir, Bille M
• Application Number:
  US15/137,864
• Publication Number:
  US 20170310567A1
• Time in Patent Office: 1,030 Days
• CPC Class Codes: G06F 16/957 Browsing optimisation, e.g. caching or content distillation
• CPC Class Codes: G06F 3/0481 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 Class Codes: G06F 40/14 Tree-structured documents parsing G06F40/205; validation G06F40/226
• CPC Class Codes: G06F 40/166 Editing, e.g. inserting or deleting
• CPC Class Codes: G06T 11/001 Texturing; Colouring; Generation of texture or colour inpainting G06T5/77
• CPC Class Codes: G06T 11/206 Drawing of charts or graphs
• CPC Class Codes: H04L 43/062 related to network traffic
• CPC Class Codes: H04L 43/08 Monitoring or testing based on specific metrics, e.g. QoS, energy consumption or environmental parameters

Abstract

Systems and methods of dynamically rendering webpage interaction statistics data are described herein. A computing device can receive, at a first time, the information resource. The information resource can include a content element, a first interaction metric for the content element, and a style specifier. The style specifier can a first and second visual style corresponding to a first and second range of interaction metrics respectively. The computing device can determine that the first interaction metric is within the first range and set the content element to the first style based on the determination. The computing device can receive, at a second time, a second interaction metric for the content element. The computing device can determine that the second interaction metric is within the second range and set the content element to the second style based on the determination.

Claims

1. A method of dynamically rendering webpage interaction statistics data over graphical user interfaces, comprising:

receiving, by a resource request module executing on a computing device having one or more processors, via a network interface, at a first time, from an interaction log system, an information resource including;

a content element,

a first interaction metric for the content element, the first interaction metric based on interaction data accumulated by the interaction log system from a plurality of client devices for the content element of the information resource, and

a style specifier specifying a first visual style corresponding to a first range of interaction metrics and a second visual style corresponding to a second range of interaction metrics;

determining, by an element mapper module executing on the computing device, that the first interaction metric of the content element is within the first range of interaction metrics;

setting, by a resource modifier module executing on the computing device, the content element to the first visual style to indicate that the first interaction metric is determined to be within the first range of interaction metrics;

displaying, by a rendering engine executing on the computing device, the information resource including the content element set to the first visual style;

receiving, by the resource request module, while the information resource is loaded and displayed with the content element set to the first visual style at second time subsequent to the first time, from the interaction log system, a second interaction metric for the content element, the second interaction metric based on the interaction data accumulated by the interaction log system from the plurality of client devices for the content element of the information resource;

determining, by the element mapper module, that the second interaction metric of the content element is within the second range of interaction metrics;

modifying, by the resource modifier module, the content element of the information resource from the first visual style to the second visual style to indicate that the second interaction metric is determined to be within the second range of interaction metrics; and

displaying, by the rendering engine, the information resource including the content element modified from the first visual style to the second visual style.

2. The method of claim 1, wherein receiving the information resource at the first time further comprises receiving the information resource including:

a plurality of first interaction metrics, each of the first interaction metrics corresponding to a client device segment, each client device segment corresponding to a subset of the plurality of client devices; and

an interface element including a plurality of actionable items corresponding to each of the plurality of client device segments, each of the plurality of actionable items configured to set the content element to the first visual style or the second visual style based on the corresponding first interaction metric of the plurality of interaction metrics;

wherein receiving the second interaction metric at the second time further comprises receiving the plurality of second interaction metrics, each of the plurality of second interaction metrics corresponding to the client device segment; and

further comprising;

inserting, by the resource modifier module, the interface element into the information resource;

wherein setting the content element to the first visual style further comprises setting the content element to the first visual style, responsive to detecting a first event on one of the plurality of actionable items on the interface element and determining that the corresponding first interaction metric of the plurality of first interaction metrics is within the first range of interaction metrics; and

wherein modifying the content element to the second visual style further comprises modifying the content element to the second visual style, responsive to detecting a second event on one of the plurality of actionable items on the interface element and determining that the corresponding second interaction metric of the plurality of second interaction metrics is within the second range of interaction metrics.

3. The method of claim 1, wherein receiving the information resource including the first interaction metric further comprises receiving the information resource including:

the first interaction metric including a first type interaction metric and a second type interaction metric, each of the first type interaction metric and the second type interaction metric based on the interaction data accumulated by the interaction log system from the plurality of client devices for the content element of the information resource; and

an interface element including a first actionable item and a second interaction item, the first actionable item configured to set the content element to the first visual style or the second visual style based on the first type interaction metric, the second actionable item configured to set the content element to the first visual style or the second visual style based on the second type interaction metric; and

further comprising;

monitoring, by the resource modifier module, for an event on the first actionable item; and

wherein determining that the first interaction metric is within the first range of interaction metrics further comprises determining that the first type interaction metric is within the first range of interaction metrics, responsive to detecting the event on the first actionable item; and

wherein setting the content element to the first visual style further comprises setting the content element to the first visual style based on determining that the first type interaction metric is within the first range of interaction metrics.

4. The method of claim 1, wherein receiving the information resource including the first interaction metric further comprises receiving the information resource including:

the first content element being actionable;

a second content element, the second content element having a default visual style and being non-actionable;

a third interaction metric for the second content element, the third interaction metric based on the interaction data accumulated by the interaction log system from a plurality of client devices for the second content element of the information resource;

the style specifier specifying the first visual style for the second content element corresponding to the first range of interaction metrics and the second visual style for the second content element corresponding to the second range of interaction metrics; and

further comprising;

identifying, by the element mapper module, that the content element is actionable and that the second content element is non-actionable;

wherein setting the content element to the first visual style further comprises setting the content element to the first visual style, responsive to identifying that the content element is actionable; and

further comprising;

maintaining, by the resource modifier module, the second content element to the default visual style, responsive to identifying that the second content element is non-actionable.

5. The method of claim 1, wherein receiving the information resource including the first interaction metric further comprises receiving an interface element including an actionable item configured to set the content element to the one of first visual style and the second visual style or a default visual style of the content element;

and further comprising;

monitoring, by the resource modifier module, for an event on the actionable item of the interface element;

determining, by the element mapper module, that the content element is set to the first visual style or the second visual style, responsive to detecting the event on the interface element; and

setting, by the resource modifier module, the content element to the default visual style of the content element, responsive to determining that the content element is set to the first visual style or the second visual style.

6. The method of claim 1, further comprising:

comparing, by the element mapper module, the second interaction metric to the first interaction metric, responsive to receiving the second interaction metric;

wherein setting the content element to the second visual style further comprises inserting an interaction metric difference indicator on the content element based on determining that the second interaction metric differs from the first interaction metric by at least a predefined margin.

7. The method of claim 1, further comprising:

monitoring, by the resource modifier module, for an event on the content element; and

inserting, by the resource modifier module, responsive to detecting the event on the content element, a text element onto the information resource, the text element including the first interaction metric or the second interaction metric.

8. The method of claim 1, wherein receiving the second interaction metric further comprises receiving the second interaction metric from the interaction log system, responsive to the interaction log system determining that the interaction data has changed by at least a predefined metric threshold between the second time and the first time.

9. The method of claim 1, wherein receiving the second interaction metric further comprises receiving the second interaction metric from the interaction log system, responsive to the interaction log system determining that a predefined time threshold has lapsed between the first time and the second time.

10. A system for dynamically rendering webpage interaction statistics data over graphical user interfaces, comprising:

a resource request module executing on a computing device having one or more processors that;

receives, via a network interface, at a first time, from the interaction log system, an information resource including;

a content element,

a first interaction metric for the content element, the first interaction metric based on interaction data accumulated by the interaction log system from a plurality of client devices for the content element of the information resource, and

a style specifier specifying a first visual style corresponding to a first range of interaction metrics and a second visual style corresponding to a second range of interaction metrics;

an element mapper module executing on the computing device that;

determines that the first interaction metric is within the first range of interaction metrics;

a resource modifier module executing on the computing device that sets content element to the first visual style to indicate that the first interaction metric is determined to be within the first range of interaction metrics;

a rendering engine executing on the computing device that displays the information resource including the content element set to the first visual style;

wherein the resource request module receives, while the information resource is loaded and displayed with the content element set to the first visual style at second time subsequent to the first time, from the interaction log system, a second interaction metric for the content element, the second interaction metric based on the interaction data accumulated by the interaction log system from the plurality of client devices for the content element of the information resource;

wherein the element mapper module;

determines that the second interaction metric of the content element is within the second range of interaction metrics; and

wherein the resource modifier module modifies the content element of the information resource from the first visual style to the second visual style to indicate that the second interaction metric is determined to be within the second range of interaction metrics; and

wherein the rendering engine displays the information resource including the content element modified from the first visual style to the second visual style.

11. The system of claim 10, wherein the resource request module:

receives at the first time the information resource including;

the first interaction metric including a plurality of first interaction metrics, each of the first interaction metrics corresponding to a client device segment, each client device segment corresponding to a subset of the plurality of client devices; and

an interface element including a plurality of actionable items corresponding to each of the plurality of client device segments, each of the plurality of actionable items configured to set the content element to the first visual style or the second visual style based on the corresponding first interaction metric of the plurality of interaction metrics; and

receives at the second time the information resource including;

the second interaction metric including a plurality of second interaction metrics, each of the plurality of second interaction metrics corresponding to the client device segment;

wherein the resource modifier module;

inserts the interface element into the information resource;

sets the content element to the first visual style, responsive to detecting a first event on one of the plurality of actionable items on the interface element and determining that the corresponding first interaction metric of the plurality of first interaction metrics is within the first range of interaction metrics; and

modifies the content element to the second visual style, responsive to detecting a second event on one of the plurality of actionable items on the interface element and determining that the corresponding second interaction metric of the plurality of second interaction metrics is within the second range of interaction metrics.

12. The system of claim 10, wherein the resource request module receives the information resource including:

the first interaction metric including a first type interaction metric and a second type interaction metric, each of the first type interaction metric and the second type interaction metric based on the interaction data accumulated by the interaction log system from the plurality of client devices for the content element of the information resource; and

an interface element including a first actionable item and a second interaction item, the first actionable item configured to set the content element to the first visual style or the second visual style based on the first type interaction metric, the second actionable item configured to set the content element to the first visual style or the second visual style based on the second type interaction metric;

wherein the resource modifier module monitors for an event on the first actionable item; and

wherein the element mapper module determines that the first type interaction metric is within the first range of interaction metrics, responsive to detecting the event on the first actionable item; and

wherein the resource modifier module sets the content element to the first visual style based on determining that the first type interaction metric is within the first range of interaction metrics.

13. The system of claim 10, wherein the resource request module receives the information resource including:

the first content element being actionable;

a second content element, the second content element having a default visual style and being non-actionable;

a third interaction metric for the second content element, the third interaction metric based on the interaction data accumulated by the interaction log system from a plurality of client devices for the second content element of the information resource;

the style specifier specifying the first visual style for the second content element corresponding to the first range of interaction metrics and the second visual style for the second content element corresponding to the second range of interaction metrics;

wherein the element mapper module identifies that the content element is actionable and that the second content element is not actionable;

wherein the resource modifier module;

sets the content element to the first visual style, responsive to identifying that the content element is actionable; and

maintains the second content element to the default visual style, responsive to identifying that the second content element is non-actionable.

14. The system of claim 10, wherein the resource request module:

receives the information resource including an interface element including an actionable item configured to set the content element to the one of first visual style and the second visual style or a default visual style of the content element;

wherein the resource modifier module monitors for an event on the actionable item of the interface element;

wherein the element mapper module determines that the content element is set to be the first visual style or the second visual style, responsive to detecting the event on the interface element; and

wherein the resource modifier module sets the content element to the default visual style of the content element, responsive to determining that the content element is set to the first visual style or the second visual style.

15. The system of claim 10, wherein the element mapper module compares the second interaction metric to the first interaction metric, responsive to receiving the second interaction metric;

and

wherein the resource modifier module inserts an interaction metric difference indicator on the content element based on determining that the second interaction metric differs from the first interaction metric by at least a predefined margin.

16. The system of claim 10, wherein the resource modifier module:

monitors for an event on the content element; and

inserts responsive to detecting the event on the content element, a text element onto the information resource, the text element including the first interaction metric or the second interaction metric.

17. The system of claim 10, wherein the resource request module receives the second interaction metric from the interaction log system, responsive to the interaction log system determining that the interaction data has changed by at least a predefined metric threshold between the second time and the first time.

18. The system of claim 10, wherein the resource request module receives the second interaction metric from the interaction log system, responsive to the interaction log system determining that a predefined time threshold has lapsed between the first time and the second time.

19. The system of claim 10, wherein the resource modifier module

sets a color property of the content element to a first color tuple value different from a default color tuple value of the content element;

and

sets the color property of the content element to a second color tuple value different from the first color tuple value and the default color tuple value of the content element.

20. A method of dynamically rendering webpage interaction statistics data over graphical user interfaces, comprising:

receiving, by a resource request module executing on a computing device having one or more processors, via a network interface, at a first time, from the interaction log system, a webpage including;

a content element,

a first interaction metric for the content element, the first interaction metric based on interaction data accumulated by the interaction log system from a plurality of client devices for the content element of the webpage, and

a style specifier specifying a first visual style corresponding to a first range of interaction metrics and a second visual style corresponding to a second range of interaction metrics;

determining, by an element mapper module executing on the computing device, that the first interaction metric is within the first range of interaction metrics;

setting, by a resource modifier module executing on the computing device, the content element to the first visual style to indicate that the first interaction metric is determined to be within the first range of interaction metrics;

displaying, by a rendering engine executing on the computing device, the webpage including the content element set to the first visual style;

receiving, by the resource request module, while the webpage is loaded and displayed with the content element set to the first visual style at second time subsequent to the first time, from the interaction log system, a second interaction metric for the content element, the second interaction metric based on the interaction data accumulated by the interaction log system from the plurality of client devices for the content element of the webpage;

determining, by the element mapper module, that the second interaction metric is within the second range of interaction metrics;

modifying, by the resource modifier module, the content element of the webpage from the first visual style to the second visual style to indicate that the second interaction metric is determined to be within the second range of interaction metrics; and

displaying, by the rendering engine, the webpage including the content element modified from the first visual style to the second visual style.