May 2010

How long should the intranet homepage be?

Written by , published May 28th, 2010

Categorised under: articles, intranets, usability & information architecture

Intranet homepages are always contentious. In most organisations, every stakeholder would like a piece of this valuable real estate, and debates rage around the overall purpose and design.

Within the intranet industry, the homepage also inflames passionate debate. This is particularly true on the question of how long the intranet homepage should be.

In the earlier article Seven roles of the intranet homepage, a range of purposes were identified:

  1. news
  2. navigation
  3. key tools
  4. key information
  5. community and culture
  6. internal marketing
  7. collaboration

Effective designs find a productive balance between these seven roles, without any one being excessively dominant.

This turns out to be extremely difficult if the homepage is kept entirely ‘above the fold’, squeezed into a single screenful. Within this limited space, homepages often end up being mostly news with a little navigation squeezed into the edges. Internal marketing and a few key links round out the mix.

If the homepage is made longer, much more content and functionality can be included. This could increase the value of the page, and help to balance competing priorities.

But can it be made to work?

Longer homepages provide more value, but do they work?

Long homepages are evil

Raising the possibility that intranet homepages can be longer than one screenful generates strong opinions.

This was seen on a recent discussion on the LinkedIn ‘Intranet Professionals’ group:

www.linkedin.com/groupAnswers?viewQuestionAndAnswers=&gid=113656&discussionID=16812689

In these types of discussions, many objections are made to having longer homepages, including:

  • users don’t like to scroll
  • content at the bottom of the page won’t be read
  • good usability always means fitting content into a single page
  • universal intranet homepage convention means no scrolling
  • ‘we tried it, and it didn’t work’

These are all potentially valid points, but it is worth exploring them further.

Limits of short pages

If there is a widely adopted convention that intranet homepages don’t scroll, then why explore alternatives?

There is a single reason: how little can be squeezed into one screenful.

Staff come to intranets at the point of need, looking for a piece of information, or to complete a task. Intranets should therefore be task-based, focusing on supporting staff in their work.

The homepage plays a vital role in meeting staff needs. It is the entry point to the intranet, and where staff make their first click. But how well are these needs being met?

Fitting everything ‘above the fold’ entails many compromises. It is practically impossible to include elements of all seven roles, as listed above.

In practice, most homepages end up devoting most space to news. Navigation gets squeezed into the margins, with a small amount of global navigation and ‘quick links’.

Once space has been allocated to internal marketing and cultural aspects, there is little left.

Good design can help to make the most of available space, but the physical constraints of fitting everything within one screen remain.

This is one of the reasons why staff so often complain about not being able to find what they need. Even after a carefully thought-out redesign, many of these complaints continue.

Perhaps intranet homepages can do more to help staff find what they need, and to be directly useful in their own right?

If there is a reason to scroll, users are happy to do so

Scrolling is not evil

Much has been written about the dangers of long scrolling pages. From the early days of the web, considerable effort has been put into keeping content ‘above the fold’. The expression comes from newspaper jargon, and refers to the upper part of the page, visible even the papers were folded and piled up.

Over time further research has been put into this issue, and the results may be startling. The key conclusion is that scrolling is not to be avoided at all costs, and in many cases causes few (if any) problems.

This article provides a good summary of the current thinking:

www.boxesandarrows.com/view/blasting-the-myth-of

Some of the observations made:

  • If users reaches a page they are looking for, they are more than happy to scroll.
  • If there is a clear reason and benefit to scrolling, users will do so.
  • If there is a visible indication that the page continues below the fold, users will be encouraged to scroll.

These findings often relate to content pages, rather than navigation or homepages, but they are intriguing.

What they do categorically show is that scrolling is no longer ‘evil’, to be avoided at all costs. This opens up some new possibilities for the intranet homepage.

Newspaper homepages can be 9,000 pixels in length or more

Newspapers online

On the public web, newspapers have taken a distinctly different approach to their homepages. As shown in the screenshot over the page, their pages are incredibly long.

Often 9,000 pixels long (many screenfuls) or more, they provide content from across the newspaper.

This gives immediate access to everything from national news and international updates to sport and fashion.

Media organisations devote considerable effort to the design of their sites, and any redesign is a massive (and well-publicised) effort. Post-launch, the sites are typically supported by large web teams.

These sites are also extensively tested and monitored. Results from this testing have trickled out into conferences and industry gatherings, and the findings are often surprising.

The news sites have typically found consistent usage all the way to the bottom of these immensely long homepages. In some cases, some of the most popular features are located at the bottom of the page.

It seems that users, knowing what they want, are happy to scroll down until they find it, supported by clear page design and layout.

Now we always argue strongly against ‘design by analogy’, taking a concept that works in the public space, and blindly copying it onto intranets. However, when the conventional wisdom is so strongly challenged, it’s worth looking more closely.

