Web Page Designer Timeline for Segment Visibility

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Online merchants face challenges in designing and previewing web pages due to the complexity of combining multiple components with varying visibility rules based on customer segments and time parameters, leading to potential conflicts and difficulties in ensuring correct visual displays.

Innovation Solution

A web page designer application with a timeline feature that allows designers to select customer segments and date/time parameters to preview how web pages will look in the future, providing visual feedback on component changes and identifying potential problems before publication.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If multiple web page components are combined with varying visibility rules based on customer segments and time parameters, then the visual experience can be frequently changed and optimized for different groups, but the complexity of designing and previewing these web pages increases significantly

Engineering Contradiction:
Improvevisual experience customizationVSAvoidweb page design complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The web page is segmented into multiple independent components, each with its own visibility rules. The system divides the complex web page into manageable units (headers, footers, content sections, product carousels) that can be individually configured, previewed, and controlled based on customer segments and time parameters, reducing the overall design complexity.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The web page components are made dynamic through time-based visibility rules and customer segment targeting. Each component can be configured to appear, disappear, or change content based on temporal conditions (specific dates, time ranges) and customer attributes, allowing frequent visual changes without increasing design complexity through automated rule-based management.

Inventive Principle:
Principle #15Dynamics

2Productivity

If components are added and deleted from the web page based on time and customer segments, then the web page can present frequently changing visual experiences, but it becomes difficult to design and preview these changes before publication

Engineering Contradiction:
Improvevisual experience update efficiencyVSAvoidweb page previewing ease
Core Design Contradiction:
ProductivityVSEase of operation

Solution Approach 1:

The system performs preliminary actions by providing a preview mechanism that simulates how the web page will appear to different customer segments at specific future times. Designers can configure time-based visibility rules and customer segment targeting in advance, then preview the results before publication to ensure correct visual displays without manual trial-and-error testing.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The previewing system provides immediate visual feedback to designers about how components will be displayed based on configured visibility rules. When designers add or delete components with time and customer segment conditions, the system automatically previews the resulting web page appearance, allowing designers to verify and adjust their configurations before publication.

Inventive Principle:
Principle #23Feedback

3Reliability

If visibility rules are applied to control component display based on customer segments and time, then targeted content delivery is achieved, but potential conflicts and unintended visual displays may occur

Engineering Contradiction:
Improvetargeted content delivery accuracyVSAvoidvisual display conflict detection
Core Design Contradiction:
ReliabilityVSDifficulty of detecting and measuring

Solution Approach 1:

The system applies preliminary anti-action by detecting and preventing visibility rule conflicts before they manifest as unintended visual displays. The previewing mechanism checks for overlapping time ranges and conflicting customer segment rules, alerting designers to potential issues before publication, thereby ensuring reliable targeted content delivery without conflicts.

Inventive Principle:
Principle #9Preliminary anti-action

Data Source

PatentUS10789413B2Web page designing with timelines
Publication Date: 2020.09.29 SALESFORCE INC
  • US10789413B2 patent drawing
  • US10789413B2 patent drawing
  • US10789413B2 patent drawing

AI summary

Designing and previewing web pages include accepting user input to select a customer segment and a first point in time in a time frame of a time line; displaying a representation of components of a web page visible over the time frame according to visibility rules, the selected customer segment, and the first point in time; accepting user input to select a second point in time in the time frame; and displaying the representation of components of the web page visible over the time frame according to the visibility rules, the selected customer segment, and the second point in time.