Design Infographics as an expert

Written by

Laura Gimenez

UX · 09 / 05 / 2017

If you are one of those who designs for your projects without any idea of Photoshop but has resources to get professional finishes in their designs, this is your post.

Specifically we will talk about how to design infographics and why they are so important. First, define what they are. They are graphic representations of some concept in a very visual way, so they use graphics and images for a greater comprehension of the data or the text. Its function is to tell a story in an efficient and clear way, through colors and graphics.

Why use infographics?

Our brain understands better the interpretation of data combined with images, much more than if we used only text and numbers. So apart from explaining concepts and understanding us better, we are also going to serve to Sell.

Visual content has a 94% more hits than a simple text. In addition, using infographics will make your blog much more attractive, and increase web traffic.

They will also help you sell more. How? Because on the one hand we serve as branding when we are spreading relevant content with our brand. On the other, it facilitates the decision making of your clients, who will know better our products or services through the education or disclosure. Finally, we will serve to provide a post-sales service connecting with our customers through feedback or feed-back that we provide.

Why use infographics?

They are really useful to explain concepts difficult to understand, so you can apply it to any situation where you have to teach something, for example in a classroom where you give a speech.

Also when there is a lot of data processing and you want to teach everything without overwhelming the one who will read it. Designing infographics combining data and images is a great idea to present and highlight data that we create relevant.

Make it easier to share the content of your posts in very visual social networks, as is Pinterest. If in your blog entries in which you account or list a topic, then do a summary in an infographic, you will have more chance to share it or “Pinee” in your Pinterest, both because it has value, and because it is easy to understand , like because it’s “pretty”.

disenar_infografías_ejemplo_digital_menta

Steps to start designing infographics:

    • Be aware of the content you want to express and share. It must be relevant to your users. Make a previous outline with the main ideas and the text that will develop them.
    • Choose the format you are going to give is it for a presentation? Do you need the sheets to be in DIN A4 format? How long should infographics be?
    • It includes numbers, and then you can use the graphics tools and maps to show your information.
    • Choose your own visual content apart from the images that you can provide the tool you use: Company images, logo, product photos, etc.
    • Use the resources provided by the tool, such as maps, diagrams, graphics, icons, and in all formats.
    • Use the templates that offer you the different tools to not start from scratch when designing. There are depending on your target, you can choose them and then personalize them.
    • Design Tips: Choose a style and do not change it throughout the presentation, choose colors and icons with aligned designs, combines as much two fonts, leaves blanks to facilitate their understanding, varies the size of the fonts to show a hierarchy, aligns elements, etc.

Free applications to create infographics

We present our favorite tools:

1. Piktochart

In this Web application you will be able to create attractive infographics using the drag and drop functionality. It works through blocks of information that you can duplicate, move, or delete. It allows to choose predesigned templates According to what you want to design (infographic, presentation, poster or report). You have available several wallpapers with prints, text with graphics and banners included, and tools such as graphics, maps and videos.

disenar_infografías_herramienta_piktochart

2. Visual.ly

We will have to log in with Facebook or Google so that it can do its function: to capture the data of these pages and to convert them to infographics automatically. It allows to create several types of account, of “fan” that allows to create infographics, the one of “designer” that allows to look for projects for which to work, and the account of “publisher” that allows to look for talents to add to his projects. To highlight this tool, the Facebook Monsterizer, which analyzes our personal data in a fun way, the Visual Curriculum, which is created automatically synchronizing with our Linkedin account, or Life of a Hastag, to measure performance and travel of some Hastag that we are interested in or that we have launched.

disenar_infografías_herramienta_visually

3. Canva

Canva is a tool that apart from infographics also allows you to create posters, résumés, flyers, presentations and images for social networks. To highlight its large gallery of bottomless images, plus those you can buy from $1. Also the long list of possibilities offered by the text tool, with a large collection of models and text markers. Finally, the artistic touch that you can give your images, rotating, cropping, blurring, giving effects or embedding in grids.

disenar_infografías_herramienta_canva

Share your work!

Once you have finished designing your computer graphics you must share it and spread it! Use social networks to show your work, especially in those very visual, like commented at the beginning of this guide, in Pinterest. Upload to your blog or your website USING HTML code. Or if you are going to make a presentation use the online mode or download it in PDF or print. Let them see your beautiful and useful infographics!

Paloma García

UX · 12 / 12 / 2019

Use PageSpeed ​​Insights to improve the quality of a Landing Page

Users are increasingly demanding, so we must offer fast and satisfying experiences. Therefore, it is important to optimize the loading time of our landing page. And we must be more demanding with our site on mobile devices. According to recent studies, the average loading time of a page on a mobile device is 22 seconds. Taking […]

Paloma García

UX · 24 / 10 / 2019

What is CRO? Description and key concepts

In our blog we have already addressed issues related to the CRO concept, as tools to optimize it, what is AB testing and design improvements to maximize conversions. It is time to go back one step back and define in more detail what CRO (Conversion Rate Optimization) is, as well as other key concepts related […]

Pedro López

UX · 13 / 09 / 2019

Can a good web design increase the conversion rate? The answer is yes.

El  diseño UX/UI (experiencia de usuario/interfaz de usuario) ha cobrado una gran relevancia en los últimos años. Con páginas (landings) claramente orientadas a objetivos, cada decisión tomada en el proceso de diseño puede ser decisiva a la hora de llevar al usuario a buen puerto.

Send this to a friend