Upload
abhishek-jain
View
267
Download
2
Tags:
Embed Size (px)
Citation preview
Ultimatix User Experience Team
InfographicsPresenting data in engaging and interesting way
What is Infographics
Why Infographics? And how is it effective?
Brain information processing
Picture superiority effect
Iconic Representation
Infographics in deep
Tool for making infographics
References
Introduction
START
END
Lets learn about
Human BRAIN
Detailed info about
Infographics
Tool for making infographics
Introduction
START
END
Lets learn about
Human BRAIN
Detailed info about
Infographics
Tool for making infographics
What is Infographics..????
Infographics are a fun and quick way to learn about a topic without a ton of heavy reading.
Infographics are a combination of both graphics and information. Infographics use the elements of design (like lines, text, boxes and symbols) to visually represent the content.
It’s a way of talking numbers, spreadsheets and other kind of data and turn into one page of easily digestible and attractive graphics.
It can improve cognition by utilizing graphics to enhance the human visual system’s ability to see patterns and trends.
Simple & Engaging experience
Complex and boring data
Infographics
Graphics
Male 60%Female 40%profit 7%
Information
60% 40%Male Female
ABC Company's Associates
Revenue by data Revenue by domain Revenue by Geography
10000
8000
6000
4000
2000
Rev
en
ue
2008 2009 2010 2011 2012
INR crore USD Millions
Year (March)
BFSI
Telecom 10.0
Life Sciences & Healthcare
Transportation
44.3%
12.3%
7.8%
North America
UK
Ibero America
Asia Pacific
53.6%
15%
8.5%
Revenue by Data Revenue by Domain Revenue by Geography
Why Infographics? And how is it effective?
Introduction
START
END
Lets learn about
Human BRAIN
Detailed info about
Infographics
Tool for making infographics
There are a number of reasons why visual information is a more effective form of communication for humans. To understand the effectiveness of Infographics we should know more about brain first,
InformationBrain
Mind
Recognize
UnderstandRecall
Remember
Memory
Process
Data
Our mind processes information in following generalize steps,
We sense things, data (sense through our sensors like sight, touch,
hearing, smell, taste)
Our sensors send messages to our brain
Our mind process these messages and make information
(Understanding)
Our mind stores this information in memory (Remembering)
Next time when we need, our mind provides information from memory.
(Recognition and recall)
1. Brain
of human brain is
involved in50%Visual Processing
2. Sensory receptors
of all your70%sensory receptorsare in your eyes
3. Visual scene
we can get the sense of a
Visual Scene in less than
1/10 of a second
4. Population
Of population is 65%Visual Learners
The picture superiority effect refers to the notion that concepts that are
learned by viewing pictures are more easily and frequently recalled than are
concepts that are learned by viewing their written word form counterparts.
Pictures are remembered better than words
A picture is worth a thousand words.
Be fit and Healthy
To be healthy and fit we should always have breakfast. If a
person takes very little breakfast, lunch normally and dinner
in large quantity, the probability of becoming Fat increases.
So it is recommended to take more quantity of breakfast in
food, lunch normally and dinner should be less. This will keep
you fit and healthy.
Be fit and Healthy
Text Reading pattern
A picture is worth a thousand words.
From Left to right
Our brain processes Picture all at once.
The use of pictorial images to improve the recognition and recall of signs and controls.
Iconic representation is the use of pictorial images to make actions, objects, and concepts in a display easier
to find
to recognize
to learn
to remember
Pictures are generally more easily recognized and recalled than words, although memory for pictures and words together is superior to memory for words alone or pictures alone.
Timetaken in
recognizing and
recallingobjects
Text only Pictures only Pictures with text
Ex. InboxInbox
Benefits of Iconic Representation
Better identification (like company logo)
Serves as a space efficient alternative to text (road signs)
Icons convey message properly where language is a constrain
Infographics in deep
Till we have seen a What are infographics a How visuals and graphics are imp.
Introduction
START
END
Lets learn about
Human BRAIN
Detailed info about
Infographics
Tool for making infographics
Parts of InfographicsEvery infographic contains following elements in it.
This part contains all the graphical components like, colors, themes, icons, pictures, graphs etc. .
This part contains all the data, facts or statistics etc. to which we want to show in more appealing way.
This part is most important part of Infographics, it contains the insight, story or tone of presentation.
Visual Content Knowledge
Parts of Infographics
This part contains all the graphical components like, colors, themes, icons, pictures, graphs etc. .
1. Visual
Visualizing the data helps with:
Grabbing the attention of readers
Reducing the amount of time it takes readers to understand the data
Providing context to the data by showing a comparison
Making the key message more memorable with the Picture Superiority Effect
Making the information more accessible to readers who speak other languages
This part contains all the data, facts or statistics etc. to which we want to show in more appealing way.
Data Percentages Shares Quantitative data
2. Content
The key message is the primary information you want the readers to understand and remember after reading your infographic.
An infographic needs one clear message, and all the data visualizations and illustrations supports that central message. A rule of thumb is that the design needs to clearly communicate the key message to the readers in less than five seconds
3. Knowledge
Growth Comparison Profit –loss Properties etc.
1. Initially we have data to be presented
2. We sort the data in proper way
3. We arrange the data
4. Then we present the data visually
Is this infographic….??
In ABC Company's, 70% associates having more than 3 years of experience and 30% associates have less than 3 years of experience.
Example:
Work Experience
70%
30%
Total Associates: 300000
less than 3 years
more than 3 years
In ABC Company's, 70% associates having more than 3 years of experience and 30% associates have less than 3 years of experience.
Example:
Work Experience
70%
30%
Total Associates: 300000
less than 3 years
more than 3 years
ContentVisuals
But where is ‘Knowledge’…????
Example:
Value of Experience
less than 3 years
more than 3 years
70%
30%
70% of total associates having 3 year+ professional experience
Total Associates: 300000
ABC Company's Workforce
In ABC Company's, 70% associates having more than 3 years of experience and 30% associates have less than 3 years of experience.
Example:
Value of Experience
less than 3 years
more than 3 years
70%
30%
70% of total associates having 3 year+ professional experience
Total Associates: 300000
ABC Company's Workforce
In ABC Company's, 70% associates having more than 3 years of experience and 30% associates have less than 3 years of experience.
Content
Visuals
Introduction
START
END
Lets learn about
Human BRAIN
Detailed info about
Infographics
Tool for making infographics
Desktop Software Tools Most of the infographics that exist are put together with desktop application software. You can use these applications to visualize the data, edit the image of a logo, adjust a photo, or put the whole infographic design together. Desktop applications are the main tool of designers, but there are many more applications beyond those.
Examples
Adobe Illustrator Adobe InDesign Microsoft PowerPoint OmniGraffle
WebsitesThere are hundreds of websites can help create the different data visualizations that designers include in their infographic designs. It all depends on what type of information you have to work with and what story you want to tell. Do you need a map, a word cloud, a flowchart, a timeline, or a simple bar chart?
1. Visual.ly
Visual.ly is a community platform for data visualization and infographics. It allows you both to create infographics and get them shared on social media. (http://visual.ly)
2. Wordle.net
Wordle is a popular, free tool online for creating word clouds out of any text you have available.(http://www.wordle.net/)
3. Chartle.net
Chartle is easy to use and free. In addition to the normal pie charts, line charts, and bar charts, Chartle has a number of other useful visualizations that are often used in infographics. (www.chartle.net)
Thank you
Abhishek JainUser Experience Designer
Twitter: @UxdAbhi