Adaptive UI Module Embedding Supplemental Content in Web Applications

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Web applications face inefficiencies in displaying supplemental content, requiring users to navigate multiple pages and burdening developers with unique formatting for each application, leading to user confusion and developer inefficiency.

Innovation Solution

The implementation of an adaptive UI module that generates and embeds format-specific modules within web applications, allowing for dynamic and static updates based on user feedback, and storage in a malleable format like JSON for easy implementation across various types of web applications.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Loss of information

If supplemental content is displayed by navigating to multiple webpages, then users can access detailed information, but user time and efficiency are reduced

Engineering Contradiction:
Improveaccess to supplemental contentVSAvoiduser navigation time
Core Design Contradiction:
Loss of informationVSLoss of time

Solution Approach 1:

The patent combines the supplemental content module with the main web application interface, allowing both the application content and supplemental information to coexist in a single unified view. This merging eliminates the need for users to navigate away from the application to access supplemental content, thereby reducing time loss while maintaining full information access.

Inventive Principle:
Principle #5Merging (Combining)

Solution Approach 2:

The supplemental content is displayed in a layered dimension overlaying the main application interface. Instead of requiring users to transition between separate pages (horizontal navigation), the system adds a vertical layer of supplemental information that can be accessed and viewed without leaving the current application context, thus saving user time.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

2Adaptability or versatility

If individualized development is performed for each web application to display supplemental content, then the content aligns with application-specific formatting, but developer workload increases

Engineering Contradiction:
Improveapplication-specific formatting alignmentVSAvoiddevelopment burden
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent implements a universal supplemental content module that can be embedded across multiple different web applications. This single multi-functional module automatically adapts to various application contexts and formatting requirements through configuration parameters, eliminating the need for developers to create individualized solutions for each application while maintaining proper formatting alignment.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Solution Approach 2:

The supplemental content module utilizes parameter-based configuration to adapt its behavior and appearance to different web application environments. By changing parameters such as formatting styles, content types, and display preferences, the same core module can serve multiple applications with different requirements, significantly reducing developer workload while maintaining adaptability.

Inventive Principle:
Principle #35Parameter changes

3Ease of manufacture

If supplemental content is displayed in identical formats across different user selections, then development is simplified, but user understanding and engagement decrease

Engineering Contradiction:
Improvecontent display implementationVSAvoiduser comprehension effectiveness
Core Design Contradiction:
Ease of manufactureVSLoss of information

Solution Approach 1:

The patent applies local quality by allowing the supplemental content module to dynamically adjust its format, style, and content based on the specific user selection and context. Each user interaction triggers customized supplemental content delivery with appropriate formatting, ensuring that the information presentation is optimized for that particular context while maintaining ease of implementation through the modular architecture.

Inventive Principle:
Principle #3Local quality

Data Source

PatentUS11874893B2Modularizing and embedding supplemental textual and visual content in different environments
Publication Date: 2024.01.16 MICROSOFT TECHNOLOGY LICENSING LLC
  • US11874893B2 patent drawing
  • US11874893B2 patent drawing
  • US11874893B2 patent drawing

AI summary

Aspects of the present disclosure relate to modularizing and embedding modules across a variety of web applications. More specifically, the present disclosure provides an adaptive UI module to web application servers that adapts its format upon evaluating an environment of the web application and receiving a user request for supplemental information. For example, a single adaptive UI module may be used across a variety of web applications, with a variety of requests for supplemental content from within each web application, to generate multiple, unique formatted UI modules. In this way, a single adaptive UI module may generate formatted UI modules specific to the formatting requirements of each requesting web application, with supplemental content related to each unique user request from within each web application.