Embed Size (px)
Citation preview
A curatorial collaboration tool Presented by MaGneTiC
Daniel Clarke Ernie Gerardo Dan Meretzky Donovan Toure
Contact: [email protected]
2
Table of Contents
1. About the team…………………………………………………………………………3
2. Goals…………………………………….………………………………………………4
3. Initial User Research…………………………………………………………………..5
4. User Personas
a. Charles………………………………………………………………………….5
b. Edward………………………………………………………………………….5
c. Paola…………………………………………………………………………….6
d. Nick………………………………………………………………………………6
e. Rita………………………………………………………………………………6
5. Competitive Analysis…………………………………………………………………..7
6. Concept Sketches
a. Photoshop-based………………………………………………………………8
b. Animus-based………………………………………………………………….9
c. Lightbox-based………………………………………………………………10
7. Results From User Testing…………………………………………………………11
8. User Flows x 3
a. Edward…………………………………………………………………………12
b. Rita……………………………………………………………………………..13
c. Paola…………………………………………………………………………..14
9. Site Map……………………………………………………………………………….15
10. Annotated Hi –Fi Product Wireframes………………………………………….16 - 23
11. Appendix - Presentation slides………………………………………….……24, i - viii
3
About the team
Daniel Clarke Currently a Computer Science graduate student at NYU, Dan is also a Data Scientist Consultant at Mindshare, one of the world’s largest media agencies, and the Technical Director of Impressive Click -‐ a web design and development company. When not building next-‐gen data analysis tools, or awesome web applications, Dan likes to make the most of New York’s ample restaurants and bars.
Dan Meretzky Part designer, part developer. He's passionate about visualizing information and holds
degrees in computer science and business management. Dan currently runs a small animation studio in Manhattan, which helps uses video to promote and explain the
work of academics and intellectuals.
Ernie Gerardo A music industry cowboy since 2007, Ernie jumped into the world of UX as a student at NYU. A background in writing press releases, as well as running web video production teams landed him in the project manager spot with MaGneTiC. Today, Ernie spends his time designing synths, writing copy, and figuring out why the subway car is empty.
Donovan Toure While being Playstation 4 Guru and Nietzsche quoter,
Donovan's current research involves Human/Brain-‐Computer Interfaces and psychoanalytic symbols in contemporary urban environments. He is interested in how
the built environment affects brain states. Prior to joining the Integrated Digital Media Program, he obtained degrees in Legal History, Political Philosophy, as well as
Critical Theory & Post-‐Freudian Psychoanalysis.
4
Goals
As per the request of the client, our team designed Papyrus to meet the following specifications:
Meanwhile, as a design team, our own goals were to:
• Sort through a database of thousands of images
• Custom image grouping • Multi-image support • Image manipulation tools (opacity,
color balance, brightness, contrast, etc.)
• Point-matching and scaling capability • Pin-point annotations • Sharing and online collaboration
• Create an intuitive interface for users • Create a “virtual desk” with plenty of
space to manipulate several images at once
• Break from design conventions with software of this nature
5
Initial User Research Donovan Visits the Frick
Within the first week of the assignment, team member Donovan Toure visited the Frick’s Upper East Side museum, where he engaged a few of the patrons in conversation to understand why they were there, and what they enjoy about the artwork. He met a surprising variety of people, and his conversations with them, combined with the goals outlined by the client, allowed us to form five distinct user personas.
User Personas
Edward, 43 Edward is a former British Naval officer that recently moved to New York. During his years in the navy, he curated a personal collection of paintings from all over the world. He has two young sons that he has gotten interested in art collection and they frequently visit galleries and exhibitions and through art, they learn about culture and history. Charles, 55 Charles has been a Art History Professor for 25 years and is also a Master Freemason. As a child, he developed the skill of decoding anagrams and has found Interesting messages in various art pieces. He is highly active in Masonic as well as art circles and is always looking for ways to engage his professional and personal interests.
● High attention to detail and organization ● Strong spatial and isometric orientation ● Doesn't like convoluted systems
● Highly Analytical ● Adept at comparing artwork from multiple
periods ● Doesn't like limitations
6
Paola, 27 Paola is a recent graduate from a museum studies program and newly hired curator at a local gallery. She has been tasked with helping to catalog new acquisitions and displaying collections in new ways that makes them both accessible and engaging to the public. She wants to create a memorable experience while staying true to artistic elegance.
Nick, 24 Nick is a freelance photographer and photo editor for news sites. One of his new projects is restoring photos from World War II, especially using color information in black and white photos to colorize them. He was recently asked by a friend working in a gallery for help in color-matching some different versions of a painting of a horse.
Rita, 36 Rita has recently been named manager of a museum housing 10,000 unsorted images. Her primary need is the ability to look through the notes of curatorial team to understand the relationship between variations of artworks. She is a casual user of technology (has a smartphone, uses social media, etc.), but has no experience in image manipulation.
● Likes to think outside the box ● Skilled at making connections that aren't easy
to detect ● Doesn't like flat and un-engaging experiences
● Tech-savvy when it comes to photo-editing software
● Likes to learn new tech, but gets bored if it takes too long
● Can miss details when cranking out large amounts of work
● Highly meticulous and notices small details ● Thoroughly fluent in art terminology ● Delegates rather than let self get
overwhelmed
7
Competitive Analysis
Application Pros Cons
Getty LightBox Online, Collaboration, Metadata
Single Image View
Pinterest Online, Collaboration, Metadata
Single Image View
Flickr.com Online, Collaboration, Metadata
Single Image View
Google Presentation
Online, Online, Collaboration, Multi-‐Image View, Multi-‐Image Scaling, Drawing Tools
No Image Manipulation Tools, No Metadata
Prezi Online, Multi-‐Image View, Multi-‐Image Scaling
No Drawing Tools, No Image Manipulation Tools, No Metadata
Mural.ly Online, Multi-‐Image View, Multi-‐Image Scaling, Metadata, Collaboration
No Drawing Tools, No Image Manipulation Tools
SizzlePig Online, Multi-‐Image View No Drawing Tools, No Image Manipulation Tools, No Metadata
Adobe Photoshop LightRoom
Multi-‐Image View, Multi-‐Image Scaling, Metadata, Drawing Tools, Image Manipulation Tools
Offline
IrfanView Multi-‐Image View, Multi-‐Image Scaling, Image Manipulation Tools
Offline, No Drawing Tools, No Metadata
Picasa Multi-‐Image View, Metadata Offline, Multi-‐Image Scaling, Drawing Tools, Image Manipulation Tools
iPhoto Multi-‐Image View, Metadata, Image Manipulation Tools
Offline, No Multi-‐Image Scaling, No Drawing Tools
8
Concepts
Photoshop-inspired
One of our initial concepts was based on the standard photo editor interface, found in tools like Photoshop, iPhoto, and Lightbox, but with a larger emphasis on annotations and groups.
9
Animus-inspired
Taking a cue from the Animus tool from Assassin’s Creed series of video games, this concept took more of a virtual desk approach, with tools and search functions rotating in and out. The functions were the same as the first concept.
10
Lightbox-inspired
As the original spec called for a lightbox tool, this third concept also played with the idea of a virtual desk within the Frick’s own site rather than as a separate tool. The photo manipulation tools are still there, but this version is more compact, with a collapsible selection bar and fold-over search function.
11
Results From User Testing
We tested Papyrus on a wide range of users of varying ages, ethnicities, and professional backgrounds in order to get feedback on the functionality of the tool. From those without a background in art or technology, to programmers and graphic designers, our biggest findings were that: • There was no clear signifier for
what they key image (the one to which the others will be compared) will be.
• Users look for different associative grouping features (subject, light, color, style, etc).
• The desire for a cropping feature, especially so that smaller details can be compared, is common.
• Though we initially wanted a more non-conventional interface, users preferred the version that conforms more to the photo editor convention.
12
User Flows
13
14
15
Sitemap
16
17
18
19
20
21
22
23
24
APPENDIX: Slides from presentation
i
ii
iii
iv
v
vi
vii
viii
