The Frick Lightbox
Our latest project was tasked by the Frick Collection. Please see below for details. Thanks.
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.
————————————————————————————————————
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
————————————————————————————————————————
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
————————————————————————————————————————————————-
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.
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.
—————————————————————————————————————————————-
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.
————————————————————————————————————————————
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.
———————————————————————————————————————
Wireframes & Annotations
——————————————————————————————————————————————–
The Team