Corporate Blog Design & New Eyetracking Trends

August 11th, 2010 socialamigo No comments
eyetracking, SEO, Jakob Neilsen, usability, IxD, user experience

For Better Blog Design; Understand and Analyze Eyetracking Trends

Designing a blog is different than designing a home page for a website. A blog’s main content is transient; appearing on the home page one day and not the next. Various design tactics have been tried, including displaying static front pages that look and act more like standard websites and home pages. To know what will work for your enterprise or design, a little analysis in advance of wireframing is a best practice.

As far back as the late 1800s, reading was observed as a series of short stops, not a smooth sweeping motion as was assumed. Emile Javal, a French ophthalmologist, uncovered the fact that our experience of seriality as we read was, in fact, made up of saccades which are quick, parallel movements of the eyes as they scan in a succession of fixations and discontinuous individual movements. Later, in the 50s, a Russian psychologist named Yarbus showed that there was a definite correlation between the time the eyes are still during this scanning and the subject’s interest in the task. He also showed, maybe more importantly, that the task itself influences the saccades and fixations.

It would seem then that balancing visitor interest and site layout, while understanding the tasks required of the visitor is the key to successful corporate blogs. One of the ways interactive designers can try to visualize this balancing act is eyetracking. Much has been written about it over the last 10 years by authors like Jakob Nielsen and Jared Spool. For designers, it offers the chance to see through their users’ eyes and watch them behave. Of course, nothing can be precisely determined with tests like eyetracking because each visitor has different knowledge gaps and levels of tech-savviness, but inferences can be made and statistical models can be created.

The most recent report from Jakob Nielsen’s Alertbox shows different corporate blog designs offering different layouts, different content strategies, and different business goals, all resulting in different eyetracking patterns. In the Blog Front Pages article, Neilsen lays out the parameters for success based preferred topics, tone of voice, scannability and layout, charts vs. tables, and how readers interpret links, as well as the use of summaries or full articles. From the scanning tests done, Nielsen’s group makes these general recommendations:

  1. Encourage selective reading by using summaries, especially when the blog touches on many topical areas.
  2. Blending longer articles with shorter posts keeps the visitor focused on your message, but allows them to move on to other things naturally.
  3. Use site analytics to determine what visitors are doing and where their interests lie – formulate your design and content structure accordingly.
  4. Blogs with regular returning visitors or subscribers should feature longer articles because their visitors are returning for the next installment.
  5. Making the most recent articles and posts available in a nearby widget or call-out gives the returning user what they need to find what they missed.
  6. Let your visitors engage with lots of varied content styles and types – be bold enough to redesign when the analytics suggest it.

As you can see some of these same ideas can be extended to the design of home pages, product pages, landing pages and microsites. If you have other styles of corporate blog designs, have other suggestions for designing practice, or have other eyetracking links to share, please send me an email and/or a comment. For more about designing blogs click the link or use the tag widget.

Engage Your Visitors With Interactive Information

July 31st, 2010 socialamigo 1 comment
data visualization, knowledge gaps, Edward Tufte, Many Eyes, information design

Engaging Visual Information Enhances Your Visitor's Experience & Your SEO

Smart information helps your visitors reach a deeper understanding of your key topics or concepts, but this doesn’t always mean complex written documents or dense statistical analyses. The same rules apply here as apply on shopping carts, landing pages, and web forms: clear concise communication enhanced with unfettered, thoughtful navigation is best.

So what does this mean for the interactive designer? The SEO content provider? The content strategist?

What it means is that we must be mindful of the balance between overloading the visitor with too much information and giving them the tools and experience that lead to thoughtful consideration of your themes. Some websites may never need to create visual data experiences; for others, information maps may be the key to expressing their data in meaningful ways. Designers strive to be innovative, but interaction experiences of data can overwhelm too by creating a knowledge gap for the visitor (the system is too difficult to learn and/or use) or by supplying too much data with little or no editing requiring the visitor to find their way through, often unsuccessfully.

The same holds true for designing something simple for a website, like tables, charts, call-outs, and lists. Bringing the same kind of engagement to these aspects of a website enhances your visitors total experience of your site, your content, and your themes. Leaving these visual elements to be generated by standardized back-end systems or by well-meaning developers who are often using legacy libraries of code to generate these elements is not a successful visual strategy.

It is important that content developers, no matter which side of the design/marketing table they’re on, strictly adhere to visual branding across all the content. Nothing unhinges a visitor’s trust of a website faster than when the visual scan and skim is off when moving from pages to page within a site. Dialing in the overall visual style of all URLs across a website points to a competency that builds trust for the users and reduces bounce-rate. Reducing bounce-rate is important key for SEO, the site’s overall analytics, and for conversions and goals.

Important Information Design and Data Visualization Links


Wikipedia / Information Design

Many Eyes / Browse Data Set Galleries

Data Visualization: Modern Approaches

Tufte and Beautiful Evidence

Information Is Beautiful

Information Mapping at Parsons

JESS3′s Beautiful Blog About Info Design

Designing Tables With Data Visualization


Don’t hesitate to add to the list found here by adding comments.