7 design tips for visual storytelling
TRANSCRIPT
![Page 1: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/1.jpg)
7 DESIGN TIPS FOR VISUAL STORYTELLING
Want to talk reports? http://bit.ly/1CWNNNa
How We Approach Client Deliverables from Reports to Infographics
![Page 2: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/2.jpg)
PeopleMetrics is a provider of insight for data. We collect feedback from customer feedback.
And then we present it. In several ways.
Reports, online dashboards, and insightgraphics are a few. Here are a few of the guidelines we follow when producing
one of these deliverables for a client.
![Page 3: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/3.jpg)
TIP 1: TELL STORIES
![Page 4: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/4.jpg)
Your data must tell a story.
![Page 5: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/5.jpg)
Your data must tell a story. Make sure that you present it as such.
![Page 6: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/6.jpg)
“Storytelling is the most powerful way to put ideas into the world today.”
Robert McAfee Brown
![Page 7: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/7.jpg)
TIP 2: BE CLEAR.
![Page 8: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/8.jpg)
Your stories should be clear and concise.
![Page 9: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/9.jpg)
Your stories should be clear and concise. The best stories are ones that are understood quickly.
![Page 10: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/10.jpg)
“Life is really simple, but we insist on making it complicated.”
Confucius
![Page 11: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/11.jpg)
TIP 3: BE BOLD
![Page 12: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/12.jpg)
Not all information is equal.
![Page 13: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/13.jpg)
Not all information is equal. Make sure to highlight and emphasize points
that help make your case.
![Page 14: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/14.jpg)
Not all information is equal. Make sure to highlight and emphasize points
that help make your case.
Bold words that you want to stand out. Use color to call attention. Don’t overdo it.
IN PRACTICE
![Page 15: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/15.jpg)
“It’s hard to get something across, unless you do something bold.”
Brooke Hammerling Founder, Brew Media Relations @brooke
![Page 16: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/16.jpg)
TIP 4: USE ICONS
![Page 17: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/17.jpg)
Sometimes, an icon can be used to help convey your message.
![Page 18: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/18.jpg)
What does this mean to you?
![Page 19: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/19.jpg)
Add a circle, it means more.
![Page 20: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/20.jpg)
Add a few more icons it means way more.
![Page 21: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/21.jpg)
TIP 5: USE WHITE
![Page 22: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/22.jpg)
White space is good for the brain.
![Page 23: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/23.jpg)
White space is good for your brain. Leaving room around your data will
allow it be understood easier.
![Page 24: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/24.jpg)
TIP 6: USE CHARTS
![Page 25: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/25.jpg)
Charts are the ultimate in visualizing data.
![Page 26: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/26.jpg)
Charts are the ultimate in visualizing data. Choose appropriately!
![Page 27: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/27.jpg)
Source
![Page 28: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/28.jpg)
TIP 7: END SMART
![Page 29: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/29.jpg)
Everything needs to have a clear and concise point.
![Page 30: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/30.jpg)
Everything needs to have a clear and concise point. Followed by an actionable insight.
![Page 31: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/31.jpg)
Include a recommendation for moving forward in every deliverable.
![Page 32: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/32.jpg)
Example Insightgraphic
![Page 33: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/33.jpg)
IN CONCLUSION
![Page 34: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/34.jpg)
Tell stories.
![Page 35: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/35.jpg)
Be clear.
![Page 36: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/36.jpg)
Be bold.
![Page 37: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/37.jpg)
Use icons.
![Page 38: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/38.jpg)
Use white.
![Page 39: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/39.jpg)
Use charts.
![Page 40: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/40.jpg)
Lastly, end smart.
![Page 41: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/41.jpg)
THANK YOU
![Page 42: 7 Design Tips for Visual Storytelling](https://reader034.vdocuments.net/reader034/viewer/2022052700/55c3c32abb61ebd2048b47e5/html5/thumbnails/42.jpg)
HOW TO REACH ME
Xand Griffin @xandgriffin [email protected] www.peoplemetrics.com
Want to talk reports?
http://bit.ly/1CWNNNa