Product Display GUI With Central Image Scaling
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional graphic user interfaces for electronic commerce on smartphones are not well adapted to smaller screens, leading to a time-consuming hierarchical navigation process that is not intuitive for users, making it difficult to efficiently select products from a long list.
Innovation Solution
A mobile computer system with a client application that presents a central image of a product larger than side images, allowing users to scroll through a subset of products by swiping, with attributes and shopping cart functions integrated, and utilizing user and third-party criteria to personalize product presentation.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If hierarchical navigation is used for product selection, then comprehensive product categorization is achieved, but user operation time and complexity increase
Solution Approach 1:
The interface divides the product display into three distinct segments: a central position for the primary product, a left side for a secondary product, and a right side for a third product. This segmentation allows users to view multiple products simultaneously without navigating through hierarchical levels, directly reducing the time and operations required to find desired products.
Solution Approach 2:
Instead of using hierarchical navigation (vertical dimension of navigation levels), the patent transitions to a horizontal dimension approach by displaying multiple products side-by-side in a single view. This dimensional shift eliminates the need to drill down through multiple categories and subcategories, making product selection more efficient.
2Ease of operation
If conventional hierarchical interface is used, then product categorization is comprehensive, but interface complexity increases
Solution Approach 1:
The patent extracts the essential function of product display from the complex hierarchical navigation structure. By presenting products directly in a three-position layout without requiring users to navigate through multiple categorical levels, it eliminates unnecessary navigational complexity while maintaining comprehensive product access.
Solution Approach 2:
Instead of organizing products through hierarchical categories and requiring users to navigate down the hierarchy, the patent inverts the approach by presenting multiple products at the same hierarchical level simultaneously. This inversion makes the interface more intuitive by allowing users to see and compare products without mental mapping of hierarchical relationships.
3Shape
If product images are displayed at uniform size, then layout consistency is maintained, but central product emphasis is reduced
Solution Approach 1:
The patent applies different display qualities to different positions: the central product image is scaled to be significantly larger than the side product images. This local differentiation emphasizes the central product as the primary focus while still allowing users to see and access side products, creating a natural visual hierarchy that guides user attention and selection.
Data Source
AI summary
A mobile computer system accesses a data base of products. On the display screen of the mobile computer system, a central image of a product is presented in a central position of the display. A first image of another product is presented on the display to a first side of central position of the display. A second image of another product is presented on the display on the second side of central position of the display. The second side of the display is opposite the first side with respect to the central position. Information is acquired with respect to the user and with respect to the product being presented in the central position.