7 Weeks
UX Researcher
Proud Taranat
Francis Park
Adobe After Effects
HTML/CSS, Javascript
What is Uncover AIGA?
UNCOVER AIGA facilitates data exploration in which the user filters between categories, gains insight through ‘surface’ data points, and uncover its deeper meaning by reading quotes of the designers that the data points truly speak to. Users are also provided with external resources that can further inform them of the topics explored. Although, by digging beneath the surface of data can we really begin to understand the depth and value of the Census.
UI/UX + First Time Data Analyst
I took part in analyzing the expansive spreadsheet that is the AIGA Census Data, and filtered and analyzed over 9000 responses related to topics such as: designers’ income, quality of life, race, gender. My team and I then translated our findings into the form of a website that expresses the depth of a designer’s experience beyond the ‘numbers’. Through data points, quotes, and anecdotes, we aimed to present the true thoughts and voices beyond the statistics that we see on the surface level.
01/ Primary Web Features
*Even though users could access external resources in the quotes page, the main source of external links is located on the home page as shown earlier.
02/ Process and Structure
So how did we go about understanding the Census? How did we decide which parts of the data to focus on?
The raw content of the Census was given to us in the form of a massive spreadsheet. Even though this looked intimidating, we began sorting through the content via various forms of higher-level analysis ranging from quantitative graphs to qualitative word clouds.
Findings and Site Architecture
Furthermore, by using Google Sheets’ filtering system and some Python, we were able to pinpoint certain correlations within the data. This is what allowed us to group our findings into three main categories that would later become the core of our web experience. These correlations also allowed us to find quotes from individuals that spoke to certain data points. Through this methodology, we were also able to convert the data into JSON files that would be loaded onto our website.
03/ Visual Direction & Style Guide
Exploring Visual Directions
Besides the data collection and analysis, we also spent a lot of time ideating on a concept + visual direction. After going through many pivots and explorations, we were then able to settle on the theme of “uncovering” and progressive disclosure.
User Flows + Final Direction
Once we latched onto the theme of ‘progressive disclosure’, we made sure that the visuals and design decisions really tied back to the functional aspect of that theme. As a result, we landed on our final direction, where the circles served as a multipurpose tool to deliver, lead, and reveal different types of information. Below we created a userflow chart to help describe one of the intended paths a user might take when exploring the website.
Typography + Assets
Here’s the compilation of the typefaces used and the instances each is used for, along with additional graphic elements such as stickers and visualizations.