And that's about to change! (Service Design Drinks Berlin May 2024)
DXB502 A1
1. Watch
your back
Watch Your Back explores the growing issue of stalking within Queensland and its relation to
social media privacy. This infographic illustrates the behaviours building upon stalking through
data gathered from victims and criminal history. Its purpose is to spread awareness amongst
females and males throughout Queensland and help victims reach out.
This design is for all genders and ages, focusing on delivering an important message. Therefore,
the design is simple and suited for all environments. This will be displayed as posters and
brochures throughout the public sectors of Brisbane including transportation (trains, buses,
taxis), shopping centers, medical centers (hospital, GP) and workplaces.
Featured information designs
PROCESS DIAGRAM STAR GLYPHSTACKED BAR GRAPH
STALKING & SOCIAL PRIVACY
DXB502 VISUAL INFORMATION DESIGN | N9472665 MARIA NGUYEN
2. Context review 1
colour
This stacked bar graph compares quantitative
data on the American’s perspectives on the
satisfaction of their government’s actions from
2005-2013.
Information is organised within two major
categories (secure, insecure) and 19 sub-
categories of data (homeland security,
transportation, education etc). There are 3
variables of Neutral, Satisfied & Unsatisfied,
making it a multivariate design.
Data origins: Gallup Poll, raw data set.
Red, blue and white is used to represent each
variable. The differences between the years are
labeled clearly with different colours (orange &
pink) to stand out amongst the white, red and
blue.
There is data ink through the percentages and
height of the bar graph, altering as the value
changes.
There is non-data ink through the large icons,
American flag background, title, base axes, page
dividers and other decorative elements. Symbols
are showcased clearly but could be reduced in
size to reduce non-data ink. The medium stroked
call-out lines in the 2005 data could be thinner to
reduce non-data ink and would still be effective.
This also applies to the base axis of the bar
graphs.
Chart junk in decorative background could be
softer to aid in smallest effective difference to be
non-distracting.
Without the labels, some symbols may be difficult
to interpret as it could have many meanings
(example: foreign affairs & homeland security).
produces image
kosara’s definition
data density
readable &
recognizable
produces an image
based on data
produces image
multivariate
bivariate
univariate
Type of information design: Stacked Bar Graph
Title: Security Blanket
Author: Column Five
Date: 3rd September 2013
Context/Audience: People conducting government research or
people who are interested in the current security situation in
America.
Purpose: To understand how Americans are feeling about their
government’s actions and responses to federal responsibility.
Data source: Gallup Poll, 2012.
DATA
data ink & Chart junk
3. Context review 2
DATA
colour
This is a multivariate design. It compares
information coming from various countries,
monies and other categories. There are 6
variables (helping others, helping strangers, and
volunteering, top 10, top 9, Asian countries and
affluent countries) within this 3D bar graph.
There is a hierarchical display of stacked bar
graphs (pyramid bar graph on top of square
bar graph), to distinguish categories. This
layering choice can also reduce readability and
recognizability due to overload of information.
It is based on quantitative data, measuring
amount of monies per country. Data origins
sourced from Charities Aid Foundation World
Giving Index 2012.
Separate 2D graph also shows additional data.
Meaningful use of Colour to represent different
data elements through keys and call-out lines.
Data is categorised by pyramid colour, top colour
and side colours/patterns. These all represent
different categories and all have values of
importance.
Data ink & Chart junk
There is a decent amount of chart junk throughout
this infographic. The decorative triangles alongside
the symbols are not needed– the symbol is enough as
they are already colour coded and would be effective
without it.
The data ink are within the bars the height of the
bars.
There is non-data ink apparent through icons,
background, lines, decorative features and titles, some
that can be removed to improve the smallest effective
difference. The call out lines are easy to see due to the
contrast against the background.
Accuracy
There is a lack in accuracy with the use of a 3D
design. 3D designs often skew data and can be
interpreted differently amongst different people. It
can also make it hard to compare the differences
due to misrepresenting proportions, in which
comparison is the main aim of a bar graph.
The call out lines weaving behind and in front
of the blocks in a 3D way can also be difficult to
interpret, with the different layers.
It is difficult to indicate the time of the data on
the infographic. It is clear that the event occurred
over a fixed period with the comparisons between
2007 and 2011, however no date is obviously
listed.
Produces image
kosara’s definition
data density
readable &
recognizable
produces an image
based on data
produces image
multivariate
bivariate
univariate
Type of information design: Stacked Bar Graph
Title: Bridge Over Troubled Waters
Author: Column Five
Date: 20th November 2013
Context/Audience: People who are interested in charity research or
statistics.
Purpose: To understand the 20 most charitable giving countries in
the world, of people giving through volunteering, helping strangers
and donating money.
Data source: Charities Aid Foundation World Giving Index, 2012.
4.
5. Technical data mapping & analysis 1
Colour is used as a bijective mapping tool to
reduce non-data ink of excess text. It sets up a
rule of colours for each variable.
Colour category and organisation is maintained
throughout and is easy to read. Female Stalkers
and Male Stalkers have contrasted colours of pink
and blue, allowing readers to easily differentiate
between the two. These are the ‘standard’ gender
colours known widely by many people.
Female Stalker Known to Victim and Male Stalker
Known to Victim are the same colour, differing
only in saturation. This indicates that they are
grouped but are different variables.
The infographic data is organised within two
major categories, Female Victims & Male Victims.
A stacked bar graph is used to emphasize the
relative differences between the variables within
those categories.
It compares four variables of Female Stalkers,
Male Stalkers, Female Stalkers Known to Victim
& Male Stalkers Known to Victim– making it
multivariate & high density.
The stacked bar graph starts at the very top, as
indicated by the line markings opposite to 50% at
the bottom. Markings at both sides reduce non-
data ink and is there for ease of viewing.
The variables of Female Stalkers and Male
Stalkers are measured within categories
of Stalking Behaviours (tracking device,
unwanted contact, posted offensive messages,
impersonated victim & hacked email).
Female Stalker known to Victim & Male Stalker
Known to Victim variables are placed inside
the donut to represent the Stalking Behaviours
categories of Male Victims and Female Victims as
a whole.
Data ink is displayed through Stalker Behaviours
categories, Female Stalker and Male Stalker
variables, changing in length as the data changes.
To aid the smallest effective difference, non-data
ink objects (background, markings, titles, legend
box) are low in contrast colours of white and Grey.
Non-data ink of the 25% and 75% markings
can be removed to further reduce non-data ink,
however, may create difficulty in understanding
and comparing the values for readers, therefore
remains for readability.
The stacked bar graph is displayed in a circular
form. This aids in the decorative process of this
infographic. The chart junk of the white donut
background mimics a camera lens/web-cam
shape, adhering to the story topic.
It also aids in the smallest effective difference
between the Grey background as it deters
attention towards the data instead of the
background– thus making it easier to interpret by
aiding in the clarity of the 100% total.
A Female Victim encountered 50.4% of stalking Behaviours
related to ‘unwanted contact through phone, mail, email or social
media’ by a Male Stalker and 57.6% by a Female Stalker. This
information is visible through the colours pink (female stalkers)
and blue (male stalkers) on the stacked bar graph. It is evident
that these are the highest values amongst the categories. This
alone is not a multivariate design. The data information can be
found on the ‘ABS Personal Safety, 2016, Experience of Stalking’,
‘Table 35.3’ sheet, row 17, column Male Stalker & Female Stalker
(Appendix A).
DATA & LAYOUT
COLOUR
DATA INK & CHART JUNK
Produces image
kosara’s definition
Data density
Readable &
recognizable
Produces an image
Based on data
Produces image
Multivariate
Bivariate
Univariate
Mapping
6. Bijective mapping is done through colours. Female
Stalkers, Male Stalkers and Victims have high
contrast colours of pink, blue and orange, allowing
readers to easily differentiate between the three.
Non-data ink maintains low contrasted (Grey and
white) to aid in the smallest effective difference to
ensure the data (coloured) is the focal point.
There is minimal to no chart junk as information is
separated structurally within boxes.
Data ink is displayed through the glyphs of data
percentages and pie charts displayed within the
white boxes with statistics or through call-out
lines. Call-out lines are as thin, fainted as can be
to not distract from the connecting lines of the
process diagram.
Non-data ink is through white and Grey boxes,
backgrounds, titles, and connecting lines. The
muted background in contrast with white makes
it easy to read.
A tree hierarchy structure is used to highlight the
relationships between system elements for better
understanding the topic from a viewer’s point
of view. This process diagram frames closely to
node-link diagrams, in which it each link has a
root to a lower level. In this case, the lower level
starts at the top.
Data & LAYOUT
The variables of Female Stalkers, Male Stalkers,
and Victims are measured and shown within
some stage of the hierarchy process according to
the correct statistics.
Despite having 3 variables active, this data is
bivariate as they are maximum of 2 variables
being compared against each other sparingly
on the same topic, but used separately in small
COLOUR
data ink & chart junk
Technical data mapping & analysis 2
11.7% of females and males have been a Victim of stalking in some
way since the age of 15 years. This translates to 1.75 out of 15
people, therefore, 1.755/15 circles are filled orange representing
the Victims. This is a univariate data as no comparisons are made
with another variable. The data information can be found on the
‘ABS Personal Safety, 2016, Experience of Stalking’, ‘Table 34.3’
sheet, row 19, column Persons (Appendix B).
Produces image
kosara’s definition
Data density
Readable &
Recognisable
Produces an image
Based on data
Produces image
Multivariate
Bivariate
Univariate
Data mapping
7. This star glyph compares 13 variables of Reasons
Why People Do Not Contact Police of Stalking
Incidents, making this a multivariate, high density
design. Within this star glyph, the 13 variables
compares the actions of Female Victims & Male
Victims according to experiences with Female
Stalkers and Male Stalkers.
A diagram in the middle indicates the star glyphs
raw form with non-data ink to allow viewers to
easily understand each value point. The use of
small multiples instead of a graph allows the
viewers to compare the differences easily from
their shapes and sizes according to the value
placement on the chart.
It is important to keep the size of the finalised star
glyphs in proportion with the guide to be accurate
in data.
There is no chart junk. Non-data ink is kept as
minimal as can be, with backgrounds, keys, titles
and graph.
The centered graph shows the variables and its
placement in order to read the glyphs correctly.
These non-data link lines and labels were made
minimal as possible with the lines reduced to
dashes and the font kept small but readable.
The shape of the star glyphs can change
according to the values, therefore is data-ink.
Data & LAYOUT
Colour
Male Stalkers are represented in blue whilst
Female Stalkers are represented in pink. Bijective
mapping is indicated through the key to reduce
the need for non-data ink labeling.
The light background against the contrast of the
coloured glyphs allow viewers to see the details
more closely, making it more readable.
Data ink & chart junk
Technical data mapping & analysis 3
44.3% of Female Victims felt they could ‘deal with it themselves’
when crossed with problems relating to a Male Stalker. This
information is visible though the spike in the blue star glyph,
under Female Victims. The data information can be found on the
‘ABS Personal Safety, 2016, Experience of Stalking’, ‘Table 37.3’
sheet, row 33, column Female (Appendix C).
Produces image
kosara’s definition
Data density
Readable &
recognizable
Produces an image
Based on data
Image
Multivariate
Bivariate
UnivariateData mapping
8. Appendix
Data source: Australian Bureau of Statistics, Personal Safety, 2016
http://www.abs.gov.au/AUSSTATS/abs@.nsf/Lookup/4906.0Main+Features12016?OpenDoc-
ument
Infographic 2 source:
Appendix A: Infographic 1