The future of play.
Research – Concept – Prototype
subtitles
Sponsored by Mattel, the studio delved deep into the consumer mindset to explore new possibilities and also new challenges brought by a digitally-saturated world.
Linh Ho
Interaction Design
Yosef Lee
Product Design
Jane Kem
Graphic Design
My Role
20%
User Research20%
User Experience Design60%
Prototypekeyboard_arrow_up Initial Prototype
Crude and humble as it was, our first prototype served beautifully as the first foray into the heart and mind of our users.
User Interviews
What parents say?
keyboard_arrow_up Brandon, 3 | Henderson, NV
More than 10,000 species are at risk of extinction every year, among them a swelling number of marine animals.
Humans have profoundly decreased the abundance of both large.
Humans have profoundly decreased the abundance of both large.
More than 10,000 species are at risk of extinction every year, among them a swelling number of marine animals.
Humans have profoundly decreased the abundance of both large.
Humans have profoundly decreased the abundance of both large.
keyboard_arrow_up Devin, 6 | Westminster, CA
keyboard_arrow_up Keith, 5 | Houston, TX
More than 10,000 species are at risk of extinction every year, among them a swelling number of marine animals.
Humans have profoundly decreased the abundance of both large.
Humans have profoundly decreased the abundance of both large.
More than 10,000 species are at risk of extinction every year, among them a swelling number of marine animals.
Humans have profoundly decreased the abundance of both large.
Humans have profoundly decreased the abundance of both large.
keyboard_arrow_up Matt, 7 | Los Angeles, CA
The Reality
More than 10,000 species are at risk of extinction every year, among them a swelling number of marine animals.
Humans have profoundly decreased the abundance of both large (e.g., whales) and small (e.g., anchovies) marine fauna. Such declines can generate waves of ecological change that travel both up and down marine food webs and can alter ocean ecosystem functioning. Climate change threatens to accelerate marine defaunation over the next century.
arrow_downward
Douglas McCauley
Marine Biologist | UCSB
#1
Wildlife populations in the oceans have been badly damaged by human activities.
#2
We may be sitting on a precipice of a major extinction event.
#3
We should act quickly to slow the advance of marine defaunation.
keyboard_arrow_up Initial Prototype
Crude and humble as it was, our first prototype served beautifully as the first foray into the heart and mind of our users.
Play Session
The ArtCenter Loop
The What?
With the help of my best friend, I set up automobile-themed elements throughout the ArtCenter Hillside campus, creating what essentially became an indoor highway.
keyboard_arrow_down Brainstorm sessions
keyboard_arrow_down Client visits
keyboard_arrow_down Client visits
Hallways and thoroughfares become superhighways with distance markers while destinations such as the model shop, library and cafe became pit stops.
arrow_downward
keyboard_arrow_up A makeshift racetrack/highway on campus
We had so much fun racing each other down the long corridors of the College. Other people also enjoyed the signs so much they started taking pictures of them.
arrow_downward
keyboard_arrow_up Students & staff reactions toward the signage
keyboard_arrow_down Key Takeaways
Design Criteria
Within the fast-paced and iterative creative process, we established a clear goal and set design criteria for the project for the weeks to come. These guides, though simple, often came in handy for re-evaluating our concepts.
Examples:
- This idea is cool but does it successfully communicate the reality in a clear and engaging manner?
- That being asked, what do we use to differentiate levels of engagement?
- How memorable is the interaction? Can we measure it?
- What are the potential call-to-actions?
arrow_downward
my_location
Communicate the story of vanishing marine animals
pan_tool
via an engaging and memorable interaction.
Humpback Odyssey
A story of great recovery.
On Content
Instead of capitalizing on the tragedies, we chose to tell the humpback whales’ great comeback story, notably during the last 40 years.
Their resilience and a strong recovery in population is proof that a coalition of international policy-making efforts and collective human activism can make a big difference.
arrow_downward
Initial Render keyboard_arrow_down
keyboard_arrow_up Principal Interaction Model
On Form
After a few iterations, we found out that the optimal form factor consisted of two planes conjoined at an angle equal or greater than 90 degrees.
To accomodate both adults and children of small sizes, the angle of the joint would become more dramatic as the bottom plane moved closer to ground. Hollowing out the supporting structure for the bottom plane was also considered for better wheelchair support.
User Insight
The setup is perfect for a shared experience in which the parent assumes the co-pilot position while the child is the main driver of the narrative.
arrow_downward
keyboard_arrow_up Control the timeline with an animal figurine
Learn about the species’ history keyboard_arrow_down
keyboard_arrow_up Initial Prototype
Crude and humble as it was, our first prototype served beautifully as the first foray into the heart and mind of our users.
Insight
Upon seeing users interact with the mockup, we believed we had found an intuitive way to communicate our story.
keyboard_arrow_down User testing results
keyboard_arrow_down Key Takeaways
keyboard_arrow_down Card sorting with users
IA
We quickly assembled another prototype consisted simply of color-coded post-its so our users can begin sorting data into various ‘tiers.’
These user-generated data groupings became ‘hotspots’ — the underlying foundation upon which we built our interactive timeline.
Paper Prototyping keyboard_arrow_up
keyboard_arrow_down Rejected direction
keyboard_arrow_down Rejected direction
Wait A Minute
The latest iteration of our prototype bore a striking resemblance to that of an arcade or pinball machine.
No wonder why we'd been getting a lot of curious questions from passerby’s when we're building it.
arrow_downward
keyboard_arrow_down Final direction
On Tactility
Why use objects?
pan_tool
Haptic
memory
Memory
toys
Imagination
Touching an actual object stimulates different regions of the brain, making the experience more memorable than being told a fact or simply staring at a screen.
To a child’s mind, the toy whale has the potential to become so much more than what meets the eye.
arrow_downward
keyboard_arrow_up Picking up the figurine
Placing it onto a hotspot keyboard_arrow_down
keyboard_arrow_up User activates hotspots by placing the figurine over them
keyboard_arrow_up Each hotspot represents a point in history at which human interacts with the species in a significant way
keyboard_arrow_up User can make choices which will lead to different outcomes
keyboard_arrow_up User learns about the truth and possible futures in which they can take action
keyboard_arrow_up To arrive at the specs that worked, we had gone through several iterations of the prototype
How it works
blur_on
PreSense is a network of magnetic sensitive sensors (aka Reed switches) that captures the X and Y coordinates of a magnetically-charged object on a plane and reports the numbers back to an embedded computer.
visibility
Projection Mapping The onboard computer processes the object's coordinates and render out the corresponding graphics, which get projected back onto the plane on which the object is placed.
keyboard_arrow_down Actual Scene
keyboard_arrow_down Mapped Output
It's Soldering Time
We created several prototypes to explore the desirable interaction.
arrow_downward
keyboard_arrow_up We diverted the overhead projector beam to create a tabletop screen
keyboard_arrow_up We added a second display for deep-diving of information
keyboard_arrow_up Team members working on the second prototype
keyboard_arrow_up Magnetic-sensitive switches are used to provide interaction
keyboard_arrow_up Together they create a network of interactive hotspots
keyboard_arrow_up Testing the MVP
Final Presentation
The working prototype was presented them to an audience of scientists, staff, and city officials at the Long Beach Aquarium.
arrow_downward
keyboard_arrow_up Naomi introducing the interactive exhibit
keyboard_arrow_up Me explaining our reasons behind using an object for interaction
keyboard_arrow_up And going through some high-level demonstrations
keyboard_arrow_up We got good comments from the President
keyboard_arrow_up And the audience were genuinely interested in our design
keyboard_arrow_up Our prototype performed excellently, stakeholders were pleased, and we got good feedback — SUCCESS!
A sneak peek behind the curtains keyboard_arrow_up
What happened to Willy?
Our star of the show — Willy the humpback whale — now lives with one of our team members in her apartment in LA.
arrow_downward
