In light of the recent COVID-19 pandemic - OPTASY would like to offer DRUPAL website support for any Healthcare, Government, Education and Non-Profit Organization(s) with critical crisis communication websites or organizations directly providing relief. Stay Safe and Stay Well.

Keep Information Density Under Control on Your Website

Keep Information Density Under Control on Your Website

by Adrian Ababei on May 16 2017

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
Development

We do Web development

Go to our Web development page!

Visit page!

Recommended Stories

Web Design + Digital Marketing = Success
  “Marketers need to build digital relationships and reputation before closing a sale.” - Chris Brogan, Chief Executive Officer of Owner Media Group. And how else can you build brand reputation in the digital era than with a robust online presence? Today, leading companies are leveraging web design to sustain their digital marketing efforts and are seeing remarkable business results. The following article provides a clearer picture of how digital marketing and web design can work together to deliver digital-readiness and build long-term customer relationships. What makes a great web design strategy?   User-friendly web experiences. One of the primary purposes of a website is to build brand awareness, attract, and retain customers. Consequently, when crafting your web design strategy, the user experience should be a top priority. Think big: accessibility, usefulness, credibility, value, desirability, usability, ease-of-use. All of these are core elements of what attracts website visitors to turn back to your site and, ultimately, become your customers. Search engine optimization (SEO). An SEO-centric web design approach will help you build a solid online presence and a long-lasting brand image. When thinking of SEO, you must consider your long-term objectives and adjust your optimization techniques according to these objectives. On-page and off-page optimization methods, meta descriptions, catchy headlines, alt tags in images, etc., are just a few of the elements in the arsenal of a solid SEO strategy.  Content optimization. This is the backbone of your website, and it can work well in tandem with SEO. When done right, your content will be easy to read, accessible, comprehensive, and informative. You don't want to overwhelm website visitors with too much text, so keep it short and concise. And don't forget about engagement. Think from your audience’s perspective—what would you like to learn from the content displayed on your website? Streamlined navigation. It might sound basic, but the truth is many websites could use some serious work when it comes to navigation. A user-friendly website allows visitors to quickly move from one page to another without 'getting lost'. A site map can prove to be really effective for this purpose, offering interactive and functional features for the users to know exactly where they are on the website and how to get to the desired location.  Branding. Your website should reflect your brand's identity, your business’s culture, and the way you relate to your customers. You can create this brand-website link by investing in visually connecting your logo, print material, and brick-and-mortar location. In this way, you'll add an extra layer of credibility and enhance your brand’s overall image.  “Your website is the center of your digital eco-system, like a brick and mortar location, the experience matters once a customer enters, just as much as the perception they have of you before they walk through the door.” - Leland Dieno. What makes a great digital marketing strategy?   Content management and planning. To be successful in digital marketing, you need to set realistic frameworks from the beginning. There are plenty of strategies and tools that can help you with this, such as content mapping, editorial calendars, or timelines. At this point, you want to plan smartly and organize your project with well-defined outcomes in mind. However, nothing is certain in life, especially in business, so leaving room for uncertainty can be a productive mindset. Set your key performance indicators (KPIs) and ensure that they match your overall business goals. Choosing the right KPIs. Speaking of goals and performance metrics, how do you accurately set them? To stay on target, you must understand your digital needs and marketing efforts. There are some key questions to ask here:      How are your KPIs connected to your objectives?      What's the subject of your measurements?      How do these measurements relate to the user experience?      To what extent do you need to monitor these specific metrics?      Answering these questions will not only help you go beyond data and address the human experience but will also support a solid digital and sales marketing strategy. Leveraging effective content strategies by addressing the 3 R's of engaging content: reliable, relatable, and relevant. Getting to your audience and performing effective outreach campaigns relies on wisely chosen content. Provide your customers with fresh, relevant information, and you'll quickly build trust and position yourself as a reliable advisor.   Strategies are important, but so is flexibility. In business, as in life, it is always wise to leave room for uncertainty. That means building a strategy that is flexible and can adapt to new, unexpected scenarios. In other words, leave some unfilled spots in your timeline so that you can, later on, incorporate things like viral competitors' articles, trends, and current events, or unforeseen expenses in new technologies. To build flexibility, ask yourself these questions from time to time:      Where could I improve my strategies?      Which tools should I choose to keep the business in line and better organized?      Where is the business getting the most traffic from?      What KPIs am I interested in at this stage? Measure your content's performance and see where it is heading. In digital marketing, you always want to know where the business is standing. That's why visualizing a clear direction and planning accordingly to reach your goals is essential. That means being aware of each stage of your funnel and adapting your strategies to match your current activity’s needs and demands.  Why web design and digital marketing should work together?   The impact of web design on your digital marketing outcomes is substantial. The way you design your website speaks volumes about your brand, and it plays a vital role in how your overall business is perceived and engaged with. Elements like the website experience, SEO, social media outreach, and branding are essential components of your digital marketing ecosystem. Blending web design and digital marketing is a modern approach that takes digital businesses to the next level.  “Websites promote you 24/7: No employee will do that.” - Paul Cookson. What are your thoughts on the importance of connecting digital marketing and web design in a holistic business approach? If you want to leverage the full power of the digital, have a look at Optasy's services and see how our experienced team can craft a personalized digital strategy that will suit the needs of your business. Let us build your roadmap to digital success! Photo credit: edhoradic on Unsplash.   ... Read more
