Dynamic Webpage Interaction Statistics Rendering via Visual Styles

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Current systems face challenges in processing and presenting webpage interaction statistics within a single graphical interface, making it difficult for users to easily digest performance metrics from multiple interactions across various client devices.

Innovation Solution

A method and system that dynamically render webpage interaction statistics by calculating performance metrics for each content element, modifying visual properties based on these metrics, and transmitting the information resource with an interaction statistics visualization script to a client device, which sets visual styles based on interaction data ranges.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Loss of information

If interaction statistics data is displayed on webpages, then users can access performance metrics, but the complexity of processing and presenting data from multiple client devices increases

Engineering Contradiction:

Improveaccess to performance metricsVSAvoidprocessing and presenting data complexity

Core Design Contradiction:

Loss of informationVSDevice complexity

Solution Approach 1:

The patent segments interaction data by client device type (mobile devices, tablets, desktops, laptops) and displays each segment's statistics separately on the webpage. This segmentation allows complex multi-device data to be presented in manageable portions, reducing processing complexity while maintaining comprehensive information access.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The system dynamically updates interaction statistics on webpages in real-time as users interact with content. The visualization script automatically reflects changing metrics without requiring manual intervention, simplifying the presentation process while providing continuous access to performance data.

Inventive Principle:

Principle #15Dynamics

2Loss of information

If detailed interaction statistics are displayed on webpages, then users can view comprehensive metrics, but the time required to digest performance data increases

Engineering Contradiction:

Improvecomprehensive metrics accessVSAvoidtime to digest performance data

Core Design Contradiction:

Loss of informationVSLoss of time

Solution Approach 1:

The patent uses color-coded visualizations to represent different client device segments and their interaction metrics. Color changes and visual coding allow users to quickly identify performance patterns and anomalies without reading detailed numerical data, significantly reducing the time needed to digest comprehensive metrics while maintaining full information access.

Inventive Principle:

Principle #32Color changes

Solution Approach 2:

The system creates visual copies of interaction statistics that can be quickly perceived at a glance. These visual representations replicate the essential information from detailed datasets in a compressed, easily digestible format, allowing users to understand performance metrics without processing extensive raw data.

Inventive Principle:

Principle #26Copying

3Ease of operation

If visual styles are modified based on interaction metrics, then engagement with content elements improves, but the resource consumption for processing and rendering increases

Engineering Contradiction:

Improveengagement with content elementsVSAvoidresource consumption

Core Design Contradiction:

Ease of operationVSUse of energy by moving object

Solution Approach 1:

The patent modifies visual parameters such as color, opacity, and styling based on interaction metric thresholds. By changing these parameters dynamically according to engagement levels, the system enhances user interaction with content elements while keeping the modifications computationally efficient and avoiding excessive resource consumption.

Inventive Principle:

Principle #35Parameter changes

Data Source

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

Publication Date: 2019.02.19 GOOGLE LLC

AI summary

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.