{"id":402,"date":"2019-09-07T12:44:43","date_gmt":"2019-09-07T12:44:43","guid":{"rendered":"http:\/\/www.simon-li.com\/design-and-code\/?p=402"},"modified":"2020-12-30T09:09:14","modified_gmt":"2020-12-30T09:09:14","slug":"my-struggles-with-the-oven","status":"publish","type":"post","link":"http:\/\/www.simon-li.com\/design-and-code\/my-struggles-with-the-oven\/","title":{"rendered":"Poorly Designed Interface Makes Oven Hard to Use"},"content":{"rendered":"<p>We talk a lot about the designs of mobile apps and websites. Companies, start-ups hire the best designers to craft the best UX for their digital products, but we seem to ignore the UX of physical products. User interfaces of a lot of home appliances, such as oven, stove top, dish washer, washing machine, are often not intuitive and hard to use.<\/p>\n<p>Recently I moved into a new apartment and tried to cook. I was confused by the buttons and knobs on the panels of an oven and ended up spending much time trying to figure out how to turn it on.<\/p>\n<p><!--more--><\/p>\n<h3>The Interface<\/h3>\n<p>Here\u2019s the oven interface. Fancy, right? Seems there are a lot of features there. Let\u2019s say I want to set it to 200 degrees and bake for 20 minutes. Can you describe how I should use it?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-403\" src=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2019\/09\/IMG_20190718_083820_1.jpg\" alt=\"\" width=\"1986\" height=\"594\" srcset=\"http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2019\/09\/IMG_20190718_083820_1.jpg 1986w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2019\/09\/IMG_20190718_083820_1-300x90.jpg 300w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2019\/09\/IMG_20190718_083820_1-768x230.jpg 768w, http:\/\/www.simon-li.com\/design-and-code\/wp-content\/uploads\/2019\/09\/IMG_20190718_083820_1-1024x306.jpg 1024w\" sizes=\"auto, (max-width: 1986px) 100vw, 1986px\" \/><\/p>\n<p>The knob on the right is easy to understand. There are numbers from 50\u2013250 around it, and above it is the celsius label, so I know it\u2019s the temperature setting. Okay, I turned it to 200.<\/p>\n<h3>Setting the Timer<\/h3>\n<p>In the middle is the LED showing the current time, and there are 4 buttons around it. Based on their labels, they should allow me to set the timer to 20 minutes, but I was a bit confused about the meaning of \u201cSet\u201d and \u201cOK\u201d, and not 100% sure about the sequence of pressing them. What does \u201cSet\u201d exactly mean, start setting or confirm setting? Do I need to actually press \u201cSET\u201d first before setting the time using \u201c+\u201d and \u201c-\u201d or should I do it after setting the amount of time? Well, I guessed \u201cOK\u201d meant confirm, so \u201cSet\u201d here probably meant start setting.<\/p>\n<p>I pressed \u201c+\u201d and \u201c-\u201d just to see if anything happened. Well, nothing changed, so I assumed I would need to press \u201cSet\u201d before setting the timer.<\/p>\n<p>I pressed \u201cSet\u201d and the LED showed the number of minutes and started blinking. I felt a bit sure that I was on the right path because of this feedback, and I could adjust the time using the \u201c+\u201d and \u201c-\u201d buttons. I turned the timer to 20 minutes and pressed \u201cOK\u201d. Now the LED showed 20 minutes and stopped blinking. Then nothing happened. The oven was still off. Based on my past experience, once the temperature and timer was set, the oven should be on immediately. Clearly, the way this oven works did not match my mental model completely. I kept checking the temperature knob and the timer buttons. I even started looking at the different timer icons and the key icon around the LED, but that made me even more confused. I still couldn\u2019t figure it out and was left a bit frustrated.<\/p>\n<h3>The \u201cF\u201d Knob<\/h3>\n<p>It took a while before I turned my attention to the remaining knob that I hadn\u2019t used so far, the one of the left with the label \u201cF\u201d and a lot of other confusing icons. I didn\u2019t know what they meant here. (Later on, I thought \u201cF\u201d probably stands for \u201cFood\u201d here. ) The only thing I was sure is that the \u201c0\u201d at the top probably means \u201cOff\u201d. For the remaining icons, it took me a while before I noticed the legend at the bottom. It was a horizontal line across the whole panel. Its position made it hard for me to associate it with the \u201cF\u201d knob. I wanted to cook pork, and because the legend places the beef, pork and fish icons next to the fan icon with two bars, which was the fourth icon in the knob, I turned the knob to the fourth icon, which cleared the timer. This time after I set the timer, and the light inside the oven was finally on. I could hear the fan spinning. However, I wasn\u2019t sure if the oven was really baking or not because there was no visual indicator on the LED signaling the running of the oven. I had to stand in front of the oven to wait, until I saw the timer on the LED change and my food being cooked a minute later.<\/p>\n<h3>Final Thoughts<\/h3>\n<p>As you can see, there are clearly a lot of barriers in this interface that prevent first time users of the oven to turn it on quickly and smoothly. Don Norman mentioned in his book <a href=\"https:\/\/amzn.to\/3473z01\"><em>The Design of Everyday Things<\/em><\/a> that good designs are discoverable and understandable. To embody these two characteristics, a redesign of this oven interface is much needed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We talk a lot about the designs of mobile apps and websites. Companies, start-ups hire the best designers to craft the best UX for their digital products, but we seem to ignore the UX of physical products. User interfaces of a lot of home appliances, such as oven, stove top,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86],"tags":[15,62,56,46],"class_list":["post-402","post","type-post","status-publish","format-standard","hentry","category-interaction-design","tag-design","tag-interface","tag-usability","tag-ux"],"_links":{"self":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts\/402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/comments?post=402"}],"version-history":[{"count":10,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts\/402\/revisions"}],"predecessor-version":[{"id":798,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/posts\/402\/revisions\/798"}],"wp:attachment":[{"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/media?parent=402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/categories?post=402"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.simon-li.com\/design-and-code\/wp-json\/wp\/v2\/tags?post=402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}