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

« Client Infographic: Top 20 Marketing Automation Software Solutions | Main | The Rise of Minecraft »
Friday
Dec092011

The Anatomy of a Perfect Website

The Anatomy of a Perfect Website from R.O.I Media does a really good job of looking at the primary components of a good website design.  There are many decisions that need to be made by website owners and designers in each of the different sections, and of course data should be driving those decisions.

Websites need a formula – a vivid blueprint that painstakingly weaves technicality, design and detail into something iconic and memorable. Without it, most wouldn’t function for more than a moment and they certainly wouldn’t impress. You may have navigation and usability down, but in today’s fast paced climate you’ll crash and burn without social media. What about SEO, where would it be without content? These are all the things we have to consider, if we are to succeed – from vital tracking and analytics to the often disregarded footer, every detail oils the machine. With that in mind, we bring you the Anatomy of a Perfect Website…

A couple things bother me about the visualizations used in the design.  Designers need to get the “area” of objects correct for the data visualizations to be accurate.  In the Social Media section, the size of the clocks with the site logos should represent the scale of the time spent on each of the sites, but the sizes aren’t actually connected to the values at all.  They’re only a series of increasing shapes without any meaning.  The Facebook clock should be at least five times the diameter shown.

Also, the Browser Statistics section is another victim of the “area” challenge.  I LOVE the visual design style of the color saturation only extending up on the logos as far as the statistics show!  However, you can’t just use the height of the percentage because all of the logos are round shapes.  You need to use the Area of a Circle Segment to calculate the appropriate height to use.  This visual design is probably close, but it’s not accurate.

Thanks to Francois for sending in the link!

PrintView Printer Friendly Version

EmailEmail Article to Friend

Reader Comments (3)

I didn't read past the misspelling of Mozilla. Why go to all that work and let a simple typo slip through?
December 9, 2011 | Unregistered CommenterJude
a perfect site has controlled all diagrams necessary from design to implemtentacion.
December 13, 2011 | Unregistered Commenterlogistica
thanks for sharing your article. I like it.
December 17, 2011 | Unregistered CommenterPaPreTure
Comments for this entry have been disabled. Additional comments may not be added to this entry at this time.