This is just the top half of the homepage of the www.news.com.au website. Content from across the site is surfaced and grouped on the page. Can a similar model be taken for intranet homepages?

GE’s intranet homepage provides a mix of news, links, tools and marketing. Despite its length, it feels very natural in design. (Screenshot courtesy of GE)

Even a modest increase in the length of the homepage allows considerably more navigation and content. (Screenshot courtesy of Industry & Investment NSW, formerly NSW Department of Primary Industries)

A very different approach to homepage design, replacing a single homepage with a number of tabs. Within each tab, longer pages allow key information and tools to be directly surfaced, with traditional intranet navigation on the left. (Screenshot courtesy of LSI)

Exploring longer intranet homepages

While the debate continues about the homepage, some teams have quietly been delivering longer pages.

Three intranet examples are shown above.

The first, from GE, is considerably longer than one screen. Despite this, it feels very natural in design, and provides a useful mix of news, content and functionality.

The second demonstrates that even a modest increase in page length allows for considerably more navigation and content.

The third example is more radical, transforming the homepage into a series of tabs. Each tab surfaces key information and tools directly on the page, with supporting left-hand navigation to the rest of the site.

All three examples show the potential benefits of having a longer homepage. Much greater functionality can be included, while still avoiding a cluttered and complex design.

We don’t have usage figures for these homepages, and they are not being held up a examples of ‘perfect’ design. Instead, they are being shared as examples of different approaches that are worthy of consideration.

Intranet teams are already delivering longer homepages

Making long pages work

Longer intranet homepages still need to follow good design principles if they are to work. These include:

  • Make the homepage useful all the way to the bottom (for example, avoid just using space for longer lists of news items).
  • Ensure the homepage is visually cut off at the bottom of the screen, so that staff know there is a reason to scroll.
  • Group items on the page, with strong visual design (newspaper websites provide good exemplars of this).
  • Communicate widely about the new design of the homepage, to ensure that staff understand what is being provided.
  • Provide a mix of functionality on the page, using the available space to cover all seven roles of the homepage.

Don’t be afraid to experiment with new homepage designs

An open question

Unlike many of the articles we publish, this is not intended to provide a definitive answer. Instead, it leaves as an open question: can we make longer homepages work?

We are uncertain that intranets will be truly successful if homepages are squeezed into a single screen. With limited functionality and feature features, these ‘homepages in a straitjacket’ will always struggle to be useful for staff.

If long homepages can be made to work, it opens up a whole new landscape of design options. Business tools and collaboration capabilities can be folded directly into the homepage, alongside other functionality.

Key content can be surfaced, covering many more common staff tasks in a single click. The needs of news can be better balanced against other priorities.

Intranet teams are therefore encouraged to experiment with the design of their homepages, guided by usability testing and staff usage.

Please report back on your experiences, and leave your comments at the bottom of the page. We’d love to hear about your successes (and failures)!

Tags: , , , , ,

4 Comments:

  1. Great post James and love the screen snaps to show how a longer home page layout is not necessarily an evil.

    We had a remote session the other day with a client to help them in maximizing the effectiveness of their home page layout, while still catering to an 800 pixel resolution. Lots of scrolling there!

    The realities are employees have various screen resolutions and browser settings (multi-row task bars at top of browser), plus the option for larger font settings. You pretty much have to go below the fold in order to provide value on your intranet home page.

    I like your comment:

    “If there is a reason to scroll, users are happy to do so”.

    Some tips we give to our clients:

    Ok to put lots of content on home page, but go with short bursts of information, link to more, and keep it interesting for click throughs

    Add “quick link” navigation to popular or most used sections of the site, particularly with horizontal navigation

    Lots of white space – it’s easier to consume lots of content if it is sectioned out instead of crammed together

    Thanks for the opportunity to comment.

    @carolyndouglas

  2. Very interesting article, and nice to see another positive voice against the myth of the fold and using ‘not able to scroll’

  3. Debbie Handisides commented on June 18th, 2010

    Interesting article – we changed our intranet homepage a year ago based on feedback from our users and one thing they didn’t want was to scroll down, so we removed that. But it does now mean we are limited with space and what we can put there so I think going back to scrolling may have to be an option going forward! Thanks for the ideas and examples.

  4. King Creole commented on June 23rd, 2010

    One thing you haven’t mentioned is when an Intranet is segmented with lots of personalisation. Meaning the News section, the “My contacs” section etc etc will change depending which user who is logged in. This makes it harder to make the homepage since every part must be able to be different in height depending on a) what sort of info (example news) the current user will se, and b) what the current user wants to have more or less (example Contact list, list of “my systems” , blogs i follow etc).