Card-Stack Interface for Mobile App Navigation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Mobile devices lack an intuitive and efficient interface for navigating and managing multiple applications and their content, leading to user frustration and decreased productivity.
Innovation Solution
A card-stack interface is introduced, where each application or content is represented as a card, ordered chronologically with the most recently used at the top, allowing users to swipe or pull to access and interact with them, providing a visual model of the home screen and application launcher.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If traditional application switching interfaces are used, then device complexity is reduced, but user navigation efficiency and accessibility deteriorate
Solution Approach 1:
The interface is segmented into multiple cards, each representing a different application or content item. Each card is an independent, self-contained unit that can be individually accessed, manipulated, and organized. This segmentation allows users to navigate through applications by swiping between discrete card units rather than dealing with a monolithic interface, improving navigation efficiency while maintaining manageable complexity through modular design.
Solution Approach 2:
The patent introduces a vertical stacking dimension to the interface, transforming traditional horizontal or linear navigation into a three-dimensional card stack. Cards are arranged in a vertical pile where the top card is most accessible, adding a spatial dimension to application switching. This dimensional change enables intuitive gesture-based navigation (swiping up/down) that improves user productivity without significantly increasing perceived interface complexity.
2Ease of operation
If multiple applications are managed through traditional means, then ease of operation is maintained, but information organization and accessibility worsen
Solution Approach 1:
Each application or content item is represented as a visual card that copies or represents the application's current state, thumbnail, or icon. These card representations provide visual information about each application without requiring users to navigate into them. The cards serve as informational proxies that maintain ease of operation while preserving application state visibility, preventing loss of information about running applications.
Solution Approach 2:
The card stack pre-organizes and pre-displays information about multiple applications in a chronological or hierarchical order, with recently used applications positioned at the top. This preliminary organization of information allows users to immediately see which applications are running and access them in a predictable order, improving accessibility while maintaining simple interaction patterns. The system performs the organizing action beforehand, reducing the cognitive load during actual use.
Data Source
AI summary
In one embodiment, a method includes displaying one of a number of graphical user interfaces (GUIs) of one or more applications as a card on top of a card stack. One or more of the cards in the card stack corresponds to a GUI of a home screen of the computing device. Each of one or more of the cards in the card stack corresponds to one of the GUIs of an application. The application controls presentation of their GUIs as cards in the card stack. The method also includes receiving user input to display another one of the GUIs as the card on top of the card stack; and, in response to the user input, displaying the other one of the GUIs as the card on top of the card stack.