Communicating Results

]

# Week 15: .fancy[Communicating Results]

### <svg aria-hidden="true" role="img" viewBox="0 0 512 512" style="height:1em;width:1em;vertical-align:-0.125em;margin-left:auto;margin-right:auto;font-size:inherit;fill:white;overflow:visible;position:relative;"><path d="M243.4 2.6l-224 96c-14 6-21.8 21-18.7 35.8S16.8 160 32 160v8c0 13.3 10.7 24 24 24H456c13.3 0 24-10.7 24-24v-8c15.2 0 28.3-10.7 31.3-25.6s-4.8-29.9-18.7-35.8l-224-96c-8.1-3.4-17.2-3.4-25.2 0zM128 224H64V420.3c-.6 .3-1.2 .7-1.8 1.1l-48 32c-11.7 7.8-17 22.4-12.9 35.9S17.9 512 32 512H480c14.1 0 26.5-9.2 30.6-22.7s-1.1-28.1-12.9-35.9l-48-32c-.6-.4-1.2-.7-1.8-1.1V224H384V416H344V224H280V416H232V224H168V416H128V224zm128-96c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z"/></svg> EMSE 6035: Marketing Analytics for Design Decisions
### <svg aria-hidden="true" role="img" viewBox="0 0 448 512" style="height:1em;width:0.88em;vertical-align:-0.125em;margin-left:auto;margin-right:auto;font-size:inherit;fill:white;overflow:visible;position:relative;"><path d="M272 304h-96C78.8 304 0 382.8 0 480c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32C448 382.8 369.2 304 272 304zM48.99 464C56.89 400.9 110.8 352 176 352h96c65.16 0 119.1 48.95 127 112H48.99zM224 256c70.69 0 128-57.31 128-128c0-70.69-57.31-128-128-128S96 57.31 96 128C96 198.7 153.3 256 224 256zM224 48c44.11 0 80 35.89 80 80c0 44.11-35.89 80-80 80S144 172.1 144 128C144 83.89 179.9 48 224 48z"/></svg> John Paul Helveston
### <svg aria-hidden="true" role="img" viewBox="0 0 448 512" style="height:1em;width:0.88em;vertical-align:-0.125em;margin-left:auto;margin-right:auto;font-size:inherit;fill:white;overflow:visible;position:relative;"><path d="M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z"/></svg> December 07, 2022

]

---

# Week 15: .fancy[Communicating Results]

## 1. Exam solutions
## 2. Telling a story
## 3. Designing slides
## 4. Giving a talk
## 5. "Final" thoughts

---

# Week 15: .fancy[Communicating Results]

## 1. .orange[Exam solutions]
## 2. Telling a story
## 3. Designing slides
## 4. Giving a talk
## 5. "Final" thoughts

---

# Exam Solutions

---

# Final Presentation

## - In class, 12/14 (6:00 - 7:20)

## - 10 minutes (strict)

## - Slides due in team Box by midnight on 12/13

---

# Download [this cheetsheet](https://github.com/emse-madd-gwu/2022-Fall/raw/main/content/cheatsheet-storytelling.pdf) for today's content

---

# Week 15: .fancy[Communicating Results]

## 1. Exam solutions
## 2. .orange[Telling a story]
## 3. Designing slides
## 4. Giving a talk
## 5. "Final" thoughts

---

# What is a story?

---

> ### A story is a set of observations, facts, or events...that are presented in a specific order such that they create an</br>**emotional reaction** in the audience.</br></br>- Clause O. Wilke (2019), Chp. 29

---

background-color: #fff
class: middle, center

</br>
<center>
<img src="images/kv-01.png" width=800>
</center>

