Highlight Indicator Screen Transitions for Contextual Menu Navigation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
As the number of functions in electronic devices increases, the complexity of GUIs with smaller screens leads to navigation challenges, loss of context during screen transitions, and cognitive load due to the absence of headers or breadcrumbs, disrupting parent-child interactions.
Innovation Solution
Implementing screen transitions that use a highlight indicator to contextually connect submenu options to menu options through slidable replacements, maintaining continuity and context via morph animations and layering techniques, particularly in smaller GUIs.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If the number of menu options increases to accommodate more functions, then the functionality of the electronic device is improved, but the complexity of the GUI and difficulty of navigation increases
Solution Approach 1:
The menu system is segmented into hierarchical levels (main menu, submenu, sub-submenu) where each level can be independently managed. The highlight indicator is segmented to show only the current level's active option, while parent options remain visible but inactive, creating a manageable structure that scales with functionality without overwhelming the user.
Solution Approach 2:
The patent introduces a visual dimension through the highlight indicator that dynamically changes based on navigation depth. The indicator's position, size, and visual properties change to represent different menu levels, adding a dimensional layer to the traditional linear menu structure to make navigation more intuitive.
2Ease of manufacture
If traditional screen transitions are used without context maintenance, then the simplicity of transition is improved, but loss of context during navigation occurs
Solution Approach 1:
The highlight indicator serves as an intermediary element that carries contextual information during screen transitions. Instead of completely replacing the previous screen state, the indicator acts as a mediator that maintains the visual connection between parent and child menu options, ensuring context is preserved while enabling smooth transitions.
Solution Approach 2:
The highlight indicator maintains continuous visual presence during transitions, ensuring that the user never loses track of where they are in the menu hierarchy. The indicator continuously updates to reflect the current selection state, providing uninterrupted contextual information throughout the navigation process.
3Loss of information
If headers or breadcrumbs are added to maintain context, then the context maintenance is improved, but the device complexity and screen space requirements increase
Solution Approach 1:
The patent merges the context-maintenance function into the existing highlight indicator mechanism rather than adding separate headers or breadcrumbs. The highlight indicator itself is modified to provide contextual information about the current menu level and navigation path, combining multiple functions into a single element to avoid increasing overall complexity.
Solution Approach 2:
The highlight indicator is designed to perform multiple functions: it indicates the current selection, shows the navigation path, provides contextual information about menu levels, and guides transitions. This multi-functional design eliminates the need for separate context-display elements, maintaining simplicity while achieving comprehensive context maintenance.
4Shape
If the highlight indicator completely replaces during transition, then the visual freshness is improved, but cognitive load increases due to loss of connection
Solution Approach 1:
During transitions, the highlight indicator dynamically discards its previous visual state and recovers with an updated state that maintains contextual connection. Rather than complete replacement, the indicator transforms its properties (position, size, appearance) to reflect the new selection while preserving the visual narrative of the navigation path, reducing cognitive disruption.
Data Source
AI summary
An example image forming apparatus may include a display panel, a memory, and a processor connected to the memory and the display panel. The display panel may display a first screen including a highlight indicator and a menu having a menu option displayed in the highlight indicator. Further, the memory may include a screen transition module to receive a selection of the menu option. Further, the screen transition module may perform a screen transition from the first screen to a second screen that displays a submenu option in the highlight indicator. The submenu option is associated with the selected menu option.