About

Randy Krum infographic designerRandy Krum

President of InfoNewt.
Data Visualization, Infographic Design, Visual Thinking, Product Development and Marketing professional fascinated by good infographics.  Always looking for better ways to get the point across.

Infographic Design

Looking for help creating your own infographics?  Randy’s infographic and data visualziation design company:

InfoNewt Infographic Design

Search the Cool Infographics site

Custom Search

 

Subscriptions:

 

Feedburner

The Cool Infographics® Gallery:

How to add the
Cool Infographics button to your:

Cool Infographics iOS icon

- iPhone
- iPad
- iPod Touch

 

Read on Flipboard for iPad and iPhone

Featured in the Tech & Science category

Flipboard icon

Twitter Feed
From the Bookstore

Caffeine Poster

The Caffeine Poster infographic

Google Insights

Entries in web (186)

Wednesday
Nov202013

The Online Shopping Cart Experience

Shopping Cart Experience infographic

Online shopping is a convenience that a lot of people take advantage of. But the convenience varies. The Shopping Cart Experience infographic from checkoutoptimization.com finds the optimal situation to make customers happy.

Over the course of the last few years, I have been in and out of the details of conversion rate optimization. My career at a digital marketing agency affords me the privilege of working with some of the top brands in the world. I am equally lucky to know some great entrepreneurs with very small businesses. Among the fascinating things that I get to see every day and across the spectrum is how much of an impact a small improvement at the checkout makes.

Simply, more sales equals more sales. Given finite resources to optimize a thousand different things, I’m awestruck that the shopping cart is not a greater focus. And as sites have changed in incredible ways over the last few years, shopping carts remain unchanged.

In 2009 I thought about this issue and started researching attributes across a number of shopping carts. It was a story of small diversity and great uniformity. I started writing a book on the subject, but I shifted focus to double down and grow a separate business. (Which has been extremely rewarding and I now get to work with a growing group of talented, bright, extremely funny people that are accomplishing amazing things for the world’s coolest brands, but that’s another story.) A couple of months ago, I came back to the idea of checkout optimization, and thought it would be really interesting to compare my 2009 research to the current state of things.

And that’s how this infographic came to be. My hope is that this is useful to anyone curious about shopping cart design patterns, or perhaps someone looking for a standard to measure up against. Let me know what you think, and you want more like this, you can sign up here.

Nice overview of the differences sites choose when setting up checkout pages on e-commerce sites.  Some of the subtle visualizations work very well, like the multiple pages shown behind the numbers in the User Friendly section.  However, some values aren’t visualized at all, like the percentages for the different merchant features.

The infographic landing page explicitly asks people to repost the infographic with links back to the original page, but sadly, most people don’t do that.  The landing page URL should be included in the infographic image itself so readers can find the original when bloggers don’t include the link.

Thanks to Nicholas for sending in the link!

Thursday
Sep192013

A Visual Guide to What Colors Communicate

The Essential Guide to What Colors Communicate infographic

When you are designing your blog or website, how do you decide what colors to use? Your choice will make a difference on how others receive and interpret your content. Dustin Stout from dustn.tv has created Color Sets the Tone: A Visual Guide to What Colors Communicate infographic to educate website builders and bloggers on how to communicate to their readers with color.

Did you know that colors communicate? The use of color in your blog design can be an essential part of how your personal brand is perceived. Color usage can either make or break your blog design, and I will show you how to choose your colors wisely by understanding what they communicate.

When new visitors land on your blog, the first things they interpret are colors. Before they read a single character, their brain is registering colors which are subconsciously (or consciously) tied to emotions, states of mind, or [preconceived ideas]. If you do a poor job at putting together the colors in your blog design, it can be detrimental to the growth of your brand.

I’ve come up with an essential guide to what colors communicate, as well as a quick infographic to reference that is free to download! 

Simple design that tells one story really well.  Quick and easy for readers to digest, and the text associated with each color is really short.  Less text is better for infographics.

The footer should include the URL back to the landing page to make it easier for readers to find the full-size original version.

Found on http://dustn.tv/what-colors-communicate/

Tuesday
Aug272013

World's Biggest Data Breaches Visualization

World's Biggest Data Breaches Visualization

David McCandless and the team from Information Is Beautiful recently released both static (seen above) and interactive versions of the new World’s Biggest Data Breaches visualization.

This weekend, Apple’s developer site was hacked. 275,000 logins, passwords and other records potentially compromised. Two days before that, popular open-source operating system Ubuntu had its forums hacked. 1.82 million records stolen.

Are those big data breaches? Or just pin-points in the big data universe?

We’ve pulled out the interesting and funny stories out of the data. Click on the bubbles to read.

A fantastic design, the interactive version allows you to adjust the sorting, circle size and color-coding parameters.  It’s very easy for the reader to understand how one data breach fits into the overall history of stolen data.

