Transitions among hierarchical user interface components

摘要

In one embodiment, one or more components of a user interface are arranged in a hierarchy of layers. The user interface is presented according to the structure of the hierarchy, with a first component of the user interface presented at a first layer. One or more second component are presented at a second layer, the second components being one or more children of the first component and the second layer being one layer above the first layer. Each child component of a parent component is locked to their respective parent component.

主权项

1. A computer-implemented method comprising:
arranging a plurality of components of a user interface in a predetermined automatically-maintained hierarchy, wherein the user interface comprises one or more content layers, and wherein each of the content layers comprises at least one of the components; displaying the one or more content layers concurrently with a set of thumbnails overlaying the one or more content layers at a first location,
wherein each of the displayed thumbnails is a child of at least one of the one or more concurrently displayed content layers,wherein each of the thumbnails is a first size and comprises at least one component of the plurality of components, andwherein movement of the content layers and movement of the thumbnails are connected; determining whether a received input comprises one or more of a scrolling input, a movement input, and a resizing input; in response to determining that the received input is the scrolling input, concurrently scrolling the content layers and the thumbnails at two different greater than zero speeds, wherein the thumbnails and the one or more content layers that are concurrently displayed are concurrently moving relative to the first location and when a last one of the child thumbnails corresponding to the currently displayed one or more content layers in the hierarchy is reached along a direction of the scrolling input and additional scrolling input is provided in the same direction with respect to the currently displayed child thumbnails, the concurrent scrolling results in displaying only the one or more of the content layers corresponding to the last child thumbnail or a content layer of the one or more content layers that is next in the hierarchy; in response to determining that the received input is the movement input, moving the set of thumbnails from the first location to a second location overlaying the one or more content layers without scrolling the thumbnails, the second location being different from the first location; and in response to determining that the received input is the resizing input, resizing the set of thumbnails from the first size to a second size without scrolling the thumbnails, the second size being different from the first size, wherein when the content layers and the thumbnails are being concurrently scrolled, the thumbnails scroll at a faster speed relative to a predetermined location on the user interface than the content layers, and wherein the components of the thumbnails are displayed at a lower resolution than the components of the content layers.