User flow information infographic


Published on

1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

User flow information infographic

  1. 1. Infographics
  2. 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. 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. 4. Things to consider when designing an infographics
  5. 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. 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. 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. 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. 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. 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. 11. Pros and Cons of infographcis.
  12. 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. 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. 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. 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. 16. Design Considerations
  17. 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. 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. 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. 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. 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.
  22. 22. 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
  23. 23. 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.
  24. 24. 2nd tryout…(using text and some colors.)• Designed in a table form, with just text and colors added to it.
  25. 25. 3 tryout…(using images only, rdtogether with some colors. No text) Target audience: Allow people to understand the overall android applications behaviour and the content inside the application itself.
  26. 26. 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.
  27. 27. 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.
  28. 28. 4th tryout…(using images, together with some colors, and text)• Using images and some short text.• There are colors used as well.
  29. 29. 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)
  30. 30. Final User Flow Infographic Target audience: Allow people to understand the overall androidapplications behaviour and the content inside the application itself.
  31. 31. The purpose of the User Flow Infographic• Allow the readers and viewers to understand the overall behavior of the applications.
  32. 32. In summary…• The user flow infographic provides short details in a concise and clear way without beating around the bush.