{"id":31,"date":"2011-11-05T11:30:31","date_gmt":"2011-11-05T17:30:31","guid":{"rendered":"http:\/\/www.rhuerta.com\/blog\/?p=31"},"modified":"2011-11-05T11:30:31","modified_gmt":"2011-11-05T17:30:31","slug":"pushing-the-wrong-buttons","status":"publish","type":"post","link":"http:\/\/www.rhuerta.com\/blog\/2011\/11\/pushing-the-wrong-buttons\/","title":{"rendered":"Pushing the wrong buttons"},"content":{"rendered":"

Sometimes it\u2019s amazing how a lot of stuff it\u2019s made without even thinking in the people that it\u2019s using it. I\u2019ve seen this problem in many things, not only Computers.<\/p>\n

This past Friday I was using an elevator and had this interface, pretty common right?<\/p>\n

\"Elevator<\/a><\/p>\n

Well there are several things that we can do to make a better panel, but let me focus on one thing here that is pretty common sense. \u00a0The close button it\u2019s there and its function is to close the door before the pre-programmed delay that the elevator doors have, usually this is used when you are in a rush and there\u2019s no more people boarding the elevator in a way save some time. Next to it is the Alarm button, used for signaling an emergency, like if you got trapped in the elevator because of malfunctioning.<\/p>\n

The alarm button should never be pushed if there\u2019s no problem at all, first usually it triggers a very loud alarm that can confuse or even freak out people in the building, but it also might be an unnecessary waste the time for people in charge of the emergencies to come and check for a fake alarm. And there it is, just sitting to the side of a button that is used when you are in a rush or simply don\u2019t want to wait, an stressful situation that increase probability of error.<\/p>\n

How much time will pass before anyone pushes the wrong button? Not much of course.<\/p>\n

Not only that, check the close button icon. Two arrows that can be interpreted as coming from the buttons between them, in other words, people can get confused if the arrows are just implying an action that the elevator does or they are coming from the buttons between them which may indicate their function. This will require you to use more cognition in order to get it, something we don\u2019t usually do in a rush. What about blind people? They actually separate the Braille code in that particular icon implying that the left button might be a choice.<\/p>\n

This could be remediated by keeping the panel consistent in its spacing, and while it does a good job by maintaining the buttons to the right of their respective label, it\u2019s amazing how little details like this can actually create big problems in the user interface.<\/p>\n","protected":false},"excerpt":{"rendered":"

Sometimes it\u2019s amazing how a lot of stuff it\u2019s made without even thinking in the people that it\u2019s using it. I\u2019ve seen this problem in many things, not only Computers. This past Friday I was using an elevator and had this interface, pretty common right? Well there are several things that we can do to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,6],"tags":[13,44],"class_list":["post-31","post","type-post","status-publish","format-standard","hentry","category-user-experience","category-user-interface","tag-industrial-design","tag-user-interface"],"_links":{"self":[{"href":"http:\/\/www.rhuerta.com\/blog\/wp-json\/wp\/v2\/posts\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.rhuerta.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.rhuerta.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.rhuerta.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.rhuerta.com\/blog\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":3,"href":"http:\/\/www.rhuerta.com\/blog\/wp-json\/wp\/v2\/posts\/31\/revisions"}],"predecessor-version":[{"id":35,"href":"http:\/\/www.rhuerta.com\/blog\/wp-json\/wp\/v2\/posts\/31\/revisions\/35"}],"wp:attachment":[{"href":"http:\/\/www.rhuerta.com\/blog\/wp-json\/wp\/v2\/media?parent=31"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.rhuerta.com\/blog\/wp-json\/wp\/v2\/categories?post=31"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.rhuerta.com\/blog\/wp-json\/wp\/v2\/tags?post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}