The Frick Lightbox

Our latest project was tasked by the Frick Collection. Please see below for details. Thanks.

Frick_Lightbox_Book

Goals

To create a functional online lightbox tool that allows art historians and others to examine

images on a computer, similar to that of a physical light box. Currently, there is no such

working tool, although Pinterest may be the “closest” to this ideal.

• Image compilation into one main photo manipulating environment.

• Ability to dynamically categorize, rearrange, edit and save groupings of photos that a user

• Selection tool for selecting specific parts of images for annotation.

• The ability to zoom into multiple images, at the same time.

• A magnification tool that will magnify at the same specific spot on all images at the same

• Creation of a dynamic overlay function for comparing multiple images using the Iterative

Closest Point algorithm for functionalities like selection of specific shapes across all images

at the same time.

• Making image compilations shareable and editable in order to afford collaboration be-
tween different users.

• Including meta data for each image in a way that isn’t obtrusive to the viewing experience

• Adding the ability to save work in light box and return to it later. As well as the ability to

export image groupings with or without annotations.

Frick_Lightbox_Book3

————————————————————————————————————

Competitive Analysis

We researched five different websites that had similar functionalities to our lightbox to

compare their functionality to ours. After card sorting, we found nine different functions

that users wanted on their Lightbox websites and used these categories as the basis of our

Frick_Lightbox_Book4

————————————————————————————————————————

 

Heuristic Analysis

According to the Frick Collection, we found that the website with the closest functionality to

their needs was Pinterest. We thoroughly examined Pinterest’s functions and compared it

to our redesign of the Frick Lightbox to figure out what was lacking or the same from both

Frick_Lightbox_Book5

————————————————————————————————————————————————-

Understanding the User: User Personas

We developed 5 user personas based on types of people we thought would use the lightbox. Their descriptions are below.

Frick_Lightbox_Presentation5

Isaac Turner

In house photographer for Burlington Coat Factory & Artist

BFA in Photography, Parsons

As a lover of art, Isaac often likes to find inspiration for photo shoot development by searching museum

databases for quality images of different artworks. He thinks this makes the product photography work that

he does more artistic, dynamic and entertaining because the look books of traditional art that he compiles

affords him and his staff to have interesting art conversations about capturing the essence of a work of art

and portraying that in modern day product photography. He also is a big fan of trivia, and loves reading the

information about the photos and artists that he doesn’t know.

Isaac currently uses shared pinterest boards and google docs to share images and look books. However, he

finds the process of migrating images to docs cumbersome and he finds the inaccuracy of user categorized

images of pinterest to be distracting and frustrating.

• Image searching tools that don’t remember his search preferences.

• Image searching tools that don’t let him share images he has chosen.

• Feature creep, he is easily distracted.

• Categorization that does not account for microscale searches. Example: if he searches for blue horse, he

doesn’t want all the images of horses, he wants images of Der Blaue Reiter Movement.

 

Robin Wilkinson

Director of American & European Art at Putty Inc

Master’s Degree in Art History from Williams College

Robin is the Director of American & European Art department of Putty Inc. She is not fond modern technolo-
gy, but she requires an online tool where she can analyze, collaborate and evaluate the annotations of the

art curators of her department. She likes the idea of start working wherever she had left off. For confirming

the data shared by her curators she would like to search engine with the info attached to the shared material

and adding notes to the work under evaluation.

• Gets frustrated by complex design and absurd navigation.

• Hates when the logout timer sets out and she has to start from scratch.

• Not able to work at home.

Jack Toolin

Artist; Adjunct Professor at NYU and Pace university; Visiting Assistant Professor at Pratt Institute

MFA, San Jose State University: Photography, Performance, and Installation

Being a professor of Art History, Jack often visits MoMA website. He wants to get data for his classes with

annotations and metadata.

Jack currently uses MoMA boards and google search to find images and uses adobe suite for making

presentation and notes for his classes. However, he finds the amount of pop-ups distracting and doesn’t help

with the navigation. And while comparing images online, he would like to save his work online and he wants

a place where he could create subfolders according to his needs.

• Gets distracted with too many popups while navigation.

• Doesn’t like finding small resolution files.

Nneoma Akubuilo

Art History PHD Student

PHD Candidate at Columbia University

Nneoma is a grad student who also works as a curator for the MET. She is concerned with finding images

in her searches in the quickest and most concise way possible when she curates a new exhibit at the muse-
um. She dislikes having to use multiple websites to find images, and wants everything to be as organized as

possible. She is a fairly tech savvy, but finds it annoying when her searches find images that have nothing to

do with his subject. She would like to have the ability to compare multiple images at the same time, be able

to search multiple types of images at the same time, have a built in compare tool in the browser, and quick

• Confusing designs with too many things listed on pages.

• Getting images that have no relation to his search

• Having to save images and open a program like photoshop to compare images.

