COI Toolkit Beta


8
Common Pages

The basic rules of how to produce a good homepage that people will readily understand and act upon.

How to design and structure other commonly occurring pages such as the site map, site index and FAQ pages


8a Basics of homepage design


Clearly establish your organisation’s identity

  • Use the official logo and branding
  • Provide an appropriate tag line that shows the key mission of the organisation/site
  • Provide brief ‘about us’ information
    • And a link to ‘more about us’

Clearly establish the purpose of the site and provide clear calls to action to the main sections within the page

  • Provide content examples that demonstrate the key sections, information types and functions, and provide clear calls to action from those.
    • Do not rely solely on global navigation bars put the most important items in prominent locations on the homepage
  • If the content examples do not adequately explain the purpose, use concise and highly factual text to describe the purpose and what is available

Put the most important items high up on the page – but do not be frightened of creating a page that requires vertical scrolling if you have valuable content to put on there

  • Avoid scroll blockers [see 1b] and structure the page to ‘advertise’ that value is to be had by scrolling further down

Provide dynamic up-to-date information to reinforce trust and give access to the newest items, for example:

  • Dated news or articles
  • This weeks most popular

Ensure that the homepage downloads quickly

  • Avoid unnecessary large imagery, animations, and plug-ins

Make sure your homepage presents immediately useful and relevant information

  • Avoid splash pages or animated introductions

Disable the links to the homepage on the homepage itself

  • For example, on the homepage the logo and the ‘home’ link should not be active

Make the majority of the page about your target audience rather than about you and your organisation

  • Facilitate their needs
  • Demonstrate the benefits to them of the site or service
  • Use their language

Additional considerations:

If appropriate, provide cookie based customisation

  • Allowing the site to remember preferences and deliver the most appropriate content
  • Test with people. Be sure to research and test this thoroughly to ensure it is delivering what people want

Notes and discussion points

Should the homepage be the same format as the rest of the site?
The homepage is a special page that can look and feel slightly different to the rest of the site, although aspects of the quality and brand, and the basic navigation should be established

What should the main heading title of the homepage be?
The homepage should still be as structured as possible [see 1b] potentially use the logo as the <h1> header if there is no obvious in-page title (only do this on the homepage though – other pages should have in-page titles)

Homepages should not be created without due consideration of:

  • Audience behaviours and characteristics
  • The audiences goals and tasks

This should be considered throughout the site development process as part of a user centred design process

Sketch of a homepage showing clear purpose, appropriate calls to action, dynamic and up to date information, and cues that there is more information to be had by scrolling down Screenshot of the homepage of this guidance site showing a clear title, statement info and link about the site, key items (guidance) provided in the main section of the page, dynamic and updated links that highlight key content

© Crown Copyright 2004-2012