Browser Array Mode for Tab Visibility

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

As the number of open tabs in web browsers increases, users face challenges in finding specific pages due to insufficient page names or labels, and not all tabs may be visible, especially in limited browser spaces.

Innovation Solution

Implementing an array mode in browsers that allows all open content items to be viewed in a scrollable array, with smoothly animated transitions between full-frame and array modes, and using a gesture-based interface for controlling these transitions, enabling users to quickly find and select specific content items.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If the number of open tabs is increased, then the ability to manage multiple content items is improved, but the ability to find specific pages deteriorates due to insufficient labels and visibility

Engineering Contradiction:
Improveability to manage multiple content itemsVSAvoidability to find specific pages
Core Design Contradiction:
Adaptability or versatilityVSDifficulty of detecting and measuring

Solution Approach 1:

The patent transforms the traditional horizontal tab bar into a vertical array layout, changing the spatial dimension of tab arrangement. This allows tabs to be displayed in a scrollable vertical list rather than constrained to a horizontal row, enabling all tabs to be visible even when numerous, thus resolving the contradiction between managing multiple items and finding specific pages.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

2Adaptability or versatility

If the number of open tabs is increased, then the content management capability is improved, but the visibility of all tabs deteriorates due to limited browser space

Engineering Contradiction:
Improvecontent management capabilityVSAvoidvisibility of all tabs
Core Design Contradiction:
Adaptability or versatilityVSArea of stationary object

Solution Approach 1:

By switching from horizontal to vertical arrangement, the patent充分利用 the vertical space of the browser window, allowing tabs to be displayed in a scrollable array that can accommodate any number of tabs while maintaining visibility of all tab indicators.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

Solution Approach 2:

The patent implements a dynamic layout that automatically adapts to the number of open tabs. When tabs exceed the visible area, the layout transitions to a scrollable array mode, dynamically adjusting the display mechanism to ensure all tabs remain accessible and visible.

Inventive Principle:
Principle #15Dynamics

3Device complexity

If traditional tabbed browsing is used, then the browser interface remains simple, but the ease of operation deteriorates when switching among many tabs

Engineering Contradiction:
Improvebrowser interface simplicityVSAvoidease of switching among tabs
Core Design Contradiction:
Device complexityVSEase of operation

Solution Approach 1:

The vertical array layout provides a more intuitive and easier-to-navigate interface for tab switching. Users can scroll through and visually identify tabs more easily in a vertical list format, improving ease of operation while maintaining interface simplicity through the use of familiar tab indicators.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

Data Source

PatentEP3989048A1Navigating among content items in a browser using an array mode
Publication Date: 2022.04.27 APPLE INC
  • EP3989048A1 patent drawingFigure 1
  • EP3989048A1 patent drawingFigure 2
  • EP3989048A1 patent drawingFigure 3

AI summary

In any context where a user can view multiple different content items, switching among content items is provided using an array mode. In a full frame mode, one content item is visible and active, but other content items may also be open. In response to user input the display can be switched to an array mode, in which all of the content items are visible in a scrollable array. Selecting a content item in array mode can result in the display returning to the full frame mode, with the selected content item becoming visible and active. Smoothly animated transitions between the full frame and array modes and a gesture based interface for controlling the transitions can also be provided.