Priority UI Rendering for Display Latency

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current interface rendering technologies result in display latency and visual glitches when rendering complex user interfaces, as they often require synchronously rendering all elements, leading to a less responsive and less intuitive user experience.

Innovation Solution

Implementing a priority rendering method where critical interface elements meeting pre-configured conditions are rendered first, followed by secondary elements, using multithreading for concurrent rendering to minimize display lag and flickering.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Manufacturing precision

If synchronous rendering of all UI elements is performed, then rendering completeness is ensured, but display latency increases and user experience deteriorates

Engineering Contradiction:
Improverendering completenessVSAvoiddisplay latency
Core Design Contradiction:
Manufacturing precisionVSLoss of time

Solution Approach 1:

The patent segments UI elements into two distinct groups: critical elements that require immediate rendering and non-critical elements that can be rendered later. This segmentation allows the rendering system to prioritize time-sensitive elements while maintaining overall rendering completeness, thereby resolving the contradiction between complete rendering and reduced display latency.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent implements preliminary action by pre-identifying and prioritizing critical UI elements before the rendering process begins. Elements such as navigation buttons, essential information displays, and interactive components are marked for first-level rendering, ensuring they are displayed immediately to reduce perceived latency while non-critical elements are prepared for subsequent rendering.

Inventive Principle:
Principle #10Preliminary action

2Stability of the object's composition

If static content is displayed during rendering lag, then display continuity is maintained, but visual glitches and flickering occur when content is replaced

Engineering Contradiction:
Improvedisplay continuityVSAvoidvisual glitches
Core Design Contradiction:
Stability of the object's compositionVSObject-affected harmful factors

Solution Approach 1:

The patent introduces a transition effect as an intermediary mechanism between static placeholder content and the final rendered UI elements. This transition effect smoothly fades out the static content while fading in the rendered elements, eliminating abrupt visual glitches and flickering that occur during content replacement, thereby maintaining display continuity without harmful visual artifacts.

Inventive Principle:
Principle #24Intermediary (Mediator)

3Productivity

If priority rendering of critical elements is implemented, then rendering speed is improved, but rendering system complexity increases

Engineering Contradiction:
Improverendering speedVSAvoidrendering system complexity
Core Design Contradiction:
ProductivityVSDevice complexity

Solution Approach 1:

The patent applies parameter changes by introducing a priority level parameter for each UI element, where elements are assigned different rendering priorities (first-level for critical elements, second-level for non-critical elements). The rendering system processes elements based on these priority parameters, achieving improved rendering speed for critical elements while managing system complexity through a straightforward parameter-based classification approach rather than complex multi-layered processing logic.

Inventive Principle:
Principle #35Parameter changes

Data Source

PatentUS10853099B2System, method, and apparatus for rendering interface elements
Publication Date: 2020.12.01 BANMA ZHIXING NETWORK HONGKONG CO LTD
  • US10853099B2 patent drawing
  • US10853099B2 patent drawing
  • US10853099B2 patent drawing

AI summary

A method for rendering interface elements, including: obtaining a first set of one or more interface elements associated with a target user interface (UI) to be rendered, the first set of one or more interface elements comprising one or more interface elements that meet a pre-configured priority condition; rendering the first set of one or more interface elements at a higher priority than other interface elements associated with the target UI; and outputting a rendering result of the first set of one or more interface elements.