Home Screen Card Display With Flexible Positioning and App Controls
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current card display systems in electronic devices are inflexible, leading to high management costs and inconvenience due to space occupation and blocking of icons.
Innovation Solution
A card display method that allows users to display and switch between cards on a home screen with simple operations, enabling flexible card positions and low management costs, while allowing intuitive access to key information and direct application launching.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If cards are displayed at fixed positions to provide stable information access, then information accessibility is improved, but screen space flexibility deteriorates and icon blocking increases
Solution Approach 1:
The card display system transitions from fixed positions to dynamic, movable positions. Cards can be freely dragged and repositioned on the home screen, allowing users to optimize layout based on usage patterns while maintaining easy access to information. This dynamic positioning resolves the contradiction by providing both accessibility and flexibility.
Solution Approach 2:
The home screen is segmented into flexible zones that can accommodate cards of varying sizes and positions. Instead of a rigid grid system, the screen space is divided into adaptable regions that can be dynamically allocated to cards, icons, and other elements, enabling flexible layout arrangement without blocking critical icon areas.
2Quantity of substance
If cards are made large to display more content, then information display capacity is improved, but screen space occupation increases and icon accessibility deteriorates
Solution Approach 1:
The card system utilizes layered depth dimension to display information. Cards can be stacked, overlaid, or arranged in three-dimensional space, allowing extensive information capacity without proportionally increasing screen footprint. Users can access additional content by interacting with the layered card structure rather than expanding card size.
Solution Approach 2:
Cards are designed with nested content structures where additional information is contained within collapsible sections, expandable areas, or nested sub-cards. This allows rich information display capacity while maintaining compact external dimensions that preserve icon accessibility on the home screen.
3Adaptability or versatility
If cards are made movable and flexible in position, then screen space adaptability is improved, but system complexity and management difficulty increase
Solution Approach 1:
The card system implements self-service management features including automatic layout optimization, intelligent positioning based on usage frequency, and automated arrangement algorithms. The system autonomously manages card positions and layouts, reducing the complexity burden on users while maintaining high adaptability.
Solution Approach 2:
The system manages card complexity through parameter-based control, where users can adjust discrete parameters such as card size, position constraints, and display priorities. These parameter changes enable flexible adaptation without requiring complex management operations, as the system processes simple parameter adjustments rather than complex configuration tasks.
4Ease of operation
If cards are displayed on the home screen to provide quick access, then operation convenience is improved, but icon visibility and accessibility deteriorate
Solution Approach 1:
The system employs asymmetric card positioning and sizing strategies that deliberately place cards in areas of the screen less critical for icon display. Cards are positioned to asymmetrically balance the layout, ensuring that frequently accessed icons remain visible while cards provide quick access to their content, optimizing both icon accessibility and card utility.
Solution Approach 2:
Cards display only the most essential information partially, with expandable options for additional content. This partial display approach provides quick access to key information without occupying excessive screen space that would block icons. Users can access more detailed information through controlled expansion rather than full card display.
Data Source
AI summary
An electronic device in this application includes a display, a processor, a memory, and a computer program stored in the memory. When the computer program is executed by the processor, the electronic device is caused to perform the following steps: displaying a current screen of a home screen; detecting a user input on a first icon of the several icons; and displaying a first card on the current screen. The first card includes: first card content, including part of content included in an Mth-layer interface that is displayed after the first application is launched; and N controls, where each of the N controls is used to launch a corresponding application, the application corresponds to a corresponding icon that is displayed on the home screen before the first card is displayed.