{"id":2994,"date":"2022-09-05T01:16:22","date_gmt":"2022-09-05T08:16:22","guid":{"rendered":"https:\/\/murrowcourses.com\/graphics\/?p=2994"},"modified":"2022-09-04T21:34:12","modified_gmt":"2022-09-05T04:34:12","slug":"lesson-practical-design-tips","status":"publish","type":"post","link":"https:\/\/murrowcourses.com\/graphics\/lesson-practical-design-tips\/","title":{"rendered":"Lesson: Practical Design Tips"},"content":{"rendered":"<p><span class=\"subhead\">Installing Tableau Public<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1928 size-thumbnail\" src=\"https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/05\/tableau-public-150x150.png\" alt=\"\" width=\"150\" height=\"150\" srcset=\"https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/05\/tableau-public-150x150.png 150w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/05\/tableau-public-300x300.png 300w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/05\/tableau-public.png 400w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/05\/tableau-public-125x125.png 125w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>Next week we&#8217;ll start using Tableau Public, the free version of the popular data visualization software. It allows you to create interactive charts, add multiple charts to a single &#8220;dashboard,&#8221; and publish your work online. There will be download instructions in the first Tableau assignment, but I&#8217;d highly recommend trying to download it right away since issues come up fairly often.<\/p>\n<p>Download and install Tableau Public to your computer: <a href=\"https:\/\/www.tableau.com\/products\/public\/download\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.tableau.com\/products\/public\/download<\/a><\/p>\n<p>(Make sure to choose <strong>Tableau Public<\/strong>, not Tableau Desktop. It can take a while&#8230;)<\/p>\n<p>If your operating system is out of date, you may not be able to download the program. You can see the <a href=\"https:\/\/www.tableau.com\/products\/techspecs#public\" target=\"_blank\" rel=\"noopener noreferrer\">full tech specs and requirements here<\/a>. If you are not able to install Tableau on your computer or update your operating system (which is almost always free for security reasons), please get in touch and we can figure out a solution.<\/p>\n<p>The installation of Tableau Public is a pain compared to other companies&#8217; browser-based visualization software, so it was exciting last year when Tableau announced <a href=\"https:\/\/public.tableau.com\/en-us\/s\/blog\/2021\/05\/now-beta-save-time-web-authoring-tableau-public\" rel=\"noopener\" target=\"_blank\">you can now create visualizations online without having the software on your computer<\/a>. This is in beta and doesn&#8217;t have every feature of the full program, so we&#8217;re going to stick with the downloaded software for training assignments in this class. But you&#8217;re welcome to try out the browser version if you want! It may work well for personal projects later in the course.<\/p>\n<p><span class=\"subhead\">Lecture: Practical Design Tips<\/span><\/p>\n<p>Visualizing data requires making many graphic design choices about the arrangement, color, shapes and text in your charts. This lecture shows some general guidelines you can use for making visually appealing charts.<\/p>\n<p><iframe loading=\"lazy\" title=\"Practical tips for designing information graphics\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/YZht8yPNiC0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><em>Video not showing up? <a href=\"https:\/\/youtu.be\/YZht8yPNiC0\" target=\"_blank\" rel=\"noopener noreferrer\">Watch on YouTube here<\/a>.<\/em><\/p>\n<p>Here&#8217;s a summary for easy reference in question format:<\/p>\n<p><strong>Grid<\/strong><\/p>\n<ul>\n<li>Is there visual hierarchy to guide the viewer?<\/li>\n<li>Is the space organized with elements aligned?<\/li>\n<li>Are important elements labeled and where viewers expect them to be? (Where&#8217;s the bathroom?)<\/li>\n<\/ul>\n<p><strong>Type<\/strong><\/p>\n<ul>\n<li>Are you using one font, or two at most?<\/li>\n<li>Did you avoid italics and all caps?<\/li>\n<li>Tip: When in doubt, stick to Georgia, Arial and Helvetica<\/li>\n<\/ul>\n<p><strong>Line\/Shape<\/strong><\/p>\n<ul>\n<li>Does the chart make use of pleasing shapes like circles and squares, rather than awkward shapes like ovals?<\/li>\n<li>Are lines no thicker or darker than necessary?<\/li>\n<\/ul>\n<p><strong>Color<\/strong><\/p>\n<ul>\n<li>Have you avoided contrasting red and green?<\/li>\n<li>Is the text black, gray or white, rather than a color?<\/li>\n<li>Tip: When in doubt, stick to the black-white spectrum with one accent color<\/li>\n<\/ul>\n<p><span class=\"subhead\">Discussion<\/span><\/p>\n<p>Time to sketch again! A lot of examples we&#8217;ve discussed have pretty heavy topics \u2014 death, disease, economics, climate \u2014 but visualizations can also be personal, funny and conversational. For example, <a href=\"http:\/\/www.dear-data.com\/theproject\" rel=\"noopener noreferrer\" target=\"_blank\"><strong>Dear Data<\/strong><\/a> is a pen pal project by two visual designers to document mundane aspects of their lives, often with unusual chart forms. <a href=\"https:\/\/www.instagram.com\/michellerial\/\" rel=\"noopener noreferrer\" target=\"_blank\"><strong>Michelle Rial<\/strong><\/a> is a designer who makes humorous charts, often with objects or textures. <a href=\"https:\/\/www.annfriedman.com\/pie-charts\" rel=\"noopener noreferrer\" target=\"_blank\"><strong>Ann Friedman<\/strong><\/a> is known for doing funny pie charts.<\/p>\n<p>Charts can show commentary or opinion, just like text. This <a href=\"https:\/\/twitter.com\/brian_mcgill\/status\/1433795377828925441\" rel=\"noopener\" target=\"_blank\">Wall Street Journal chart<\/a> stood out last year \u2014 we&#8217;ll see if they publish an update this year.<\/p>\n<a href=\"https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2021\/09\/E-XdOxsXsAI1mJF.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"1099\" height=\"699\" src=\"https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2021\/09\/E-XdOxsXsAI1mJF.jpeg\" alt=\"\" class=\"aligncenter size-full wp-image-3000\" srcset=\"https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2021\/09\/E-XdOxsXsAI1mJF.jpeg 1099w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2021\/09\/E-XdOxsXsAI1mJF-300x191.jpeg 300w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2021\/09\/E-XdOxsXsAI1mJF-1024x651.jpeg 1024w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2021\/09\/E-XdOxsXsAI1mJF-768x488.jpeg 768w\" sizes=\"auto, (max-width: 1099px) 100vw, 1099px\" \/><\/a>\n<p><strong>Personal Sketch Chart:<\/strong> Draw a visualization that represents something about you or your personal experiences that makes use of numerical data. Use data visualization to tell us something interesting, unexpected or relatable about yourself. <\/p>\n<ul>\n<li>It can be accurate data, estimated data, or more expressive data used to make a point.<\/li>\n<li>There should be a title and enough labels to understand what the chart is showing.<\/li>\n<li>Include the image directly in your discussion response with 1-2 sentences to elaborate on your idea and what we should get from it.<\/li>\n<\/ul>\n<p>For example, I&#8217;m curious about when people decide to drink <strong>iced coffee vs. hot coffee<\/strong>. I&#8217;ve even bothered friends who work in coffee shops about whether they keep track of this in some way. Is it the weather? The time of year? The time of day? For myself, though, it&#8217;s very clear: I only drink iced coffee when it&#8217;s more than 93 degrees outside. I just like it hot.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"326\" src=\"https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/05\/icedhotcoffee.jpg\" alt=\"\" class=\"alignnone size-full wp-image-1878\" srcset=\"https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/05\/icedhotcoffee.jpg 800w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/05\/icedhotcoffee-300x122.jpg 300w, https:\/\/murrowcourses.com\/graphics\/wp-content\/uploads\/2019\/05\/icedhotcoffee-768x313.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\n<p><span class=\"subhead\">Assignment 6: WSU Tuition: Organizing Data<\/span><\/p>\n<p>In this assignment, we&#8217;ll again be using WSU Institutional Research data to look at tuition trends going back to 1970.<\/p>\n<p>I promise we&#8217;ll move on from WSU data soon! But it&#8217;s a great place to start since you&#8217;re familiar with how WSU works. It&#8217;s also a useful example for the value of data visualization, because most people haven&#8217;t seen a chart of tuition costs even though tuition rates are always newsworthy. Later, you&#8217;ll create a set of charts in Tableau using this tuition data. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Now that we&#8217;ve had some experience working with data, visual encoding and basic chart types, how do you actually put it all together? Some graphic design tips can make it easier.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-2994","post","type-post","status-publish","format-standard","hentry","category-lessons"],"_links":{"self":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/2994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/comments?post=2994"}],"version-history":[{"count":5,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/2994\/revisions"}],"predecessor-version":[{"id":3281,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/posts\/2994\/revisions\/3281"}],"wp:attachment":[{"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/media?parent=2994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/categories?post=2994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/murrowcourses.com\/graphics\/wp-json\/wp\/v2\/tags?post=2994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}