Abstract: A method may include displaying an image on an electronic device to a user of a system, the image comprising content downloaded from the system. The method may include determining a relationship between the content of the image and the user accessing the image based on information from the system, and then displaying an animation of panning the image. The panning of the image may include displaying at least a first portion of the image before a second portion of the image to the user accessing the image based on displaying a movement of the image that is determined based on the relationship between the content of the image and the user. The first portion of the image may be different from the second portion of the image.

Abstract: Systems and methods for previewing newly captured image content and reviewing previously stored image content using an electronic device are provided. The previously stored image content may include an individual distinct image or at least two consecutive video frame images.

Abstract: In one embodiment, when an image is displayed on an electronic device, the image may be panned from one portion to another portion based on information associated with the image or a user viewing the image. In some embodiments, the image may pan starting from a leftmost user in the image and moving to the rightmost user in the image. In some embodiments, the image may pan starting from a specific user near the center of the image and zooming outward until the entire image is displayed. In some embodiments, the image may pan starting from a first user in the image having a highest affinity with the user viewing the image, and ending with a second user in the image having a lowest affinity with the user viewing the image.

Abstract: An electronic device includes a display, a touch-sensitive surface, one or more processors, and memory storing one or more programs. The device displays a first user interface of a hierarchy of user interfaces of a software application associated with first and second pan gesture recognizers. The first pan gesture recognizer is configured to recognize a pan gesture that has an initial direction along a first axis and/or a first direction. The second pan gesture recognizer is configured to recognize a pan gesture that has an initial direction along a second axis and/or a second direction distinct from the first direction. The device detects a first pan gesture in an initial direction across the touch-sensitive surface while displaying the first user interface. The device identifies a pan gesture recognizer configured to recognize the first pan gesture, and processes the first pan gesture using the identified pan gesture recognizer.

Abstract: In one embodiment, a method performed by one or more computing devices including defining a hierarchical structure for a user interface (UI) that includes defining one or more layers of the hierarchical structure, adding one or more objects at each layer, and specifying one or more relationships among particular objects. The method further including associating metadata with each object at each layer, the metadata describing how the corresponding object is presented in the user interface.

Abstract: In one embodiment, one or more components of a user interface are arranged in a hierarchy of layers and displayed to a user. The user interface is presented according to the structure of the hierarchy. In response to a first user interaction with a component that has a parent, the display transitions from a first layer at which the component is presented to a second layer at which the parent of the component is presented, with the second layer being beneath the first layer. In response to a second user interaction with a component that has a child, the display transitions from the first layer at which the component is presented to a third layer at which the child of the component is presented, with the third layer being above the first layer.

Abstract: 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.

Abstract: In one embodiment, a method includes displaying a first content item on a screen of a computing device, the first content item occupying the entire screen and comprising an icon representing a second content item; and in response to a first user input, displaying a first animation sequence depicting the icon opening up to reveal the second content item, the second content item eventually replacing the first content item and occupying the entire screen. In one embodiment, the method further includes in response to a second user input, displaying a second animation sequence depicting the second content item closing down and returning to the icon included in the first content item, the second content item eventually disappearing from the screen.

Abstract: 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.

Abstract: A portable device with a touch screen display detects a finger-in-contact event at a first position on the touch screen display and identifies a user interface object associated with the first position. The portable device determines whether the identified user interface object is moveable across the touch screen display. For an identified object that is determined to be moveable across the touch screen display, the portable device detects a sequence of one or more first finger-dragging, a first finger-out-of-contact, one or more second finger-dragging, and a first finger-out-of-range events and performs a first operation associated with the identified moveable user interface object at least in part in accordance with the first and second finger-dragging events. For an identified not moveable object, the portable device detects a second finger-out-of-contact event and performs a second operation, different from the first operation in response to a second finger-out-of-contact event.

Abstract: In one embodiment, an image may be displayed in one of several display modes. When an image is displayed in a first display mode on the screen of an electronic device, a user input may cause the image to transition to a second display mode. An animation sequence is displayed while the image transitions from the first display mode to the second display mode.

Abstract: In one embodiment, a content item and a feedback user-interface (UI) element associated with the content item may be displayed on a user device. The feedback UI element enables a user to provide feedback with respect to the content item. In response to a user interaction with the feedback UI element, an animation sequence featuring the feedback UI element is displayed on the user device.

Abstract: A thermostat is described for controlling air temperature in a building. The time associated with causing the controlled air temperature to reach a target temperature is estimated and displayed to a user. Input from a user indicating the target temperature can be received and the estimating and displaying can be carried out in real time. The thermostat can be wall-mounted or the user input can be received and estimated time can be displayed using a remote device, for example that communicates wirelessly with other components of the HVAC system.

Abstract: In one embodiment, as a user is scrolling through a first series of content items and reaches the nth content items from the first series of content items, display a visual indication that there are additional content items from the first series of content items existing after the nth content item. Upon receiving a first user input, enable the user to scroll through the additional content items existing after the nth content item. Upon receiving a second user input, enable the user to scroll through a second series of content items.

Abstract: Systems and methods for previewing newly captured image content and reviewing previously stored image content using an electronic device are provided. The previously stored image content may include an individual distinct image or at least two consecutive video frame images.

Abstract: Particular embodiments display an object at a first position on a screen of an electronic device; and in response to a user selecting the object with one or more fingers and moving the fingers around the screen, display an animated sequence depicting the object moving around the screen tracking movements of the user's fingers, movements of the object in the first animated sequence simulating a visual effect of the object being tethered to the user's fingers by one or more springs.

Abstract: In one embodiment, as a user is scrolling through a first series of content items and reaches the nth content items from the first series of content items, display a visual indication that there are additional content items from the first series of content items existing after the nth content item. Upon receiving a first user input, enable the user to scroll through the additional content items existing after the nth content item. Upon receiving a second user input, enable the user to scroll through a second series of content items.

Abstract: In some embodiments, a portable multifunction device with a touch screen display performs a method that includes: displaying a phone call user interface on the touch screen display, wherein the phone call user interface includes: a first informational item associated with an active phone call between a user of the device and a first party, a second informational item associated with a suspended phone call between the user and a second party, and a merge call icon; upon detecting a user selection of the merge call icon, merging the active phone call and the suspended phone call into a conference call between the user, the first party, and the second party, and replacing the phone call user interface with a conference call user interface. The conference call user interface includes: a third informational item associated with the conference call, and a conference call management icon.

Abstract: In particular embodiments, a client computing device of a user provides for presentation a user interface that includes one or more components. The client computing device may receive an indication of a message to the user. The client computing device may automatically modify the user interface to accommodate presentation of an interactive element associated with the message. The client computing device may modify the user interface at least in part by automatically modifying one or more of the components. The client computing device may automatically provide for presentation the user interface as modified and the interactive element associated with the message.

Abstract: Particular embodiments display an object over a background on a screen of an electronic device; and display a shadow effect for the object on the screen of the electronic device, including simulating a three-dimensional (3D) environment encompassing the object; simulating a light source at a specific position within the simulated 3D environment; simulating a shadow cast by the object on the background as a result of the light source shining on the object in the simulated 3D environment; and rendering the shadow on the screen of the electronic device.