About
Randy Krum
President of InfoNewt.
Data Visualization and Infographic Design

Infographic Design

Infographics Design | Presentations
Consulting | Data Visualizations

DFW DataViz Meetup

Join the DFW Data Visualization and Infographics Meetup Group if you're in the Dallas/Fort Worth area!

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

« 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.