{"id":69,"date":"2014-04-24T13:39:41","date_gmt":"2014-04-24T17:39:41","guid":{"rendered":"https:\/\/www.taggcleanhands.com\/blog\/?p=69"},"modified":"2020-01-28T10:05:56","modified_gmt":"2020-01-28T15:05:56","slug":"healthcare-graphics-need-help-minnesota","status":"publish","type":"post","link":"https:\/\/www.taggcleanhands.com\/blog\/?p=69","title":{"rendered":"Healthcare Graphics Need Help &#8211; Minnesota?"},"content":{"rendered":"<p>In our last column, we <a href=\"https:\/\/www.taggcleanhands.com\/blog\/?p=54\">took&nbsp; a look at a variety of Hand Hygiene posters<\/a> used by large health organizations, and what they could do to better communicate.&nbsp; To summarize, the lesson we learned is that simply writing &#8220;hand hygiene&#8221; somewhere on them is not the same thing as them saying &#8220;hand hygiene,&#8221; and one tool that can fix that fairly quickly is to show action in the graphics &#8211; hands that are clearly shown in the action of cleaning themselves.<\/p>\n<p>Then we posted this example:<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/mnhands.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-60\" src=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/mnhands.jpg\" alt=\"mnhands\" width=\"300\" height=\"231\" srcset=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/mnhands.jpg 300w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/mnhands-100x77.jpg 100w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/mnhands-150x115.jpg 150w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/mnhands-200x154.jpg 200w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Apologies to Minnesota&#8217;s Department of Health if it seems that we&#8217;re picking on you.&nbsp; This poster <em>does<\/em> get the action across well &#8211; this is clearly an illustration of a pair of soapy hands, showing the action of washing.&nbsp; A running tap is even visible!<!--more--><\/p>\n<p>Step back, however.&nbsp; What do you read?&nbsp; We read &#8220;MINNESOTA&#8217;S YOUR HANDS&#8221;, which seems incoherent.&nbsp; Let&#8217;s look at a couple more posters to see if we can figure out a trend.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/good_hygiene_poster.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-70\" src=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/good_hygiene_poster-212x300.jpg\" alt=\"good_hygiene_poster\" width=\"212\" height=\"300\" srcset=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/good_hygiene_poster-212x300.jpg 212w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/good_hygiene_poster-100x141.jpg 100w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/good_hygiene_poster-150x211.jpg 150w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/good_hygiene_poster-200x282.jpg 200w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/good_hygiene_poster-300x423.jpg 300w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/good_hygiene_poster-450x634.jpg 450w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/good_hygiene_poster.jpg 475w\" sizes=\"auto, (max-width: 212px) 100vw, 212px\" \/><\/a><\/p>\n<p>This one has an interesting problem.&nbsp; The designer saw fit to make the biggest bit of text that you see the wordy sentence &#8220;Hand gels are available to use on all wards and at each main entrance&#8221;, which means that they considered it the most important.&nbsp; Did the NHS run that past a copywriter first?&nbsp; Why the wishy-washy &#8220;are available to use&#8221; and not the stronger &#8220;must be used?&#8221;<\/p>\n<p>And we won&#8217;t comment on the hand gel dispenser mascot.&nbsp; For now, at least.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-72\" src=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658-212x300.png\" alt=\"72481658\" width=\"212\" height=\"300\" srcset=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658-212x300.png 212w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658-724x1024.png 724w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658-100x141.png 100w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658-150x212.png 150w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658-200x282.png 200w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658-300x424.png 300w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658-450x636.png 450w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658-600x848.png 600w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658-900x1272.png 900w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/72481658.png 1754w\" sizes=\"auto, (max-width: 212px) 100vw, 212px\" \/><\/a><\/p>\n<p>This one isn&#8217;t too bad, except for the part where <em>none of the type stands out from the rest at all<\/em>.&nbsp; The text in the swoosh in the lower-left is the same visual priority as the stuff in the upper-left,&nbsp; the centred black text, and the logo.&nbsp; We don&#8217;t know where to start reading, or even if the poster is relevant to us without having to squint at it.<\/p>\n<p>Why is this important?&nbsp; Designers have a little tool that we can use to control people&#8217;s minds.&nbsp; At least, we can control what they read in a design and in what order, through exercising what we call &#8220;<a href=\"http:\/\/www.thinkingwithtype.com\/contents\/text\/#Hierarchy\">type heirarchy.<\/a>&#8221;<\/p>\n<p>There are many ways to accomplish this.&nbsp; We can control the size of the text element, it&#8217;s colour, thickness (weight), font, and style relative to others in the design.&nbsp; We can control its position relative to others &#8211; we read left-to-right, top-to-bottom.&nbsp; The goal is to ensure that people read in the intended order.<\/p>\n<p>Here is a good example:<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/SCA-HandWash-Sidebar-Poster.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-73\" src=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/SCA-HandWash-Sidebar-Poster-269x300.jpg\" alt=\"SCA-HandWash-Sidebar-Poster\" width=\"269\" height=\"300\" srcset=\"https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/SCA-HandWash-Sidebar-Poster-269x300.jpg 269w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/SCA-HandWash-Sidebar-Poster-100x111.jpg 100w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/SCA-HandWash-Sidebar-Poster-150x167.jpg 150w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/SCA-HandWash-Sidebar-Poster-200x222.jpg 200w, https:\/\/www.taggcleanhands.com\/blog\/wp-content\/uploads\/2014\/04\/SCA-HandWash-Sidebar-Poster.jpg 280w\" sizes=\"auto, (max-width: 269px) 100vw, 269px\" \/><\/a><\/p>\n<p>This designer was paying attention to heirarchy.&nbsp; The first thing you read is &#8220;Wash your hands&#8221; followed by &#8220;all the cool kids are doing it&#8221; with the bonus &#8220;cool kids&#8221; popping out in a lighter blue.&nbsp; &#8220;Everyone will thank you&#8221; is a nice third line to reward anyone who reads that far, but isn&#8217;t strictly needed.&nbsp; That&#8217;s why it&#8217;s small!<\/p>\n<p>That&#8217;s what you want!&nbsp; If someone doesn&#8217;t read the whole poster, they at least will walk away with your message in their heads.<\/p>\n<p>In the first example at the top, people walk away possibly thinking that the poster is about Minnesota, which isn&#8217;t supposed to be the main point of the poster.&nbsp; The second example might be successful in informing folks that hand gel is available, assuming they read the whole headline but would be more successfully served by a shorter, more direct headline.&nbsp; The third one may as well be blueprints or technical drawings &#8211; though official-looking, it doesn&#8217;t do the job of passing on its main message.<\/p>\n<p>So, our advice is that if you have a message to get out through a poster or other graphic, make sure that type heirarchy favours that message before anything else.&nbsp; Otherwise, people may just walk away thinking your hand hygiene poster is actually about Minnesota.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In our last column, we took&nbsp; a look at a variety of Hand Hygiene posters used by large health organizations, and what they could do to better communicate.&nbsp; To summarize, the lesson we learned is that simply writing &#8220;hand hygiene&#8221;<span class=\"ellipsis\">&hellip;<\/span><\/p>\n<div class=\"read-more\"><a href=\"https:\/\/www.taggcleanhands.com\/blog\/?p=69\">Read more &#8250;<\/a><\/div>\n<p><!-- end of .read-more --><\/p>\n","protected":false},"author":1,"featured_media":73,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-69","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-healthcare-graphics-need-help"],"_links":{"self":[{"href":"https:\/\/www.taggcleanhands.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taggcleanhands.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taggcleanhands.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taggcleanhands.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taggcleanhands.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=69"}],"version-history":[{"count":8,"href":"https:\/\/www.taggcleanhands.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/69\/revisions"}],"predecessor-version":[{"id":324,"href":"https:\/\/www.taggcleanhands.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/69\/revisions\/324"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taggcleanhands.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/73"}],"wp:attachment":[{"href":"https:\/\/www.taggcleanhands.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=69"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taggcleanhands.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=69"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taggcleanhands.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}