Web Page Designer Content Beam Preview for Device Compatibility
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Online merchants face challenges in designing and previewing web pages for compatible display on various consumer devices due to the complexity of combining multiple components with varying visibility rules based on time and customer segments, which can result in unintended visual displays.
Innovation Solution
A web page designer application with a 'content beam to device' preview feature allows designers to simulate how web pages will appear on different devices, applying visibility rules and scheduling parameters to ensure compatibility and correctness before publication.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If multiple web page components are combined with varying visibility rules based on time and customer segments, then the visual experience presented to shoppers becomes more dynamic and engaging, but the complexity of designing and previewing web pages for compatible display on various consumer devices increases
Solution Approach 1:
The patent segments the web page design process into distinct components (product tiles, carousels, blog articles, etc.) that can be independently configured with visibility rules. Each component can be previewed separately on different device types, allowing designers to manage complexity by breaking down the overall page into manageable segments with specific visibility conditions for different customer segments and time periods.
Solution Approach 2:
The patent introduces an intermediary previewing system that acts as a mediator between the design environment and various consumer devices. This intermediary applies visibility rules and scheduling parameters to simulate how the web page will appear on different devices, allowing designers to verify compatibility without directly testing on multiple physical devices.
2Measurement precision
If visibility rules and scheduling parameters are applied to control component display, then the precision of component visibility control is improved, but the difficulty of detecting and measuring preview correctness across devices increases
Solution Approach 1:
The patent implements a feedback mechanism where the previewing system provides visual feedback to designers about how components will display on different devices based on applied visibility rules and scheduling parameters. This feedback loop allows designers to verify that components appear correctly for specific customer segments and time periods, making it easier to detect and measure preview correctness without manual verification on multiple devices.
3Productivity
If web pages are updated frequently to reflect changing business conditions and advertising campaigns, then the responsiveness to market changes is improved, but the time required to design and preview pages for multiple devices increases
Solution Approach 1:
The patent applies preliminary action by pre-configuring visibility rules and scheduling parameters for web page components during the design phase. This allows the previewing system to quickly simulate different scenarios (advertising campaigns, promotions, seasons) without requiring complete redesign and retesting on multiple devices. The preliminary setup of rules enables rapid previewing and validation when business conditions change.
Solution Approach 2:
The patent creates a universal previewing system that can handle multiple device types, visibility rules, and scheduling parameters through a single interface. This multi-functional tool allows designers to preview web pages across various consumer devices (smartphones, tablets, desktops) simultaneously, reducing the time required to adapt frequently updated pages to different devices and conditions.
Data Source
AI summary
Designing and previewing web pages includes displaying an identifying image encoded with a first uniform resource locator (URL) of a preview web page on a display of a first computing device, the first URL including a location of the preview web page and a token unique to a web page authoring session for the preview web page; receiving, from a second computing device, a second URL obtained by capturing the identifying image on the display of the first computing device by a camera of the second computing device and decoding the captured identifying image to get the second URL by the second computing device; validating the second URL; and sending the preview web page to the second computing device when the second URL is validated. The preview web page may then be displayed on the second computing device.