{"id":777,"date":"2017-02-13T03:42:14","date_gmt":"2017-02-13T03:42:14","guid":{"rendered":"https:\/\/blogs.scu.edu\/dataviz\/?p=777"},"modified":"2017-02-14T19:31:16","modified_gmt":"2017-02-14T19:31:16","slug":"3-usability-tips-for-improving-your-charts","status":"publish","type":"post","link":"https:\/\/blogs.scu.edu\/dataviz\/2017\/02\/13\/3-usability-tips-for-improving-your-charts\/","title":{"rendered":"3 usability tips for improving your charts"},"content":{"rendered":"<ol>\n<li>\n<ol>\n<li><strong>Tell the &#8220;why&#8221; and &#8220;how&#8221;<\/strong><\/li>\n<\/ol>\n<p>Use a descriptive chart title and annotation that not only describe what is being measured rather also why the reader should care and how to read the chart. This will avoid misinterpretations and save time for the chart viewers.<\/p>\n<p>Example:<\/p>\n<p><em>Original title<\/em>: MSIS degree<\/p>\n<p><em>Improved title with note<\/em>: MSIS degree\u00a0placement rate. Note: 86% of the MSIS graduates had job placements, which is the highest placement rate when compared to other programs.<\/p>\n<ol start=\"2\">\n<li><strong>Highlight what\u2019s important, tell one story<\/strong><\/li>\n<\/ol>\n<p>Although it is possible to tell 100 of story using a single line chart, it makes much sense to keep the focus on just one story.<\/p>\n<p>Example: Consider this\u00a0<a href=\"https:\/\/lh3.googleusercontent.com\/sSkQ5SgLBh2hdlBaOMwaNdrajDqYRG8zSsBhZtpmoMa_eaSIpdvIqAnkq2bBhNdYcbM4MFtKqSqSiAs74VP8C5jFWoz1KMOi0M9Dc1VEg1qZTi7xWKKHWe-Jz26u4mcbWFMQUIUzxPK6QF3fHT-AudOtnfnTXEal_PPq-HgWr6MTG4yOkDEULCdlCTiWpk89M5TMbm1K1Q8oI4lsBJM9_l15EhYvZ-sYh9UDWH19RlaNI8V2vcJqqz_VxsYviOX2IXQFVULTGKXgEML6M82mTXrm1MxVcZnjBHQr6Z7rHK2X35oEEtbnHN38QiVZngB45E0CnAcCQEYPyXVbTMvIeQx3s335qCtX3PkBxIbN9Kmc_m9WUAsjr_DB2og_K_PiLBerzk_MVI_X7iSu35oyTrvvRMJWiTtrOASmld59oXBzjQ4XpAaWiU2nPmJgNDdpoIg-Wg5QKqv6xDlQeCDgLW2Bueh-_pjUYrCGiLgj6EYACNnl09xJJcDfS-EqRkcRdKJLunx0AvpWneGkg7rgyDO1OXKVAJHmWjBqxKoYy_Fch-Xerq7GwvoTr-w4h06V4jx0SWqVKa0sHIKQS19sduMLsswSRS53aXL4BrqBhpKbP_IitA=w1600-h1202-no\">image<\/a>, There are 5 products in the chart, and it is not clear what product is the story focusing on. Therefore we must highlight the line that we are focusing on to tell that particular story and keep the rest in context in the background.<\/p>\n<ol start=\"3\">\n<li><strong>Do not use 3D\u00a0charts<\/strong><\/li>\n<\/ol>\n<p>Studies show that 3D effect reduce comprehension. The extra dimension can hide the visibility of the data, and therefore unable to\u00a0understand\u00a0the pattern in data.<\/p>\n<p>Example: consider this 3D effect\u00a0<a href=\"http:\/\/static1.businessinsider.com\/image\/51cb2d37ecad049b11000000-1200\/wow-multicolor-3-d-cylinder-bar-charts-are-a-really-really-bad-way-to-articulate-relatively-simple-data.jpg\">image<\/a>, as we see from the chart, most of the data are hidden, and hence are not easily understandable.<\/p>\n<p>reference:\u00a0http:\/\/www.eea.europa.eu\/data-and-maps\/daviz\/learn-more\/chart-dos-and-donts#toc-0<\/p>\n<p>&nbsp;<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Tell the &#8220;why&#8221; and &#8220;how&#8221; Use a descriptive chart title and annotation that not only describe what is being measured rather also why the reader should care and how to read the chart. This will avoid misinterpretations and save time for the chart viewers. Example: Original title: MSIS degree Improved title with note: MSIS degree\u00a0placement &hellip; <a href=\"https:\/\/blogs.scu.edu\/dataviz\/2017\/02\/13\/3-usability-tips-for-improving-your-charts\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">3 usability tips for improving your charts<\/span><\/a><\/p>\n","protected":false},"author":1711,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"","qubely_interactions":"","kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-777","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"gutentor_comment":0,"qubely_featured_image_url":null,"qubely_author":{"display_name":"vinaykjay","author_link":"https:\/\/blogs.scu.edu\/dataviz\/author\/vinaykjay\/"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/blogs.scu.edu\/dataviz\/category\/uncategorized\/\" rel=\"category tag\">Uncategorized<\/a>","qubely_excerpt":"Tell the &#8220;why&#8221; and &#8220;how&#8221; Use a descriptive chart title and annotation that not only describe what is being measured rather also why the reader should care and how to read the chart. This will avoid misinterpretations and save time for the chart viewers. Example: Original title: MSIS degree Improved title with note: MSIS degree\u00a0placement&hellip;","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/users\/1711"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/comments?post=777"}],"version-history":[{"count":5,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/777\/revisions"}],"predecessor-version":[{"id":837,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/posts\/777\/revisions\/837"}],"wp:attachment":[{"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/media?parent=777"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/categories?post=777"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.scu.edu\/dataviz\/wp-json\/wp\/v2\/tags?post=777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}