Webpage Optimization via Browser Snippet A/B Testing

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current webpage design methods rely on trial and error, making it challenging to effectively optimize webpages for improved performance, as they lack a systematic approach to testing design variations and identifying improvements without risking further deterioration.

Innovation Solution

A method involving the use of experiments that compare viewer responses to original and variant webpages, utilizing a snippet of code to modify elements and track interactions, allowing for the creation and testing of variants through a browser-based editor application, and aggregating statistics to determine effective changes.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Productivity

If trial and error method is used for webpage design, then design flexibility is maintained, but optimization efficiency deteriorates

Engineering Contradiction:
Improveoptimization efficiencyVSAvoidtime for testing design variations
Core Design Contradiction:
ProductivityVSLoss of time

Solution Approach 1:

The patent implements preliminary action by automatically generating multiple design variations before actual A/B testing begins. The system creates several modified versions of the webpage with different design elements (layout, colors, text) and pre-configures them for testing, so that when the experiment starts, all variations are already prepared and ready for immediate deployment to users.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent applies copying by creating multiple copies of the original webpage with systematic variations. The system generates duplicate versions of the webpage and modifies them with different design parameters, allowing simultaneous testing of multiple hypotheses without manually creating each variation from scratch.

Inventive Principle:
Principle #26Copying

2Reliability

If manual redesign and testing is performed, then design control is maintained, but harm from poor choices increases

Engineering Contradiction:
Improverisk mitigationVSAvoidexperiment setup complexity
Core Design Contradiction:
ReliabilityVSDevice complexity

Solution Approach 1:

The patent introduces an intermediary system that acts as a mediator between the original webpage and the testing process. This automated experiment management system handles the complexity of setting up, deploying, and tracking multiple variations, while providing clear metrics and insights that guide design decisions, thereby reducing risk without requiring manual management of complex experiments.

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The patent implements feedback mechanisms by automatically tracking user interactions with different webpage variations and providing quantitative performance data. The system monitors metrics such as click-through rates, conversion rates, and user engagement for each variation, enabling data-driven decisions that reduce the risk of implementing poor design choices.

Inventive Principle:
Principle #23Feedback

3Manufacturing precision

If extensive A/B testing is conducted, then design optimization improves, but implementation complexity increases

Engineering Contradiction:
Improvedesign optimization precisionVSAvoidexperiment management complexity
Core Design Contradiction:
Manufacturing precisionVSDevice complexity

Solution Approach 1:

The patent applies self-service by enabling the experiment system to automatically manage the entire A/B testing process without requiring extensive manual intervention. The system autonomously generates variations, distributes them to users, collects performance data, and provides analysis results, allowing designers to focus on interpreting results rather than managing the complexity of experiment execution.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The patent segments the experiment management process into distinct automated components: variation generation, user assignment, data collection, and result analysis. This segmentation allows each function to be handled independently and automatically, reducing overall implementation complexity while maintaining precise optimization capabilities.

Inventive Principle:
Principle #1Segmentation

Data Source

PatentUS9842092B1Multi-page website optimization
Publication Date: 2017.12.12 OPTIMIZELY NORTH AMERICA INC
  • US9842092B1 patent drawing
  • US9842092B1 patent drawing
  • US9842092B1 patent drawing

AI summary

Webpages are optimizing through the use of experiments that compare the responses of viewers that are either presented with the original webpage or a variant thereof. One or more variants are first defined through the use of a browser-based editor application that initially examines the webpage for a snippet of code. The snippet can be added to the webpage, if missing, and the webpage returned to the editor application. Changes made to the webpage to define a variant are saved in variation code. When the webpage is later requested by multiple viewers, in each instance the viewer receives the webpage with the snippet, the snippet instructs the browser to download a file, and the instructions of the file determine whether the viewer will see the variant or the original webpage. Tracking viewer responses to the webpage and the variant allow a statistical basis for comparison to be developed.