4 Minutes Read | Communications

Infographic Layout: How to Visualize Articles

Gonzalo Sanchez

Mentor | The Brandery

The role of a journalist is to research, shape and share relevant information and memorable stories with readers.

To get the story into as many hands as possible, journalist and bloggers need to leverage the internet. This means repurposing content into many formats– including video, slideshares, podcasts or audio interviews, images, infographics, webinars, micro content – in order to reach the largest possible audience.

One of the most effective forms of content is the infographic. They’re easy to create with the right tools (ahem… Piktochart!) and they’re the perfect avenue for engaging your readers, and establishing yourself as an industry thought leader. They are also visually attractive, memorable and easy to consume and share.

We’ve talked about repurposing articles and blog posts in the past. We’ve covered how to transform text into a visually compelling story, and we talked with Will Blunt, founder of Blogger Sidekick, about making superb infographics for your blog.

Both posts are fantastic and I encourage you to read them, but today let’s take a step backwards and return to the basics. I want to talk about how to use the Visualized Article Layout to repurpose any piece of written content into a beautiful and engaging infographic.

The Mise-En-Place: Preparing for the Roadmap Layout

Yes, yes. I’m aware I’m being a bit repetitive, but there’s a reason. Preparing everything beforehand is crucial to content creation success. I want to emphasize the importance of this process as infographics are no exception.

  1. Start by defining your goal. What’s the reason for turning your article into an infographic? What’s the purpose of the infographic? Do you want to reach a larger audience? Do you want to offer it to readers in exchange for a subscription? These answers will determine the type and look and feel of your content
  2. Think about your target audience – Who did you write the article for? This will help you determine the tone of your infographic.
  3. Start researching the core data of your content. Choose information that is essential and stick to it. Don’t try to visualize everything. Instead, make a list of the 5 or 6 most relevant points and transform those.
  4. Pick a Piktochart template. We have hundreds of beautiful templates in our library, and dozens that can be used to transform a content piece into an infographic.
  5. Start working your magic!

Which Piktochart Template Can I Use?

Piktochart has dozens of templates you can use to repurpose a blog post or an article into a stunning infographic. For today’s post, I picked 5 of my favorite templates.

Infographic Collage

Just in case you were wondering, these are the links, ordered from left to right!

How to Structure your Visualized Article Infographic

Once you have picked your favorite template, it’s time to start thinking about how to structure your content and design. Our recommendation is you should approach it as if you are writing an essay for school: it has to have a clear separation between title, introduction, content and conclusion.

Visualizing Articles Structure

The Header

Start by creating your header, which in essence, is the title of your infographic. It’s the first thing users read, so it should be clear, concise and attractive, and should summarize what the infographic is about. For instance, if your infographic is about 10 simple paleo recipes, a fantastic title could be ‘Delicious Paleo Recipes’. Simple. Concise. Illustrative.

Now, there are three basic approaches for the header. The first includes a title and icons positioned in different ways (one icon, or many as the example below). Try to do some mind mapping and think of icons that visualize your industry, and the topic of your content.

untitled-infographic_20150924142844_1443104924249_block_0

The second approach is even more simple. It involves a simple title, and one of Piktochart’s pre-designed background. One great examples is the Digital Marketing template.

untitled-infographic_20150924142844_1443104924249_block_1

The third format uses a background photo, and a text frame for the title. A perfect example is the Blogomatic template. This is specially useful for creating Real-Life Infographics!

Remember: we just launched our photo search functions, which allows you to explore and use +3000 photos for your infographic, right from the Piktochart editor!

untitled-infographic_20150924142844_1443104924249_block_2

The Introduction

After the header/title block, you should plan a separate block for the introduction. The introduction is a brief explanation or preview of the content. We suggest you keep it simple, as the goal isn’t to explain the entire topic, but to get the audience’s attention before engaging them with more details and data.

Introduction

The Content

This is where the magic happens. The content is where you make your point and illustrate what you want to transmit to your readers. You have a bit more flexibility, and you can go into some detail, but you shouldn’t create more than 3 blocks of content.

Imagine each block as an essay paragraph. Each one explains a different topic, and has a different layout. If you observe the example structure at the beginning of this section, you’ll see that Content Block I, Content Block II and Content Block III are all different.

To achieve this effect and deliver the best message possible, you can use charts, maps, points, parts of a timeline, heavy data and other layouts applying the rules we talked about in earlier posts.

Content

The Conclusion

The conclusion is the closing argument of your message. It’s so important that it deserves one full block in your design. This is the perfect time to encourage readers to do something else by adding a clear call to action, like sharing the infographic with friends, or subscribing to the blog.

(An Optional Quote)

This, although entirely optional, is a great way to end your design. You could use a good summary of your infographic to make a point, or put forth a quote by an authority figure in your field.

An optional quote by an expert or though leader

The Source Of Your Information

Now, this is really the end! When you take data from different places (which you should do if you want to add relevant facts and figures for your readers), it’s important to give appropriate recognition to your sources by linking to them at the very end of your design.

Source

This post is part of September’s Layout Series. Feel free to check it out!

3 Shares
Tweet2
Share
Share
Pin1
Buffer
+1
https://piktochart.com/blog/layout-6-the-perfect-way-to-visualize-articles/
piktochart.com
crawl=CC-MAIN-2017-13
76337
application/http; msgtype=response
sha1:5ETFRUMWEZ23INNPWHBLFZH3NVPGKY2V
<urn:uuid:66089abe-dfd7-45c9-97c0-4b4d1c4dc84b>
2017-03-26T20:44:58Z
104.25.201.10
sha1:4FS3CT46ESIXRVRYPIANNJZGDLPD5OKI
<urn:uuid:c2f758af-c804-4c1c-bae9-832bf1308874>
https://piktochart.com/blog/layout-6-the-perfect-way-to-visualize-articles/
length
response
<urn:uuid:df30fcc9-4daf-4a21-92e5-43df946ee1cb>
robots: classic
hostname: ip-10-233-31-227.ec2.internal
software: Nutch 1.6 (CC)/CC WarcExport 1.0
isPartOf: CC-MAIN-2017-13
operator: CommonCrawl Admin
description: Wide crawl of the web for March 2017
publisher: CommonCrawl
format: WARC File Format 1.0
conformsTo: http://bibnum.bnf.fr/WARC/WARC_ISO_28500_version1_latestdraft.pdf