In a move for transparency, the entire data set gathered and used in the design is available publicly to anyone through a Google Docs Spreadsheet.  Anyone can access the source data to verify the visualization or to create their own.

Found on Fast Company

Wednesday
Aug212013

A Website Design Process

A Website Design Process infographic

A Website Designed is a process explanation infographic, created by John Furness of Simple Square, highlights the phases of creating a website for a designer and the client. 

A Website Designed is an infographic of the average website’s creation. Feel free to download and share this, or link directly to it here on our blog.

Great visualization design of a business process.  The sequential events are arranged along a straight timeline, but a number of additional elements of information have been added.  Color-coding, sized circles and milestones all add valuable information to the reader.

A high-resolution PDF is available in multiple languages: English, French, Russian, Spanish, Italian, Hebrew and Dutch.

Found on Simple Square!

Thursday
Aug012013

Choosing a CMS for Your Business

Choosing a CMS for Your Business infographic

This graphic will help you figure out what is the best Content Management System (CMS) for you and your business. Discover what a CMS is, types of CMS, popular CMS, market shares and advantages with, The Most Popular CMS for Your Business Needs infographic posted on Dot Com Infoway

Chennai, India Dot Com Infoway (DCI), a premier IT company providing offshore IT outsourcing solutions to businesses across the globe, has announced the release of its latest infographic, titled “Content Management Systems: Choosing the Right One for Your Business Needs”. The infographic provides a top to bottom look at various CMSs and chalks out a road map for organizations, businesses and individuals looking to choose content management systems perfect for their needs.

The infographic outlines the fundamentals of content management systems, the industries in which they find use and the types of CMSs available. It is replete with information, data, statistics and illustrations such as the date of initial release, the platform used, the latest version, the number of themes it has, average setup and customization cost, average monthly maintenance cost, the number of websites using the CMS, the popular websites that use the platform and the top industries using the CMS.

“With the recent exponential growth of nightly builds of CMSs’ modules and plugins, we thought this would be the perfect time to showcase the CMS industry with an infographic that provides users with an all-around perspective. Our run through of key aspects of various CMSs, will help firms make better business decisions by taking advantage of all the information at their disposal,” said Venkatesh C. R., CEO of Dot Com Infoway.

The infographic also provides statistics on the market share of various content management systems. Based on the analysis and research data, WordPress, with a market share of 54.4%, has a competitive advantage over other top CMSs. Following WordPress, (with margins of difference of more than 45%) are Joomla and Drupal with market shares of 8.9% and 7% respectively.

Personally, I run this site on the Squarespace.com CMS platform, and I’m very surprised that it wasn’t listed in the infographic.  I realize there are over 1,200 CMS platforms, so they had to make some hard choices about which ones to include.

The design does a good job of using the platform logos to clearly identify the different players.  I wish the numerical data associated with each platform was visualized instead of just shown in text.  It very hard for a reader to compare the costs or stats between the platforms when all of the data is only in text.

Also, the data is not clearly sourced.  The sites where the data was gathered from are listed, but no specific links the pages with the actual data used, like market share numbers.  Most of the source sites are actually lookup and comparison tools, so it would be hard to list specific URLs for some of the data.

Found on bestinfographics.co

Friday
Jul122013

Battle of the (Social) Sexes

Battle of the (Social) Sexes infographic

The Battle of the (Social) Sexes infographic from InternetServiceProviders.org explores some of the demographic data behind social media.

You’ve no doubt heard the old, oft-quoted adage, “men are from Mars, women are from Venus,” used to denote the fact that men and women may not always see completely eye to eye. While this light-hearted statement isn’t taken literally, when it comes to the virtual world of Internet interactions, similar sentiments may be formed surrounding the different ways men and women use social networking. While the majority of adults in the US are plugged into some sort of social media outlet, not all of them are used in equal measure, and not all of them are used by both genders equally. For instance, the average Google+ user spend just three minutes per month on the network, while the average Facebook user will spend 405 minutes per month updating statuses, posting pictures, and checking out others’ profiles. So what can be learned about men and women in the world of the web? As is turns out, men and women tend to dominate very different social media networks. The following infographic takes a look at some of the differences between male and female-dominated social media sites: How many users each one has, as well as how they interact.

There’s so really good data they have compiled in here, and most of the data visualizations are easy to understand.  I would not have expected to see that Twitter has 40 million more female users each month.

There are a handful of minor tweaks that would help improve the design:

  • The salmon/orange/peach color for women is unexpected compared to the traditional pink.
  • Go ahead and use the official Twitter and Facebook icons.  No need to design their own.
  • The pie slices for time spent would work much better with colors that are more distinct.  The different shades of gray are very hard to differentiate.
  • For the pie charts, the text label should be placed next to the pie slice its describing, instead of the opposite side as shown in this design.  Flipping the pie charts horizontally would fix that easily.

