1. Infographics

2. What is an infographic?
• It is to present information and data with the help of
the visual tools.
• It is a visual representation of complex information
that has the intention of presenting it (refers to
complex information) clearly.

3. What is the purpose of infographic?
• It is to make a set of complex or even boring set of
data information to be understandable and also
interesting by highlighting which are the points that
are important.

4. Things to consider when designing an
infographics

5. Consideration: [Focus on single topics]
• Consider to have a single topic for infographics.
• It will be effective in a way if one tries to give
answers to a single question.
• Able to create much clearer visualizations if one is
focused and not being distracted by other things.
• Able to avoid confusions to viewers and readers.

6. Consideration: [Keep it simple.]
• Have to make sure that it is not overly designed that in
the end, it makes the information looks complicated,
and difficult to understand.
• Avoid confusion caused for the readers and viewers.
• It will not be effective if the infographic is being
designed overly complicated, worst case scenario
would be causing misinterpretation.
• If the information is too packed and too noisy, it will
drive the viewers and readers away.

7. Consideration: [Data is important.]
• Do not overdo the design.
• Have to make sure that the design will be able to
give clear emphasis to the facts.

8. Consideration: [Be sure that facts are
correct.]
• Before designing it, one has to be sure that the
facts are right.
• Research well and use the right information.

9. Consideration: [Let the infographics tell a
story.]
• Manage to tell a story with the illustrations and
graphics.
• It should be able to say something so that it can
convey the information even if the readers and
viewers have not read the text.

10. Consideration: [Good design of the
infographic is effective.]
• No matter how simple the infographic is, use the
creativity to make the design look more appealing.
• Colours, layout and the use of white space matters
a lot.
• Readers and viewers would stare longer to an
infographic which has a good design.

11. Pros and Cons of infographcis.

12. Pros
• Able to take complicated information and translate
them into graphics, using very little amount of words
to explain them.
• Infographics are easy to understand. This is
because some people do not like wordy text, and
also some have short attention spans. Thus, quick
and easy is critical

13. Pros Cont’d
• Infographics are easy to share and also will be able
to catch the eye of the readers and viewers.
• It is not necessary to follow just one template. One
is able to change the colors, format and also even
the style of the infographics.

14. Cons
• It is time consuming to create infographics. It is not
just doing some research and be done with it. One
has to design the layout and the graphics as well.
• The text can be difficult to be read if one tries to
cram too much information into a small image.

15. Problems that I am going to tackle on.
• Create a much simpler infographic so that readers
and viewers are able to understand what is it trying
to convey.
• Use as little number of words as possible so as not
to make the entire infographic so busy.
• No cramping of text.

16. Design Considerations

17. Infographic
• Requirements of the infographic. • Research.
– The alignment of the content – Tutorials.
that is going to show the
– Viewing the good
readers and viewers.
infographics that most
– Color used for the
designers had done to gain
infographics.
some inspirations.
– Fonts used in the
infographics.

18. Infographic
• Target Audience. • Infographic Editing.
– Readers and viewers who – Simple design and layout
have short attention spans. • Requirements for the users.
• Use as little number of
words as possible so as
not to let the readers and
viewers feel bored.
• Simple and straightforward
infographic.

19. The design process…
• The flow.
– It is not just chart of numbers.
– But there should be some thinking being done at the
back of the data presented so that the readers and
viewers are able to walk through a story.
• The colors and the type of fonts used.
– The type of color used must first catch the eye of the
readers and viewers before they can be read.
– Fonts used must be readable for the readers and
viewers.

20. The design process Cont’d…
• The data that is going to be in the infographic.
– Infographics need to have exact data and a good
analysis.
• Sources.
– The information presented in the infographics needs to
be sourced.
• Words.
– Infographics design is a mixture of writing and graphic
design.
– It must be shown in a short and clearly written manner.

21. 1 tryout…(using different kind of
st
shapes and text)
Target audience: Allow people to
understand the overall android
applications behaviour and the content
inside the application itself.

23. 1st tryout…(using different kind of
shapes and text)
• Using rectangular boxes and circles to design the
User Flow Infographic  Just ‘Shapes’ & ‘Text’.
• Placeholder images to represent smart phones.
• Circles  Steps / Instructions

24. 2 tryout…(using text and some
nd
colors.)
Target audience: Allow people to
understand the overall android
applications behaviour and the content
inside the application itself.

26. 2nd tryout…(using text and some
colors.)
• Designed in a table form, with just text and colors
added to it.

27. 3 tryout…(using images only,
rd
together with some colors. No text)
Target audience: Allow people to
understand the overall android
applications behaviour and the content
inside the application itself.

29. 3rd tryout…(using images only, together
with some colors. No text)
• Using icons.
• Images of application screen.
• Purely using images only, together with some
colors.
• There is no text.

30. 4 tryout…(using images, together
th
with some colors, and text)
Target audience: Allow people to
understand the overall android
applications behaviour and the content
inside the application itself.

32. 4th tryout…(using images, together with
some colors, and text)
• Using images and some short text.
• There are colors used as well.

33. Initial thoughts when designing the
infographic
• How mobile users use their applications on the
mobile?
• Find out the most common applications used by
mobile users.
• Others (applications that are installed in the smart
phone already.)
– Photo Gallery.
– Youtube / Video Streaming.
– News & Weather (Latest news)

34. Final User Flow Infographic
Target audience: Allow people to
understand the overall android
applications behaviour and the content
inside the application itself.

36. The purpose of the User Flow
Infographic
• Allow the readers and viewers to understand the
overall behavior of the applications.

37. In summary…
• The user flow infographic provides short details in a
concise and clear way without beating around the
bush.