{"id":20872,"date":"2020-01-16T18:51:11","date_gmt":"2020-01-16T23:51:11","guid":{"rendered":"http:\/\/chcollins.com\/100Billion\/?p=20872"},"modified":"2022-08-01T07:42:49","modified_gmt":"2022-08-01T11:42:49","slug":"bad-signs","status":"publish","type":"post","link":"https:\/\/chcollins.com\/100Billion\/2020\/01\/bad-signs\/","title":{"rendered":"Bad Signs"},"content":{"rendered":"<p>Your faithful correspondent has been a self-appointed arbiter of bad design ever since he read &#8220;<a href=\"https:\/\/www.nixdell.com\/classes\/HCI-and-Design-Spring-2017\/The-Design-of-Everyday-Things-Revised-and-Expanded-Edition.pdf\">The Design of Everyday Things<\/a>&#8221; by Don Norman in the 1980s.\u00a0 My chosen specialty\u00a0 is poorly-composed signs.\u00a0 The explicit purpose of signs is to direct, instruct and clarify; any sign that fails its basic mission should be put out of our misery.<\/p>\n<p>I thought I&#8217;d share some examples from my Bad Sign Hall of Shame.\u00a0 I normally don&#8217;t wish people ill, but the design-school dropouts who created these monstrosities should go visit a corn maze someday and never find their way out.<\/p>\n<p>Yes, I am rather ruthless when it comes to bad signs.\u00a0 Maybe I was born under one.<\/p>\n<h3><strong><em>Which Way to the Ice Machine?<\/em><\/strong><\/h3>\n<p><a href=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/ice_20190913.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-21000\" src=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/ice_20190913.jpg\" alt=\"\" width=\"200\" height=\"136\" srcset=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/ice_20190913.jpg 400w, https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/ice_20190913-300x203.jpg 300w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a>At left (click to enlarge) is a sign in the 5th-floor hallway &#8212; at least they got that right &#8212; of the Richmond Marriott in Innsbrook, Virginia.\u00a0 Spare elegance was the byword in the design of their signage, floated behind glass and with generous margins.\u00a0 Unfortunately, the sign gives no clue whether the ice machine is to the right or the left.<\/p>\n<p><a href=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/ice-my_2020.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-21593\" style=\"margin-top: 0px;\" src=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/ice-my_2020.jpg\" alt=\"\" width=\"173\" height=\"105\" \/><\/a>My solution to the problem is shown at right.\u00a0 First, take note of Collins Design Principle #1 &#8212; directional arrows that point to the right should be in the right margin and those that point to the left should be in the left margin.\u00a0 Arrows should never point back to their own labels.<\/p>\n<p>Moving the ice label to the top and giving it an arrow of its own eliminates all ambiguity and increases readability.\u00a0 I also added an ice-crystal symbol for non-English speakers.\u00a0 Marriott Hotels, please contact me.\u00a0 My rates are reasonable.<\/p>\n<p>And by the way, your ice machine was broken.<\/p>\n<h3><strong><em>Center-Up-Down, Left<\/em><\/strong><strong><em>-Up-Down, <\/em><\/strong><strong><em>Right-Up-Down<\/em><\/strong><\/h3>\n<p><a href=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/Detroit-Road.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-21588\" style=\"width: 260px;\" src=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/Detroit-Road-300x235.jpg\" alt=\"\" width=\"260\" height=\"204\" srcset=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/Detroit-Road-300x235.jpg 300w, https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/Detroit-Road.jpg 604w\" sizes=\"auto, (max-width: 260px) 100vw, 260px\" \/><\/a> The title of this section refers to how the designer of this Ohio highway sign (<a href=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/Detroit-Road.jpg\">left<\/a>) expected drivers to parse it.\u00a0 There is no earthly written language that calls for such a feat.\u00a0 My inner voice says, as I read this sign, &#8220;<em>West 90 East, Keep Left 2 Right Turn<\/em>.&#8221;\u00a0 Huh?\u00a0 This was such a dog&#8217;s breakfast of numbers, words and symbols that I couldn&#8217;t help but snap a photo of it, so I could take a better look at the sign when I got home and figure out how to fix it.<\/p>\n<p>The designer (if you can call him that) apparently decided that placing the elements in an unnatural order wasn&#8217;t enough to confuse drivers, so he threw out <a href=\"https:\/\/blog.thepapermillstore.com\/design-principles-proximity\/\">proximity rules<\/a> as well. Those rules say, among other things, that elements associated with each other should be grouped together and unrelated elements should be set apart.\u00a0 But here, the destination labels (<span style=\"font-family: arial, helvetica, sans-serif; font-size: 11pt;\">WEST<\/span>, <span style=\"font-family: arial, helvetica, sans-serif; font-size: 11pt;\">EAST<\/span>) are far removed from their respective turn instructions; and, based on its position, it appears that the right turn arrow refers to Route 2 alone.<\/p>\n<p>That&#8217;s not all.\u00a0 The designer indiscriminately mixed written instructions (<span style=\"font-family: arial, helvetica, sans-serif; font-size: 10pt;\">KEEP LEFT<\/span>) with symbolic ones (the right arrow).\u00a0 People process text differently, and more slowly, than we do symbols.\u00a0 Each type of element has a specific use and the two are not interchangeable.\u00a0<\/p>\n<p><a href=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/detroit-v2a.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-21592\" style=\"width: 234px;\" src=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/detroit-v2a-300x171.jpg\" alt=\"\" width=\"234\" height=\"134\" srcset=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/detroit-v2a-300x171.jpg 300w, https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/detroit-v2a.jpg 327w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><\/a>So here&#8217;s my solution (right).\u00a0 I give the sign a <em>header<\/em> comprised of the two route shields, with a horizontal rule between the header and the instruction columns.\u00a0 I use a wide gap to define the columns.\u00a0 I provide both symbolic and written instructions for each direction.\u00a0 The result is clean, balanced and easy to parse.<\/p>\n<p>The average <a href=\"https:\/\/www.glassdoor.com\/Salaries\/columbus-graphic-designer-salary-SRCH_IL.0,8_IM196_KO9,25.htm\">graphic designer salary<\/a> in Columbus, Ohio, is only $47,500 a year.\u00a0 You would think that the Ohio DOT could afford to find a better one at that price.<\/p>\n<h3><strong><em>When is the Bridge Open?<\/em><\/strong><\/h3>\n<p><a href=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/BeaufortSign_8631.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-21620\" style=\"width: 303px;\" src=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/BeaufortSign_8631-300x191.jpg\" alt=\"\" width=\"303\" height=\"193\" srcset=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/BeaufortSign_8631-300x191.jpg 300w, https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/BeaufortSign_8631.jpg 620w\" sizes=\"auto, (max-width: 303px) 100vw, 303px\" \/><\/a>Lastly, here is a sign that was posted near the north entrance of the Woods Memorial Bridge, a swing bridge connecting Beaufort and Lady&#8217;s Island, South Carolina.\u00a0 Besides its obvious clutter and complexity, I had a number of issues with this sign.\u00a0 Like, who is it for?\u00a0 Though the sign was installed near the highway, it was really more relevant to boaters, as <em>open<\/em> means open to watercraft.<\/p>\n<p>In any case, this sign is incapable of being read and comprehended by passing motorists, and it is hardly more intelligible when standing next to it.\u00a0 For example, does the heading &#8220;<span style=\"font-family: arial, helvetica, sans-serif; font-size: 11pt;\">MONDAY THROUGH FRIDAY EXCEPT HOLIDAYS<\/span>&#8221; apply only to the top section, or to the top two sections, or to the entire sign?\u00a0 And what do we do with that triple-negative in the upper section, where an <em>except<\/em> precedes a <em>not<\/em> which precedes another <em>except<\/em>?<\/p>\n<p><a href=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/bridge-open.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-21634\" style=\"border: 1px solid #000000; margin-top: 12px; margin-bottom: 0px;\" src=\"http:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/bridge-open-300x179.jpg\" alt=\"\" width=\"251\" height=\"150\" srcset=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/bridge-open-300x179.jpg 300w, https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/bridge-open.jpg 439w\" sizes=\"auto, (max-width: 251px) 100vw, 251px\" \/><\/a>After doing some research, I discovered that the bridge schedule has been changed multiple times in the past decade, in response to traffic backups in the Beaufort historic district.\u00a0 So, the sign in the photo may have already been replaced.\u00a0 In light of the fluid (haha) situation, I offer this: list the times when the bridge always opens on signal, otherwise tell boaters where to find the <a href=\"https:\/\/www.ecfr.gov\/cgi-bin\/text-idx?node=se33.1.117_1911\">current schedule<\/a>.<\/p>\n<p>That&#8217;s it for the first and probably last edition of <em>Bad Signs<\/em>, a small bit of self-indulgence. Sometimes, when I see something I think a 7-year-old could do better, I can&#8217;t resist seeing whether a 67-year-old can do it better too.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your faithful correspondent has been a self-appointed arbiter of bad design ever since he read &#8220;The Design of Everyday Things&#8221; by Don Norman in the 1980s.\u00a0 My chosen specialty\u00a0 is poorly-composed signs.\u00a0 The explicit purpose of signs is to direct, &hellip; <a href=\"https:\/\/chcollins.com\/100Billion\/2020\/01\/bad-signs\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[],"class_list":["post-20872","post","type-post","status-publish","format-standard","hentry","category-creativity"],"_links":{"self":[{"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/posts\/20872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/comments?post=20872"}],"version-history":[{"count":67,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/posts\/20872\/revisions"}],"predecessor-version":[{"id":21646,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/posts\/20872\/revisions\/21646"}],"wp:attachment":[{"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/media?parent=20872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/categories?post=20872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/tags?post=20872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}