CS W4170 User Interface Design—Final Projects
Fall 2007

A Tagged Image Explorer (TIE)

Students were asked to form four-person teams to design a user interface for visually organizing and browsing through images available on the web, based on the textual tags associated with them. Emphasis was put on issuing queries for images, presenting returned images within a one- or two-dimensional information space, and navigating within the space. Users needed to be able to define the axes used in an information space in terms of an ordering imposed on the set of tags associated with an axis or or through other non-tag data, such as a range of dates or an ordered set of owners. Groups developed scenarios for a class of archetypal users, created lo-fi prototypes, tested their UI, and created working prototypes using the Picasa Web Albums Data API. The following projects were presented on December 12, 2007.

Tagged Image Explorer screenshot Tagged Image Explorer.   Tagged Image Explorer is developed for photographers and users who work with photographs in their work, or seek, appreciate, and evaluate high-resolution pictures online. Photographers take pictures of people, places, things, and events and work with a huge collection of pictures taken by themselves or others. They specialize in fashion, forensics, medical, news, wildlife, and more. Features: - Support community search feed and user-based/ album-based search from PicasaWeb albums. - Support one-axis/two-axes display with multi-tags flexibly. - Support multi-filter function based on information associated with the pictures. - Integrated with Zoom, Pad, Quick Move, Full-size picture window function. - Load/save specified user query profile.

(Jeff Hull, Changlong Jiang, Himanshu Kumar, and Daniel Pestov)
TIE screenshot TIE.   Tagged Image Explorer (TIE) is an application designed to manage and interactively display photos, computer generated images, scans of artwork, and other graphical media from Google's Picasa image sharing community. TIE can search any Picasa user's albums for images matching a specified tag, and the retrieved images are displayed in a fully customizable, 2-dimensional information space. Picasa users can be added and removed from the application, new tag sets can be defined and applied to the information space axes to display retrieved images in unique ways, and different parts of the information space can be opened in new windows for closer inspection and comparison. TIE is an invaluable tool for amateurs and professionals alike, allowing artists to visualize associations between images in different ways and graphic designers to efficiently search for and group together images matching specific criteria like size and color. By interacting with the TIE visual information space in an intuitive way, these users are able to organize images and draw ideas and inspiration for their work with a minimum of hassle.

(Jaggan Nalangilli, Enrique Henestroza, Robert Katz, and Abhishek Gandhi)
Retrograph screenshot Retrograph.  Retrograph is a photo sorting tool created for inexperienced computer users. It consists of a simple one page GUI with no main toolbar. Images are sorted in Retrograph based on tags mapped to an X and Y axis. These tags are user-specified. In addition to its simplicity of use, two other interesting features in Retrograph are the Scrapbook and ZoomPanel. The user can drag and drop images into his scrapbook and they will persist across album changes, so that at the end of a session, the user can review his favorite photos. The ZoomPanel allows the user to easily enlarge specific and interesting parts of each photo in the main Retrograph panel.

(Greg Bramble, Mike Cole, Joe Kamien, and Henry Klementowicz)
PolarScape screenshot PolarScape.  This project was created to browse images in multiple information spaces. The predefined spaces included with the program are The Seasons, Time of Day, Color, and Brightness. Additionally, we provide a customizable information space in which the user can place collections of tagged images at a specified radius from the center of the visualization. The project includes a number of design decisions that we feel have benefited our project as a whole. To minimize waiting, images are cached once downloaded. Also, we decided to avoid Swing in an effort to maintain the custom look and feel of our application.

(Kevin Chiu, Eric Risser, Tejas Nadkarni, and Divya Arora)
Photolinks screenshot Photolinks.  Photolinks allows a user to perform a search on the Picassa image database and to choose how the results are presented to him by specifying the criteria for the horizontal and vertical axes (images can be sorted by tag, date, or size). Photolinks then displays the images using the user-defined axes. At any time, the user can change the way the results are displayed or perform a new search. Photolinks was designed as a full-screen application with a black background to make viewing the images the main focus. The interface was designed to be minimalistic and transparent so that it would fade into the background and allow the user to focus entirely on his task rather than on thinking about the interface.

(David Albert, Nicholas Bergson-Shilcock, Megan Myers, and Katie Simon)
PhotoBuckets Xtreme screenshot PhotoBuckets Xtreme.  PhotoBuckets Xtreme is a Java-based Image Tag Explorer built around the idea that users enjoy the freedom to customize axes defining information spaces around any hierarchy of criteria they may choose. PBX is staged into two phases. First is the schema creation phase which lets users define an information space axis via a system of weighted buckets and tags. Using buckets, users can create categories, which they can then populate with tags. Buckets let the user easily assign a weight to all tags within the container with a single click. Conversely, users may also populate an 'Exclude' bucket with tags they wish to exclude from their schema. Each schema lets users import a default set of tags from any Picasa album. The user can then use this default set of tags (or create their own tags) to put within buckets. The second phase of PBX is the configuration and viewing of the actual information space. Users are able to assign a schema to one of four axes-halves in the Graph View of the program. In total, users can assign four schemas to a single Graph View. Then by clicking 'Get Photos,' users are able to populate the View with photos from any desired album. This album may or may not be the same album used to originally populate the default tags pane in the first phase.

(Steven Chaitoff, Eric Hu, Robert Lin, and Carlene Liriano)
SVIS screenshot SVIS.  For our project, the class of archetypal users used was that of grandparents. In a large number of cases, grandparents live far away from the families of their children. But, as grandparents, they would like to look at pictures of their grandkids, to see how they are growing up, what they are up to, and so on. So, our application can be used to enable grandparents to easily search pictures on the web to find pictures posted by their children. Also, since a lot of grandparents are retired, they may use the application to find pictures of places they would like to travel to.

(Srinivasa Valluripalli, Veera Cooper, Ioannis Stavrinides, and Saket Singam)
TIE screenshot Tagged Image Explorer.  This program is targeted for the general community on the web. It is intended for users who are looking for specific photos and know only the photo's keyword. It could be a photographer wanting to check out some trademark shots of Mount Everest. He could then use the information axis to organize the pictures of Everest at sunrise, sunset and during blizzards using the information axis. The user could be a student wanting to check out pictures of the pyramids. He could then sort the pictures by selecting specific countries like Egypt and Mexico on the information axis. The user could be a car collector who wants to check out the pictures of 1954 Porsches. He could then use the information space to organize the car models by date and pin point the picture of the model he wanted. However this program is not intended for users who want to view private albums on Picasa.

(Arpit Mehta, Aniruddha Dutta, Dhruva Shetty, and Guanshan Yu)