Web Page Deconstruction for Mobile UX via Server-Side API
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing web sites lack responsive options, leading to unsatisfactory user experiences, especially when accessed on mobile devices, due to the wide variety of templates and features that do not seamlessly adapt to mobile platforms.
Innovation Solution
A server-side API is provided to deconstruct web pages into native application experiences on mobile devices, allowing for the rebuilding of pages with added elements that enhance usability and performance by identifying page types and separating components for customized rendering.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If web pages are rendered with all templates and features for desktop platforms, then functionality and versatility are improved, but processing overhead and network bandwidth usage increase
Solution Approach 1:
The patent segments web pages into discrete, identifiable components or building blocks that can be independently processed. The server identifies and extracts only the necessary components needed for mobile rendering, rather than transmitting entire pages with all desktop-specific elements. This segmentation allows the system to deliver minimal necessary content, reducing processing overhead while maintaining essential functionality.
Solution Approach 2:
The patent extracts and removes unnecessary components from web pages before rendering them on mobile devices. The server analyzes the original web page structure and extracts only the essential elements required for mobile display, eliminating redundant desktop-specific features, styles, and scripts. This extraction process reduces network bandwidth usage and processing requirements while preserving core functionality.
2Adaptability or versatility
If web pages include all templates and features, then adaptability is improved, but network bandwidth usage increases
Solution Approach 1:
The patent extracts and removes unnecessary components from web pages before rendering them on mobile devices. The server analyzes the original web page structure and extracts only the essential elements required for mobile display, eliminating redundant desktop-specific features, styles, and scripts. This extraction process reduces network bandwidth usage and processing requirements while preserving core functionality.
Solution Approach 2:
The patent applies partial action by delivering only the necessary portion of web page content needed for mobile rendering, rather than transmitting the complete desktop version. The server identifies and transmits a subset of components that are essential for mobile functionality, accepting that some desktop-specific features will be omitted. This partial transmission significantly reduces network bandwidth consumption while maintaining adequate mobile functionality.
3Ease of operation
If responsive options are added to existing web sites, then mobile user experience is improved, but device complexity increases
Solution Approach 1:
The patent implements self-service by enabling the server to automatically analyze, deconstruct, and reassemble web page components without requiring manual intervention or complex client-side processing. The server-side application programmatically identifies page structures, extracts necessary components, and reconstructs mobile-optimized versions autonomously. This automation reduces the complexity burden on mobile devices while improving mobile user experience through adaptive rendering.
Solution Approach 2:
The patent introduces a server-side intermediary system that acts as a mediator between the original web page and the mobile client. This intermediary automatically performs the complex tasks of analysis, component extraction, and reconstruction, shielding mobile devices from complexity. The server intermediary handles all the intricate work of adapting content for mobile display, allowing mobile devices to simply receive and render pre-processed components with minimal processing overhead.
Data Source
AI summary
A lack of available responsive options for existing web sites and/or pages, and the wide spectrum under which they fall presents a challenge for a satisfying mobile user experience (UX) with a hosted collaboration service. Templates used to create a site and/or page may each have capabilities and features which “cross-over” into other templates. Deconstructing and rendering a web page into a native application experience at a mobile client may highlight a template's functionality to enhance the UX. For example, a server side application programming interface (API) may be provided for the mobile UX, a type of a page to be rendered may be determined, the page may be deconstructed into pieces, and the deconstructed pieces may be provided to rebuild the page at the mobile client natively. The page may be rendered on the mobile client with added elements based on the deconstructed pieces to enhance the mobile UX.