Mobile Browser Context Switching via Overlaid Frames
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Mobile devices with limited screen real estate struggle to effectively represent and manage multiple browser contexts using the traditional tab metaphor, leading to space inefficiencies and user interface challenges with small screen touch-based interactions.
Innovation Solution
A method and system that initializes multiple windows on a mobile device, allowing users to switch between them by displaying frames that overlap, with each frame representing a browser context, and adjusting their size based on available space, enabling efficient visualization and selection of multiple browser contexts on a small screen.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If the traditional tab metaphor is used to represent multiple browser contexts on mobile devices, then users can manage multiple browsing sessions, but the tabs occupy a large portion of the screen and do not scale well horizontally as the number of tabs increases
Solution Approach 1:
The patent transitions from a horizontal tab arrangement to a vertical stack arrangement, utilizing the vertical dimension of the mobile screen more effectively. This dimensional change allows multiple browser contexts to be represented without consuming excessive horizontal screen space, directly resolving the contradiction between managing multiple contexts and preserving screen real estate.
Solution Approach 2:
The patent implements a nested structure where multiple browser context representations are stacked vertically within the available screen space. Each browser context is nested within the vertical arrangement, allowing the system to accommodate numerous contexts while maintaining a compact footprint that scales well with the number of open tabs.
2Ease of operation
If tabs are used to represent browser contexts on mobile devices, then users can switch between different browsing sessions, but tabs become more difficult to select given the imprecision inherent to small screen touch-based user interfaces
Solution Approach 1:
The patent applies local quality by making the entire vertical stack area responsive to touch input, rather than requiring precise selection of individual small tab elements. This allows users to interact with the browser context switcher by touching anywhere within the stack area, significantly improving ease of operation on touch screens while maintaining the ability to distinguish and select individual contexts through visual cues.
3Quantity of substance
If multiple browser contexts are displayed simultaneously on a mobile device screen, then users can view multiple web pages at once, but the limited screen real estate is overwhelmed and readability is compromised
Solution Approach 1:
The patent extracts the browser context identification and selection functionality from the main content display area. By separating the context representation (vertical stack) from the content display area, the system allows multiple contexts to be managed without compromising the screen space available for actual web page content, thus maintaining readability while enabling multi-context viewing.
Data Source
Figure 1A
Figure 1B
Figure 1C
AI summary
Methods and systems for processing and displaying content are disclosed. An example method of operation may include initializing two or more windows on a mobile device, and displaying a first window of the two or more windows on the mobile device. The method may also include receiving an on-screen switcher indication causing a display view change from the first window being displayed to a combination of the first window and at least one more additional windows being displayed. The method may also include determining a space amount for each of the two or more windows, adjusting a size of each of the two or more windows based on the space amount. The method may further include displaying a frame around each of the two or more windows with the respective adjusted size, and displaying each frame overlaid on top of one another. The example method provides multiple web pages to be concurrently active in a common viewing area of a mobile display device.