{"id":152,"date":"2014-06-28T21:00:08","date_gmt":"2014-06-28T21:00:08","guid":{"rendered":"http:\/\/www.neovita.com\/thoughts\/?p=152"},"modified":"2016-01-17T07:15:57","modified_gmt":"2016-01-17T07:15:57","slug":"bathroom-ux-part-1-the-air-plane-flush-button","status":"publish","type":"post","link":"https:\/\/www.oninteractions.com\/thoughts\/bathroom-ux-part-1-the-air-plane-flush-button\/","title":{"rendered":"The air plane flush button"},"content":{"rendered":"<p><strong>Been to an air plane loo recently? I bet you have. Thought about the flush button in there? Unfortunately, you might have. That&#8217;s due to the poor interaction design of the button.<\/strong><\/p>\n<p>The lovely, round blue coloured button that illustrate this post is from a hotel toilet, I.E. not from a plane. I believe the toilet was installed in the 1950:s or 1960:s. That button has been pushed a lot and still communicates it&#8217;s function well.<\/p>\n<p>The button is placed on the water tank and as the water tank is clearly a part of the toilet, the flush button also seems to be part of the toilet. The flushing parts are raised from the tank lid and the button is slightly higher then it&#8217;s containing manchette. It thus &#8220;affords pushing&#8221; as <a href=\"http:\/\/www.jnd.org\/\">Donald Norman<\/a> might put it.<\/p>\n<p>Pushing a button on a water tank to flush is of cause an action we learn. However, the button-on-water-tank system has integrity in ways other flushing systems do not.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-153\" src=\"https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-button.jpg\" alt=\"Toilet in airplane. Large square flush button on a panel behind the seat.\" width=\"1000\" height=\"446\" srcset=\"https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-button.jpg 1000w, https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-button-600x267.jpg 600w, https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-button-250x111.jpg 250w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>In air planes, the water tank is hidden and the flush button is often placed on the wall behind the seat, thus making the button and the seat two distinctly separated parts. The placement require me to analyse and understand their relationship, to understand that they are part of the same system. An obvious clue as to the failure of this interaction design is the need for the flush buttons to be labelled with a visual representation (the &#8220;toilet\u00a0 icon&#8221;) or text (&#8220;Toilet flush&#8221;).<\/p>\n<p>A separate problem with the flush button above is it&#8217;s lack of accessibility. The button is inset in the panel and thus blind persons will have difficulties finding it. Here the lazy designer did not even give blind persons a Braille label to read. To the designer&#8217;s credit the blue colour makes the button stand out against it&#8217;s background, thus enabling persons with low eye sight to see it. The button is also quite big, which enable persons with less movement in their hands to push it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-155\" src=\"https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-lever.jpg\" alt=\"An elongaged lever in horisontal angle. Above it, the text Toilet Flush, on the lever a red arrow pointing down.\" width=\"1000\" height=\"446\" srcset=\"https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-lever.jpg 1000w, https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-lever-600x267.jpg 600w, https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-lever-250x111.jpg 250w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>The downwards-facing red arrow on the above lever is an other bad design decision, put on the device by the designer to not have to take responsibility for the lack of usability of the system. The lever also require fine motor skills and hand strength that some people lack.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-156\" src=\"https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-dreamliner.jpg\" alt=\"Toilet seat on the Dreamliner airplane. Seat and square area on panel behind seat.\" width=\"1000\" height=\"446\" srcset=\"https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-dreamliner.jpg 1000w, https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-dreamliner-600x267.jpg 600w, https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-dreamliner-250x111.jpg 250w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>The Dreamliner has a sensor that you wave your hand in front of to flush. I&#8217;ve also seen sensors used to flush in some airport loos. The non-haptic interaction might be smart for many \u2013 it will decrease the amount of germs one interact with \u2013 but again the flushing-icon and hand-waving-icon tell me that the designer did a poor job.<\/p>\n<p>The visual representation for hand-waving is also quite non-standard and quite poorly designed \u2013 I first thought it meant air based hand drying, as in the <a href=\"http:\/\/www.dysonairblade.co.uk\/hand-dryers\/airblade-db\/airblade-db.aspx\">Dyson Airblade<\/a>. The Dreamliner is one of the worlds most modern planes, but there is no Braille here, thus requiring blind persons to be assisted in finding the mechanism.<\/p>\n<p><strong>The Dreamliner picture above is from a YouTube clip that explain how the flushing works. Sure, there are YouTube clips about everything, but how to flush a toilet? Then something must be too poorly designed (or very innovative).<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-165 size-full\" src=\"https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-various.jpg\" alt=\"Three examples of flushing buttons on air planes.\" width=\"1000\" height=\"446\" srcset=\"https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-various.jpg 1000w, https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-various-600x267.jpg 600w, https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-airplane-various-250x111.jpg 250w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><em>Tomorrow: <a href=\"https:\/\/www.oninteractions.com\/thoughts\/bathroom-ux-part-2-water-saving-flush-buttons\/\">IxD problems of water saving flush buttons!<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Been to an air plane loo recently? I bet you have. Thought about the flush button in there? Unfortunately, you might have.<\/p>\n","protected":false},"author":1,"featured_media":154,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[10,16,19],"tags":[],"series":[28],"class_list":["post-152","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-critique","category-inclusion","category-interaction-design","series-bathroom-user-experiences"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.oninteractions.com\/thoughts\/wp\/wp-content\/uploads\/2014\/06\/loo-round.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":10,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts\/152\/revisions"}],"predecessor-version":[{"id":693,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/posts\/152\/revisions\/693"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/media\/154"}],"wp:attachment":[{"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/media?parent=152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/categories?post=152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/tags?post=152"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/www.oninteractions.com\/thoughts\/wp-json\/wp\/v2\/series?post=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}