• Having to use more than one website to search for his images.

Shahbaz Chandarki

IT consultant at L&T Infotech, Student at NYU

25 year old male

BE in Computer Science

Shahbaz loves to discuss different ideologies behind different religions and cultures. Being

raised in an orthodox family, he had generated a great deal of curiosity to know what made

the things they are today. He likes to google eras, visit various museum websites and makes

notes about the data he founds in them. He wants a tool where he can makes notes from his

observations in a systematic way and use the images and his notes to discuss within his Cul-
tural history club meet-ups. Some times he likes to collaborate with other people and show

the findings online.

• Image searching tools that don’t let him share images he has chosen.

• Since he uses different sources (Internet, Word etc) to build his notes, he is easily

distracted. He doesn’t like using multiple applications to finish his single work.

———————————————————————————————————————————————-

User Testing Findings/Feedback

After finding out what each user persona wanted in a lightbox, we began creating paper

prototypes to allow for some initial testing before creating the lightbox design on Axure.

Here are a few key findings we came across during paper prototype testing.

One of the first issues that people found upon using our website was that if they were a

new user, they were forced to create an account in order to fully use the lightbox features.

Moreover, they couldn’t immediately create an account on the log in page, which caused

more frustration because it made the process of logging in much more tedious.

Following our Log In Page, our next biggest find was through our personal account page.

On each user’s personal account page, they are shown their personal image collections and

are able to organize, edit, delete and share each collection. Users found that the design

with the buttons on the top were extraneous and wanted to see less options and functions at

once to make things look clearer. Moreover, after further testing, many other users wanted

to immediately go to a light box by clicking on a certain collection. In this iteration, that

was not possible because we designed it so that you were forced to pick a collection, which

brought you to another page that showed every image of that collection where you may

select which images to put into the lightbox. Many users stated that if they organized their

collections correctly, there would be no need to further see the contents of a collection be-
fore going into the light box.

Furthermore, we found that the information bar on the left to also display unnecessary infor-
mation, and decided to completely take that function out of our design.

Finally, another vital piece of critique from our paper prototyping came from our Lightbox’s

design. Many users liked the large and open work space and how clean the design looked.

Furthermore, they liked the idea that they could save their annotations and export and send

their data to their emails or other locations. Besides this, most users wanted to be given

more functionality with the Lightbox. They wanted to be able to crop the images so that

each image would show similar objects despite being different dimensions, colors, and loca-
tions. Moreover, users also wanted to be able to change the opacity of each image when

they were overlayed on top of each other, instead of all being the same opacity. After our

initial testing, we added these functions to our existing options to give users much more cre-
ative freedom to work with their projects.

After making the final decisions of what image viewing capabilities would be included in

our redesign, we did another round of user testing and employed the card sorting method.

Through this exercise we were able to determine how to arrange the new lightbox tools in a

way that was intuitive and easy to use.

With the first version of our interactive wireframes completed, we then included another

round of user testing. The general feedback for this round of tests was in regard to the

graphic design of the wireframes. Users noted incongruencies in font and font size. There

were also comments about some fonts that were so large that they were drawing their domi-
nating attention, therefore making it harder for them to successfully navigate the site.

pp1pp2pp3

 

—————————————————————————————————————————————-

User Flows

With the creation of the site map and the design of the website in mind, we used three of

our user personas to created a user flow that would show the hypothetical journey each

individual would take while using our website. In particular, we decided to use Nneoma, the

art history PHD student, Isaac, the professional photographer, and finally, Shahbaz, the IT

With the creation of the site map and the design of the website in mind, we used three of

our user personas to created a user flow that would show the hypothetical journey each

individual would take while using our website. In particular, we decided to use Nneoma, the

art history PHD student, Isaac, the professional photographer, and finally, Shahbaz, the IT

With the creation of the site map and the design of the website in mind, we used three of

our user personas to created a user flow that would show the hypothetical journey each

individual would take while using our website. In particular, we decided to use Nneoma, the

art history PHD student, Isaac, the professional photographer, and finally, Shahbaz, the IT professional.

Frick_Lightbox_Book14Frick_Lightbox_Book15Frick_Lightbox_Book16

 

————————————————————————————————————————————

Site Map

After user testing the paper prototype, we collectively began designing the layout of the

Lightbox website. This site map represents the skeleton of the design of the Lightbox.

Frick_Lightbox_Book17

———————————————————————————————————————

Wireframes & Annotations

Frick_Lightbox_Book18Frick_Lightbox_Book19Frick_Lightbox_Book20Frick_Lightbox_Book21Frick_Lightbox_Book22Frick_Lightbox_Book23Frick_Lightbox_Book24Frick_Lightbox_Book25Frick_Lightbox_Book26Frick_Lightbox_Book27

——————————————————————————————————————————————–

The Team

Frick_Lightbox_Book32

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s