Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

This design presents a powerful combination between designs 1 and 2. Overall, we thought design 1 works very well for exploring, so this design uses a grid view similar to that used in design 1 to display albums. We thought design 2 works very well for searching, especially when the user is looking for a particular photo, so this design uses a side-scroll view for displaying search results. This design also uses a different metaphor for opening albums, and makes several other important changes, as explained next.

Albums/Friends View

Image Modified Image Modified

On this interface, a grid of albums (or friends) is shown. Clicking on a photoset opens it in the same style that the iPad uses for folders on the home screen. Close the photoset by tapping outside of the opened portion.

...

Because the user is not creating data, there aren’t many errors they can make. If the user accidentally taps on a photoset or photo that they don’t want to browse, they can quickly go back, since tapping anywhere outside of the album closes the album.

Search View

Image Modified Image Modified
Search is the other main mode of PhotoBook (besides browsing).

...

However, since this design uses two very different ways of viewing albums - tapping on a thumbnail of an album to open it like a folder in Albums/Friends view and scrolling horizontally through an album in Search view - the learnability suffers, as the user needs to learn how to use both interfaces.

Photo Viewer

Image Modified

The PhotoViewer appears and covers the rest of the interface. This is so that the image gets as much screen real estate as possible. There are also translucent overlays for accessing features and displaying photo information. Tapping the photo makes the overlays appear and disappear, as is common in many iPad apps. The photo information is displayed at the bottom (an optional caption, who is tagged, the uploader, and the upload date). At the top is a button to exit the photo viewer. There is also a button to share the photo. A popover appears to show the sharing options (either download, email, or post the photo to Twitter). Otherwise, each option couldn't fit on the interface and symbols would be used instead (which are harder to learn). The popover adds another tap to each share, which sacrifices efficiency. If a user wants to download all photos in an album, they can do that from the album view.

...