Creating Great Dashboards - Beyond the Colors & Fonts

51
BEYOND THE COLORS & FONTS PRESENTED BY ALCHEMY50 15-MAY-2014 CREATING GREAT DASHBOARDS

description

Walk through the fundamentals of effective dashboard design and learn how to customize them to fit specific user requirements. This presentation was created in partnership with Alchemy50.

Transcript of Creating Great Dashboards - Beyond the Colors & Fonts

Page 1: Creating Great Dashboards - Beyond the Colors & Fonts

BEYOND THE COLORS & FONTS

P R E S E N T E D BY A LC H E M Y 5 0

1 5 - M A Y - 2 0 1 4

C R E A T I N G G R E A T D A S H B O A R D S

Page 2: Creating Great Dashboards - Beyond the Colors & Fonts

T O D A Y ’ S S P E A K E R S

Ryan AndersonFounder & Creative Director

Mark LockwoodProduct Marketing Manager

ALCHEMY50

Page 3: Creating Great Dashboards - Beyond the Colors & Fonts

F O U N D E D I N 2 0 1 0

Alchemy50 is an award winning application studio located in NYC.

We are experts in user experience and analytical applications.

Page 4: Creating Great Dashboards - Beyond the Colors & Fonts

A L C H E M Y 5 0 S P E C I A L I Z E S I N :

P R O D U C T S T R AT E GY

CO N C E P T UA L D E S I G N

P R OTOT Y P I N G

U I / U X

W I R E - F R A M I N G

B R A N D I N G

H T M L / C S S

M O B I L E D E V E LO P M E N T

G R A P H I C D E S I G N

DATA V I S UA L I Z AT I O N

Page 5: Creating Great Dashboards - Beyond the Colors & Fonts

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 6: Creating Great Dashboards - Beyond the Colors & Fonts

1 . D E F I N E T H E P U R P O S E

Page 7: Creating Great Dashboards - Beyond the Colors & Fonts

What is a dashboard and why create one?

Page 8: Creating Great Dashboards - Beyond the Colors & Fonts

Dashboards are data visualizations meant to answer a

series of questions in a clear, concise manner.

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 9: Creating Great Dashboards - Beyond the Colors & Fonts

Why are dashboards important?

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 10: Creating Great Dashboards - Beyond the Colors & Fonts

There is too much information to efficiently analyze without visualization

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 11: Creating Great Dashboards - Beyond the Colors & Fonts

Dashboards inform your audience with strategic insights to run their

business or organization

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 12: Creating Great Dashboards - Beyond the Colors & Fonts

People’s time is precious, if your dashboard is not effective, they’ll

go back to excel :(

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 13: Creating Great Dashboards - Beyond the Colors & Fonts

Value - Is it useful? Usability - Is it easy to use?

Adoptability - Is it easy to get started? Desirability - Is it engaging?

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 14: Creating Great Dashboards - Beyond the Colors & Fonts

But what if i don’t know the

questions?

Page 15: Creating Great Dashboards - Beyond the Colors & Fonts

Your must engage your audience

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 16: Creating Great Dashboards - Beyond the Colors & Fonts

2 . E N G A G E T H E A U D I E N C E

Page 17: Creating Great Dashboards - Beyond the Colors & Fonts

Get your audience involved early on, make sure they understand the task and why it’s important.

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 18: Creating Great Dashboards - Beyond the Colors & Fonts

Define each question and the information that will answer those questions.

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 19: Creating Great Dashboards - Beyond the Colors & Fonts

Map out the workflow for each view - ensure the right pieces are present to answer the question.

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 20: Creating Great Dashboards - Beyond the Colors & Fonts

Create diagrams so that your audience and team can see what you are looking to build, analyze

the flow

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 21: Creating Great Dashboards - Beyond the Colors & Fonts

If you make a mistake in the flow, now is the time to change it - gets harder the farther you go

with errors.

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 22: Creating Great Dashboards - Beyond the Colors & Fonts

What if you can’t engage your audience?

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 23: Creating Great Dashboards - Beyond the Colors & Fonts

Learn as much about them, review similar initiatives, send things past them anyway, speak with similar people

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 24: Creating Great Dashboards - Beyond the Colors & Fonts

Continually share the status

and where you’re at with

your thinking

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 25: Creating Great Dashboards - Beyond the Colors & Fonts

3 . B E G I N L A Y O U T … O N P A P E R

Page 26: Creating Great Dashboards - Beyond the Colors & Fonts

Once you’ve engaged your audience, understand what they

need, and mapped the information, you can begin

wireframe mockups

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 27: Creating Great Dashboards - Beyond the Colors & Fonts

Know the grid.

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 28: Creating Great Dashboards - Beyond the Colors & Fonts

The use of a Grid will help visual digestion of information

Form vs. Chaos

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 29: Creating Great Dashboards - Beyond the Colors & Fonts
Page 30: Creating Great Dashboards - Beyond the Colors & Fonts
Page 31: Creating Great Dashboards - Beyond the Colors & Fonts

Pick the right grid…based on your audience

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 32: Creating Great Dashboards - Beyond the Colors & Fonts

take into account the devices your dashboard will be viewed from

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 33: Creating Great Dashboards - Beyond the Colors & Fonts

Don’t worry about the components themselves, focus on the visual

structure your dashboards

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 34: Creating Great Dashboards - Beyond the Colors & Fonts

Make sure elements that are needed to answer the question are present

in each view

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 35: Creating Great Dashboards - Beyond the Colors & Fonts

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Circulate wireframes back to your audience -

!

“A picture is worth a 1,000 words!”

Page 36: Creating Great Dashboards - Beyond the Colors & Fonts

4 . S E L E C T T H E R I G H T C O M P O N E N T S

Page 37: Creating Great Dashboards - Beyond the Colors & Fonts

You can do the first steps correctly and still mess up this part…

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 38: Creating Great Dashboards - Beyond the Colors & Fonts

Don’t pick components based on “how cool they look”

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 39: Creating Great Dashboards - Beyond the Colors & Fonts

Components have a specific purpose, select the right one

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 40: Creating Great Dashboards - Beyond the Colors & Fonts

Follow your brand guidelines for color and limit the number of colors and graphical elements

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 41: Creating Great Dashboards - Beyond the Colors & Fonts

The difference between goodand bad dashboards…

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 42: Creating Great Dashboards - Beyond the Colors & Fonts

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 43: Creating Great Dashboards - Beyond the Colors & Fonts

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 44: Creating Great Dashboards - Beyond the Colors & Fonts

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 45: Creating Great Dashboards - Beyond the Colors & Fonts

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 46: Creating Great Dashboards - Beyond the Colors & Fonts

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 47: Creating Great Dashboards - Beyond the Colors & Fonts

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 48: Creating Great Dashboards - Beyond the Colors & Fonts

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 49: Creating Great Dashboards - Beyond the Colors & Fonts

C R E A T I N G E F F E C T I V E D A S H B O A R D S

Page 50: Creating Great Dashboards - Beyond the Colors & Fonts

!

• Know why you’re building a dashboard • Engage your audience • Keep your audience involved by iterating through process • Use the grid • Pair up the right components with the data • Leave off unnecessary elements • Make sure your dashboard answers the questions!

I N S U M M A R Y

Page 51: Creating Great Dashboards - Beyond the Colors & Fonts

F O R M O R E I N F O R M A T I O N

[email protected]

www.logianalytics.com/start-your-free-trial

S I G N - U P F O R F R E E T R I A L

ALCHEMY50

www.alchemy50.com