Smithsonian Open Access Data Visualization Collaborations

Connecting dots to tell the story of Asian art

Client Project
Role
Tools
Keywords
Collab- with Smithsonian
New York, NY
September 2020- December 2020/ 3 months
Designer and dev—
discovery, user research, design, testing, development
Figma / Miro / JavaScript
Pencil / Sketches
#art Education
#creative coding

Museums want to educate the public about art, but some elements of exotic Asian cultures would be overlooked

Eastern cultures are often tainted with mystery, such as those ancient but non-existent beasts, the gestures you make for meditation when doing yoga, the quiet and serene Buddha statues all have a deeper cultural connotation. Some elements of exotic cultures are interesting in different cultural contexts, and many of them would be overlooked if they were not visually visualized.
So I took the opportunity to work with the Smithsonian Open Access Department to create a series of data vis works that visualize interesting parts of Asian art.Different from the curator telling the story, I tell the story through the data, let the data tell the story by itself. This is a way for more people to understand art, thus helping non-profit organizations like Smithsonian to educate the public about art.

Introducing National Museum of Asian Art

Impact: been featured on the official websites of Smithsonian and Parsons.

🖥 - Improve the workflow by developing design plans
Background
Museum attendance drops by 77% worldwide, with smaller museums being more affected.

When was the last time you visited Smithsonian? Have you visited the national museum of Asian Art?
As a  branch of the Smithsonian, compared to big brothers such as natural history or air and space museum,  it struggled to have more visitors mainly due to limited information about their visitors' interests and the complicated and nuanced nature of art collections. 

Enjoy art online: the Smithsonian Open Access Project

Out of Smithsonian's mission: the increase and diffusion of knowledge, in February 2020, Smithsonian Open Access launched its more than 3 million items online from across the Smithsonian’s 19 museums including the National Museum of Asian Art.

But online does not make it easier for the public to understand Asian art. 

The new database publishes a lot of content, but in the case of the population is not familiar with the context. Instead, it is easy to lose direction. By exploring data in both quantitative  and qualitative ways, This results in three separate but interconnected interactive data visualizations.

Outcome Overview

Project One: Fantastic Beasts and where to find them

Questions Answered:

-  How many pieces of art have animals on them?

- What kind of animals are they?

- What is the relationship between the animals? What cultural connotations do they bring to the table?

Project Two: the Scroll of Mudra

Inspired by ancient Buddhist scripture scrolls, the mudras (gestures) art pieces are gathered together and synthesized for presentation.

Questions Answered:

- What is mudra?

- How often do these mudras appear in the national museum of Asian art? Which is the most common?

- What are the meanings of the different mudras?

Project Three: What Makes a Buddha

Inspired by ancient Buddhist scripture scrolls, the mudras (gestures) art pieces are gathered together and synthesized for presentation.

Questions Answered:

- What is mudra?

- How often do these mudras appear in the national museum of Asian art? Which is the most common?

- What are the meanings of the different mudras?

How did I get here?

01. Understand

How does the general public think about its collections?

Love this museum and unfortunately it's always empty when i visited

Integrating the Smithsonian's purpose of spreading art, the data vis project is aimed at the general public,  So I conducted desktop research and interview to collected their thoughts.

Desktop research- Reviews of the museum
Interview - Opinions about Open Access
The public audience often feels disconnected from the Asian art collections. 
Due to generic content descriptions and no picture collections displayed in the database, visitors are often overwhelmed and unable to easily glance at which exhibits or artifacts would be interesting to them. 
the information provided online lacks context, making it difficult to understand.
There are missed opportunities in building greater experiential coherence around the potential connections with and between data points
How is the Dataset

Data is complex and limited with information provided

Through the open access database, national museum of asian art has 5,642 artwork records, Here are what it provides:

Artworks data are very difficult to quantify in a uniform standard. For example, bronze, bronze with inlay, bronze with glaze are different categories.
Also the amount of information presented by the data is relatively limited, not all of them have detailed descriptions of its cultural value.

Unpack data observations into tangible design goals

How to create an experience thus attracting the general public who are not interested in Asian art?

How might I create an experience thus systematically presenting Asian art ?

02. Ideation

Breakthrough to cook up the story

Start from topics

With these two questions in mind, I started from the database topics, selected interesting topics close to life, and integrated the topics to find the connection between them.

Set up design principles

Systematic connections

At the macro level, The design should look for systematic connections within the data points. allow the users to engage with the collections in a deeper way.

Present the truth

At the micro-level, the design should as a matter of fact display data in a straightforward way

Attractive

If having, the design should include elements of discovery to attract users

Educational

The design should amplify the educational nature of the museum

Wireframing

Iteratively improve the flow and visual details

Then I mapped out possible options  I had frequent working sessions from the client and the cohort to absorb and evaluate their feedback. By wire-framing the design multiple times, There are updates everywhere including layout, visualizations, and visual presentations respectively.

01/
Qualitative Project

How might I create an experience that could appeal to the masses?

Topic: #Animals
Inspirations
Referring to Pokemon games, a game that combines nature and magical animals, I thought of the fact that in Asian art, animals often appear to contain deeper cultural metaphors, especially since there are many unreal animals such as dragons and phoenixes. I wanted to use the popular pokemon games to arouse the interest of people who do not know Asian art.
Find the proper visual language
After searching the keyword "animals" I got 258 instances.  Due to the relatively small amount of data, I want to take this opportunity to try multiple data visualization methods by answering three different questions.
Fillin' blanks first: Show connection between data points
The mere listing of numbers is only the first level of data visualization, the second level I started to think about the relationship between real and unreal beasts. So I wanted to find a chart type that could mainly represent the flow of relationships between data.
Modify sunburst chart to show 20+ categories
The art medium in the database is many and varies, here we have 46 categories: for example, bronze,bronze with inlay, bronze with glaze you name it.
Add some doodle
xxx
result in screenshots
02/
Qualitative project

How might I create an experience thus systematically presenting Asian art ?

Topic: #mudras, #ushnisha, #earlobe, #lotus
Inspiration
A comprehensive introduction to the different parts of Buddhist sculpture, simulating the experience of you observing the statue. 
Scollytelling is the key
xxx
But not over-use it
- merge the repetitive part to hide all the text or information that needs to be added, and remind users to hover over icon to see more information for interaction.
From 2d to 3d, just like you are observing the statues
To make the experience more engaging, after Smithsonian approval. I added an external 3d render of Buddha as an illustration to show the piece more visually and to simulate the movement of the visitors when they walk around a Buddha statue
result in screenshots

Next Step

Key Takeaways

Deal with limitations

In the design process, many features or designs need to be adjusted according to the actual situation, this time to learn to communicate with different teams, to clarify the reasons for the problem, whether there is a reason and plan b to validate design. In what case I need to take on design, over all this is design rather than decoration.

Communicate early, often and clearly

Exchanging thoughts with stakeholders mentioned above early and often allowed me to see the limitations faster and adjust my design in time. For example, in the build of learning more, the dev has been struggling for a long time because of the previous version of the design, and later we iterated the design to make the data architecture clearer, if we communicate early, we can reach that sweet point sooner

Achieve impact by building trust

Being a new member in the team, it’s important to show that I care about the team. So when I tried to use some novel methods and asked for resources. For example, I use maze for the usability test combined card sorting in between, I would explain why and keep the supporters updated with progress I made to enhance participation feeling.

More Case Studies