Single-Page Transaction Interface with Simultaneous Panel Display
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current eCommerce platforms face user frustration due to complex navigation and difficulty in comparing products, leading to high dropout rates and reduced repeat business, as users are often required to traverse multiple web pages for information, causing perceptible delays and memory challenges when comparing multiple products.
Innovation Solution
A system that facilitates transactions on a single web page by presenting parameter-request, transaction-options, and transaction-completion panels simultaneously, allowing users to interact with all panels without leaving the page, with active and inactive states indicated visually, and providing an information hub for seamless data updates and visual confirmation of changes.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Device complexity
If multiple discrete web pages are used to present transaction information, then information can be organized into separate sections, but users experience navigation complexity and perceptible delays when moving between pages
Solution Approach 1:
The patent combines multiple discrete web pages into a single web page that displays all transaction information sections (product list, product details, checkout form) simultaneously. This merging eliminates the need for users to navigate between pages, resolving the contradiction by maintaining organized information structure while removing navigation complexity and delays.
Solution Approach 2:
The patent transitions from a sequential one-page structure to a multi-sectional single-page layout, effectively adding a spatial dimension to information organization. Different transaction sections are arranged in distinct areas of the same page, allowing users to access all information without page transitions, thus resolving the navigation issue while maintaining structure.
2Device complexity
If users must traverse back to previous web pages to examine different products, then product information can be presented separately, but users experience difficulty comparing products and remembering details
Solution Approach 1:
The patent merges the product list section and product details section into the same web page, allowing users to view multiple products and their detailed information simultaneously. This eliminates the need to navigate back and forth between pages, enabling easy comparison of product details while maintaining organized information presentation.
3Ease of operation
If a single web page presents all transaction panels simultaneously, then navigation complexity is reduced and transaction efficiency improves, but the page layout must accommodate multiple panels without obscuring any
Solution Approach 1:
The patent segments the single web page into distinct transaction panels (product list panel, product details panel, checkout form panel), each with its own designated space. This segmentation allows multiple panels to coexist on the same page without overlapping or obscuring each other, resolving the layout complexity issue while maintaining transaction efficiency.
Data Source
AI summary
A system and method for performing a transaction can allow a user to perform a multi-step process on a single web page. The system can receive an initiate-application command from a user at an application server and, in response, initiate an application for facilitating a transaction. The system can present a parameter-request panel, including a set of parameter-request fields, to the user at a client. The system can receive transaction parameters from the user via the set of parameter-request fields. In response to receiving the transaction parameters, the system can present a transaction-options panel, including a set of transaction options associated with the transaction parameters, to the user without obscuring the parameter-request panel. The system can receive from the user a transaction-option selection associated with the set of transaction options and, in response, present a transaction-completion panel to the user without obscuring the parameter-request panel or the transaction-options panel. The transaction-completion panel can include a set of transaction-completion fields associated with the transaction-option selection. The system can receive from the user transaction-completion information via the transaction-completion fields and, in response, complete the transaction.