Menu Search
Jump to the content X

Posts Tagged ‘Infographics’.

We are pleased to present below all posts tagged with ‘Infographics’.

The Do’s And Don’ts Of Infographic Design: Revisited

Editor's Note: Last Friday, we published an article on the Do's And Don’ts Of Infographic Design written by Amy Balliett which raised quite a discussion within the design community. Some readers agreed, some readers found examples contradictory, and some readers felt that there were some problems with the article which should be addressed in a further article. Nathan Yau was kind enough to write a counter piece arguing about the practices and examples presented within the original article. This article is his response to Amy's article published a week ago. Please notice that the main point of this article is to show a different perspective at the points mentioned in the original article; it isn't supposed to be a “corrected" guide to infographic design.

Smashing Magazine offered advice on the “Dos And Don’ts Of Infographic Design“, but they forgot to include the former. It’s as if I wrote a fake post and someone mistook it for a serious guide. Written by Amy Balliett, it seems to me that the post is basically about a couple of tips on how to create linkbait that doesn’t work. Or at least I hope it doesn’t. Many of the dos are actually dont’s, and judging by some of the comments that the article had received, it’s worth pointing out what’s what.


The Do’s And Don’ts Of Infographic Design

Since the dawn of the Internet, the demand for good design has continued to skyrocket. From Web 1.0 to Web 2.0 and beyond, designers have remained on their toes as they define the trends and expectations of our online universe. The Internet is a great designer’s playground, and online businesses are growing more and more appreciative of what can be gained from a bit of well-executed eye candy.

Over the past two years, this fact has become the backbone of a growing trend in online marketing: the infographic. Infographics are visual representations of information, or “data viz” as the cool kids call it these days. The term “data viz” comes from “data visualization,” which implies that sets of data will be displayed in a unique way that can be seen, rather than read. This visualization should not be left up to interpretation, it should instead be designed in a way that provides a universal conclusion for all viewers.


Designing The “World Of Programming” Infographic

Information graphics (or infographics) are used to display information in ways that are more creative than plain old text. These days, they surround us in the media, published works, road signs and manuals. Lately, the Internet has been flooded with infographics on various topics, ranging from science and technology to society and culture. In this article, we'll look at the process of designing an infographic about programming.

What does the infographic show? The infographic exhibits pioneers in the field of programming, along with the history and current statistics of various programming languages. Also included are some random facts and algorithm diagrams to make the infographic more visually appealing.


Imagine A Pie Chart Stomping On An Infographic Forever

A certain category of design gaffes can be boiled down to violations of audience expectations. Websites that don't work in Internet Explorer are a heck of a nasty surprise for users who, bless their souls, want the same Internet experience as everyone else. Websites that prevent copying, whether through careless text-as-image conversions or those wretched copyright pop-ups from the turn of the century, cripple a feature that works nearly everywhere else on the Internet. Avoiding this category of blunders is crucial to good design, which is why I am upset that one particular pitfall has been overlooked with extreme frequency.

Statistical literacy is the ability to read and interpret summary statistics in the everyday media: in graphs, tables, statements, surveys and studies. Statistical literacy is needed by data consumers.

The importance of statistical literacy in the Internet age is clear, but the concept is not exclusive to designers. I'd like to focus on it because designers must consider it in a way that most people do not have to: statistical literacy is more than learning the laws of statistics; it is about representations that the human mind can understand and remember.


Data Visualization and Infographics Resources

Data visualizations and infographics can make complex datasets easier to understand and comprehend. By creating a graphical represenatation of data and statistics, complicated concepts and information can make more sense in less time. Many visualizations focus on representing a specific set of data or statistical information. Others focus on less-concrete topics, providing a visual representation of abstract concepts. Generally speaking, the first type appear more like graphs or charts and the latter are often more creative and imaginative.


But visualizations and infographics can be used poorly, too. Putting in too much information (or not enough), using improper formats for the information provided, and other failures are common. Below are more than 25 useful resources for infographics and data visualization. Most are galleries of effective graphics though some also provide how-to information for information designers.

Also consider our previous articles:


Beautiful Brochures and Booklets

In corporate design brochures and booklets are a standard tool for promotion and advertising. They are tiny books or magazines which lay around in conference halls, offices and waiting rooms. Sometimes they contain an annual report of the company or showcase the portfolio of an artist. Brochures can also be included in CDs and DVDs; however, usually they are given away as freebies (e.g. they may contain a calendar or some poster inside).

In either case, booklets serve advertising purposes and since they are usually short (max. 25-30 pages) they need to look good and be informative in order to focus users' attention and effectively convey the message. Unfortunately, only few brochures are indeed designed with close attention to details. However, there are a number of options for creative and appealing booklet and brochure design.

Booklets and Brochures

This post showcases beautiful examples of brochure and booklet design. We have tried to include creative, visually appealing and interesting design solutions; the booklets presented below are nice to have in the hand and take with you. Hopefully, everybody will find something interesting and unusual for herself or himself.

You may want to take a look at our related posts


Data Visualization and Infographics

The main goal of data visualization is its ability to visualize data, communicating information clearly and effectivelty. It doesn't mean that data visualization needs to look boring to be functional or extremely sophisticated to look beautiful. To convey ideas effectively, both aesthetic form and functionality need to go hand in hand, providing insights into a rather sparse and complex data set by communicating its key-aspects in a more intuitive way. Yet designers often tend to discard the balance between design and function, creating gorgeous data visualizations which fail to serve its main purpose — communicate information.

In both print and web design infographics — visual representations of information, data or knowledge — are often used to support information, strengthen it and present it within a provoking and sensitive context, depending on designer's creativity.

Infographics Screenshot

This article presents some spectacular data visualizations and infographics which manage to combine a strong visual appeal with the effective presentation of information.


Charts And Graphs: Modern Solutions

Charts are supposed to visualize data in order to give a more profound understanding of the nature of a given problem or recent developments. Whatever type of data presentation you prefer (pie charts, bubble charts, bar graphs, network diagrams etc.), you can create charts in graphic editors manually or use special desktop-software instead. In both cases you have a major problem: once you’d like to update an old chart, or create a new one, you have to run the application and create new images over and over again. That’s not flexible. That's also not usable — e.g. if you'd like to update your chart live.

Server-based solutions, implemented with Flash, JavaScript or pure CSS, offer a more flexible alternative. In fact, since Flash offers significant advantages over static data presentation with CSS and JavaScript, most solutions use it for dynamic data visualization. The data itself is often stored in XML-files which are loaded and updated via PHP or ASP. The price range varies enormously — depending on the flexibility and level of customization you'd like to have. However, if you don't want to pay, you don't have to — there are powerful free solutions as well.

Chart Demo Screenshot

This article presents an overview of tools, applications and techniques for visualizing data in charts and graphs. Among other things both free and commercial chart tools, services, desktop-applications and web-based solutions (Flash, JavaScript, CSS) — you can use them on your server — are presented.

Please notice that the solutions listed below don't necessarily produce charts which serve the main purpose of data visualization — namely, to provide an easy-to-use visual presentation of (possibly) complex data sets. It's far more important that the presented information is usable and comprehensible rather than presented in a visually appealing way. Outstanding data visualizations aren't achieved by the beauty of data presentation, but by an effective interpretation of the data it represents.


↑ Back to top