Upgrade Your Drupal Skills

We trained 1,000+ Drupal Developers over the last decade.

See Advanced Courses NAH, I know Enough

Keep Information Density Under Control on Your Website

Parent Feed: 

Of course that we all know “the middle way” is the safest path to follow and yet... it's not that easy to find it or to stick to it, right? How do you know how many choices to tempt your website users with? How can you tell when content becomes “too much content” or when the delivered information is discouragingly scarce? Striking a balance, when it comes to information density is, undoubtedly, the work of a “chemist”: pouring precisely the ideal dose so that the final “potion” is, indeed, useful to your users!

There's no such thing as one-size-fits all principles to follow here. Yet, there still are some more-then-useful guidelines to consider when it comes to achieving the proper dosage of content to greet your visitors with on your Drupal site.

Ready? Here they are:
 

1. Information Density DOES Have a Huge Impact on the Overall UX

So, before we go any deeper into the whys and hows of keeping information density under control on your Drupal site, you should first acknowledge its high influence on:

  • usability
  • navigability
  • user experience 


How come? Well, it's pretty obvious: the amount of content that you deliver via your website, to your users (taking the form of written content, images, color, controls, textures) will determine whether he/she will keep navigating or leave your site in frustration.

Moderation is key, lest you want your heavy load of information to bog him/her down or the lack of information to drive him off your site!

Always have the USER in mind wen you create your wireframes! Web design trends and movements should come second.
 

2. Information Clutter and the Paradox of Choice

A whole collection of visually-striking images... attention-grabbing videos... multiple calls to action... testimonials... rates... recommended products... super long copy... and, in this overcrowded web page (for yes, this content, in all its forms, is displayed on a one single web page) “sprinkle” some, let's say, celebrity endorsements, too!

Can you visualize this heavy-content page? Can you easily “digest” all that “virtual” content and effortlessly make your way through it?

So, you get our point: always put yourself into your Drupal site visitors' shoes and always anticipate whether you risk to deliver excessive information, to offer them way too many choices. Which will automatically “paralyze” them, instead of engaging them.

You'll end up confusing them!

“Bombarding” your users with way too many options and too much visually-distracting information for them to “digest” will only result in a bad user experience.

One of the possibly winning formulas:

Headline + An Image + A Description + The Price +A Call to Action + Some Reviews Per Product. 
 

3. Balancing Information Density: Tips and Tricks 

Now, before we go on with our list of tips and tricks, let us share with you a couple of key questions that will indicate you the right path to take for achieving... perfectly balanced information density:

  1. "What Is The Goal I Want to Achieve With this Web Page (Landing Page)?"
     
  2. "What Tasks Should My Drupal Site Visitor Carry Out?"
     
  3. "What Information Does He/She Need in Order to Complete These Tasks?"
     

There! Once you have the answers to these 3 key question, you'll step on the good path to properly adjusting the amount of the information that you'll present on your website.

