Enhancing the ordering experience on kiosk
Enhancing the ordering experience on kiosk
UX Design
Kiosk App
Interaction Design
Micro Interactions
Beanie Kiosk is a voice-assisted, self-service ordering system designed for coffee shops. The goal? Minimize wait times and maximize personalization — all while making the ordering process as intuitive as chatting with your favorite barista.
Beanie Kiosk is a voice-assisted, self-service ordering system designed for coffee shops. The goal? Minimize wait times and maximize personalization — all while making the ordering process as intuitive as chatting with your favorite barista.
My Role
My Role
Interaction Designer
Team
Team
Worked under feedback from Professor
Tools
Tools
Introduction
Introduction
Introduction
What is Beanz?
What is Beanz?
Beanz is the best coffee shop at Rochester Institute of Technology. It takes online orders and orders via kiosks.
Beanz is the best coffee shop at Rochester Institute of Technology. It takes online orders and orders via kiosks.
Problem and Solution at a glance
Problem and Solution at a glance
The Problem
Modern cafés face 3 key issues:
Long queues during peak hours
Miscommunication of orders
Confusing interfaces on generic kiosks
Modern cafés face 3 key issues:
Long queues during peak hours
Miscommunication of orders
Confusing interfaces on generic kiosks
Lack of coordination delays rescue efforts.
Many strays cases go without timely help.
Urban strays struggle to get proper care.
The Solution
Voice Interaction: Speak to Beanie, the friendly bot
Drag-and-Drop Customization: Build your perfect sandwich or coffee
Gamified Experience: Visual 3D previews, personalized suggestions
Voice Interaction: Speak to Beanie, the friendly bot
Drag-and-Drop Customization: Build your perfect sandwich or coffee
Gamified Experience: Visual 3D previews, personalized suggestions
An app that makes reporting stray animals easy, ensuring quick help while uniting the community for animal welfare.
“Most kiosks are built for speed, not experience.”
“Most kiosks are built for speed, not experience.”
Key Features
Key Features
Key Features
Drag and Drop
customization
Drag and Drop
customization
“Design your perfect drink or sandwich visually.”
Real-time 3D previews turn customization into a fun, tactile experience — like playing with your food, but better.
Great for creative minds and regulars who love to tweak their favorites.
“Design your perfect drink or sandwich visually.”
Real-time 3D previews turn customization into a fun, tactile experience — like playing with your food, but better.
Great for creative minds and regulars who love to tweak their favorites.
Voice-Assisted Ordering (Beanie)
Voice-Assisted Ordering (Beanie)
“Just talk like you would to a barista.”
It guides users through the ordering process with friendly, conversational prompts.
“Just talk like you would to a barista.”
It guides users through the ordering process with friendly, conversational prompts.
Ideal for first-time visitors, multitaskers, or those who just want a smoother experience.
Ideal for first-time visitors, multitaskers, or those who just want a smoother experience.
Research
Research
Research
Discovery & Research
Discovery & Research
User Observations at Existing Kiosks:
Users needed help with customization
Menus felt cluttered
Many defaulted to asking staff instead of using the kiosk
User Observations at Existing Kiosks:
Users needed help with customization
Menus felt cluttered
Many defaulted to asking staff instead of using the kiosk
Competitive Review
Opportunity
Opportunity
“Design a kiosk that guides and delights first-time and frequent users alike.”
“Design a kiosk that guides and delights first-time and frequent users alike.”
Audience Archetypes
Audience Archetypes
Ideation
Ideation
Ideation
How Might We???
How Might We???
The overarching question is broken into three major opportunity areas and then broken down to think of possible design solutions.
The overarching question is broken into three major opportunity areas and then broken down to think of possible design solutions.
User Flows
User Flows
The user begins at an idle attract screen and taps to wake t he kiosk. From idle screen to order completion, the flow emphasizes quick onboarding, smart personalization, and easy customization. Users can either browse manually or engage with Beanie, the bot, for guided assistance, leading to a faster and more enjoyable ordering experience.
The user begins at an idle attract screen and taps to wake t he kiosk. From idle screen to order completion, the flow emphasizes quick onboarding, smart personalization, and easy customization.
Users can either browse manually or engage with Beanie, the bot, for guided assistance, leading to a faster and more enjoyable ordering experience.
Moodboard
The Beanz mood board establishes a welcoming, energizing atmosphere aligned with the café experience.
The goal was to create a kiosk experience that feels less like a machine — and more like a personal café assistant.
Moodboard
The Beanz mood board establishes a welcoming, energizing atmosphere aligned with the café experience.
The goal was to create a kiosk experience that feels less like a machine — and more like a personal café assistant.
Final Design
Final Design
Final Design
Hi-fi Design
Hi-fi Design
1
Idle State
“Always present, quietly inviting.”
The bot’s ring glows subtly, and its eyes blink gently, signaling it’s alive and ready to help.
Idle State
“Always present, quietly inviting.”
The bot’s ring glows subtly, and its eyes blink gently, signaling it’s alive and ready to help.
2
Active State
“You’ve summoned it. Now let’s talk coffee.” Once activated, Beanie opens a friendly interaction window with clear prompts.
Active State
“You’ve summoned it. Now let’s talk coffee.” Once activated, Beanie opens a friendly interaction window with clear prompts.
4
Listening State
“I’m all ears!”
Beanie is now actively listening. A subtle animation (breathing visual) reassures the user that their input is being heard.
Listening State
“I’m all ears!”
Beanie is now actively listening. A subtle animation (breathing visual) reassures the user that their input is being heard.
3
Thinking State
“Give me a sec... crafting something perfect for you.”
After receiving input, Beanie transitions into a short “thinking” animation making the wait feel natural.
Thinking State
“Give me a sec... crafting something perfect for you.” After receiving input, Beanie transitions into a short “thinking” animation making the wait feel natural.
5
Response State
“Here’s what I found just for you.”
Based on the user’s preferences, Beanie presents curated suggestions
Response State
“Here’s what I found just for you.”
Based on the user’s preferences, Beanie presents curated suggestions
6
Customization Screen
"Build your ideal sandwich by dragging and dropping ingredients"
This playful, visual experience makes customizing your meal with fun.
Impact
Impact
Impact
Impact
Impact
Reduced onboarding friction
Increased clarity for first-time users
Boosted engagement with gamified UI
Created a café experience that feels human and helpful
Reduced onboarding friction
Increased clarity for first-time users
Boosted engagement with gamified UI
Created a café experience that feels human and helpful
Learnings
Learnings
Learnings
Key Learnings
Key Learnings
Prototype Testing: Using a vertical screen revealed layout & reachability issues
Touch Targets: Buttons had to be large, spaced, and ergonomically placed
State Management: Customization layers required thoughtful logic and transitions
Prototype Testing: Using a vertical screen revealed layout & reachability issues
Touch Targets: Buttons had to be large, spaced, and ergonomically placed
State Management: Customization layers required thoughtful logic and transitions
