Back to results
US 9,804,745 B2Granted
Reordering content panes in a stacked tab view
AssigneeApple Inc.
InventorsChanaka G. Karunamuni, Ian M. Henderson, Paul Russell Knight, Anthony D'Auria
Life of this patent
Estimating the term…
Abstract
Stacked tab views are described. A computing device can display multiple content panes in a web browser window. Each content pane can correspond to a different web site. The content panes can be arranged in a visual stack, where content pane are positioned one in front of another in a three-dimensional view. In the three-dimensional view, a distance between content panes can appear to separate the content panes. Each content pane can display snapshot image of content of a web site. The content panes can be used in place of tabs for navigating between web pages.
Claims33
A method comprising:
- at a computing device including one or more processors, non-transitory memory, and a touch-sensitive display:
- displaying a plurality of content panes in a visual stack in a first order in a depth dimension on the touch-sensitive display, the plurality of content panes includes a first content pane and a second content pane, the first order includes the first content pane appearing positioned in front of the second content pane and partially obscuring the second content pane, wherein a distance in the depth dimension appears to separate the first content pane and the second content pane;
- detecting a first touch gesture on the touch-sensitive display that includes detecting a first contact on a portion of the second content pane not obscured by the first content pane, and detecting movement of the first contact to a position on the touch-sensitive display that appears to be in front of the first content pane;
- and
- in response to detecting the movement of the first contact to the position on the touch-sensitive display that appears to be in front of the first content pane, switching positions of the first content pane and the second content pane in an animated motion so that the plurality of content panes is displayed in the visual stack in a second order on the touch-sensitive display, wherein:
- the second order includes the second content pane appearing positioned in front of the first content pane and partially obscuring the first content pane;
- and
- in the animated motion, the first content pane appears to move toward a bottom edge of the touch-sensitive display in the depth dimension, the second content pane appears to move forward in the depth dimension to occupy a position occupied by the first content pane before the first touch gesture was detected on the touch-sensitive display, and the first content pane appears to move backward in the depth dimension to occupy a position occupied by the second content pane before the first touch gesture was detected on the touch-sensitive display.
5 more elements
A computing device comprising:
- one or more processors;
- a touch-sensitive display;
- and
- a non-transitory computer-readable storage medium coupled to the computing device, the non-transitory computer-readable storage medium storing computer instructions operable to cause the computing device to perform operations comprising:
- displaying a plurality of content panes in a visual stack in a first order in a depth dimension on the touch-sensitive display, the plurality of content panes includes a first content pane and a second content pane, the first order includes the first content pane appearing positioned in front of the second content pane and partially obscuring the second content pane, wherein a distance in the depth dimension appears to separate the first content pane and the second content pane;
- detecting a first touch gesture on the touch-sensitive display that includes detecting a first contact on a portion of the second content pane not obscured by the first content pane, and detecting movement of the first contact to a position on the touch-sensitive display that appears to be in front of the first content pane;
- and
- in response to detecting the movement of the first contact to the position on the touch-sensitive display that appears to be in front of the first content pane, switching positions of the first content pane and the second content pane in an animated motion so that the plurality of content panes is displayed in the visual stack in a second order on the touch-sensitive display, wherein:
- the second order includes the second content pane appearing positioned in front of the first content pane and partially obscuring the first content pane;
- and
- in the animated motion, the first content pane appears to move toward a bottom edge of the touch-sensitive display in the depth dimension, the second content pane appears to move forward in the depth dimension to occupy a position occupied by the first content pane before the first touch gesture was detected on the touch-sensitive display, and the first content pane appears to move backward in the depth dimension to occupy a position occupied by the second content pane before the first touch gesture was detected on the touch-sensitive display.
8 more elements
A non-transitory computer-readable storage medium coupled to a computing device with one or more processors and a touch-sensitive display, the non-transitory computer-readable storage medium storing computer instructions operable to cause the computing device to perform operations comprising:
- displaying a plurality of content panes in a visual stack in a first order in a depth dimension on the touch-sensitive display, the plurality of content panes includes a first content pane and a second content pane, the first order includes the first content pane appearing positioned in front of the second content pane and partially obscuring the second content pane, wherein a distance in the depth dimension appears to separate the first content pane and the second content pane;
- detecting a first touch gesture on the touch-sensitive display that includes detecting a first contact on a portion of the second content pane not obscured by the first content pane, and detecting movement of the first contact to a position on the touch-sensitive display that appears to be in front of the first content pane;
- and
- in response to detecting the movement of the first contact to the position on the touch-sensitive display that appears to be in front of the first content pane, switching positions of the first content pane and the second content pane in an animated motion so that the plurality of content panes is displayed in the visual stack in a second order on the touch-sensitive display, wherein:
- the second order includes the second content pane appearing positioned in front of the first content pane and partially obscuring the first content pane;
- and
- in the animated motion, the first content pane appears to move toward a bottom edge of the touch-sensitive display in the depth dimension, the second content pane appears to move forward in the depth dimension to occupy a position occupied by the first content pane before the first touch gesture was detected on the touch-sensitive display, and the first content pane appears to move backward in the depth dimension to occupy a position occupied by the second content pane before the first touch gesture was detected on the touch-sensitive display.
4 more elements
Dependencies are inferred from the claim text.