HCDE 451 A10: Final Project — Stamp Plate 2.0

the Stamp Plate 2.0

Project Concept

Design Goal

  • Evaluate kids’ and parents’ desirability to use this playful technology during mealtime.
  • Evaluate the usability of the plate itself.
  • Evaluate the feasibility of the newly added features and interactions.

Implementation

First part: The UI & UX Design

Four different food stamps
  1. Onboarding screen (the ‘Plate’): The first screen of the plate and it is also the screen that kids see when they are eating. This screen will later display all the food stamps that children have created during the eating process.
  2. Interactive screen (the ‘Canvas’): This is an interactive screen that allows kids to rearrange, drag, orient, and zoom in/out the food stamps. The toolbar provides two functions: 1. the Stamps panel for displaying the number and the type of the collected stamps and 2. the Color panel provides color components such as square and oval for kids to play with it. (*the colors on the panel match with the food stamps.)
Sketch for the ‘Canvas’ screen
  • Initially, if based on the sketch, the toolbar provides a paintbrush feature by having the color panel matched with the stamps. However, due to the technology limitation, I wasn’t able to prototype this interaction without coding. So I gave up on this feature and replaced it with adding shape components.
The Onboarding Screen (also the ‘Plate’); The Interactive Screen (also the ‘Canvas’); The Display Screen (also the ‘Gallary’)
Used a tool called Protopie to add interactions

Second Part: The Physical Enclosure

Laser-cut the box
Decorated the box with markers and acrylic paints
The assembled Stamp Plate!

Evaluation

Paper fruits used for usability testing

Analysis

  • Most participants paused and confused about what they can do with the stamps on the interaction screen. The ‘‘drag’’ interaction was easy to discover, but the ‘‘orient” and “zoom in/out” were so not obvious that I needed to inform them.
  • Most participants didn’t know the purpose of the display panel on the toolbar. They also thought that it was interactive, but in fact, it wasn’t.
  • The design of the color panel on the toolbar made them confused because only the three color bubbles on the first roll were responsive.
  • Most of the participants thought the color theme was cute and fun, and they could immediately tell that this prototype was designed for kids.
  • Most of the participants like the idea of using the enclosure to hide the tablet.
  • participants were impressed when the stamps appeared on the screen after the paper food was taken off of the screen.

--

--

--

UX Research and Design | UW HCDE Alumna | Class of 2021 @ UW MHCI + D

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

What Are 3 of the Latest Interior Design Trends?

Designing a Competition Grade Yo-yo

UI/UX Articles And Interesting Tidbits Of The Week

Lead User Researcher, Achyutha Sharma shares his views on why user research at Meesho is exciting…

Visual Storytelling in UX design

Collective Maintenance in urban space

5 methods that will improve your UI/UX skills

The muted web and how to fix it.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Michelle (Xin) Gao

Michelle (Xin) Gao

UX Research and Design | UW HCDE Alumna | Class of 2021 @ UW MHCI + D

More from Medium

How to Translate Documents: A Step-by-Step Guide

How do semiotics inform character design?

Affect of AI on UI/UX DESIGN

Airport Design — Prototype