Navigating among content items in a browser using an array mode

摘要

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.

主权项

1. A method of navigating among a plurality of content items in a browser, the method comprising:
at a computer system with a display:
displaying, in a page-display area of the browser, a first one of the plurality of content items in a full-frame mode in which the first content item fully occupies the page-display area;while in the full-frame mode, displaying a plurality of tabs in a tab-display area of the content browser, the plurality of tabs including a first tab associated with the first content item and a second tab associated with the second content item;receiving a first user input requesting a switch from the full-frame mode to an array mode;in response to receiving the first input:
transitioning the page-display area from the full frame-mode to the array mode, wherein in the array mode, the plurality of content items are arranged in an array and the content items are sized such that each of two or more of the content items is at least partially visible in the page-display area;concurrently with transitioning from the full-frame mode to the array mode, transitioning the first tab from the tab-display area to an area at the edge of the first content item; and,ceasing to display the plurality of tabs in the tab-display area;receiving a second user input selecting one of the content items that is at least partially visible in the page-display area; andtransitioning the page-display area, in response to receiving the second user input, from the array mode to the full-frame mode such that the selected content item fully occupies the page-display area.