Dynamic Operation Button State via Real-Time Progress Feedback

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing methods for displaying service completion status on online forms, such as website registration forms, often confuse users by disabling the primary button until form completion, hindering user experience, especially with forms containing many fields.

Innovation Solution

The method involves displaying the current service item completion progress and dynamically changing the operation button's attributes like transparency, hue, brightness, and size based on input progress, allowing users to track completion and improving the user experience by activating the button when mandatory items are completed.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Reliability

If the primary button is disabled until the user has finished filling in the information registration form, then the security and data completeness are improved, but the user experience deteriorates due to user confusion about filling progress

Engineering Contradiction:
Improvedata completenessVSAvoiduser experience
Core Design Contradiction:
ReliabilityVSEase of operation

Solution Approach 1:

The patent implements a progress bar that continuously updates to show the user's filling progress in real-time. This visual feedback mechanism informs users how much of the form has been completed, reducing confusion while maintaining the disabled state of the primary button until all required fields are filled. The progress bar provides continuous information about the completion status without enabling premature submission.

Inventive Principle:
Principle #23Feedback

Solution Approach 2:

The patent employs color changes in the progress bar to indicate different completion stages. The progress bar transitions through different colors (e.g., gray for incomplete, green for complete) to provide intuitive visual cues about the form's completion status. This color-based feedback system improves user understanding of their progress while maintaining data integrity requirements.

Inventive Principle:
Principle #32Color changes

2Reliability

If the primary button is activated only after the user has finished filling in the form, then the data completeness is ensured, but the user interaction efficiency deteriorates

Engineering Contradiction:
Improvedata completenessVSAvoiduser interaction efficiency
Core Design Contradiction:
ReliabilityVSProductivity

Solution Approach 1:

The progress bar provides continuous visual feedback about completion progress, allowing users to monitor their filling status efficiently. This feedback mechanism helps users understand how close they are to completing the form, enabling them to manage their time and effort more effectively while ensuring all required fields are completed before submission.

Inventive Principle:
Principle #23Feedback

Solution Approach 2:

The system performs preliminary validation and tracking of filled fields through the progress bar, preparing the form for submission by continuously monitoring completion status. This preliminary action ensures that all required fields are identified and tracked before the final submission action is taken, improving both data completeness and user efficiency.

Inventive Principle:
Principle #10Preliminary action

3Device complexity

If a simple disabled/activated button state is used, then the device complexity is reduced, but the information display capability deteriorates

Engineering Contradiction:
Improvebutton state complexityVSAvoidcompletion progress information
Core Design Contradiction:
Device complexityVSLoss of information

Solution Approach 1:

The patent segments the information display function from the button control function. Instead of relying solely on button state changes, the completion progress information is segmented into a separate visual indicator (progress bar) that provides continuous feedback. This segmentation allows the button to remain simple while the progress bar conveys detailed completion information.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The progress bar acts as an intermediary element between the form filling process and the user. It translates the internal completion status into visible visual progress, serving as a mediator that communicates completion information without requiring complex button state changes. This intermediary provides rich information while keeping the button interface simple.

Inventive Principle:
Principle #24Intermediary (Mediator)

Data Source

PatentEP3418880B1Information processing method and device for displaying service completion status
Publication Date: 2022.07.27 ADVANCED NEW TECHNOLOGIES CO LTD
  • EP3418880B1 patent drawingFigure 1
  • EP3418880B1 patent drawingFigure 2
  • EP3418880B1 patent drawingFigure 3

AI summary

Implementations of the present application disclose an information processing method and device for displaying a service completion status. The method includes the following: determining the total number of service items based on the number of first-type service items in a service operation interface; detecting the number of second-type service items in the service operation interface that are completed by a user to determine the number of completed service items; displaying a counting unit showing the total number of service items and the number of completed service items at a predetermined position in the service operation interface; and determining an operation status of a designated operation button in the service operation interface based on service item completion information currently displayed by the counting unit. According to the method or device implementations of the present application, the current service item completion progress information of a form can be displayed to the user. The user can clearly see the number of completed service items and the total number of mandatory service items. As such, the user experience is improved.