I appreciate the clear Creative Commons license in the footer, but the URL to the original infographic lansing page is missing.  Since the infographic image file is shared by itself, the URL always helps readers to find the original.

Found on Ragan’s PR Daily

 

Friday
Jul052013

The Conversation Prism 4.0 for 2013

The Conversation Prism 4.0 for 2013 infographic

Brian Solis has released the new Conversation Prism 4.0, with updated companies and categories for 2013.  This project series has been a favorite on Cool Infographics since version 1.0 was released in 2008, and we haven’t seen an update since version 3.0 was released in 2010.

What is The Conversation Prism?

Developed in 2008 by Brian Solis, The Conversation Prism is a visual map of the social media landscape. It’s an ongoing study in digital ethnography that tracks dominant and promising social networks and organizes them by how they’re used in everyday life.

Version 4.0 brings about some of the most significant changes since the beginning. In this round, we moved away from the flower-like motif to simplify and focus the landscape. With all of the changes in social media, it would have been easier to expand the lens. Instead, we narrowed the view to focus on those that are on a path to mainstream understanding or acceptance. The result was the removal of 122 services while only adding 111. This introduces an opportunity for a series of industry or vertical-specific Prisms to be introduced so stay tuned.

The Conversation Prism 4.0 for 2013 closeup

The design highlights the major companies in 26 different categories of social networking services.  This update loses the flower-like design style of the last three versions, and changes to a more straightforward circle with equal sized pie slices.

The inner circles have always been a little confusing for readers and marketers because the intent is that the inner labels can be adjusted depending on the user.  They don’t necessarily relate specifically to the services they are located near in the outer slices.

As a snapshot of the current social media landscape, this is a fantastic tool for marketers to consider the tools and services they want to engage for any particular campaign.  Three years was too long to wait for an update, since this landscape is changing and evolving very quickly.  That’s why 122 individual services were removed and 111 services were added. 

The Conversation Prism 4.0 for 2013 poster

The Conversation Prism 4.0 is available as a free high resolution JPG image download (great for computer wallpaper/desktop) of for purchase as a 22”x28” wall poster for $19.

Thanks to Jarred for sending in the link!  Also found on Mashable and The Next Web.

 

Tuesday
Jun182013

Design With Impact: A Guide to Webpage Anatomy

Design With Impact: A Guide to Webpage Anatomy infographic

Find out all the tips on how to design an impactful webpage with the Graphitas’ infogaphic, Design With Impact: A Guide to Webpage Anatomy.  See what you can and can’t live without on your webpage with the Impact-O-Meter.

As part of a my recent blog for SEOmoz on “Designing for SEO”, the team at Graphitas created an infographic to illustrate the impact of page positioning.

A lot of text in this design, but the information is strong and the design is visually impactful.  It’s missing a link to the original infographic page in the footer to help readers find the full size high-resolution verison.

Thanks to Justin for sending in the link!

Tuesday
May282013

Wireframe, Prototype and Simulator Tools

Wireframe, Prototype and Simulator Tools infographic

So what is the difference between Wireframe, Prototype, and Simulator Tools? This infographic compares how the products preform in terms of design capabilities, mobile integration, collaboration features, and interactivity. From User Testing, this infographic  helps guide you through the design making process of what program is right for you.

If you’re into building websites, mobile sites, or apps, you probably use some type of mockup tool—prior to coding—to help you envision how a site will work and look. But do you get customer feedback on them? In this ultimate guide, we’ll explore leading mockup tools — wireframing, prototyping, and simulating –and show you how to run user tests with them.

Good design that puts the icons and information directly into the visuals.

Also available as a PDF download.

Thanks to Liz for sending in the link

Thursday
Apr252013

The 2012 Adobe U.S. Digital Video Benchmark

Cool infographic video from the team at Adobe that shares the results of their own 2012 Digital Video Benchmark research.

As you relax at home, walk through stores, and sit in airports, you see people watching video on more screens than ever before. But don’t rely on the eyeball test. The Adobe Digital Index team looked at 19.6 billion video starts on media websites to confirm the growth of broadcast video consumption across connected devices. See the latest video trends they uncovered for device use, ad placement, social media, and more. 

Learn more about what they found here: http://adobe.ly/ZeXLoI.

Adobe Digital Index publishes research on digital marketing based on the analysis of anonymous, aggregated data from over 5,000 companies worldwide that use Adobe Marketing Cloud.

The information is about all videos and ad placements in online videos, but the data also applies to infographic videos.  Online videos are still on the rise, and have become a very effective content and advertising platform for companies.

Clean data visualizations that I would assume were created in Adobe After Effects.  The bar charts that change size and shape in multiple directions are disconcerting though.  I can’t tell if they were appropriately adjusting the area of each bar, but I doubt it.  It looks more like a designer thought it would look unique and different without realizing that it corrupts the visualization of the data.

Thanks to Jordan from Say It Visually for sending in the linK!