Raluca Olariu / Mar 18'2021
Blog Placeholder
The design and development industry continues to grow more competitively over the years. Agencies that have specific niches and all-around firms are popping left and right. Aside from those, there are also different types of development and design works. As a player in this game, we are driven by our clients’ reception. We value their success and their feedback more than anything else because that’s how we will continue to thrive and grow. We are OPTASY, a digital commerce, marketing, and web development agency based in Toronto. With 16 years of experience under our belt, we’ve experienced so many ups and downs that equipped us with the knowledge we need. We’re an internationally renowned and award-winning team that continues to work hard for our clients. With that said, it has just recently come to our attention that we’ve been selected by Clutch, an established B2B review agency, as one of our nation’s industry leaders. Our team has ranked among the top Drupal and Magento designers and developers because of our spot on projects. "We are thrilled to have been chosen as one of the leading web developers by Clutch!" - Adrian Ababei, CEO of OPTASY, Inc. Clutch also created a list of the top fifteen companies. They measured agencies’ ability to deliver and service focus to determine the industry leaders — and OPTASY ranked sixth on their Leaders Matrix. In addition to that, our team is also found on The Manifest’s, Clutch’s sister site, top 100 mobile app developers in Canada list. This helps us prove that we can handle different projects and deliver phenomenal results. These two recognitions are igniting our drive to further our success this 2021. We are grateful for those who support us, especially our clients. This means so much to the whole OPTASY team.  What can we help you with? Contact us and let’s start collaborating! ... Read more
Adrian Ababei / Feb 15'2021
5 tips to pass your Acquia Site Studio (Cohesion) Certification Exam
A few weeks ago, I had the chance to take the Acquia Site Studio (formerly Cohesion) Certification exam. In this post we are going to discuss why I took this exam and more importantly, how I passed it and became an Acquia Certified Site Studio Site Builder. Optasy and its commitment to quality through knowledge You already know that quality is part of the corporate culture of Optasy. For us quality is a key factor to protect our clients' investments and guarantee them a high ROI. But having a good QA department is not enough. Actually, it's often too late when the QA team detects an issue. At Optasy we prefer to ensure quality at the early stages of our projects, analyzing deeply the needs of our clients and transform them into effective digital experiences but we also know that the quality of the code we produce comes from the experience and the skills of our developers. That's why Optasy has an internal 'skill knowledge acquisition program' to help its employees (optasians) to acquire new skills or improve them. This program gives to each optasian one day off per month (paid by the company) to study a particular field. As a way to ensure knowledge acquisition and validation, optasians also receive paid leave to study and give their Acquia certification exams. This includes the exam cost too, that’s why many of the optasian developers are actually Acquia Certified developers or Acquia Certified site builders All things considered, it was a pretty easy choice for me to take the exam, not only do I get to improve my skills, but I get paid for it too! What are the Acquia certification programs? Acquia is a preferred Optasy partner that delivers a cloud-based digital experience platform built on Drupal that enables organizations to build experiences that scale. Acquia is committed to facilitating certification programs allowing developers to validate their Drupal skills year after year. Acquia certification exams are administered at Kryterion Testing Centers in more than 750 locations across the globe. Exams are also available as online-proctored tests and are often offered at DrupalCons across the world. What is Acquia Site Studio? Acquia Site Studio (formerly Cohesion) is a low-code solution for building and editing Drupal sites. As an Acquia partner, our team got the chance to become an early adopter of the technology.  Acquia Site Studio is a sort of layout builder on steroids without writing any line of code. Not only can you build layouts or templates, but also you can build whole websites from the headers to the footers, and everything in between, like components and widgets, just by using the interface. No code required! It's a kind of atomic design system (like Pattern Lab) where you can create and preview CSS style guides, components, template layouts, page layouts or view layout from a visual user interface with simple “drag and drop”. And all of this within your Drupal site! To be fair, Acquia Site Studio is an amazing tool allowing designers and marketers to create and modify any layout component without calling the development team. If you’re a designer with no coding knowledge you’ll be able to create totally unique layouts based on your designs using intuitive drag and drop layout builder. If you're an editor, you may choose the layout you want to use and add all the pre-designed components you wish. Want to add a slider or a 'Related Articles' block? You drag and drop it in your layout! 5 tips to successfully pass your Acquia Certified Site Studio exam As other Acquia Certification exams, the Certified Site Studio exam requires both experience and knowledge. Though the test is not difficult, it’s not something you want to run into unprepared. From my experience, the questions ranged from a very low to medium range of difficulty, there were barely any difficult questions. This exam validates your ability to: Understand the features and functionality provided by Site Studio Install and configure Site studio environment on new or existing websites. Build a website using Site Studio style builder, components and website structure design elements. The official description of this exam can be found on Acquia's certification overview page. But in short: The tests are all multiple choice. They don't require that you actually configure a Drupal site or write any code. They are available in person at a testing center, or at home by installing the exam software on your computer. The price was $155 (In my case, Optasy paid for the test) Get a good understanding of Drupal Layout Builder As I mentioned earlier, Acquia Site Studio is a Layout Builder on steroids and many concepts are the same, so having some experience with this Drupal module will help you a lot, like the inline editing tools or the concept of drawing element into the layout. This is not mandatory, but I felt really comfortable with Site Studio having this previous experience. Read carefully the contents of the exam On Acquia's certification overview page you'll find the blueprint of the exam like the following: But below it, you'll find the content itself. Read it carefully and repeatedly. This should be your guideline during your study. This will help you focus on what really matters but also to recap and structure your notes. Read and study the documentation While there are really good videos on the Acquia Academy site about Site Studio, watching all of them won't be enough. If you don't have prior experience with Site Studio, it's a good starting point. But it definitively won't give all the knowledge you need to pass the exam. Reading the documentation should sound obvious, but you'll really need to read and study all the documentation in depth. Don't leave anything behind cause the exam covers all the aspects of Site Studio, from the basics to more advanced topics. This will also give you the right vocabulary to understand the questions of the exam, since sometimes they can try to trick you changing just one word. So the technical vocabulary has an important role, and that's where the documentation comes into play. Write down some notes after reading each section. This will help you a lot during the recap! Train on the Acquia Site Studio demo environment You can request an online demo environment for free at the bottom of this page The main benefit is that you won't need an API key or an Agency key, so you can test Site Studio for free, the environment acts just like a normal Drupal website. and the site will be all yours to experiment on. This site will be your friend during your study, you should test everything you learned in the documentation here. Do it several times and try different cases. The night before the exam, after reading back your notes, try to build a site from scratch in this environment to recap all the main concepts. This is key! Don't forget the 'Miscellaneous concepts and features' part These three concepts are not placed in one section, they are dispersed in the documentation. Study and practice all of them because you'll have a question about each one. They are only three, it doesn’t sound like a lot but they are worth 15% of the exam! That is a quick and easy win! A bonus tip What really worked for me was to read a section, practice the concepts of this section in the demo environment, read again the same section and take some notes. The day after, read all the notes of the previous day, do the same 7 days later, reading back your notes and practicing again on the demo site. That way, 80% of what you studied will stay forever in your memory. Conclusions Acquia Certification Site Studio Site Builder can be a good way to validate your skills and knowledge There are barely any difficult questions Study all the documentation because the exam is based on it, but also because the exam will cover all of it. Practice a lot, recap a lot. ... Read more
Karim Boudjema / Aug 27'2020