Gallery
Share
Explore

icon picker
Redesigning the Microwave Interface

Ziyi Yan
In a few screens or less, redesign the interface of a microwave. We are interested in your creativity and problem solving, not your process. Include callouts of how it works, explanation of any tough tradeoffs you made, and a list of things you’d explore more with additional time.
How do microwaves look like?
Title
Photos
Comments
1
Online Retails
Screen Shot 2021-04-04 at 12.15.00.png
Screen Shot 2021-04-04 at 12.16.23.png
Best selling microwaves on Amazon, Target
2
My Own
IMG_5712.JPG
At school’s common room kitchen
3
Best Microwaves of 2021
image.png
Screen Shot 2021-04-04 at 12.22.23.png
Screen Shot 2021-04-04 at 12.22.35.png
From the article
Best Microwaves of 2021
⁠
⁠
4
Other Interesting Ones I saw Online
Screen Shot 2021-04-04 at 12.23.50.png
Screen Shot 2021-04-04 at 12.24.39.png
image.png
⁠
Whirlpool White Countertop Microwave
⁠
,
Haden Silt Green Dorchester Microwave
⁠
,
Micro on the Wall
⁠
⁠
There are no rows in this table
⁠

Microwave categories
Category
Appearance
Pros
Cons
1
Traditional microwaves (by 2021)
image.png
Widely used (familiarity, less learning curve)
Express buttons
So many buttons
Never bothered to read the long instructions
2
Innovative microwaves (by 2021)
image.png
Touch screen
Prettier appearance
Expensive
Unique interface interactions
3
Retro/portable microwaves
image.png
image.png
Simple interactions
Few buttons, little cognitive load
Less functions
4
Futuristic microwaves
image.png
Super unique characteristics
Fun interactions
High cost
Huge learning curve
Big tradeoffs
There are no rows in this table
⁠

Who am I designing for?

⁠
⁠
Kids — Still learning about using microwaves.
“What does this button do?”
“How long should I microwave this?”
“Can I put this in? (hope it doesn’t explode ^^)”
⁠
⁠
General adults — Use microwaves regularly, but only for heating up lunchboxes.
“Never bothered to read the instructions”
“Only knows express cook button 1, 2, 3”
⁠
⁠
House chefs — Use microwaves on a daily basis, more functions mean easier work.
“Takes forever to use — I need to press on that button for 4 times to set it up”
“Have to enter everything manually”
⁠
⁠
Elders — Use microwaves, but might be having some troubles with them.
“What does this button do?”
“Technology is hard”
“The words are too small, can’t see”

Main Takeaways & Missions

Easy to use interface and simple interactions
Accessible design — readable, clickable, understandable
Instructions & help if needed
Basic Interface Layout
Screen Shot 2021-04-04 at 14.20.11.png
Vertical Layout
Screen Shot 2021-04-04 at 14.14.00.png
Horizontal View
⁠
The microwave interface usually looks like a “bar” on the side or bottom of the microwave. From my understanding, this is due to technology restrictions that the interface should be protected from microwavable content.
As for my redesign, I would prefer to go with the vertical layout since it’s more common for all (less learning curve for people) and allows more space for interaction. Here’re some tradeoffs:
✔️ Common for all, less learning curve for people
✔️ Allows more space for interaction
✔️ Less cost, few technology restrictions
❌ Less space for heating food
❌ (Potentially) bigger in size

A closer look at the Interfaces

⁠
image.png
⁠
⁠
This is a typical microwave from LG — it has 31 buttons on that small interface area!
✔️ Number pad allows more functionality & flexibility
❌ Tiny words, flat buttons, 0 tactile feedback ... Please make it better.
⁠
image.png
⁠
⁠
Wow! So neat! This Samsung microwave only has 2 knobs to adjust time and heat level. The designer sacrificed many functional buttons to allow the simplest interaction — heating food.
✔️ Knobs — easy interaction
❌ Less functionality, 0 instruction
❌ Wired order — the knob on top should be the first interaction, which should be setting up temperature instead of time

My Design

Missions & Goals
Easy to use interface and simple interactions
Accessible design — readable, clickable, understandable
Instructions & help if needed
⁠
microwave.png
⁠
⁠
⁠
⁠
⁠
Functions
Name
Design
Details
1
Bar Code Scanner
Screen Shot 2021-04-04 at 17.00.49.png
✔️ Scan the bar code from food packaging to enter food data (shortcut)
✔️ Quick & automated input (less cognitive load)
✔️ Easy to use, no need for instructions.
✔️ Designed for children, workers, and elders. Simple user flow.
❌. Additional cost for hardware & database
Idea oriented from
locker bar code scanner
⁠
, and
food calories tracking apps
⁠
⁠
2
Knobs
Screen Shot 2021-04-04 at 17.07.28.png
✔️ Knobs with information displayed on the front — based on users’ adjustments. ✔️ Quick & easy input (less cognitive load) ✔️ Fun interaction ✔️ Accessible for all ✔️ Aligned the knobs separately to avoid mis-clicks ❌. Additional cost for hardware & interface
3
Top-to-bottom order
Slice 1.png
✔️ People generally take in information in the order or top → bottom, left → right ✔️ Information input order matches with people’s preference, easy interaction ❌. Slightly different from people’s general interaction with microwaves
There are no rows in this table
⁠


More about the Knobs

⁠
Screen Shot 2021-04-05 at 17.57.07.png
⁠
⁠
Inspiration from the smart knob-like thermostat

Moving Forward

Test & refine interface design
This was a fun exercise and I took a while to look into many microwave products. However, I didn’t spend enough time tweaking the visual details or testing the interface. If given more time, I’ll make more screens & prototypes to test the idea out with people & gather more feedback
Costs & stakeholders
For my design, I focused more on the user experience so did not pay a lot of attention at the cost. However, as a technology product that every common household owns, the cost is fairly important and need to be taken into consideration.
Crazier ideas?
As for this redesign, I stayed in the scope of a traditional microwave to design for all. However, I’m curious to learn & see if I can implement more innovative thoughts on designing the microwave interface.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.