The two infographics shown above resemble the same information/content nut both show a different ways an infographic can be successful. The  first infographic is showing the stateless refugees and common reasons for it. As you can see the first infographic is eye-catching and fun to look at. The infographic shows brightly coloured illustrations and graphs showing facts to go alongside the illustrations, this makes the information on the infographic stand out making the reader want to read it. Also used commonly on the first infographic is the use of graphs. Many different types of graphs have been used in this infographic to show the user facts and figures without having to read a block of boring information. The next infographic is laid out in a grid shape where all the information is sitting comfortably beside each other. Unlike the other infographic this takes a different approach by showing the top 10 refugee hosting countries in 2015. I personally liked how the creator of this infographic showed the counties with the most refugee hosting in a bigger bubble and the ones with the least in a smaller, this stands out to me and gives me the main facts before even reading the content.


Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.

They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.


Style tiles are for when a moodboard is too vague and a comp is too literal. Style tiles establish a direct connection with actual interface elements without defining layout. They work well for clients who have established brands and need them to translate smoothly to the web. Whereas the word“mood” is often associated with brand and identity design, the word “style” was chosen to mirror “cascading stylesheets” and reinforce that Style Tiles are specific to Web design.


Make Style Tiles an integrated tool in your visual design process to help with team & client communication. Here is how I do it:

  1. ListenHave a design kickoff meetingAsk questions

It seems simple, but it is so easy to come out of the gate telling your client what you think they need. Your clients hold an invaluable amount of information, all you need to do is listen.

Designers should be in every meeting. Be prepared. Have the stakeholders complete a survey before the meeting or have everyone answer questions together.

Whether you give them to stakeholders before a meeting or during it, create a survey of questions tailored for them. Then, distribute the survey, have the stakeholders fill it out, and aggregate the answers.

Difference between infographic and Data Visualisation

Infographics are often confused with data visualizations. Differences are not so apparent to a casual observer, and there is a lot of misinformation out there. It is commonly thought that these two are completely different – but they are not. Both are visual representations of data.

An important difference is that a data visualization is just one (i.e. a map, graph, chart or diagram), while an infographic often contains multiple data visualizations. A second key difference is that infographics contain additional elements like narrative and graphics. Besides that, more work tends to go into the design of infographics, to make them more impactful and aesthetically pleasing.

The following table provides an overview of the key differences between infographics and data visualisations.

Leave a Reply

Your email address will not be published. Required fields are marked *