AMP UP YOUR VIZZESIMPACTFUL DASHBOARD DESIGN

Tom Christian

Sales Consultant

Tableau UK

# T C 1 8

Jenny Stancheva

Sales Consultant

Tableau ANZ

JAZZ

Ben DavisKlaus SchulteSarah Bartlett

UX UI

Storytelling

I LOST MY HEARING!

Data: https://www.uptodate.com/contents/sudden-sensorineural-hearing-loss

What do these shapes mean?

Which indicator shows my left

ear? Which one my right?

What’s good and bad?

Where does a healthy person

stand on this graph?

https://www.audicus.com/wp-content/uploads/2017/01/updating-your-audiogram.jpg

http://www.who.int/pbd/deafness/grades_of_hearing.PNG?ua=1

https://qph.fs.quoracdn.net/main-qimg-c332ef0fd8392ebbc8772084428a0057-c

Visuals

Narrative

Data

clarity

Finding Clarity is a Process

EVA MURRAY

You have a story to tell...

You let people find their own story...

WHAT IS THE CURRENT

FUND VALUE?

WHAT IS THE LATEST DAY % CHANGE?

HOW IS EACH INVESTOR

PERFORMING?

WHAT IS THE VALUE PER SECTOR?

WHAT ARE THE TOP & BOTTOM 5 STOCKS?

WHAT ARE THE TOP & BOTTOM 5 PER INVESTOR?

WHAT ARE THE TOP & BOTTOM 5

PER SECTOR?

engagement

The New York TimesSource: https://www.nytimes.com/interactive/2017/01/15/us/politics/you-draw-obama-legacy.html

1 2 3

4 5

stickiness

SKYLER JOHNSON

I. ClarityGet to the question

II. EngagementDraw them in

III. StickinessNot all junk is created equal

Colour

Mike Cisneros

A Handbook for Data Driven Design

//Andy Kirk

INTENSITY

Taylor Orwell Eva Murray

Fade to Grey

ANDY KRIEBEL

DAVID PIRES

Sarah Bartlett

JOVAN LEKOVIC & HELEN JONES

Fade to Grey

Primary Extended Alert

https://www.canva.com/learn/100-color-combinations/Neil Richards: @theneilrichards

Summary

<INSERT TITLE HERE>

<WHY TEXT MATTERS>

Adam E McCann

The Role of Text

To complement and enhance your visualization to create a clear and powerful message.

INTRODUCE

EXPLAIN

LABEL

GUIDE

CONTEXTUALIZE

PROVIDE DETAILS

HIGHLIGHT

HELP NAVIGATE

CALL TO ACTION

RECOMMEND

TITLE

SUB-TITLE

CONTENT

SAMUEL PARSONS

EXPLAIN

& HELP

NAVIGATE

MORE INFO

TITLE

SUB-TITLE

CONTENT

DETAIL

Less is More!

Simplicity is key. Be clear and concise.

If it doesn’t add to your message, leave it out.

Keep your text close to the data.

10.4 Tooltip Selection 10.5 Viz in Tooltips

The Power of Tooltips

DEMO

Layout & Chart Types

SOPHIE SPARKES & JONNI WALKER

https://ft-interactive.github.io/visual-vocabulary/

ANDY KRIEBELANDY KRIEBELRody Zakovic

Rody Zakovich

<3

Reverse the norm

Solid fill titlesLine breaks

2019.1

Name your containers!

Outer Padding:0 for sheets~5px for container

Inner Padding:0 for container~5px for sheets

Outer Padding:0 for all

Inner Padding:Vertical containers have left / right (5 – 10 px)

Jacob Olsufka

Demo

Colour: Hue

Colour: Intensity

REMOVE ALL LINES

Chart type

Custom Shapes

Layout

Axis

Borders

Reference Lines

Legends

Grid Lines

Font Type

Viz in Tooltips

Subtitles

FAST ITERATION

Jedi charts III | Creating custom charts

R E L AT E D S E S S I O N S

Wed | 3:30pm – 4:30pm | MCCNO – L1 – Great Hall B

Designing a corporate standardTues | 4pm – 5pm | MCCNO – L1 – Great Hall A

Thurs | 10:45am – 11:45am | New Orleans Theatre B

Behind the scenes | Ready, set, action!Wed | 1:45pm – 2:45pm | MCCNO – L3 – 386

Thurs | 10:45am – 11:45am | MCCNO – L2 – 204

Thanks to…Rody Zakovich | @RodyZakovic

Eva Murray | @TriMyData

David Pires | @DavidMPires

Jewel Loree | @Jeweloree

Robert Rouse | @bibleviz

Alan Eldridge | @aeldridge

Jonni Walker | @jonni_walker

Ben Davis | @benjamesdavis

Jovan Lekovic | @lekovicj

Kelly Hotta | @kellyhotta

Sophie Sparks | @sophie_sparkes

Matt Chambers | @sirvizalot

Andy Kriebel | @VizWizBI

Adam McCann | @adaemccann

Professor Dr. Klaus Schulte | @ProfDrKSchulte

Mike Cisneros | @mikevizneros

Samuel Parsons | @SParsonsDataViz

Sarah Bartlett | @sarahlovesdata

Neil Richards | @theneilrichards

Tom | @TheVizFox

Please complete the

session survey from the My

Evaluations menu

in your TC18 app