Adaptive Breadcrumb Navigation for Mobile UI
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Software navigation mechanisms on small mobile device displays become inefficient due to large breadcrumb trails, often limiting them to just a home button and back button, which hinders user access to navigation history and complex content.
Innovation Solution
Implementing a method that accesses user navigation history and displays breadcrumbs, with an overflow control that collapses excess breadcrumbs into a drop-down menu, allowing users to selectively view navigation history via a breadcrumb button, enabling efficient navigation on limited screen space.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If breadcrumb trails are displayed in full on small mobile device screens, then complete navigation history is visible, but screen space is insufficient and navigation efficiency deteriorates
Solution Approach 1:
The breadcrumb trail is segmented into two parts: a condensed version displayed in the breadcrumb bar showing only essential navigation points (home, current location, and maybe one intermediate point), and a complete version accessible through a drop-down menu. This segmentation allows the limited screen space to display critical navigation information while preserving access to the complete navigation history through the overflow control mechanism.
Solution Approach 2:
The patent transitions from a one-dimensional linear display of breadcrumbs to a two-dimensional structure by introducing a drop-down menu that expands vertically. This dimensional change allows the complete breadcrumb trail to be accessed without consuming horizontal screen space, effectively resolving the conflict between displaying complete navigation history and maintaining screen real estate for other content.
2Ease of operation
If breadcrumb trails are condensed into overflow control, then screen space is optimized, but user access to complete navigation history becomes more difficult
Solution Approach 1:
The overflow control (breadcrumb button) acts as an intermediary element between the condensed breadcrumb display and the complete navigation history. When users interact with this mediator by activating the drop-down menu, they gain access to the full breadcrumb trail without permanently cluttering the interface. The intermediary provides a seamless bridge between the space-efficient condensed view and the information-complete expanded view.
Solution Approach 2:
The breadcrumb display is made dynamic through the overflow control mechanism that can expand and collapse on user interaction. The breadcrumb bar dynamically adjusts between showing only essential points and displaying the complete navigation history through the drop-down menu. This dynamic behavior allows the interface to optimize screen space by default while providing easy access to complete information when needed.
3Device complexity
If only home button and back button are displayed on mobile devices, then interface is simplified, but user access to navigation history is limited
Solution Approach 1:
The overflow control (breadcrumb button) serves multiple functions: it acts as a visual indicator of the breadcrumb trail's presence, provides a mechanism to expand the full navigation history, and serves as a space-efficient placeholder when the trail is condensed. This multi-functional element replaces what would otherwise require multiple separate controls, maintaining interface simplicity while enabling comprehensive navigation history access.
Data Source
AI summary
An example method for facilitating software navigation includes storing navigation history information pertaining to user interaction with software; displaying one or more representations of breadcrumbs in accordance with the navigation history information, resulting in displayed breadcrumbs; detecting when a number of breadcrumbs exceeds a threshold number of breadcrumbs; and replacing, in response to the detection, one or more of the breadcrumbs with a user interface control adapted to selectively display representations of the one or more breadcrumbs in response to user selection of the user interface control. Hence, certain breadcrumbs of a breadcrumb trail may be condensed or collapsed, e.g., into a drop-down menu control, when a breadcrumb trail would otherwise be too large to display.