Interactive Kiosk
Designed an immersive and accessible museum experience for children aged K-5 to ensure that children are engaged with learning more about the natural world.
The Challenge
Many young kids are faced with boredom, complexity, and a lack of interactivity at museums.
My Contributions
Site Rationale
We wanted to conduct research at the San Diego Natural History Museum because it is a popular family destination for young kids.
-
Online Research
-
Field Observations
-
Prototyping in Figma
-
Laser Cutting
-
Assembling and Painting Kiosk
-
User Testing
Online Research
Insights:​
-
​Museum kiosk benefits: access to content, answers are readily available
-
Top use cases: digital labels, interactive maps/timelines/flowcharts
-
Multimedia content (images, videos, text, audio) should be supported​
Insights:​
-
Customers can check out by placing their goods in bins; no need to scan individual items​​
-
Utilizes RFID chips inside price tags to streamline checking out
-
Reduced wait time checking out by 50%
Insights:​
-
Touchscreen kiosks promote efficiency and adaptability
-
Information kiosks can be commonly used in an educational/school setting
Field Research & Observations
Many kiosks found in museums had limited interactivity. It simply involved flipping pages or clicking to reveal new information.
Research Insights
User Interview Quote
User Persona
User Scenarios and Storyboards
Moodboards
We drew inspiration from kid-based games/colors and dinosaur-centric images.
Style Guide
Sketches & User Flow
Physical
Digital
Early Prototypes
Our initial idea was to separate the game and the AR but then we realized there wasn’t an incentive to play the game first. We were also going to implement a language switch option but decided to minimize text because our kiosk was targeted towards younger kids who cannot read much.
Paper Prototype
Figma Interactions
I was in charge of designing the first three screens for the digital kiosk.
Laser-Cutting File
We utilized Inkscape to design the physical kiosk that would eventually be cut using 3/8'' wood with the Epilog industrial laser-cutting machine.
Painting & Assembling Kiosk
I was responsible for painting and assembling the physical kiosk.
Kiosk Physical Features
Kiosk Digital Features
-
Easy, medium, and hard for several age ranges utilizing advanced prototyping variables
-
Variable progress bar
-
Tutorial animation
-
AR simulation
User Testing
User testing site
​
UCSD Design & Innovation Building
​​
​
List of tasks​
​
-
Play the puzzle game and initialize the AR feature
-
Exit the puzzle
-
Go back to the home screen after pressing play
​​
​
Interview questions
​
-
Were you confused at any part with any functionalities while using our kiosk?
-
Do you see yourself (or a pre-k student) using this kiosk while at a museum? Why or why not?
-
What are your overall thoughts and feelings toward the kiosk? Is there anything you dislike or like?
-
Is there anything else you would like to see as a part of our kiosk design: physical and/or digital?
-
Do you think that this AR feature would help you become more interested and engaged?
​​​
​​
Users
​
-
Year: 4th Year
-
Major: Cog-Sci Design & Interaction
-
Quote: "It’ll be cool because I haven’t seen anything like this before"
-
Year: 4th Year
-
Major: Computer Science
-
Quote: “I think my younger cousin would like this a lot”
-
Year: 4th Year
-
Major: Cog-Sci Design & Interaction
-
Quote: “I like the idea of a game to do”​
Major Findings & Based on User Testing
-
Many users liked the idea of an AR view and felt it was something they haven’t seen before.
-
Most users thought they needed to swipe instead of tapping the puzzle pieces which caused confusion and needed explanation.*
​
*It was merely a prototype not meant to actually work.
Design Considerations for Subsequent Testing
-
Make putting the pieces together less confusing for the puzzle.
-
Icons for AR view were not always clear so add a magnifying glass instead of the expand arrows.
-
Add instructions on the landing page.