{"id":533,"date":"2019-01-25T15:18:50","date_gmt":"2019-01-25T20:18:50","guid":{"rendered":"https:\/\/dev.mrctcenter.org\/health-literacy\/?page_id=533"},"modified":"2023-06-28T12:22:49","modified_gmt":"2023-06-28T12:22:49","slug":"visualization-design","status":"publish","type":"page","link":"https:\/\/dev.mrctcenter.org\/health-literacy\/tools\/overview\/visualization-design\/","title":{"rendered":"Clear Design"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_empty_space][vc_column_text]<\/p>\n<h1>Clinical research information can be very technical and often contains new concepts for the recipient.<\/h1>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1580 alignright\" src=\"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-content\/uploads\/sites\/3\/2019\/10\/best-practice-resources-clear-design-3.jpg\" alt=\"clear design\" width=\"500\" height=\"500\" srcset=\"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-content\/uploads\/sites\/3\/2019\/10\/best-practice-resources-clear-design-3.jpg 800w, https:\/\/dev.mrctcenter.org\/health-literacy\/wp-content\/uploads\/sites\/3\/2019\/10\/best-practice-resources-clear-design-3-300x300.jpg 300w, https:\/\/dev.mrctcenter.org\/health-literacy\/wp-content\/uploads\/sites\/3\/2019\/10\/best-practice-resources-clear-design-3-150x150.jpg 150w, https:\/\/dev.mrctcenter.org\/health-literacy\/wp-content\/uploads\/sites\/3\/2019\/10\/best-practice-resources-clear-design-3-768x768.jpg 768w, https:\/\/dev.mrctcenter.org\/health-literacy\/wp-content\/uploads\/sites\/3\/2019\/10\/best-practice-resources-clear-design-3-250x250.jpg 250w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>Words and numbers need to be presented in ways that are designed for understanding.\u00a0 Design techniques can enhance the communication process through formatting that presents content clearly and meaningfully.<\/p>\n<p>In this section are tips, as well as examples, of how to apply clear design strategies in the clinical research context.<\/p>\n<p><span style=\"text-decoration: underline\"><span style=\"color: #010059;text-decoration: underline\"><strong><a style=\"color: #010059;text-decoration: underline\" href=\"https:\/\/dev.mrctcenter.org\/health-literacy\/tools\/overview\/visualization-design\/#helpfuldesignstrategies\">&gt; Helpful Design Strategies<\/a><br \/>\n<\/strong><\/span><\/span><br \/>\n<span style=\"text-decoration: underline\"><span style=\"color: #010059;text-decoration: underline\"><strong><a style=\"color: #010059;text-decoration: underline\" href=\"https:\/\/dev.mrctcenter.org\/health-literacy\/tools\/overview\/visualization-design\/#visdexamples\">&gt; Examples of Clear Design Application<\/a><br \/>\n<\/strong><\/span><\/span><br \/>\n<span style=\"text-decoration: underline\"><span style=\"color: #010059;text-decoration: underline\"><strong><a style=\"color: #010059;text-decoration: underline\" href=\"https:\/\/dev.mrctcenter.org\/health-literacy\/tools\/overview\/visualization-design\/#visdresources\">&gt; Clear Design Resources<\/a><\/strong><\/span><\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221;][vc_column][vc_empty_space][vc_column_text css=&#8221;.vc_custom_1571579055567{padding-top: 10px !important;padding-right: 10px !important;padding-bottom: 10px !important;padding-left: 10px !important;background-color: #efefef !important;}&#8221;]<\/p>\n<h2 style=\"text-align: center\">Helpful Design Strategies<\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]Communicate clinical research information using formatting principles that maximize understanding:[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_tta_accordion style=&#8221;flat&#8221; color=&#8221;white&#8221; c_icon=&#8221;chevron&#8221; active_section=&#8221;0&#8243; no_fill=&#8221;true&#8221; collapsible_all=&#8221;true&#8221;][vc_tta_section title=&#8221;Break information into short chunks&#8221; tab_id=&#8221;1564885354277-3565953b-51e8&#8243;][vc_column_text]<\/p>\n<ul>\n<li>Add useful headers<\/li>\n<li>Use bullet points to list related items<\/li>\n<li>Color code related headings, sections, and information<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][\/vc_tta_accordion][vc_tta_accordion style=&#8221;flat&#8221; shape=&#8221;square&#8221; color=&#8221;white&#8221; c_icon=&#8221;chevron&#8221; active_section=&#8221;0&#8243; no_fill=&#8221;true&#8221; collapsible_all=&#8221;true&#8221;][vc_tta_section title=&#8221;Bold important information&#8221; tab_id=&#8221;1564885974884-ddfaa9b8-ae2f&#8221;][vc_column_text]<\/p>\n<ul>\n<li>Important concepts or instructions can be made to stand out from the rest of the information\n<ul>\n<li>Another technique is to separate the important information out using a text box or other way to call-out the information<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][\/vc_tta_accordion][vc_tta_accordion style=&#8221;flat&#8221; shape=&#8221;square&#8221; color=&#8221;white&#8221; c_icon=&#8221;chevron&#8221; active_section=&#8221;0&#8243; no_fill=&#8221;true&#8221; collapsible_all=&#8221;true&#8221;][vc_tta_section title=&#8221;Eliminate redundant information that is in multiple sections and information that does not help a person make an informed choice&#8221; tab_id=&#8221;1564885753337-1ad17893-1733&#8243;][vc_column_text]<\/p>\n<ul>\n<li><strong>For example, the statement <\/strong>\u201conly 50% of kids with asthma get a flu shot\u201d is not important. What is important is the action associated with that statistic: \u201dIf you have a child with asthma, they should get a flu shot.\u201d<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][\/vc_tta_accordion][vc_tta_accordion style=&#8221;flat&#8221; shape=&#8221;square&#8221; color=&#8221;white&#8221; c_icon=&#8221;chevron&#8221; active_section=&#8221;0&#8243; no_fill=&#8221;true&#8221; collapsible_all=&#8221;true&#8221;][vc_tta_section title=&#8221;Protect &#8220;White space&#8220;&#8221; tab_id=&#8221;1564885598366-6164a89e-8b64&#8243;][vc_column_text]<\/p>\n<ul>\n<li>\u201cWhite space\u201d refers to unmarked space in the design of a document \u2013 including how much room is left between sentences, paragraphs, graphics and so on.<\/li>\n<li>Photos and illustrations can also be considered resting places for the eyes<\/li>\n<li>Research has shown that the use of white space between lines of paragraphs and its left and right margins can increase comprehension up to 20%.<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1571335870246{background-color: #ffffff !important;}&#8221;]<\/p>\n<ul>\n<li><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1681 aligncenter\" src=\"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-content\/uploads\/sites\/3\/2019\/10\/clean-design-white-space-2.jpg\" alt=\"white space\" width=\"800\" height=\"475\" srcset=\"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-content\/uploads\/sites\/3\/2019\/10\/clean-design-white-space-2.jpg 800w, https:\/\/dev.mrctcenter.org\/health-literacy\/wp-content\/uploads\/sites\/3\/2019\/10\/clean-design-white-space-2-300x178.jpg 300w, https:\/\/dev.mrctcenter.org\/health-literacy\/wp-content\/uploads\/sites\/3\/2019\/10\/clean-design-white-space-2-768x456.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>Use an Appropriate Font Size<\/strong>\n<ul>\n<li>Use a consistent font that is at least 12 point in Times New Roman as a guide (for example, a 10.5 point\u00a0Arial may equal a 12 point Times)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li><strong>Use Graphics<\/strong>\n<ul>\n<li>Present information using simple tables, charts, and images<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][\/vc_tta_accordion][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1571579105009{padding-top: 10px !important;padding-right: 10px !important;padding-bottom: 10px !important;padding-left: 10px !important;background-color: #efefef !important;}&#8221;]<\/p>\n<h2 style=\"text-align: center\">Examples of Clear Design Application<\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<ul>\n<li>Click the \u201cfull screen\u201d icon\u00a0in the top right corner of the image below to enlarge the example.<\/li>\n<li>Click the plus signs\u00a0in the image for more information on what makes this document health literate, and how you can do the same in your own materials.<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner][vc_column_text][\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<strong>Before<\/strong>[\/vc_column_text][vc_single_image image=&#8221;1556&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_image&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<strong>After<\/strong>[\/vc_column_text][vc_single_image image=&#8221;1548&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_image&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<strong>Before<\/strong>[\/vc_column_text][vc_single_image image=&#8221;780&#8243; img_size=&#8221;full&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<strong>After<\/strong>[\/vc_column_text][vc_single_image image=&#8221;781&#8243; img_size=&#8221;full&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1571579192486{padding-top: 10px !important;padding-right: 10px !important;padding-bottom: 10px !important;padding-left: 10px !important;background-color: #efefef !important;}&#8221; el_id=&#8221;visdresources&#8221;]<\/p>\n<h2 style=\"text-align: center\">Clear Design Resources<\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<ul>\n<li>Free tools to support the application of clear design techniques:\n<ul>\n<li><a href=\"https:\/\/informationisbeautiful.net\/\">https:\/\/informationisbeautiful.net\/<\/a><\/li>\n<li><a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noopener\">canva.com<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li>Other options that may have a cost associated with them:\n<ul>\n<li>Working with a graphic designer<\/li>\n<li>Hiring a sketch artist\n<ul>\n<li><a href=\"http:\/\/www.boostershotmedia.com\/\">Booster Shot Media<\/a><\/li>\n<li><a href=\"https:\/\/thesketcheffect.com\/\">Sketch Effect<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_empty_space][vc_column_text] Clinical research information can be very technical and often contains new concepts for the recipient. [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]Words and numbers need to be presented in ways that are designed for understanding.\u00a0 Design techniques can enhance the communication process through formatting that presents content clearly and meaningfully. In this section are tips, as well as examples, of [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":255,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-sub.php","meta":{"footnotes":""},"class_list":["post-533","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-json\/wp\/v2\/pages\/533"}],"collection":[{"href":"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-json\/wp\/v2\/comments?post=533"}],"version-history":[{"count":2,"href":"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-json\/wp\/v2\/pages\/533\/revisions"}],"predecessor-version":[{"id":2215,"href":"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-json\/wp\/v2\/pages\/533\/revisions\/2215"}],"up":[{"embeddable":true,"href":"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-json\/wp\/v2\/pages\/255"}],"wp:attachment":[{"href":"https:\/\/dev.mrctcenter.org\/health-literacy\/wp-json\/wp\/v2\/media?parent=533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}