0% found this document useful (0 votes)
8 views29 pages

M1 Session 7

The document provides tips for improving data visualization design, emphasizing the importance of choosing the right chart, removing unnecessary elements, and designing for comprehension. It also highlights the need for proper comparisons, careful use of callouts, and the significance of labeling and proofreading. Overall, the focus is on creating clear and effective visual representations of data.

Uploaded by

charlottehui2001
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views29 pages

M1 Session 7

The document provides tips for improving data visualization design, emphasizing the importance of choosing the right chart, removing unnecessary elements, and designing for comprehension. It also highlights the need for proper comparisons, careful use of callouts, and the significance of labeling and proofreading. Overall, the focus is on creating clear and effective visual representations of data.

Uploaded by

charlottehui2001
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 29

M1

Information Architecture and


Data visualisation

Session 7
M1
Introductory concepts

Some tips to improve your


data visualisation design

3
M1
Introductory concepts

1 Choose the chart that


tell the story

Consider what you’re


trying to achieve, the
message you’re
communicating, who
you’re trying to reach,
etc.

4
M1
Introductory concepts

2 Remove anything that


doesn’t support the story
Like chart junk, extra copy, distorsions,
unnecessary images, drop shadows,
ornamentations, etc.

X
X X

5
M1
Introductory concepts

3 Design for
comprehension

Take a step back and


consider what simple
elements might be
added, tweaked, or
removed to make the
data easier for the
reader to understand.

6
M1
Introductory concepts

4 Compare properly
Data visualization
makes comparison
easier, letting you
actually “see” how
two different data
sets stack up to each
other.

But just putting two


charts side by side
doesn’t necessarily
accomplish that. In
fact, it can make it
more confusing.

7
M1
Introductory concepts

4 Compare properly
Data visualization
makes comparison
easier, letting you
actually “see” how
two different data
sets stack up to each
other.

But just putting two


charts side by side
doesn’t necessarily
accomplish that. In
fact, it can make it
more confusing.

8
M1
Introductory concepts

5 Don’t over explain

Make sure that the


elements included
help to understand,
but be cautious and
avoid visual confusion

9
M1
Introductory concepts

6 Use callouts wisely

Callouts are not there


to fill space. They
should be used
intentionally to
highlight relevant
information or
provide additional
context

10
M1
Introductory concepts

7 Don’t distract

11
M1
Introductory concepts

8 Use labels and double check

12
M1
Introductory concepts

9 Label directly

If possible, include
data labels with your
data points. This lets
readers quickly
identify lines and
corresponding labels
so they don’t have to
go hunting for a
legend or similar
point.

13
M1
Introductory concepts

10 Proofreading process
Make sure that is no
mistake or typos in
the text and
numbers. Find
someone to help you
to do that.

14
M1
Introductory concepts

11 Clean your visuals

Just leave the


necessary references

15
M1
Introductory concepts

11 Clean your visuals

Use better
Manage the elements
increments
to make the data
more clear

16
M1
Introductory concepts

11 Clean your visuals

More space allows to


include secondary
information, use color
conveniently

17
M1
Introductory concepts

11 Clean your visuals

Some changes can


give more space and
attractiveness

18
M1
Introductory concepts

11 Clean your visuals

19
M1
Introductory concepts

19
M1
Introductory concepts

12 Use images subtly

20
M1
Introductory concepts

12 Use images subtly

21
M1
Introductory concepts

13 Use of colour and focus

22
M1
Introductory concepts

14 Look for different ways

23
M1
Introductory concepts

14 Look for different ways

24
M1
Introductory concepts

14 Look for different ways

25
M1
Introductory concepts

14 Look for different ways

26
M1
Introductory concepts

14 Look for different ways

27
M1
Introductory concepts

14 Look for different ways

28
5

You might also like