edited.jpg

Fast Company 2018

HUSH hosted nearly 80 people at Navy Yard studio in conjunction with the Fast Company Festival and the client partner at Google. 

The goal of the interaction activity was to demystify the design process through collaborative making. Guests tapped into their own data and uncovered its creative potential in a simple and beautiful way.

2018.9 - 2018.10

My Role: Project Lead: Design, Prototype and Production

Tool: Cinema4D, JavaScript

Core Team: Eddy Nieto, Danielle Towslee, Kari Fry.

Studio: HUSH

 
 
workflow1.png

The biggest challenge is to create this experience for people who never worked with data before. We decide to make this activity a hands on physical experience for visitors. They will be able to make and take home the unique data visualization. The following are some ideas I came up with:

Color Collage. Use different color as data input, each color represent an answers of the given questions.

edited.jpg
Screen Shot 2018-12-10 at 2.24.35 AM.png
 

Color Layers. Also use color as data input. Color Layers plays with the idea that two colors layer up will create a new color.

edited.jpg
edited.jpg
 

Grid and Pattern. Use dot position as data points. Each row represents a question, each dot represents an answer.

Screen%2BShot%2B2018-12-10%2Bat%2B2.25.20%2BAM.jpg
Screen Shot 2018-12-10 at 2.25.30 AM.png
 
 
workflow2.jpg

Visual and Material Study

Challenge:

How to intuitively create data visualization looks appealing both individually and as a group?

Goals:

Find the right physical material to create data visualization

visual.jpg
 
 
workflow3.jpg

User Flow

timeFrame.png

The interaction activity only has 30 minutes in time budget, which means users will spend less than 15 minutes with their full attention to make the data board. Therefore, the experiences should reduce the distraction and learning curve.

timeFrame.png
 
 
workflow4.jpg

Data Visualization Creation Process

Data Point.png


We choose to use visitor’s ID card as the Data Point.

People carry ID card everywhere, it contains all the data that can prove one’s identity and people hardly aware of that.

Also, it will save the trouble of over think and look for answers during the 15 minutes activity.

question systerm.png

Each shape has two colors, one shape represents one question.

Every question has binary answer, each of answer is associated with one color of that shape.

 

After consideration we choose the idea Color Layers and choose acrylic as the materials.

The acrylic pieces will be laser-cut into different shapes, with cutouts to align with the posts. Each shape will be cut from differently colored translucent acrylic, and will stack on top of each other.

Screen Shot 2018-12-10 at 10.14.18 PM.png
 

Additional interaction with sound

The acrylic board will “play“ interactive music based on different color combination.

soundID.png
 
 
workflow5.jpg

I use different tools to created different prototypes for internal and external communication.

Cinema 4D

Physical prototype with acrylic

acrylicProto1.jpg
acrylicProto2.jpg

Sound Interactive prototype with Java Script:

 
 
workflow7.jpg
HUSH_Fast Track_480.jpg