[source](https://sivers.org/drama)

---

background-color: #fff
class: middle, center

</br>
<center>
<img src="images/kv-02.png" width=750>
</center>

[source](https://sivers.org/drama)

---

background-color: #fff
class: middle, center

</br>
<center>
<img src="images/kv-03.png" width=800>
</center>

[source](https://sivers.org/drama)

---

background-color: #000
class: inverse, middle, center

## [Freytag's Pyramid](https://en.wikipedia.org/wiki/Gustav_Freytag)

---

background-color: #fff
class: center

## Freytag's Pyramid: **[King Kong](https://en.wikipedia.org/wiki/King_Kong)**

[source](http://writinghorrorfiction.blogspot.com/2011/03/putting-freytags-pyramid-to-use-in.html)

---

background-color: #fff
class: center

## Freytag's Pyramid: **Research Project**

---

background-color: #fff
class: center

## Freytag's Pyramid: **Research Project**

---

> ### "A single (static) visualization will rarely tell an entire story"</br></br>- Clause O. Wilke (2019), Chp. 29

---

background-color: #fff
class: center

## Freytag's Pyramid: **Research Project**

---

## Use **layers** to build tension / provide context

---

## Use **layers** to build tension / provide context

---

## Use **layers** to build tension / provide context

---

## Use **animation** to build tension / provide context

[source](https://www.vox.com/2020/4/2/21203850/unemployment-initial-claims-march-28)

---

## Use **animation** to build tension / provide context

[source](https://twitter.com/maoam_guy/status/1245887052027232256)

---

## Make charts for the generals
### (i.e. keep it simple)

[source](https://serialmentor.com/dataviz/telling-a-story.html#make-a-figure-for-the-generals)

---

## Make charts for the generals
### (i.e. keep it simple)

[source](https://serialmentor.com/dataviz/telling-a-story.html#make-a-figure-for-the-generals)

]

[source](https://serialmentor.com/dataviz/telling-a-story.html#make-a-figure-for-the-generals)

]

---

# Build up towards complex figures

[source](https://serialmentor.com/dataviz/telling-a-story.html#build-up-towards-complex-figures)

---

# Build up towards complex figures

[source](https://serialmentor.com/dataviz/telling-a-story.html#build-up-towards-complex-figures)

---

## Be consistent, but don't be repetitive

[source](https://serialmentor.com/dataviz/telling-a-story.html#be-consistent-but-dont-be-repetitive)

]

[source](https://serialmentor.com/dataviz/telling-a-story.html#be-consistent-but-dont-be-repetitive)

]

---

# Week 15: .fancy[Communicating Results]

## 1. Exam solutions
## 2. Telling a story
## 3. .orange[Designing slides]
## 4. Giving a talk
## 5. "Final" thoughts

---

# Hitchcock's rule

---

## .center[Hitchcock's rule]

> # The size of any object in your frame should be proportional to its importance to the story at that moment

## .center[[Watch this example](https://youtu.be/E1LzhiCcOY0?t=174)]

---

## .center[Hitchcock's rule]

> # The size of any object in your ~~frame~~ **slide** should be proportional to its importance to the story at that moment

---

...and finally you will read this

<br><br>
<div style='font-size: 70pt; text-align: center;'>You will read this first</div>

---

# Put main point at top and use big font size!

</br>
</br>

(see Stephanie Evergreen's blog post ["So What?"](https://stephanieevergreen.com/so-what/))

---

# Except for Tesla, EV adoption in the U.S. is **flat**

---

# Tesla's Model 3 is a Game Changer for EVs

---

<p style="font-size:40pt;">> 40pt font for titles</p>
<p style="font-size:24pt;">> 24pt font for all other text</p>

(Exception: footer text can be small)

<div class="footer-small"><span>Footer text</span></div>

---

# .center[.red[_Think of fonts as pre-attentive attributes_]]

</br></br>

<center>
<div style="font-size: 24pt;">
San-serif fonts for most text
</div>
</center>

]

<div style="font-size:24pt; font-style:italic; font-family: serif;">
"Italic, serif fonts for quotes"
</div>
</br>- Prof. Helveston

]

---

# Consider using a light-colored background<br>(tan / gray)

---

# Use high contrast between font and background color

</br>

<center>
<div style="background-color: #FFF; padding: 50px; margin: 0px; width: 300px; font-size: 28pt;">
Dark text on a light background works well
</div>
</center>

]

<center>
<div style="background-color: #000; color: #FFF; padding: 50px; margin: 0px; width: 300px; font-size: 28pt;">
Light text on a dark background also works well
</div>
</center>

]

---

# Use high contrast between font and background color

</br>

<center>
<div style="background-color: #FFF; color: #ffef01; padding: 50px; margin: 0px; width: 350px; font-size: 28pt;">
Yellow text on a white background is horrible
</center>

]

<center>
<div style="background-color: #000; color: #0000ff; padding: 50px; margin: 0px; width: 350px; font-size: 28pt;">
Blue text on a black background is horrible
</center>

]

---

# Avoid fonts like

</br>
<div style='font-family: "Comic Sans MS"; font-size: 40pt'>Comic Sans</div>
</br>
<div style='font-family: "Papyrus"; font-size: 40pt'>Papyrus</div>
</br>
</br>

# They make your work look amateurish

---

# 1 slide, 1 idea

## Break up main points into multiple slides

---

# Number your slides!

---

---

</br></br></br></br></br></br>

# Example of an acceptable slide footer

# </br></br></br>&darr;

<div class="footer-small"><span>Data source: http://somesourceofdata.com &emsp;&emsp; © John Paul Helveston, GWU, Apr. 2021</span></div>

---

# If you are in person, consider using handouts<br>(1-2 pages)

???

1. They can preview your results
2. They're more likely to remember your main points

---

# Week 15: .fancy[Communicating Results]

## 1. Exam solutions
## 2. Telling a story
## 3. Designing slides
## 4. .orange[Giving a talk]
## 5. "Final" thoughts

---

# What are the first words<br>you should say in a speech?

## Watch [this video](https://youtu.be/w82a1FT5o88) to find out

---

# How to start a speech

### 3. With a question that matters to the audience ("Have you ever...?")

### 2. With a shocking factoid ("There are more people alive today than have ever lived...").

### 1. Tell a story, talk about **people** ("Imagine...")

---

background-color: #000
class: inverse, middle, center

---

3) With a question that matters to the audience:

**"What's the current federal subsidy for buying an electric car in the US?"**

2) With a shocking factoid

**"50% of the world's EVs are made by Chinese automakers"**

1) Tell a story, talk about **people**

**"Whenever I talk with people about electric cars, they usually ask about Tesla..."**

---

## Your turn

Brainstorm different strategies for how to start your presentation for your projects:

1. Tell a story, talk about **people** ("Imagine...").
2. With a shocking factoid ("There are more people alive today than have ever lived...").
3. With a question that matters to the audience ("Have you...?").

Afterwards, we will go around the room and one person from each team will practice giving their start to their presentation.

]

1. **Automated Vehicles**: Oladele, Vikram, Christine, Sanskriti
2. **Leaf Blowers**: Sameer, Priyanka, Raffa
3. **Remote Work**: Haokai, Sravya, Malyadri Reddy, Michael
4. **Student Housing**: Maximillian, Alejandro, Margaret, Bassant
5. **World Cup**: Kyle, Ava, Vibhav, Prathyaj

]]

---

# Week 15: .fancy[Communicating Results]

## 1. Exam solutions
## 2. Telling a story
## 3. Designing slides
## 4. Giving a talk
## 5. .orange["Final" thoughts]

---

# .center[[Final Reports](https://madd.seas.gwu.edu/2022-Fall/project/6-final-analysis.html) (Due 12/11...you have 4 days left!)]

- ### Read prompt carefully

- ### Be sure to include a copy of the data you're using

- ### Use a theme ✨

- ### Check for spelling errors:

```r
spelling::spell_check_files("report.Rmd")
```

---

# .center[[Final Presentations](https://madd.seas.gwu.edu/2022-Fall/project/7-final-presentation.html) (Due 12/13)]

</br>

- ### We'll watch these during class period on Dec 14
- ### 5 projects x 10 mins each