SlideShare a Scribd company logo
1 of 9
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
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
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.
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
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
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
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
Appendix C: Infographic 3
Appendix B: Infographic 2

More Related Content

Similar to DXB502 A1

Un collab 2010.09.17_presentation_02
Un collab 2010.09.17_presentation_02Un collab 2010.09.17_presentation_02
Un collab 2010.09.17_presentation_02
vidya426
 
Diowane2003
Diowane2003Diowane2003
Diowane2003
SFYC
 
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptx
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptxCSUN 2023 Automated Descriptions 3 March 2023 TG.pptx
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptx
Ted Gies
 
Graphicalrepresntationofdatausingstatisticaltools2019_210902_105156.pdf
Graphicalrepresntationofdatausingstatisticaltools2019_210902_105156.pdfGraphicalrepresntationofdatausingstatisticaltools2019_210902_105156.pdf
Graphicalrepresntationofdatausingstatisticaltools2019_210902_105156.pdf
Himakshi7
 
Data Con LA 2022 - Collaborative Data Exploration using Conversational AI
Data Con LA 2022 - Collaborative Data Exploration using Conversational AIData Con LA 2022 - Collaborative Data Exploration using Conversational AI
Data Con LA 2022 - Collaborative Data Exploration using Conversational AI
Data Con LA
 
Running head DATA VISUALIZATION .docx
Running head DATA VISUALIZATION                                  .docxRunning head DATA VISUALIZATION                                  .docx
Running head DATA VISUALIZATION .docx
healdkathaleen
 
Introduction to Visualizing Uncertainties
Introduction to Visualizing UncertaintiesIntroduction to Visualizing Uncertainties
Introduction to Visualizing Uncertainties
Kai Li
 

Similar to DXB502 A1 (20)

Data Visualization
Data VisualizationData Visualization
Data Visualization
 
The Data Stroytelling Handbook
The Data Stroytelling HandbookThe Data Stroytelling Handbook
The Data Stroytelling Handbook
 
Data visualisations quality aspects
Data visualisations quality aspectsData visualisations quality aspects
Data visualisations quality aspects
 
Un collab 2010.09.17_presentation_02
Un collab 2010.09.17_presentation_02Un collab 2010.09.17_presentation_02
Un collab 2010.09.17_presentation_02
 
Diowane2003
Diowane2003Diowane2003
Diowane2003
 
QQ Plot.pptx
QQ Plot.pptxQQ Plot.pptx
QQ Plot.pptx
 
Technical Paper Presentation on data analytics.pptx
Technical Paper Presentation on data analytics.pptxTechnical Paper Presentation on data analytics.pptx
Technical Paper Presentation on data analytics.pptx
 
Data visualization representation of Analytics data
Data visualization representation of Analytics  dataData visualization representation of Analytics  data
Data visualization representation of Analytics data
 
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptx
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptxCSUN 2023 Automated Descriptions 3 March 2023 TG.pptx
CSUN 2023 Automated Descriptions 3 March 2023 TG.pptx
 
Graphicalrepresntationofdatausingstatisticaltools2019_210902_105156.pdf
Graphicalrepresntationofdatausingstatisticaltools2019_210902_105156.pdfGraphicalrepresntationofdatausingstatisticaltools2019_210902_105156.pdf
Graphicalrepresntationofdatausingstatisticaltools2019_210902_105156.pdf
 
Design for Delight
Design for DelightDesign for Delight
Design for Delight
 
Insights from Data: Overcoming Objections
Insights from Data: Overcoming ObjectionsInsights from Data: Overcoming Objections
Insights from Data: Overcoming Objections
 
Graphs
Graphs  Graphs
Graphs
 
Data Con LA 2022 - Collaborative Data Exploration using Conversational AI
Data Con LA 2022 - Collaborative Data Exploration using Conversational AIData Con LA 2022 - Collaborative Data Exploration using Conversational AI
Data Con LA 2022 - Collaborative Data Exploration using Conversational AI
 
Running head DATA VISUALIZATION .docx
Running head DATA VISUALIZATION                                  .docxRunning head DATA VISUALIZATION                                  .docx
Running head DATA VISUALIZATION .docx
 
The use of data visualization to tell effective
The use of data visualization to tell effectiveThe use of data visualization to tell effective
The use of data visualization to tell effective
 
A Tour through the Data Vizualization Zoo - Communications of the ACM
A Tour through the Data Vizualization Zoo - Communications of the ACMA Tour through the Data Vizualization Zoo - Communications of the ACM
A Tour through the Data Vizualization Zoo - Communications of the ACM
 
Introduction to Visualizing Uncertainties
Introduction to Visualizing UncertaintiesIntroduction to Visualizing Uncertainties
Introduction to Visualizing Uncertainties
 
What Is Good DataViz Design?
What Is Good DataViz Design?What Is Good DataViz Design?
What Is Good DataViz Design?
 
Digital analytics: Dashboards, visualizations, and lying with data (Lectures ...
Digital analytics: Dashboards, visualizations, and lying with data (Lectures ...Digital analytics: Dashboards, visualizations, and lying with data (Lectures ...
Digital analytics: Dashboards, visualizations, and lying with data (Lectures ...
 

More from Maria Nguyen (6)

Book Recreation | Burial Rites by Hannah Kent
Book Recreation | Burial Rites by Hannah KentBook Recreation | Burial Rites by Hannah Kent
Book Recreation | Burial Rites by Hannah Kent
 
Client copy
Client copyClient copy
Client copy
 
Mag
MagMag
Mag
 
Design doc
Design docDesign doc
Design doc
 
Burial Rites Design Documentation 1
Burial Rites Design Documentation 1Burial Rites Design Documentation 1
Burial Rites Design Documentation 1
 
MindLumi Design Document
MindLumi Design Document MindLumi Design Document
MindLumi Design Document
 

Recently uploaded

如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
Amil baba
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
Amil baba
 
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质
yzeoq
 
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
Sarbjit Bahga
 

Recently uploaded (20)

CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building Design
 
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
The concept of motion graphics and its applications.
The concept of motion graphics and its applications.The concept of motion graphics and its applications.
The concept of motion graphics and its applications.
 
挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质
 
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
 
Spring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers ParisSpring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers Paris
 
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
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
  • 9. Appendix C: Infographic 3 Appendix B: Infographic 2