{"id":519139,"date":"2010-04-07T10:54:00","date_gmt":"2010-04-07T14:54:00","guid":{"rendered":"http:\/\/37signals.com\/svn\/posts\/2260-dangerous-ui-elements-and-the-ejector-seat-analogy"},"modified":"2010-04-07T10:54:00","modified_gmt":"2010-04-07T14:54:00","slug":"dangerous-ui-elements-and-the-ejector-seat-analogy","status":"publish","type":"post","link":"https:\/\/mereja.media\/index\/519139","title":{"rendered":"Dangerous UI elements and the ejector seat analogy"},"content":{"rendered":"<p><a href=\"http:\/\/www.codinghorror.com\/blog\/2010\/03\/the-opposite-of-fitts-law.html\">The Opposite of Fitts&#8217; Law<\/a> [via Berserk&#8217;s comment at the <a href=\"http:\/\/37signals.com\/svn\/posts\/2255-aggressive-spiky-button-vs-rounded-corner-button\">spiky button post<\/a>] asks:<\/p>\n<p><em>&#8220;What should we do with UI elements we don&#8217;t want users to click on? Like, say, the &#8216;delete all my work&#8217; button?&#8221;<\/em><\/p>\n<p>The possible answers given: Make the button hard to click, offer an undo, and\/or show a confirmation alert dialog before proceeding.<\/p>\n<p>The piece also highlights Alan Cooper&#8217;s interesting &#8220;ejector seat lever&#8221; analogy:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/s3.amazonaws.com\/37assets\/svn\/ejector%20seat.png\" width=\"530\" height=\"433\" alt=\"ejector seat\" \/><\/p>\n<p>Certainly gets the point across.<\/p>\n<p>Here&#8217;s an example of separating a dangerous element from a harmless one in <a href=\"http:\/\/www.backpackit.com\/?source=svn_post\">Backpack<\/a>: The recently added add\/edit an event box that pops up in your features a trash can icon that deletes a post. It&#8217;s located far away from the Save\/Close actions.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/s3.amazonaws.com\/37assets\/svn\/joshua_speaking.png\" width=\"355\" height=\"424\" alt=\"joshua_speaking\" \/><\/p>\n<p>In <a href=\"http:\/\/www.basecamphq.com\/?source=svn_post\">Basecamp<\/a>, the Delete\/Edit message links are close to each other. But if you do click on Delete accidentally, you have to confirm it:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/s3.amazonaws.com\/37assets\/svn\/confirm_delete_message.png\" width=\"440\" height=\"208\" alt=\"delete confirm\" \/><\/p>\n<p>We go the dialog route when the action does irreversible damage to something you might care about a lot. Loss of a calendar event is unfortunate but easily reparable. But loss of a message with comments can cause significant pain.<\/p>\n<p>(Btw, one thing about the examples used in the Fitts&#8217; Law post: There&#8217;s actually a setting in Gmail <a href=\"http:\/\/gmailblog.blogspot.com\/2009\/03\/new-in-labs-undo-send.html\">that lets you undo email sends up to 5 seconds after a message is sent<\/a>.)<\/p>\n<div class=\"feedflare\">\n<a href=\"http:\/\/feeds.feedburner.com\/~ff\/37signals\/beMH?a=tvkZeNkzzBo:hL1Zv1yktkU:yIl2AUoC8zA\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/37signals\/beMH?d=yIl2AUoC8zA\" border=\"0\"><\/img><\/a> <a href=\"http:\/\/feeds.feedburner.com\/~ff\/37signals\/beMH?a=tvkZeNkzzBo:hL1Zv1yktkU:7Q72WNTAKBA\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/37signals\/beMH?d=7Q72WNTAKBA\" border=\"0\"><\/img><\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Opposite of Fitts&#8217; Law [via Berserk&#8217;s comment at the spiky button post] asks: &#8220;What should we do with UI elements we don&#8217;t want users to click on? Like, say, the &#8216;delete all my work&#8217; button?&#8221; The possible answers given: Make the button hard to click, offer an undo, and\/or show a confirmation alert dialog [&hellip;]<\/p>\n","protected":false},"author":7020,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-519139","post","type-post","status-publish","format-standard","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts\/519139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/users\/7020"}],"replies":[{"embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/comments?post=519139"}],"version-history":[{"count":0,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts\/519139\/revisions"}],"wp:attachment":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/media?parent=519139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/categories?post=519139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/tags?post=519139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}