Copy of Presentation & Visualization .pdf

Presentation & Visualization Copy ↑  Chapter & [Introduction] [FIP] What to "show data" what sort of does that evoke ? - you are ask...

Presentation & Visualization Copy ↑  Chapter & [Introduction] [FIP] What to "show data" what sort of does that evoke ? - you are asked feeling · Frustrated : You think unable to tell whole story are you · Pressure : Can't make it clear to whomever needs the data Inadequate : Boss Can you drill down into that ? split by y , 92 · : Give me the X. , Learn to tell Stories with data. [TECFU] Think like 5 designer Eliminate Clutter a 1. Understand the content. 3. visual Focus attention want it appropriate Choose 4 where. 2 you. Chapter 1 [The importance of context] Exploratory Eplanatory vs what Exploratory out what analysis is you do to understand the data & figure might be interesting to highlight to others -. specific [We & communication] Explanatovy analysis is what do to explain thing or tell specific story to others focus explanatory analysis - on yo WHO Think about relationship between you s audience such as expert - [tone WHAT - If you ask for action , your audience has to make a decision whether to comply or not = celebrating) drive action /serious HOW what data is available that will help make point ! How to prevent data ! - my of [ACC] Big Idea single A sentence idea your - ↳ has 3 components - >. It must articulate your unique · It must convey what's at stake It must complete · be a sentence Outline of the content create with low tech tool. storyboarding to you plan :  B STMGSLS Chapter 2 [Choosing an effective visual] simple text when have just a number or two to share simple text can be - you , a great way to communicate. Tables are great communicating to a mixed audience whose members will each look - for their particular row of interest (The data showed. be what stands out , not the border). to colored cells that relative of the number Heatmap - is a way leverage convey magnitude Graphs - x-axis Scatter plot useful for showing relationship between two things , on horizontal - vertical y-axis [ind to be more frequently used in scientific fields] unit of time , Lines Linegraphs are most commonly used continues data in some such as day - month , quarter/years & & decrease across various between two slope graph can show relative increase categories : points of comparison Bars-used for plotting categorical information organized into data where is , groups vertical bar chart-can be single series two series or multiple series , , chart- used totals & also stacked vertical bar categories to compare across see the subcomponent pieces within a given category. Waterfall chart-used increase & & the point. to show a stating point decrease , resulting ending Morizontal bar chart is the flip of vertical bar chart It's useful if your category long. names are -. stacked Horizontal bar chart-similar to stacked vertical barchart can be structured to show , either absolute values or sum to 100 % Area-shows the data in 2-D space in form of data. It is hard to read. Slopegraphy * F To be avoided... there are specific graphs that you should avoid : Pie charts donut chart, 31 & , secondaryy-axes Donut chart we are asking our audience to one arc length to another are length - compare. What is the right graph for my situation ? Whatever will be easiest for your audience to read. - ↑ Chapter 3 [clutter is your cremy] load Every single element add to that page/screen takes cognitive on the part of your audience - you up Cognitive load - is the mental effort that's required to learn new information - Human brains have a finite amant of this mental power processing - As designer of information , we have minimizing the perceived cognitive load for audience is the visual element that take but doesn't increase 7 Clutter up understanding. - space Gestalt visual individual perceive world arand principle of perception describes how order in the them. - [SPECCC] I 6 & connection principle proximity , similarity : , enclosure , closure , continuity · Proximity - object that are physically close together as belonging to part of a group Similarity Object that of similar color shape , size/orientation perceived · - are , are r aelated or belonging to part of a grap. Objects that physically enclosed together · Enclosure - are to part of belonging grap as a g  set individual elements Closure People tend to perceive a as a single , recognizable shape. · - parts of missing , our eyes fill When whole in the · a are. gap Closure principle tells us that removing the chart border & backgrand shading - can help our data stand out more. K create what Continuity Our eye naturally continuity in we see even where · - it not exist. & may explicity Connection we tend to think object that are physically connected part of - as a a. group - The connective property has a stronger associative value than similar color size or , shape 2 of thoughtful , it fades backgrand that design Lack visual order when is into the so audience - your doesn't even notice it. When it's not , however, you audience feels the burden. Alignment One of the most powerful design principle - White We need to get more comfortable with white space space - & Contrast contrast can be focus their attention signal - clear a audience to our where to. , & - If two make them different things are diffrent , very. ↑ Decluttering step-by-step : Visual Clutter creates excessive load to cognitive : our audience. Clutter is : ban it from or visuals ! your enemy Chapter 4 [Focus your audience's attention] A brief lesson [LIS] memory on of important visual communication invee types memory that are to understand we design - as iconic memory > - short-term long-term ↳ iconic Superfast & memory > unconscious - · it iconic for second before to short-term stays in memory a going removy. ↳ short-term - It has limitation four chunks of visual information in their short-term · People can keep about memory at given time. ↳ It is important for pattern & long-term recognition general cognitive processing · · of visual & verbal Long-term memory is the aggregate memory recognize /recall · - verbal : Visual specialized · : structure Preattentive attributes ↳ can help us enable our audience tor see what we want them to see before they wen know they've seeing it ! * attributes can do two when used sparingly , preattentive things attention to where want Drawing your audiences quickly · them to you visual · creating a hierarchy of information  Original Color Outline · Pretentive attributes text Size · in - [BOSSOCU] · Bold Italics. Separate spatially underline & Pretentive attributes in graphs Size Relative size denotes * make it BIG ! relative importance There is really important thing - · one : - of audience's important parts Colour When used sparingly colour the most powerful fools you have for drawing your attention to the -- is one - , ↳ For colour "Too much from out. It must variety prevents standing - be effective anything be used sparingly ·. Use color Use the schematic communication consistency- throughout the · same · A colour change in signals a change Don't confuse of colour by changing your · audience your use with colorblind in 8% of & 0 5% of colorblind Design mind--Roughly men women are. · & shades of They have the difficulty in distinguishing between shades of red green. Be thoughtful of fore that color conveys--color evokes emotions reinforce audience emotion · chose the right colours that help your Consider audience's · culture Brand colors to leverage ? : to leverage or not · If leverage , identify one or two brand-appropriate colors. · keep the rest muted with shades of grey or black Position Without other visual most with their in motions. people zigzag · page cres eyes - on scan , · If something is important, try to put it at the top.  what What are asked to sort data feeling more - Lear tell stories - to Exploratory - - Explanatory - who, what , now Bigidea > 3 component - - -storyboarding effective visual choosing - - Donut chart load -Cogative - Clutter - Gestalt principle ↳6 principle - Lack of visual order - Contrast - Visual CWHer brief lesson memory - on ↳ iconic short , , long - preattentive attribute = preattentive attribute in text = preattentive attribute in graph ↳ Siz color , , colorblind , Brand cur , position on page - Chapter 5 [think like a designer Form follows function : what we want our audience to do with the data (function - Then create a visualization (form) that will allow for this with ease. , Affordances inherent that make it obvious is These aspects to the design how the product to be used - 1. 3 specific lesson to discuss - >· Highlight the important stuff-only highlight a fraction (at most 10% ) of overall visual. ICCS] ↳ Guidelines - , Italics , Bold I underlining : titles , labels , caption , I short word sequence. Cases typeface titles labels caption , I word sequence. - : short , , H Colour - : effective when used sparingly. E ↳ Inversing element attract attention when used sparingly C & Size attract attention signal importance · - : - Eliminate distraction : you've archived perfection, nat when you have nothing more to add , but when you have nothing to take away visual of information create info hierarchy of Create Preattentive attributes can be formation hierarchy used to. 3 a clear - Pull items to forefont Push item to background - - Accessibility - Concept : design should be usable by people to diverse abilities technical skills In data visualization design that people of : I widely varying is usable by 2 specific lesson to discuss : 1) don't overcomplicate "If : - it's hard to read , it's hard do " to. [Di] - In data visualization : the more complicated it looks , more time your audience perceives it.  reinforce 2) Text your friend : Text can be used to lebel , introduce , explain , , highlight , recommend e tella story Aesthetic - People perceive more aesthetic designs as easier to use for Acceptance - a design to be effective , it must be accepted by its intended audience I don't want people are used seeing things certain way us to mess with that Chapter = [Lesson in storytelling] The of magic story A good story grabs attention & takes you on journey cooking emotional response. Constructing story story ties information , giving presentation I communication framework for follow together a our audience The Beginning Introduce the plot - affairs I set up essential elements The setting main character ; unresolved outcome : state of desired = story , ,. We must answer the audience's · question The middle The goal to convince - audience the need for action your The End End with a call to action - want audience to do. make totally clear what you you - One classic end story is to xie it back to beggining - to way Narrative structure words used to tell story in order that make sense & convince audience why its important /interesting &attention to it should be. paid Narrative flow : to order of your story Strategy 2 : chronologically : 2 lead with the strategy ending ↳ Chronologically Identify Gatherdata data Finding Problem > > Analyze : -> - - or solution Recommended action < ↳ lead with the ending start with call to action : what need audicence to know or do your ·. you Then back into the critical pieces of story that support it · the up  The & written narrative spoken Live presentation : narrative will be spoken · report · Email or : narrative will be written Live presentation You · use voiceover to make the "so what" of each visual clear. your You respond to question & clarify as needed. · Challenges slides want listen your audience · so dense : to you your audience topic question , push you off, act. · etc unpredictably off : ask may written report · Make the "so what" of each slide or section clear make sure words are present make point clear & relevant to your audience your · Power of repetition more the information repeated /used, · likely is in eventually is to end long-term more up to retained. memory , or be The repetition helps cement in memory. · After times should hearing your message three they · , be clear on what meant to they do are know or. Tactics to help ensure that your story is clear Horizontal logic · Have executive slide front with each bullet corresponding subsequent - summary an up a , title the same slide order  vertical · logic & All information given slide is self-reinforcing. Content reinforce the title. The words vice versa · reinforce visual & vice versa. Reverse story boarding · You take final communication flip through it I write down main point from each - , , page · Fresh Perspective I Ask someone without any context what they pay attention to , what they think is important , where they question have. [final Chapter 10 thought) · where to go from were (5tips) -learn tools well your - iterate 1 seek feedback [LIDSH] story telling devote time to with data - seek inspiration through good example - Have fun I find style - you Tip #1 : Learn your tools well don't need tool order to visualize data well fancy you - of tool I to know it as best - pick are get you can Excell Google Sheet, R Python - , , Tip #2 : Iterate I seek feed back iterative rather than linear path story telling with data process is - a fasten the Sketch out potential views paper - on process AlB from good great testing the changes can get - seek Feedback from friend/colleagues -. Tip #3 Denote time to storytelling with data : -success in storytelling with data require adequate time to get right Context story + Big motivation 3-inin idea - , ,  #4 seel inspiration Tip through good example : Emulate & approach good example that you see com Eager Eye Ceagereye org) , Following Data (flowing data. -. Tip #5 : Have for I find your style Don't be afraid to try new approach & play little - You also find that develop data visualization personal style - a out diffrent color fent I Testing graph - , , Building storytelling data competency team/organization in your strategies. 1 upskill everyone : Finding way to impact fondational knowled can make everyone better 1 data book Club : Read Chapter , discuss together, identify the specific examples · Story telling. 1. 3. Do- it yourself workshop : After finishing book conduct , air workshape individual. Makerer 4 Monday Challenge to weekly workshop : Feedback Individual work in & offer feedback. each other loop to. must share progress : 5 The winner is introduce monthly/quarterly contest : 6 Invest in Invest 1-2 individual. 7 an internal expert/two : in your team they can become your in-nase expert 8 Outsource - Outsource visual creation to external expert