Single-Page Thumbnail Navigation for Mobile Image Design
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Users face challenges in creating personalized image products on mobile devices due to smaller displays, lower computing power, and shorter attention spans, leading to a need for more convenient tools to view image designs and products.
Innovation Solution
A computer-implemented method that displays multiple product designs or views of an image product in a single screen, featuring a navigation panel that allows users to select and view different designs or pages without leaving the page, optimized for mobile devices with touch-sensitive interfaces.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If users view multiple product designs by switching pages, then detailed information can be accessed, but user time is lost and attention is fragmented
Solution Approach 1:
The patent combines multiple product design views into a single page by implementing a thumbnail navigation system. The main product image is displayed in a large view while thumbnail images of other designs are shown in a horizontal scrollable strip at the bottom of the same page. Users can switch between designs by selecting thumbnails without leaving the current page, thus merging multiple design views into one unified interface that eliminates page switching time and maintains user attention.
2Loss of information
If conventional multi-page viewing is used, then complete product information is available, but user confusion increases and ease of operation decreases
Solution Approach 1:
The patent segments the product design information into two distinct components: a main display area showing the selected design in detail and a thumbnail navigation strip showing all available designs. This segmentation allows users to see the current design prominently while having easy access to other designs through the thumbnail strip, reducing confusion by clearly distinguishing between the active view and alternative options.
Solution Approach 2:
The thumbnail strip acts as an intermediary element between the user and the full product design information. Instead of requiring users to navigate through multiple pages to see different designs, the thumbnail strip provides a visual mediator that allows quick selection and switching between designs within the same page context, improving ease of operation.
3Loss of information
If multiple product designs are displayed in separate pages, then each design can be viewed in detail, but device complexity and navigation requirements increase
Solution Approach 1:
The patent merges the navigation function and the product display function into a single page interface. The thumbnail strip integrates navigation capabilities directly within the product viewing page, eliminating the need for separate navigation pages. This reduces device complexity by consolidating multiple functions (product display, navigation, and selection) into one unified interface.
Data Source
AI summary
A computer-implemented method is disclosed to assist a user to view image product designs at a graphic user interface. The method includes displaying an image representation in a page view at a graphic user interface, allowing a user to select the image representation in the page view, displaying a navigation panel in association with the image representation in the same page view, allowing the user to make a first selection in the navigation panel in the page view, displaying a first product design in the same page view according to the first selection, allowing the user to make a second selection in the navigation panel in the page view, displaying a second product design in the same page view according to the second selection, and removing the display of the navigation panel in the same page view when the product designs are deselected by the user.