...
Charles has downloaded PhotoBook and wants to browse through Facebook photos. He opens the app, and logs into his Facebook account. After browsing around a bit, he sees his friend Jennifer. Charles has a crush on Jennifer. He opens photos of her to see what she has been up to. He finds a romantic photo of Jennifer and Brian. Charles is shocked. Brian used to be Charles’ best friend. Is this why they haven’t talked lately? Charles opens the search page on PhotoBook, to investigate this betrayal. Sure enough, he finds plenty of photos with Brian and Jennifer. Charles finds a particularly incriminating sledding photo, and emails it to Donovan, to see if he has any explanation.
Designs
Design 1 - Traditional
This design closely follows the traditional “album” metaphor to explore, find, and share photos. The user first sees a grid of albums with a chosen photo on the cover. Then, the user can open an album, which hides the other albums and shows only the photos in the chosen album, laid out as a grid. The user can choose a photo to pull it out of the album and view it closely (at a size that fills the screen).
Thus, there are three main views in this design: an Album view that shows all the albums the user and her friends’ have posted, a Photo Grid view that shows thumbnails of the photos in a particular album, and a Photo view that shows a particular photo at full screen. The photo view is the same across all three designs, so it is shown above. A standard paged navigation interface is used to move through these views; a “Back” button is placed at the top left corner of the Photo Grid and Photo views to move back to the last view the user saw. Additionally, there are tabs to switch among viewing all albums, the user’s albums, and albums containing photos of each of the user’s friends.
Overall, this design follows the approach used by most photo organizing applications, including iPhoto, the iPad’s “Photos” app, and Facebook’s website.
Storyboard
Design 3
Storyboard
Charles has downloaded Photobook, and wants to browse photos. He opens the app and the Facebook login page opens. Charles already has a Facebook account, and enters his login details.
...