Webpage UI Element Adjustment Using Analytics

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Webpage effectiveness is hindered by the lack of automation in adjusting layout and presentation based on web analytics and device type, leading to suboptimal user experiences across various devices.

Innovation Solution

A method and system that utilize a processor to monitor webpage usage, apply predefined rules based on web analytics, and dynamically adjust user interface elements, generating optimized versions of webpages for different devices, such as smartphones and desktops, to enhance user interaction and engagement.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If manual adjustment of UI elements is used, then customization capability is improved, but productivity deteriorates

Engineering Contradiction:

Improvecustomization capabilityVSAvoidwebpage adjustment efficiency

Core Design Contradiction:

Adaptability or versatilityVSProductivity

Solution Approach 1:

The system automatically monitors usage data and adjusts UI elements without requiring manual intervention. The processor autonomously analyzes user behavior patterns and modifies webpage presentation based on predefined rules, enabling the system to serve itself rather than requiring continuous human operation.

Inventive Principle:

Principle #25Self-service

Solution Approach 2:

The system dynamically changes UI parameters such as element positioning, sizing, and presentation based on monitored usage data. By adjusting these parameters automatically according to user behavior patterns, the system achieves both customization and efficiency without manual intervention.

Inventive Principle:

Principle #35Parameter changes

2Adaptability or versatility

If static webpage presentation is used, then device compatibility is improved, but adaptability deteriorates

Engineering Contradiction:

Improvedevice adaptation capabilityVSAvoidwebpage version management

Core Design Contradiction:

Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The webpage presentation transitions from static to dynamic, allowing UI elements to automatically adjust their properties based on device characteristics and usage patterns. This dynamic adaptation eliminates the need for multiple static versions while maintaining compatibility across devices.

Inventive Principle:

Principle #15Dynamics

Solution Approach 2:

A single webpage template serves multiple device types through automatic adaptation. The system makes the webpage universally compatible with smartphones, tablets, desktops, and other devices by dynamically adjusting the presentation based on device characteristics, replacing the need for device-specific versions.

Inventive Principle:

Principle #6Universality (Multi-functionality)

3Productivity

If automated UI adjustment is implemented, then productivity is improved, but device complexity deteriorates

Engineering Contradiction:

Improvewebpage adjustment efficiencyVSAvoidsystem architecture

Core Design Contradiction:

ProductivityVSDevice complexity

Solution Approach 1:

The processor acts as an intermediary between usage data collection and UI element adjustment. It monitors usage data, applies predefined rules, and automatically adjusts UI elements without requiring complex human-mediated processes, thereby improving productivity while managing system complexity through automated mediation.

Inventive Principle:

Principle #24Intermediary (Mediator)

Data Source

PatentUS10097440B2User interface element adjustment using web analytics

Publication Date: 2018.10.09 INTERNATIONAL BUSINESS MACHINE CORPORATION

AI summary

In an approach for adjusting presentation of user interface (UI) elements in a webpage, a processor monitors usage of a webpage by one or more users. A processor determines at least one UI element to be modified within presentation of the webpage, based on at least one predefined rule and the monitored usage of the webpage by the one or more users. A processor generates a version of the webpage comprising the at least one UI element, as modified within the presentation of the webpage.