FeetFit Kiosk

FeetFit is a point of purchase (POP) shoe kiosk that aims to accurately measure users’ feet and quickly deliver the right shoes.

browsing
Try it out!

Project Summary

Made for Prototyping studio at UCSD.

Online Research

The team first explored the problem space by finding common issues users complained about. They included:

User Interviews

We guerilla interviewed potential users and asked questions like the time they spent shoe shopping, why they bought them and where, how easy the experience was, and what it was like if they bought shoes for someone else.

Persona

We aggregated our findings from research and interviews into personas that reflected the users we each advocated for. My persona advocated for the elderly and the struggles they may face.

halmunni persona

Our target age was 16–30 for people who weren’t sure about their foot size (for reasons like differing foot sizes) and wanted to quickly find the right fit.

Storyboard

We made storyboards to empathize and understand how users may approach and use the kiosk in certain scenarios.

storyboard
Mine followed an elderly user named Margaret, who has a foot condition and struggles to find the right shoes.

Sketches

With a better grasp of how users would interact with the kiosk, we sketched out thumbnails of how it would look and where the functions would be.

sketches
We aimed for it to have a space for the shoe, a measurement method, a digital tablet interface for browsing, and a payment method.

Lo-Fi Wireframes

We first mapped out a flow for the digital screen by considering user needs (measuring and finding shoes, retrieval, payment, etc.) and then approximating layouts using thumbnails before moving onto more accurately-sized paper prototypes.

wireframe sketches paper wireframes

Paper Prototype Testing

Next we made a paper prototype using fleshed-out wireframes based on our thumbnails to test our current digital screen flow by guerilla testing with and eliciting feedback from previous interviewees.

Testing mainly showed issues with a lack of a back button, no signifier to place feet (due to it being paper and not with the full kiosk), unclear wait times, and a disconnect between user expectations and screen functions.

These problems were solved by adding a back button, including instructions on where to place feet, showing wait times on the tablet, and clearer instructions throughout the app.

Moodboard

I used Milonote and consulted the UI designer to make a quick moodboard for her to base a style guide on. The moodboard reflects the diverse age range and warm and friendly feeling our kiosk was supposed to portray.

moodboard
The moodboard we made. Our key words in mind to tell users included: Fitting (Matching), Neutral, Middleman, All-ages, and Diverse.

Digital Prototype Testing

Our UI designer created a digital prototype and we tested again. This time the main issues involved a lack of cues for payment, limited functional shoe selections, need for UI clarity (such as making buttons more noticeable), and a lack of a thank-you screen after a purchase.

adobe xd screens

We addressed these issues in the next iteration by adding more steps to the payment process, implementing more selectable shoes, increasing color contrast, and adding a thank-you screen upon a successful purchase.

Cardboard Prototyping

While the UI designer was designing, the rest of us were constructing the cardboard prototype using box-cutters, rulers, tape, and a touch-screen laptop. After forming the basic structure, door, tablet-holder and measurement device, we spray painted the base (we couldn’t add on more colors due to time).

prototype in ben's apt

Poster Design

I made a poster for the final presentation using brand colors and high-quality stock-photos to illustrate the basic steps of the FeetFit kiosk.

poster

Final Presentation

In the final presentation, we pitched the FeetFit kiosk by presenting our cardboard prototype, poster, and demonstration to receive feedback on our work.

final presentation pic

Ideal Next Steps

With more time, our number one priority would've been heavily refining the kiosk's physical appearance to match the brand colors and visual language. Afterwards, we would've also reinforced the kiosk interior better since it was barely holding up during the presentation.

Reflection

FeetFit was a particularly challenging project due to the time constraints and disagreements we had as a team, but I am grateful for the opportunity to develop my prototyping, communication, and teamwork skills.

Final Deliverables