And now, the promised tips and tricks for pulling off a reasonable information density:

  • attention-grabbing call to action button
  • persuasive, clear and concise call to action text 
  • clean and neat design with a strategic use of white space 
  • fluid, intuitive user flow and path to reaching your web page's goal 
  • visual hierarchy (masterfully use texture, color, white space to direct the user's eye where you want to guide his/her attention to)
     

And since text without exemplifying images is like cake without frosting, take a look at this example of clean design and information structuring leading to zero ambiguity or paradox of choice:

Information Density- example of reasonable information density on a web page

A few elements, that clearly communicate to the user which are the company's available services = good UX!
 

4. When Minimalism in Web Design Becomes a Pitfall

Just because it's “trendy”, it doesn't mean that it's going to serve your site's goals of usability and navigability!

Do keep this in mind when you decide to “declutter” and to overly simplify your Drupal site's design! Less sure is more, no doubt about that! Just make sure you don't turn “less” into “scarcely enough”!

When in doubt, go for a “moderate minimalism” formula:

An eye-catching headline + The value proposition + The description + The tagline + A concise and attention-grabbing call to action!
 

And, as a golden rule: always consider the nature of your Drupal site, its audience and their expectations before you “blindly” adhere to one web design ideology or another.

Needless to add that if it's a magazine's website that you're working on, adding just a few “teasing” lines of text on each page will greatly affect the UX.
 

5. And Yet: High Information Density's Not Always a No-No

Surprised that we're actually suggesting you to go “against the tide”?

In fact, we're just asking you to take some time to consider these possible good aspects of an information-heavy web page:

  1. users don't need to keep scrolling down for reaching the information they're looking for. It's all there, on the very same page!
     
  2. since it's in the users' habit now to almost unconsciously use the “Control+F” combo of keys to find the information they're searching for really fast, you'll be actually streamlining their quick
    on-page searches

     
  3. you'll create the impression of abundance and especially if it's a e-commerce Drupal site that you own/design, greeting your users with an entire collection of striking images, articles and items on promotion will undoubtedly give the impression of abundance (again: always adjust the information density to the very nature of your own site)
     

In conclusion: what you should avoid, at all cost, is not really high information density, but poorly organized, crammed on-page content! "Clutter” will always discourage users.

High information density is necessary for certain websites (news sites, for instance), so you can't afford risking to fall into the “pitfall” of minimalist design. And not delivering the content that your visitors land on your site for in the first place.

Now speaking of efficiently structuring information on a web page, take a look at the example here below: although it's a content-heavy page, you can still fluidly “navigate” trough the displayed content!
 
Information Density- example of good alignment on a web page
 

6. How to Design for High Information Density

Now that we've see that high information density is something you shouldn't avoid at all cost, given the nature of your own Drupal site (if it's precisely information that your users visit it for) and that poor alignment and information “clutter” is what you should stay away from, let's discover together how you can pull if off right by using some web design “tips and tricks”:

  • cluster similar content: this way you'll manage to efficiently structure large amounts of information, “asking” your users to invest a lower amount of effort for reading and assimilating it
     
  • go for a basic, “familiar” layout: when your web pages is “heavy on content”, the last thing you want is to “exploit” your users' attention with an overly complex, innovative layout. Keep it simple and go for a common one instead, one that all users will instantly understand: the standard horizontal area on top standing for the main navigation, a column on the left playing the role of a secondary navigation...
     
  • rely on graphics for breaking up text-packed copy: font variations, pictures, graphic elements strategically “sprinkled” in your text will make it easier for users to “digest” it
     
  • effectively use the white space on the page: and since white space is “gold” on a content-heavy web page, use it wisely for breaking your long passages of text into smaller, “airy” chunks
     
  • use color for enhancing navigability and readability: using the same color for the same type of content will instantly make the entire information load on your web pages look more structured, more organized and... easier to follow. The mental effort that you'll challenge your users to invest will be significantly lower.
     

So we've tackled issues of good alignment, effectively grouping content and all kinds of web design tricks for making a content-packed web page as little mentally exhausting for the user as possible. Now let us continue with a “bad example” for supporting our “pledge” for perfectly structured, organized content. Here it goes:

Information Density- example of unorganized, poorly aligned content on a web page
 

Wrapping Up

  1. Moderate minimalism is the right path to follow!
     
  2. High information density is not always a bad thing, yet crammed, cluttered and poorly organized content is!
     
  3. When the nature of your website requires for a considerably heavy “load” of information to be delivered, rely on web design tips and tricks for breaking your content into smaller chunks and for efficiently organizing it!
     
  4. There are cases when high information density is definitely a no-no:
  • when accessibility is a critical issue to consider
  • when your site addresses a senior audience
  • when your site is marketing/branding-focused and thus aiming to visually delight the users rather than delivering them their daily “dose” of information
Author: 
RSS Tags: 
Original Post: