Virtual Navigation Bar for Mobile-to-PC Screen Projection
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current multi-screen interaction technologies, such as projecting from a mobile phone onto a PC, fail to adapt user operation habits due to the difference between gesture-based operations on mobile devices and mouse/keyboard interactions on PCs, leading to a suboptimal human-computer interaction experience.
Innovation Solution
A navigation bar display method is implemented on the receiving device (e.g., PC) that includes buttons to mimic mobile device gestures, allowing users to control projected content through familiar navigation bar interactions, such as buttons for returning to previous steps or accessing home screens, which can be positioned and customized for ease of use.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If multi-screen projection is implemented from mobile phone to PC, then content display capability is improved, but operation adaptability deteriorates
Solution Approach 1:
A virtual navigation bar is introduced as an intermediary component on the PC screen that translates mobile device navigation gestures into PC-compatible mouse/keyboard operations. The virtual navigation bar includes buttons such as a back button, home button, and recent apps button that correspond to mobile gestures, allowing users to operate the projected mobile interface using familiar PC input methods while maintaining mobile device functionality.
2Productivity
If gesture operations are used on mobile device, then operation efficiency is improved, but compatibility with PC input methods deteriorates
Solution Approach 1:
Instead of projecting mobile gestures directly to the PC, the system inverts the approach by presenting a virtual navigation bar on the PC that replicates mobile navigation elements. This allows PC input methods (mouse clicks, keyboard shortcuts) to control the mobile device interface, effectively translating PC operations into mobile device actions while preserving the efficiency of gesture-based navigation.
3Ease of operation
If navigation bar is added to PC interface, then operation familiarity is improved, but interface complexity deteriorates
Solution Approach 1:
The virtual navigation bar is designed as a dynamic, configurable interface element that can be customized based on user preferences and specific application contexts. The navigation bar can be adjusted in position, size, and button configuration, allowing it to adapt to different usage scenarios and reduce perceived complexity while maintaining operation familiarity.
Solution Approach 2:
The virtual navigation bar copies the essential navigation elements from mobile device interfaces, creating a familiar visual and operational pattern. By replicating recognizable mobile navigation buttons and layout on the PC interface, users can transfer their mobile device navigation skills to the projected interface without learning entirely new interaction patterns.
Data Source
AI summary
A navigation bar display method includes a first electronic device that receives first interface information and second interface information from a second electronic device; displays a first interface of the second electronic device in a first window based on the first interface information; displays a second interface of the second electronic device in a second window based on the second interface information; displays a navigation bar; receives, in response to a first operation on a button on the navigation bar, third interface information from the second electronic device; and displays a third interface of the second electronic device in the first window or the second window based on the third interface information.