Final March 26th 2004
This document contains a set of design guidelines
for local authority Web sites.
Prepared for the LAWS project
by the IBM Usability Competency Centre.
Origin and scope, organisation, how to use the guidelines
Useful, Usable, Used
Content creator Create content , Create help text , Designer , Design interaction , Design navigation , Design presentation , Developer , Develop software , Implement servers and networks , Manager , Manage implementation , Marketer , Promote site ,
Business Government , Law , Safety , Trust , Design , Accessibility , Adoption , Culture , Technology , Typography , Usability , Visual design , Writing ,
Code inspection, Expert review, Research, User test
Full descriptions of guidelines grouped by principle
References to the orginal source materials used to create these guidelines
Explanations of specialist terminology
This document contains design guidelines for local authority Web sites. It was sponsored by the LAWs project and developed by the IBM Usability Competency Centre.
The guidelines cover fields such as usability, accessibility, trust, e-government, legislation, and adoption. In most cases, the document gives guidelines at a summary level and refers you to authoritative sources for detailed advice. For example, while the guidelines do emphasize the important principles of coding accessible HTML, they do not give technical details for all aspects of tagging.
This guide is structured as a collection of guidelines organised within a set of principles. Guidelines are derived from range of referenced sources. Principles are marked by the symbol , guidelines are shown by the symbol , and sources are indicated by the symbol .
Where a principle describes a goal that a designer should aim for, the related guidelines offer specific advice on how to achieve that goal. Think of the principle as "why" and the guideline as "how". For example, to satisfy the principle Build on the citizen's prior knowledge, you would follow related guidelines such as Highlight new content and important news and Provide clear information that tells citizens how to contact the local authority.
The front section of this document contains a set of indexes to help you find the guidelines you need. The main index Guidelines by LAWS goals and principles lists principles and their associated guidelines under the three LAWS goals, Useful, Usable, and Used. Three secondary indexes list guidelines by field of study, (for example Accessibility), by role and task, (for example Designer and Design content), and by validation method, (for example Expert review).
The body of the document contains details of all principles and guidelines. Like the main index, it is organised by guideline within principle within the three LAWS goals Useful, Usable, and Used. For each principle, it explains the meaning and underlying thinking. For each guideline, it provides additional information such as examples, rationale, the impact of not following the guideline, priority, validation method, and sources of further information.
The back of the document contains a glossary of technical terms and details of the sources referenced in the guidelines.
To achieve a design that is useful, usable, and used:
To find guidelines related to a specific field of theory or practice such as Usability or Accessibility:
To find guidelines related to a specific role and task such as Designer and Design content:
To find guidelines for which compliance can be checked by a specific validation method such as Expert review:
To find out the meaning of specialist terminology:
This document is not intended to offer advice on legal or safety matters. If you need guidance on these matters, please contact an appropriate professional.
This index enables you to find guidelines related to a specific field of theory or practice, such as usability, accessibility, or trust.
Business related fields study factors that are important to ensure success in a real-world business context.
Design fields are concerned with the needs and motivation of individual users.
This index enables you to find guidelines related to a specific role and the tasks typically carried out by that role.
A content creator is responsible for developing material such as service definitions, location descriptions, and policy statements. Content creators typically have skills in writing and communicating together with subject matter expertise in aspects of local government.
A designer is responsible for the user experience of a local authority site. Designers typically have skills related to interaction design, information design, or graphic design.
A developer is responsible for implementing a design as software on both client and server. Developers typically have skills such as implementation design, programming languages, networks, and server configuration.
A manager is responsible for ensuring that relevant legislation and government policy is implemented in the design of an authority site.
Manage implementation
A marketer is responsible for promoting the authority site and encouraging increased uptake by citizens.
Market site
A code inspection is a review of the source code for the site to check for compliance with coding standards. A code inspection typically looks at both client-side code, such as HTML, and server side code such as PERL.
An expert review is a inspection of some aspect of the design by a panel of specialists in a field such as accessibility, usability, or legislation.
Research involves gathering opinions from citizens. Methods include interviews, focus groups, and surveys.
A user test is a scientific study that observes and measures citizens using the site to carry out typical tasks.
Make all services available at all times
Users expect to be able to use Internet based services at any time they choose.
Citizens should be able to use all services in any sequence and at any time. They may wish to interrupt one task to perform another.
Give the citizen control over the system. Enable the citizen to apply self-defined procedures to accomplish tasks. Do not impose your own notion of the "correct" way of doing things, and limit the choices that should be available to the citizen.
Ensure that the system permits the citizen to establish and maintain a constant working context or a frame of reference. Make obvious the current state of the system and the actions for the citizen to perform. If the citizen leaves the system for a moment or longer, the state of the system should remain current or stable at the time of their return. This contextual framework contributes to their feeling of stability.
Avoid the use of modes. Modes restrict the user's ability to interact with the system. For example, allow the citizen to log on through more than one browser window at the same time so that they can refer to old information at the same time as supplying new information.
Make services available 24 hours a day, 7 days a week
Users expect Web sites to be available all the time. If your site is down, or a service is unavailable, citizens' trust and perception of the usefulness of your site will be damaged.
3. Recommended
Allow citizens to use services in the sequence they choose For example, do not prevent them from using two different services at the same time.
Citizens may wish to read information at the same time as completing a transaction in a different area. Whilst carrying out transactions, some citizens may see other information that they want to investigate. Allow citizens to explore other possibilities without abandoning work they have already done.
2. Strongly recommended
Use team or generic e-mail addresses rather than personal ones For example, use planning_department@camden.gov.uk instead of Richard_Smith@camden.gov.uk.
Citizens should not have to adjust contact details they have saved as a result of personnel changes within the local authority. Using team or generic e-mail addresses provides a far more sustainable way to publish and handle e-mails.
3. Recommended
Provide services and information that citizens want and need
Government Web sites need to be user focused. Provide the information and services that citizens want, and continually evolve them to meet user demand. Web sites that do not meet user needs cannot be effective.
Local authorities will often need to provide electronic information, and in some cases transactions, for over 700 different services. Give priority to services that are most beneficial to the local community. This will help ensure that the site is useful to its target audience.
Government policy is to make all government services electronically available by 2005. As Web usage increases, citizens' expectations will increase in relation to the online information and services provided by government.
2. Strongly recommended
Present content that is applicable to citizens
Many government documents are not aimed at the general public, or are of any interest to them. Make a distinction between information that is aimed at different audiences. Ensure the main navigation and search functions used by citizens leads them first to information that is useful to them.
2. Strongly recommended
Support two-way communication between local authorities and citizens For example, provide contact information on the home page to reassure citizens that they can speak to someone either on the phone or face-to-face.
Citizens will expect to be able to contact government officials, express their views, make enquiries, or ask for help. If your site does not provide an adequate level of support, some citizens will be unable to complete tasks effectively. Encourage citizens to adopt your site by supporting feedback and queries, and by reassuring them that help is available should they encounter any difficulties.
3. Recommended
Provide clear information that tells citizens how to contact the local authority
Web users expect to be able to contact real human beings if they need to. Providing contact details will help build trust amongst citizens and give them easier access to the local authority. Display clear contact information on the home page. Include a full postal address, a telephone number, and a contact e-mail address.
2. Strongly recommended
Provide clear directions on how to find local authority buildings
Some citizens may need to visit council officers, and they will expect the Web site to provide clear directions on how to find the local authority buildings. Provide textual directions on rail, road, bus and underground travel. If you provide a map, present it either as a graphic (GIF or JPG) or a dowloadable PDF file.
3. Recommended
Highlight new content and important local news
Highlighting new content helps citizens find new information and helps them to appreciate the active nature of the site. Review highlighting regularly so that it is not devalued by over use.
3. Recommended
Offer services that help to create and support local online communities For example, adopt the LAWS Community Engagement Modules that provide facilties to help local comunities set up their own web site and publish local events.
Providing services that are useful to local communities will encourage more citizens to use and value the local authority site.
3. Recommended
Offer services that support local businesses For example, adopt the Community Engagement Modules to enable businesses to advertise available jobs.
Provinding services that are useful to local communities will encourage more citizens to use and value the local authority site.
3. Recommended
The interface should be tailorable to an individual citizen's needs and desires. No two citizens are exactly alike. Citizens have varying backgrounds, interests, motivations, levels of experience, and physical abilities. Customisation can help make an interface feel comfortable and familiar.
Personalising a computer interface can also lead to higher productivity and user satisfaction. For example, allow citizens to change their own home page to give priority to elements that they use most frequently.
Store each citizen's personal information
Citizens will not continue to use a site that makes them supply the same information more than twice. Allow citizens to choose how much of their personal information is stored.
3. Recommended
Allow citizens to tailor services to their needs For example, if citizens log on, allow them to remove rarely used functions from their view of the site.
If citizens are presented with few choices, they will be able to find areas they need more quickly.
3. Recommended
Build on the citizen's prior knowledge
Allow citizens to build on prior knowledge, especially knowledge they have gained from experience in the real world. A small amount of knowledge, used consistently throughout an interface, can empower the user to accomplish a large number of tasks.
Concepts and techniques can be learned once and then applied in a variety of situations. Citizens should not have to learn new things to perform familiar tasks. The use of concepts and techniques that users already understand from their real world experiences allows them to get started quickly and make progress immediately.
Be consistent with the way that similar concepts are presented. A consistent user interface ensures that users can carry out their tasks easily and effectively, and rapidly learn the user interface.
Use a single domain name with a suffix of .gov.uk
Citizens will expect a government site to have a name that fits into the Internet naming structure. If other domain names are used, citizens will question the validity of the site.
Web users will often try to guess the name of a Web site. Names that fit the overall naming structure are easier to guess.
It is not helpful to citizens if authorities generate a number of sites, all with different names, each one relating to a different initiative or department. Citizens will have less trust in an authority Web site that uses different domain names. The more names an authority invents for its Web sites, the less confident citizens will be that they are genuinely obtaining information from a local government organisation.
3. Recommended
Use terms that are familiar to citizens
Citizens may not understand the jargon of local government. Do not attempt to teach citizens new terms; use terms they already understand.
2. Strongly recommended
Citizens will not be familiar with the internal structure of the local authority. If information is organised to follow the internal structure of the local authority, citizens will not be able to find what they need. A citizen seeking to find out how to dispose of asbestos is unlikely to look for disposal facilities under departmental headings. Organise information under headings that citizens understand. For example, use headings such as 'rubbish' or 'waste.'
2. Strongly recommended
On forms, use fields of the appropriate type for each action, routing or setting For example, on forms use 'textareas' for long text values and 'inputs' for short text values.
Citizens will recognise the fields on the form and be able to interact with them with the minimum of instruction. For example, when textareas are used, citizens will understand that they are able to enter more than one or two words. Use links for access to information, and buttons for actions. Before citizens select a choice, they will know whether they are merely moving to another place or sending information.
Field type
|
Number of Selectable Choices
|
Types of Choices
|
Shown As
|
Relative Space Used
|
Selection Type Supported
|
Example
|
Push button | 1 for each push button, 6 or fewer choices per form | Action - when the use is sending data to the site. | Alphanumeric, Graphic | Low | Single | <input type="reset" value="Clear
the entire Form"> <input type="submit"> |
Link | Any number | Routing - when the user is moving to another part of the site. | Alphanumeric, Graphic | Low | Single | <a alt="Meaningful name"> [content] </a> |
Radio button | 1 for each radio button, 6 or fewer per field | Fixed setting choices - a set of choices that are the same each time the page is viewed. | Alphanumeric | Medium | Single | <input type="radio" name="field-name"
value="Plum"> Plum <input type="radio" name="field-name" value="Grape" CHECKED> Grape |
List box | Any number | Variable settings choices - a set of choices that may change each time the page is viewed. | Alphanumeric, Graphic | Medium -High | Single or Multiple with ctrl+click |
<select name="field-name" size="3"> |
Drop-down list | Any number | Fixed or variable settings choices - see above. May also be used for an action or routing when used with a Submit (for action) or Go (for routing) button. | Alphanumeric, Graphic | Low | Single | <select name="field-name" size="1"> <option> Peach <option> Pear <option SELECTED> Apple <option> Banana </selct> |
Check box | 1 for each check box, 6 or fewer per field | Fixed settings choices - see above. | Alphanumeric | Medium | Multiple | <input type="checkbox" name="field-name" value="Grape" CHECKED> |
Field type
|
Number of Characters Permitted
|
Relative Space Used
|
Example
|
Entry field (single line) | 60 or fewer | Low | <input type="text" name="field-name" size="20" maxlength="30"> |
Entry field (multiple-line) | Any | Medium high | <textarea name="field-name" cols="50" rows="3" wrap="virtual"></textarea> |
2. Strongly recommended
Display e-mail addresses using the standard e-mail format and include the correct HTML tag For example, use <A href="mailto:Enquiries@camden.gov.uk">Enquiries@camden.gov.uk</A>
New Web users who many not realise that the name represents an e-mail address.
3. Recommended
Create a feeling of progress and achievement
Allow citizens to make uninterrupted progress and enjoy a sense of accomplishment. Reflect the results of actions immediately; any delay will intrude on the citizen's tasks and erode confidence in the system. Immediate feedback allows citizens to assess whether the results were what they expected and to take alternative action immediately.
Avoid situations where citizens may be working with information that is not up-to-date. Update or refresh information as soon as possible so that citizens are not making any incorrect decisions or assumptions. If the results of a refresh cannot be displayed immediately, inform the citizen.
Thank citizens for adopting your site For example, add positive messages at the end of a transaction, and in any transaction-related e-mail.
Users who adopt new ideas typically seek reassurance and recognition to confirm that they have made an appropriate decision. Citizens will seek reassurance that they have made the right decision to adopt your site.
3. Recommended
Send citizens e-mail receipts for financial transactions
Citizens may need to refer to receipts at a later date. Provide citizens with information that they can store.
3. Recommended
Provide notification when a citizen has completed a transaction For example, when citizens have completed an online business transaction, send them a confirmation e-mail.
Confirmation e-mails strengthen customer service and give users confidence that the loop has been closed in business transactions.
3. Recommended
Help citizens recognise that their actions have taken them nearer to their goal For example, at each step in a process show how intermediate results relate to the citizen's final goal.
Citizens are more likely to use your site when their actions produce results and benefits that are visible and immediate.
3. Recommended
Confirm task completion or failure in terms of the citizen's goals rather than in changes to the system state For example, if a citizen applies for a library ticket online, display a completion message that reads, "Ticket request received by the library department." Do not display a message that reads, "Transmission record sent.
Users typically seek confirmation that they have successfully achieved their goals. This is especially important when those goals have legal and financial aspects. If confirmation messages use unfamiliar terms, citizens may not understand what they have achieved.
2. Strongly recommended
Phrase error messages politely For example, if a citizen fails to complete all the mandatory fields in a form, do not display an message that blames them for the error.
Citizens may be offended by error messages that are unnecessarily accusatory.
3. Recommended
Design the site to support the citizen's preferred method of connection
Allow citizens to choose the method of interaction that is most appropriate to their situation. Interfaces that are flexible in this way are able to accommodate a wide range of user skills, physical abilities, interactions, and usage environments.
Each interaction device is optimized for certain uses or users and may be more convenient in one situation than another. For example, a microphone used with voice-recognition software can be helpful for fast entry of text or in a hands-free environment. Pen input is helpful for people who sketch, and mouse input works well for precisely indicating a selection. Alternative output formats, such as computer-generated voice output for foreign language instruction, are useful for some purposes. No single method is best for every situation.
Citizens may not be able to make full use of colour, either because they are colour blind or because their browser cannot support colour in the way that was intended. Citizens may wish to print information from the screen with a black and white printer. Always use additional cues to make colour coding redundant.
Citizens are most likely to adopt innovations that they find compatible with their existing tools. For local authority sites, examples include the device by which they access the Internet (Personal Computers, Interactive TV, console, public access terminal), the speed and cost of their Internet connection, and the software level of their browser and associated plug-ins. Citizens may be discouraged by what they see as poor performance or by the need to change their computer to enable certain features.
Use HTML and other types of code in the way that they were intended For example, do not use heading markup <H1> as a way to make text bold.
Citizens may adjust the way that their browser shows certain information. Incorrect use of HTML will cause problems for those that adopt this method. For example, if headings are encoded by making text bold instead of using an <h1> or <h2> tag, screen readers will not recognise the text as a heading. This could confuse users who choose to use headings to navigate through a page.
2. Strongly recommended
Provide more than one cue to the coding of information For example, use font style and colour to mark significant words.
Some citizens may not be able to see coding that relies on a single indicator. For example, citizens who cannot see a colour difference will be unable to see coding that relies on colour alone. Citizens who print a page on a monochrome printer will also be unable to see coding that relies solely on colour.
2. Strongly recommended
Where advanced technologies such as QuickTime VR ,video, or streamed audio are used, offer citizens alternatives For example, use text alternatives or captioning.
Slow networks may make some advanced technologies unusable. Many citizens may want access to the information that is being provided, but not it in a form that uses heavy graphics or animations. Citizens with vision or hearing impairments may not be able to use this content.
2. Strongly recommended
Ensure that the default text size used is legible
Older users may experience problems reading very small text.
3. Recommended
Design pages to work with any font size or screen resolution
In order to read content, citizens with vision impairment may wish to enlarge fonts and other graphics on the screen. Some citizens may use screens that have an unusual resolution or shape. For example, citizens may use a high or low screen resolution, or a portrait format. Ensure your site adapts to the citizen's screen space.
2. Strongly recommended
Avoid designs that rely on specific browser plug-ins For example, to enable citizens to find out about public transport, do not rely on a timetable viewer plug-in.
Many citizens will be reluctant or unable to download and install specific browser plug-ins. Features that rely on a plug-in are likely to be under-used.
2. Strongly recommended
Design pages to be independent of specific browsers and different browser versions For example, avoid using HTML and JavaScript features that are only supported by specific versions of Microsoft Internet Explorer or Netscape Navigator.
Many users remain committed to a preferred browser and many do not regularly upgrade their browser software. Few will switch to a different browser or upgrade their software in order to use a single site, unless compelling benefits are provided.
2. Strongly recommended
Create pages that do not depend on a specific window size or screen resolution
Some citizens will access the Internet using older equipment with low-resolution screens. Others will use channels such as interactive television or Internet-equipped games consoles.
3. Recommended
Minimise page download size For example, avoid intensive and unnecessay use of branding graphics and animations.
Large page downloads can lead to a perception of poor performance, especially for users with limited bandwidth connections.
2. Strongly recommended
Ensure content is compatible with assistive technologies For example, ensure that images are appropriately tagged to enable a screen reader to describe their contents.
Designing to support assistive technologies ensures that people, with disabilities can successfully use local authority sites. Additionally, this guideline supports compliance with the Disabilities Discrimination Act. Important and frequent tasks can be completed successfully using tools such as screen readers, magnifiers, or voice recognition software.
2. Strongly recommended
On forms, group the fields that are parts of a concept and label them using 'fieldset' and 'legend' tags For example, group all the parts of an address in a fieldset with a legend of 'Address.'
Citizens will understand the relationships of fields and be able to fill in forms more easily. Citizens who use assistive technologies will understand the structure of the form more easily.
2. Strongly recommended
On forms, add 'label' tags to all fields
'Label' tags make a specific association between the label and the field. Citizens who use screen readers and other assistive technologies will have a clearer understanding of the meaning of each field.
If 'label' tags are not used, citizens will have to imply the meaning of a field from the layout of the page.
2. Strongly recommended
On forms, use 'textareas' only where essential
Whilst in a 'textarea,' some citizens may press the Enter key to submit the form. Pressing the Enter key within a 'textarea' will take citizens to a new line; it will not submit the form.
2. Strongly recommended
Citizens who use screen readers may be unaware that there are time limitations in place. Additionally, such users may take longer to complete tasks.
3. Recommended
Ensure potential distractions can be adjusted or removed by citizens
Users find it hard to read text when distracted by animations that include blinking and flashing text and graphics, and flickering such as flashing banner ads or scrolling ticker tape. Some citizens may also react adversely to these distractions. For example, flashing elements can induce seizures in people with conditions such as epilepsy.
2. Strongly recommended
Support 'accesskeys' for navigating forms For example, assign 'accesskey' N to an editable name field.
Citizens who have difficulty using the mouse can quickly move to the fields they need using access keys. There are currently no recognised standards for assigning 'accesskeys' to form fields. Be aware that the prefix for 'accesskeys' varies in different browsers and across differing computing platforms.
3. Recommended
Support 'accesskeys' for important links For example, assign 'accesskey' 1 to the link which takes citizens to the home page.
Accesskeys provide keyboard shortcuts for users who have difficulty using the mouse. Follow the recommended UK Government access key standards. Be aware that the prefix for access keys varies in different browsers and across differing computing platforms.
Recommended UK Government access keys.
3. Recommended
Create a logical tabbing order For example, use the 'tabindex' to specify a tabbing sequence that matches the order in which citizens read.
Citizens who are unable to use a mouse will use the Tab key to navigate between different links, elements and controls on your site. A random, unorganised tabbing order will confuse citizens and lengthen the amount of time it takes them to complete a task. A typical reading order is from left to right and then from top to bottom.
2. Strongly recommended
Where Flash is used, ensure it is created using the latest version of Macromedia Flash MX2004
Previous versions of Flash are not accessible to individuals who use assistive technology.
2. Strongly recommended
Where PDF files are used, ensure they are created as version 1.4 using the latest version of Adobe Acrobat
Previous PDF versions are not accessible to individuals who use assistive technology.
2. Strongly recommended
Do not compromise usability for function
Keep the interface simple and straightforward. Users benefit from function that is easily accessible and usable. Basic functions should be immediately apparent, while advanced functions may be less obvious to new users. A poorly organised interface that is cluttered with many advanced functions distracts users from accomplishing their everyday tasks. A well-organised interface that supports the user's tasks fades into the background and allows users to work efficiently.
Use visual cues to highlight the citizen's position in the site For example, provide breadcrumbs to show where the current page resides within the site structure.
Users need to know their current location so that they can learn and understand the structure of the site. Consistently highlighting the citizen's current location promotes adoption because it gives them the confidence to explore the site.
Design each page so that the initial information gives cues to the full contents For example, provide a list of page contents at the top of the page.
Citizens may not realise that a page has more information than they can see at first glance. Specifically, readers may not appreciate that important information is available "below the fold" and that scrolling is required.
3. Recommended
Minimise the use of distracting elements such as animations and scrolling text
When moving objects are used, users find it hard to concentrate on reading text. Use alternative means to communicate information conveyed in moving objects.
2. Strongly recommended
Keep the citizen out of trouble
Citizens should be protected from making errors. The interface should provide visual cues, reminders, lists of choices, and other aids, either automatically or on request. Do not allow citizens to start actions that have no chance of success.
Humans are much better at recognition than recall. Citizens should never have to rely on their own memory for something the system already knows, such as previous settings, file names, and other interface details. If the information is in the system in any form, the system should provide it.
Validate all information entered by the citizen as soon as possible
Citizens may have to assemble information from a variety of sources. For example, when filling out forms, they may have to refer to paper documents, or ask relatives specific questions. If information is not validated until later, the citizen may have lost track of the source.
2. Strongly recommended
On forms, use elements that have built in validation For example, use drop down lists to select values rather than text entry fields.
When entering information, users can make small errors. For example, they may mistype a digit when entering their year of birth. Input errors could lead to problems later in a process. If data cannot be validated by the interface, consider asking citizens to validate the information. For example, ask citizens to enter critical data twice so that the two versions can be checked with each other.
2. Strongly recommended
Before citizens complete a process that has been split across multiple pages, provide them with a summary of all the data that has been collected For example, on the final page of a wizard, summarise all the choices that the citizen has selected.
Citizens may not recall important information entered early in a long process. Citizens will be reassured if all information is summarised before they make a final decision to commit.
2. Strongly recommended
Format transaction e-mails so that the citizen recognises who the author is For example, in the ‘from line,’ use a short, unambiguous e-mail address that shows the name of your authority.
Users are less likely to mistake a transactional e-mail for spam if they recognise the name of the sender. In case the subject line is truncated in the citizen’s inbox, use keywords at the start of the subject line.
3. Recommended
Help the citizen perform a variety of tasks. The knowledge of the system and the ability to handle a task vary from one user to another. Enable the system to recognise the ability of an individual user, and offer assistance as appropriate.
Provide assistance in the form of on-page hints or associated help pages. Ensure the assistance information is simple, concise, and task-oriented so that the citizen is able to complete their task with relative ease and efficiency.
Design error pages and transactional failure notices so that they help citizens resolve their problems For example, state the nature of the error in plain, simple language, and provide a clear set of options for resolving the problem.
When citizens cannot quickly reach their goal, they may abandon the attempt and then revert to previous methods of achieving their goal. Provide a quick resolution to problems so that citizens are encouraged to continue using the site and have less need to call on help lines.
3. Recommended
Provide links to the home page and other important pages on every page within your site
If citizens find a page on your site via a search engine, they will be able to find the right starting point for their interaction.
2. Strongly recommended
Ensure help text is goal-oriented For example, write help text that addresses the citizen's tasks and goals, and provide step-by-step instructions.
When users read help text they need to find concepts that match the way they think about their needs. Help citizens to find a starting point in the help by ensuring that they can recognise descriptions of their goals.
2. Strongly recommended
Make actions predictable and reversible
A citizen's actions should cause the results that they expect. In order to meet those expectations, the designer must understand the citizen's tasks, goals, and mental model. Use terms and images that match the citizen's task experience, and that help them understand the objects, and their roles and relationships in accomplishing tasks. Users feel more comfortable with interfaces in which their actions do not cause irreversible consequences. Citizens should feel confident in exploring, knowing they can try an action, view the result, and undo the action if the result is unacceptable.
Avoid bundling actions together because the citizen may not anticipate the side effect. For example, if a citizen chooses to cancel a request to send a message, only cancel the send request. Do not bundle another action, such as deletion of the message, with the cancel request. Make actions independent and provide ways to allow citizens to combine them when they wish.
Clearly describe any steps in a process that cannot be reversed For example, describe actions that transfer money with terms such as 'make payment' rather than more neutral terms such as 'submit.'
When steps are difficult to reverse, users need to be certain of the commitments they are making.
2. Strongly recommended
Preserve information that the citizen has entered For example, if a citizen presses the Back button before submitting a form, always restore their original data when they press the Forward button.
Users become frustrated if they are required to re-enter data.
2. Strongly recommended
Use visual design to communicate the meaning and importance of elements of the site
Clutter distracts users from the task in hand.
Relative position and contrast in colour and size can be used to differentiate items. Understand the importance of the citizen's tasks and the concepts they use. Establish the hierarchy of these tasks or concepts visually. An important element can be given extra visual prominence.
Do not eliminate extra space in a page just to reduce page size. Use white space to provide visual 'breathing room' and to convey structure and meaning.
Do not place too much information on the page
'White space' between page elements allows the human eye to identify separate items on the page. Use empty space to ensure that the eye is able to focus on the important page elements.
3. Recommended
Use all available space to distribute information evenly on the page
Users look for a visual structure in the information they are processing. A clear structure allows this to be done efficiently. A page layout that contains evenly distributed elements will appear visually harmonious to a user and will also promote a clear structure.
3. Recommended
When users process visual information on a Web page, they scan read and their eyes are drawn to the most visually prominent information. Presenting a clear visual structure that supports this process will ensure that the most important pieces of information are viewed first.
2. Strongly recommended
Fonts are designed for specific purposes, and their characteristics are manipulated to reflect this. For example, highly decorative, ornate fonts work well at a large physical size and would therefore not be appropriate for displaying large amounts of data.
3. Recommended
The legibility of text is determined by the contrast between the background and foreground colours. Using a contrast of at least 30 percent should provide legible text for most citizens.
2. Strongly recommended
Users find aesthetically pleasing designs easier to use than less pleasing designs. Good design, with colours working in harmony, encourages users to return. Provide visual harmony by using complimentary colours in the colour wheel. For example, blue and orange work well together as they are complimentary colours.
3. Recommended
Use common colour conventions For example, when citizens have successfully completed a transaction, do not use red text in confirmation messages.
Citizens may make an assumption based on colour before they read the text. Green is commonly associated with success. Orange and red are associated with warnings.
3. Recommended
Use a small set of colours to reduce the amount of visual information citizens need to process
At a glance, the human eye can only process about 5 colours. Use a limited number of colours to ensure citizens are not distracted and can focus on important information.
2. Strongly recommended
Citizens may be fatigued by viewing intense colours. Use only one or two saturated colours.
3. Recommended
Where there is a need to attract the citizen's attention, use strong colours
High colour saturation levels are visually stimulating and attract the user's attention. Use highly saturated colours sparingly to ensure the citizen's eye is drawn to them. Use pale colours with low saturation levels in areas that are not intended to be the main focal points of the page.
3. Recommended
Use images to illustrate key concepts that citizens may find difficult to understand when expressed in words alone For example, use both text and a picture to display a process flow chart.
Some users absorb information better through pictures, whereas others absorb it better through text. Using both pictures and text together helps communicate information to a broader audience.
3. Recommended
The meaning of an image may be interpreted differently by certain cultures. For example, in certain cultures, a handprint on a wall has associations with identity, whilst in other cultures it has associations with death.
3. Recommended
Use branding elements to support information rather than to dominate it
When users process visual information on a Web page, they scan read and their eyes are drawn to the most visually prominent information. Visually prominent branding will distract citizens from the information they are looking for.
2. Strongly recommended
Write in a way that makes it easy for citizens to read on a computer screen
Reading from computer screens is tiring on the eye. Additionally, a key goal of Web users is to find a piece of information as quickly as possible. Users therefore scan read online content looking for the key words and sentences, rather than reading everything word for word.
Make content short, concise, relevant and to the point. Use methods that make it easy for citizens to read content quickly and absorb information effectively.
Avoid using slang and idioms unless you explain their meaning
Users from different cultures may have difficulty understanding slang and idioms.
2. Strongly recommended
Use unambiguous page titles For example, ensure that citizens can understand page titles when they see them out of context.
Page titles appear in search listings, bookmarkds and other reference to the page. Ambiguous headings will be overlooked by some citizens and the contents that lies beneath them will not be read. Citizens should be able to tell what the rest of the page will offer them from quickly glancing at the headline.
Avoid using puns or metaphors in page titles and headings.
2. Strongly recommended
Write using the inverted pyramid style For example, start with each page with a summary of the content and then follow with background and detailed information.
Users who scan can find the key points quickly, and choose to continue reading if they need to.
2. Strongly recommended
Do not use leading articles such as 'A,' 'An,' and 'The' in e-mail subjects and page titles
Users find shorter content easy to scan read. When search listings are arranged in alphabetical order, citizens will find it harder to scan read for the page titles that are clustered by the article at the front of the text.
3. Recommended
Where hyperlinks are used, ensure that meaningful words are linked For example, in "Click here to view our services" the link should be placed on "view our services" not on "click here.
Meaningful links help users to scan read content. If citizens are presented with a page that contains multiple links labelled "Click here," they will not be able to scan the page to find out where they should click.
3. Recommended
Write using first and second-person sentences rather than third person sentences For example, use "We provide you with up to date information" rather than "Manchester City Council provides citizens with up to date information.
Third person sentences sound unfriendly and place a distance between the authority and its citizens.
3. Recommended
Write using the active voice rather than the passive For example, use "We offer the following services," rather than, "The following services are offered.
Active sentences are more direct and easier to understand than passive sentences. Active sentences are also more personal and help to engage the user.
3. Recommended
Use plain and simple English, and avoid using marketing rhetoric
Users prefer to read facts rather than promotional language which takes longer to read. Use simple, straight forward language to ensure that content is understood by an audience with diverse levels of literacy.
2. Strongly recommended
Write consistently For example, use consistent punctuation, spelling, capitalisation and grammar.
An inconsistent writing style and lack of attention to detail can confuse the user, demonstrate poor craftsmanship, and undermine the professionalism of the site. With multiple authors contributing to content, it is important that a consistent writing style is used by all.
Refer to a single authoritative style guide for standards on Web writing, or develop an internal style guide to maintain consistency.
2. Strongly recommended
Effective Web writing involves communicating information to the user as quickly and as efficiently as possible. Use short sentences with a simple structure.
Write short paragraphs with one idea in each
Web users do not read online text word for word; they scan read the first few words in each paragraph. Use one idea per paragraph to ensure important information is not overlooked by citizens.
2. Strongly recommended
Write succinctly For example, write half the number of words that you would do for conventional writing.
Verbose writing often impairs the usability of a site by hiding valuable content within unnecessary text.
2. Strongly recommended
Where information can be summarised, use bulleted lists For example, use bullets when describing the benefits of a service.
Bulleted lists help to break up the flow of text and therefore make content easier to scan.
3. Recommended
Use highlighting and emphasis to make keywords stand out For example, use <em> or <strong> tags to highlight short phrases.
The user's attention is drawn to keywords that are highlighted and emphasised.
3. Recommended
Use sub-headings to break up the flow of text
Useful sub-headings help users to scan read and find the information they are looking for.
3. Recommended
Ensure information sourced through external links is relevant
Citizens will use your site to find information that enables them to carry out a task. Use links to provide additional information that helps citizens perform their tasks. Providing links to irrelevant external sources will not add value and will slow citizens down.
3. Recommended
Avoid displaying or collecting information that could be misused
The use of personal information is controlled by the Data Protection Act. All information must be handled in ways that comply with this act Failure to comply can result in legal consequences.
Many citizens are concerned that information might be revealed by government. There is also increasing concern that information is becoming more accessible on the Internet.
Special care must be taken with any information that relates to children. Do not publish information that allows strangers, or sometimes even relatives, to make contact with minors without prior reference to their parents or guardians.
Children need to be protected from any attempts at unauthorised contact.
2. Strongly recommended
Only use images of children in suitable dress
If children are shown without some clothing, it could lead to inappropriate use or cause offence.
2. Strongly recommended
Displaying too much personal information can increase the risk of inappropriate, unsolicited attention.
2. Strongly recommended
When using photographs of children, avoid associating names to photographs
Using a photograph that is not associated with a child's name reduces the risk of that child receiving inappropriate, unsolicited attention. If a child is named, do not use a photograph.
2. Strongly recommended
Comply with all legislation and Government guidelines that affect Web site design and use
Non compliance with rules and regulations can lead to legal consequences. Codes of practice provide a consistent framework for users of other, similar sites. For example, they allow users who move from one area to another to adopt local services more quickly.
Possible prosecution under the Acts and Regulations.
1. Legal requirement
The provision of some classes of information is governed by Acts and Regulations. These include the Data Protection Act 1998, the Privacy and Electronic Communications Regulations 2003, and the Environmental Information Regulations 1992.
Your site will not comply with current UK legislation.
1. Legal requirement
Provide responses to e-mails within 20 days and in the citizen's preferred format
When responses are delayed users perceive the site or organisation as being unresponsive or even evasive. The Freedom of Information Act requires authorities to respond to a citizen's enquiry within 20 days, and in their preferred format. Automatic responses that acknowledge an enquiry are not sufficient.
Citizens who are carrying out financial transactions will expect a response within 2 days at the most.
Your site will not comply with current UK legislation.
1. Legal requirement
Do not include anything that could be defamatory Scrutinise anything that might injure a person's reputation before publication.
Your site will not comply with current UK legislation.
1. Legal requirement
Do not infringe the rights of a copyright owner For example, ensure you have the right to publish work on which a copyright exists.
Your site will not comply with current UK legislation.
1. Legal requirement
Follow the e-Government Metadata Framework (e-GMF)
Citizens want simple access to information and services organised around their needs and not the needs of government organisations. Citizens should not need to know which government body does what; they need to know that their request for information or services is being dealt with and handled effectively.
e-GMF provides details on providing consistent metadata for government documents. This helps search engines identify correct matches with search criteria, improves the ease with which government information can be joined up, and improves the ease of archiving and removal of documents.
0. Mandatory UK government requirement
Use the Local Government Category List (LGCL)
The LGCL provides a common vocabulary and process for sharing information. Adopting the LGCL will reduce information retrieval and re-purposing costs.
2. Strongly recommended
For authorities in Wales, provide alternative representations in both Welsh and English
The Welsh Language Act 1993 places a duty on the public sector to put Welsh and English on an equal basis when providing services to the public in Wales. Local authorities should apply the principles of their Welsh language schemes to their Web sites.
Your site will not comply with current UK legislation.
1. Legal requirement
Follow all Priority 1 recommendations of the W3C Web Access Initiative (WAI)
UK government policy is that conformance with these guidelines is to level A. To conform at level A a Web site must follow the Priority 1 checkpoints as shown on the Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0 (http://www.w3.org/TR/WCAG10/full-checklist.html) The level of confirmance is likely to be raised to level AA by pending European legislation.
0. Mandatory UK government requirement
Implement metadata or other mechanisms needed to identify records that need to be preserved
Preserving certain records is required by the Public Records Act. Local authority Web sites may contain materials that could influence the actions of a member of the public. If so, a preservation policy should be developed and followed.
Your site will not comply with current UK legislation.
1. Legal requirement
Display details of any charges for copies of government information
The Freedom of Information Act requires that a local authority site should display a list of publications that are available under their publication scheme. It is not sufficient to state that “costs may be incurred." If a charge is to be levied for copies of publications in a scheme, the charge should be clearly displayed.
Your site will not comply with current UK legislation.
1. Legal requirement
Comply with specific relevant acts These include the Disability Discrimination Act 1995, the Data Protection Act 1998, and the Freedom of Information Act
Citizens expect that their rights are upheld when local authorities offer services and obtain, hold, use and disclose their personal information. Ensure that your Web site does so. The Freedom of Information Act 2000 is intended to promote a culture of openness and accountability amongst public authorities by providing people with rights of access to the information held by them. Local authority Web sites should support this aim.
Your site will not comply with current UK legislation.
You must incorporate such statements to comply with the Data Protection Act. In each case the statement should be as specific as possible.
Your site will not comply with current UK legislation.
1. Legal requirement
Do not publish personal details without consent
To comply with the Data Protection Act, consent must be sought from individuals if there is an intention to publish information about them. If an individual objects to publication of their personal information, the wishes of that individual must be respected.
Your site will not comply with current UK legislation.
1. Legal requirement
Provide a clear and easy-to-find privacy policy For example, use P3P standards so privacy checking software can find and verify the statement.
A privacy policy can increase the citizen's confidence that their personal information will remain private. Although a privacy policy may not be read by citizens, its presence will increase their trust in your Web site.
A privacy statement should describe not only what the local authority does with personal data but also what it does not do. It should also tell individuals something about their rights and how to exercise them. For example, individuals have a right to be told whether data that describes them is being processed and to have a copy of that data.
The privacy statement must include the physical address of the local authority unless this is clearly available elsewhere on the site.
2. Strongly recommended
Use a secure transmission system to protect personal data collected from citizens
The Data Protection Act requires transmission using a secure, encryption-based transmission system.
Web users are often concerned that other people may be able to access their personal information. For example, some users may not feel confident enough to input their credit card details online. Use secure connections to ensure that citizen's can see that their information is protected.
Your site will not comply with curent UK legislation.
1. Legal requirement
The Data Protection Act places a duty on the local authority to protect personal information. To pursue their rights, a citizen must know who the identity of the organisation that collects this information.
Your site will not comply with current UK legislation.
1. Legal requirement
When using images of people, ensure the correct level of permission has been granted
The Data Protection Act requires that data subjects understand how any personal information is used. Identifiable images should be protected, especially when they are related to other personal information. Images may be in the form of photographs, recorded video or video streams from webcams. When asking for permission, you must make it clear why you want to use their image and, if you know, who might want to look at it.
Your site will not comply with current UK legislation.
1. Legal requirement
Inform citizens if their personal information could be disclosed to third parties
Unless obvious from context, the local authority must give this information to citizens before they collect any personal data from them. For example, tell citizens of third parties used during the collection of secure payment transactions.
Your site will not comply with current UK legislation.
1. Legal requirement
The Data Protection Act indicates that information should normally only be collected from the subject of that data and not from a third party.
Your site will not comply with current UK legislation.
1. Legal requirement
Set the default for forms that permit usage of personal data to allow usage for essential purposes only For example, do not include citizens on mailing lists unless they specifically request it.
The Privacy and Electronic Communications (EC Directive) Regulations 2003 require that an "Opt-in" policy is adopted. "Opt-in" mechanisms help build and maintain user trust.
Your site will not comply with the EC directive.
1. Legal requirement
When sending marketing information by e-mail, clearly state the name of the local authority
This is required so that any e-mail promotion will comply with the Privacy and Electronic Communications (EC Directive) Regulations 2003.
Users often check the author of incoming e-mail in order to distinguish useful communications from "spam". A clearly identified and credible source ensures that mail from authorities is not inadvertantly discarded.
Your site will not comply with the EC directive.
1. Legal requirement
Allow citizens to complete any transaction without supplying marketing or promotion related information Clearly mark any fields that are being used for this purpose.
The Data Protection Act requires that data subjects know how any information will be used.
Your site will not comply with current UK legislation.
1. Legal requirement
Create a site that citizens trust
It is important that users have confidence in a Web site, particularly if they are using it to conduct business. High quality content and accurate up to date material increases the credibility of a site and the organisation, and it encourages users to revisit.
Good craftsmanship in Web design demonstrates an attention to detail, and makes the site look polished and professional. It is therefore fundamental in increasing the user's confidence and trust in the professionalism of the Web site and organisation. An untidy, poorly written Web site filled with errors and inconsistencies will lead citizens to doubt the quality and reliability of services provided. Discretionary users will resort to alternative means of finding the information they require. Citizens may lose faith in the authority and refrain from using its services altogether.
Use a tone that is appropriate to your authority and the image it wants to project.
Add content rating metadata to the home page
Internet rating allows citizens to filter out sites with certain types of content. The Internet Content Rating Association provides a service allowing you to obtain a rating label (metadata) that can be added to the home page which effectively provides a rating for the whole site.
3. Recommended
Advise citizens when cookies will be used and ensure the site does not rely on them
Cookies are small files that are written to a user's machine. Many users worry that cookies are being used to find information that they do not wish to reveal. Within a privacy policy, help citizens understand your need for cookies by explaining their benefits and how you intend to use any information you gather.
Never use third party cookies as these are often associated with sites that try to gather marketing information.
2. Strongly recommended
Write correctly For example, always use correct punctuation, spelling, capitalisation and grammar.
Well written high quality text will gain the trust and respect of users and will therefore encourage usage. Pay attention to detail in order to show good craftsmanship. Refer to a single authoritative style guide for conventions on correct Web writing and use of the English language.
2. Strongly recommended
Use humour with caution Avoid using sarcasm and irony.
Users who scan read may not realise that you are being humorous. Users may also fail to understand humour or misinterpret sarcasm and irony. They may find such language patronising.
2. Strongly recommended
Use a tone that is appropriate for your audience and the message you are trying to convey For example, avoid overly formal writing.
Users find it easier and faster to read content that is less formal. Use formal language only where it is needed such as in information that has legal significance. Make customer service e-mails polite, helpful, businesslike and friendly.
3. Recommended
Ensure content is accurate and up to date
A user's trust can be undermined if they visit a Web site that regularly displays out of date information. Users may doubt that the content is ever updated and may find cause to visit an alternative Web site. Ensure that out of date content is removed.
2. Strongly recommended
Citizens may not understand that some information is supplied from sources that are not under your direct control.
Do not automatically adddisclaimers about content. Assess whether you need to incorporate a content disclaimer on a case by case basis.
If you decide to incorporate a disclaimer, use wording similar to the following: "The following information [information name] is provided for convenience as part of the service we offer at this website. However [Local authority name] cannot accept any liability for its accuracy or content. Visitors who rely on this information, do so at their own risk.
2. Strongly recommended
Provide external links to reputable and independent sources
Showing citizens that you have the confidence to link to reputable external sources can increase trust.
3. Recommended
Adhere to conventions on government publicity and advertising
A local authority Web site is a form of publicity and is therefore required to adhere to conventions on government publicity and advertising. Ensure that your site is objective and explanatory, relevant to the authority's responsibilities, and not party political.
Produce and distribute your site in an economical and relevant way so that costs can be justified as a proper expenditure of public funds.
2. Strongly recommended
If selecting advertising and sponsorship partners, choose brands that are trusted by citizens
Users are less likely to trust and have confidence in a site that is associated with brands that they react negatively towards.
Avoid endorsing the advertisement of partners' products and services. If advertising is displayed, ensure that it does not detract from the local authority Web service being provided.
2. Strongly recommended
Design the site to encourage adoption
Lead citizens to expect the site to be the primary source for information and services. If the site does not provide timely and accurate information, trust will be broken, and usage will eventually diminish.
Before making a decision to adopt the Web for their interactions with an organisation, users need information. Potential adopters will typically follow a process of progressively acquiring information to reduce uncertainty and increase commitment. This process has six stages:
Do not provide an excessive number of links to a single external source
Whilst providing links to external sources helps to build trust amongst users, pointing to one particular Web site in excess may be seen as an infringement of copyright.
3. Recommended
Allow citizens to explore your site before they make a commitment For example, avoid premature requests for registration, disclosure of personal information, or agreement to terms and conditions.
Users typically "trial" new ideas before fully committing themselves. In the case of local authority Web sites, citizens may wish to try out aspects that return information before adopting features that require a higher degree of commitment such as disclosure of personal information. For example, citizens might look for information about public transport before gaining the confidence to pay their council taxes.
3. Recommended
Use Web forms rather than PDF forms to capture citizen information
Older PDF forms cannot be filled in electronically, even when downloaded. If PDF forms are used, citizens will have to return them to you by post. Where possible, your Web site should enable task completion through electronic means.
2. Strongly recommended
On the home page state the purpose, scope, and benefits of your site
Once potential adopters have become aware of your site, they will look for information to assess how useful it is. Provide information that is easy to find, simple to understand and persuasive.
3. Recommended
Make citizens aware that your site is available For example, encourage other well-used local community, media, and government sites to reference your site, and consistently include the address of your site in print media distributed to citizens. Register your site with an apropriate set of search engines.
Citizens need to be aware of your site before they can make an informed decision to use your services online.
2. Strongly recommended
Accesskey | HTML attribute | An HTML attribute that associates a character on the keyboard with an HTML element. Users can access the element by typing the key with a modifier. For example, with Internet Explorer on Windows the access keys are operated using Alt with the character. |
Action | Choice | A choice that immediately begins to perform an action. For example, a pushbutton on a Web page labelled 'Make payment'. |
Adoption | The process of accepting a facility. In the context of a Web site, users adopt a Web site if they see some value in using it. | |
Alt | HTML attribute | An HTML attribute that provides text that can be used as an alternative to a picture or sound. Assistive technology frequently operates by presenting the alt text to the user. |
Anchor | HTML tag | An HTML tag, written as <a>, that marks a hypertext link in a Web page. |
Assistive technologies | A hardware or software product that enables people with disabilities to accomplish their tasks. Examples include Braille displays, screen readers, and ergonomic keyboards. | |
Breadcrumbs | A set of links that show the position of the current page within the hierarchy of the site. | |
Browser | The software that runs on a user's computer to enable them to view a Web page. Popular browsers are Internet Explorer, Netscape Navigator or Communicator, Opera and Eudora. Users with disabilities may use special browsers such as IBM Home Page Reader. | |
Character | A single letter, number or symbol on a computer screen. | |
Colour wheel | A diagrammatic representation of the relationships between primary, secondary and tertiary colours. | |
Cookie | A small file that a Web site can use to retrieve information about a user's previous visits to that site. These are often used to hold personal information to customise the user's experience. | |
Cue | A change in the display of information that shows the significance of the information in this context. | |
Data controller | Within the Data Protection Act, the person who controls access to data for a body such as a local authority. | |
Data subject | The term used within the Data Protection Act to refer to an individual about whom the data controller retains information. For local authorities this normally equates to a citizen. | |
e-GIF | Government Interoperability Framework. Government framework for adopting internet and world wide Web standards for all government systems. | |
Emphasis | HTML tag | An HTML tag, written as <em>, that marks a portion of text that needs light emphasis. Most browsers will show this text as italic. See Strong. |
Field | HTML tag | An HTML element that accepts input from the user. For example an input, select and textarea element. |
Fieldset | HTML tag | An HTML element that groups several fields into a logical collection. For example, a fieldset might group fields called 'street', 'town' and 'postcode' into a collection called 'home address'. |
Flash | A technology that provides interactive and animated areas within a Web page. | |
Frame of reference | A set of standards or principles governing behaviour, or thought. In the context of a Web site, a sustained theme or design that the user can recognise to understand the position of any page relative to the rest of the site. | |
Heading | HTML tag | A group of HTML tags of the general form <hn> (where n is a number) that provide nested headings for a page. The number of the tag shows the level of importance of the heading. For example, <H1> shows a primary heading and an <H2> would indicate a sub-heading of the previous <H1>. |
HTML | Hypertext Markup Language. Defines the structure and layout of a Web document by using a variety of tags and attributes. | |
HTML attribute | A coding within an web page that adds detail to an HTML tag. Attributes are written as attribute=value. For example, the alt attribute for a hypertext link might be written as alt="latest news". | |
HTML tag | An element of HTML that marks the significance of parts of a web page. Each tag is written within < and > symbols. For example, the strong tag is written as <.strong>. | |
Hypertext link | An HTML element that connects one web page to another. The most common form of hypertext link uses the <a> or 'anchor' tag. | |
IDTV | Interactive Digital Television. Digital television that accepts interactions from a user. | |
Input | HTML Tag | An HTML tag that allows a user to input information in a Web page. Input can be in the form of a button, check box, text field, or radio button. |
Label | HTML Tag | An HTML tag that defines a the label to be used for a field. Assistive technology often presents this information to a user when they are providing input. |
Legend | HTML Tag | An HTML element that provides the name for a fieldset. |
List | HTML Tag | A group of HTML tags that provide lists within a Web page. The two most common lists are ordered and unordered lists. Unordered list are show with bullets and use the <ul> tag; ordered lists are shown with numbers and use the <ol> tag. |
Meta | HTML Tag | An HTML tag that provides additional information about a Web page that is not normally shown directly to the user. Typical meta tags will contain search terms or content ratings. |
Modifier | One of the keys on the keyboard that alters the meaning of another key. On a PC keyboard the three modifiers are Alt, Ctrl and Shift. | |
Page fold | An analogy with a folded newspaper. This term describes the lower limit of the information that can be seen on a page without using a scrolling mechanism. The fold is rarely predictable because of variations in screen size, font size and technology. | |
Paragraph | HTML tag | An HTML tag, written as <p>, that marks the extent of a paragraph. |
Portable Document Format. Portable Document Format files created by a program such as Adobe Acrobat. This file format preserves the fonts, images, graphics, and layout of any source document, regardless of the application used to create it. | ||
Plug-in | A browser extension developed by a software vendor to enable a browser to display a specialised form of content. | |
QuickTime VR | A technology that provides moving pictures within a Web page. | |
Resolution | The number of points of information on the screen of a computer. Many computer monitors have a resolution of 1024 by 768 points. Recently obtained computers are likely to have higher resolution screens such as 1600 by 1200 or 1400 by 1050. | |
Routing | Choice | A choice, often called a hypertext link, that displays a different page of a Web site or a page of another Web site. |
Saturation | A description of the visual strength of a colour. The term 'saturated' is used to describe a vivid intense colour. The term 'less saturated' is used to describe a pale colour. | |
Screen reader | A type of assistive technology that reads the text on the screen to the user. Screen readers are most commonly used by users with visual impairments. | |
Select | HTML tag | An HTML tag that allows the user to select from a list of choices. |
Semiotics | The study of signs and symbols, and their use, especially in language. | |
Server side | Features of the site that are executed on the server rather than relying on features of a user's computer. | |
Setting | Choice | A choice that allows a user to change a property of an object or an option for an action. For example, a setting might allow a user to enter their age on a personal information form. |
Spam | Unsolicited e-mail that is sent indiscriminately to multiple mailing lists, individuals, or newsgroups. | |
Streamed audio | A technology that provides audio on a Web page without storing the information on a file in the user's computer. | |
Strong | HTML tag | An HTML tag that marks a portion of text that need strong emphasis. Most browsers will show this text as bold. See Emphasis [HTML tag]. |
Tabindex | HTML attribute | An HTML attribute that controls the order in which the elements of a Web page are visited when the user presses the tab key. |
Tag | An element of the coding that specifies how the HTML or XML document, or a portion of the document, should be formatted. | |
Textarea | HTML tag | An HTML element that provides for a large amount of text to be input by the user. |
Third party cookies | Cookies used by one domain that have an address from another domain. Third party cookies are frequently used by advertising sites to track user's access to the site's clients. Many users feel that this is an invasion of their privacy. | |
Title | HTML tag | An HTML tag that marks the text to shown in the window title of the browser. Most browsers will also use this text in any bookmarks or history lists. |
W3C | World Wide Web Consortium. The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding. | |
WAI | Web Accessibility Initiative. An initiative organised by W3C that pursues accessibility of the Web through five primary areas of work: technology, guidelines, tools, education and outreach, and research and development. | |
Wizard | A style of presenting a task to a user whereby it is broken into small, well explained steps. | |
XML | Extensible Markup Language. Extensible Markup Language (XML) is a simple, very flexible text format. Originally designed to meet the challenges of large-scale electronic publishing, XML is also playing an increasingly important role in the exchange of a wide variety of data on the Web and elsewhere. |
Accessibility and Macromedia Flash MX 2004: Design Guidelines
Guidelines on designing accessible Macromedia Flash content.
Accessibility
Standards
Macromedia, Inc.
Technology vendor
http://www.macromedia.com/macromedia/accessibility/features/flash/
Information and resources to help you learn more about how the Adobe® Acrobat® 6.0 product family helps makes documents and forms more accessible to everyone.
Accessibility
Guidelines
Adobe Systems Incorporated.
Technology vendor
http://www.adobe.com/products/acrobat/access_info.html
Be Succinct! (Writing for the Web)
Guidelines on writing for the Web.
Writing
Guidelines
Neilsen, J.
Nielsen Norman Group
Consultant
http://www.useit.com/alertbox/9703b.html
The Web Content Style Guide
McGovern, G., Norton, R., and O'Dowd, C.
An authoritative reference guide for authors, editors, proofreaders, indexers, copywriters, designers, and publishers in every field.
Writing
Standards
15
University of Chicago Press
http://www.chicagomanualofstyle.org/about.html
226104036
The Times Style and Usage Guide
Austin, T.
Crystal Mark
http://www.plainenglish.co.uk/crystalmark.html
Concise, SCANNABLE, and Objective: How to Write for the Web
How to make increase a Web site's usability by making it concise, scannable, and objective.
Writing
Guidelines
Morkes, J., and Nielsen, J.
http://www.useit.com/papers/webwriting/writing.html
Content Critical: Gaining Competitive Advantage Through High-Quality Web Content
A guide to creating high quality Web content
Writing
Textbook
McGovern, G., and Norton, R.
027365604
A guide to obtaining the Crystal Mark seal of approval for clear written communication.
Writing
Guidelines
Plain English Campaign
Standards organisation
http://www.plainenglish.co.uk/crystalmark.html
Guideline documents for the Data Protection Act
Government
Legislation
Information Commissioner's Office
Government body
http://www.informationcommissioner.gov.uk/eventual.aspx?id=438
A set of basic design principles for interface design.
Usability
Guidelines
IBM Corporation
Technology vendor
http://eou5.austin.ibm.com/easy/eou_int.nsf/Publish/6
An overview of techniques that can be employed in order to enhance the visual aspects of user interfaces across various platforms.
Visual design
Textbook
Mullet, K., and Sano, D.
0133033899
A comprehensive book covering everything from content and page design to designing for ease of navigation and users with disabilities.
Usability
Textbook
Neilsen, J.
Nielsen Norman Group
Consultant
156205810
An influential account of how and why people choose to adopt new ideas and how to effectively communicate innovations to potential users.
4
Rogers, E.M.
0029266718
The Web site of the Disability Rights Commission (DRC) which is an independent body, established by Act of Parliament to eliminate discrimination against disabled people and promote equality of opportunity.
Accessibility
Textbook
Disability Rights Commisison
Non-profit organisation
http://www.drc-gb.org/
E-commerce User Experience 207 Guidelines for E-commerce Sites
A Nielsen Norman report containing extensive guidelines for how to design e-commerce sites in order to make them more usable.
Business
Guidelines
Nielsen Norman Group
Consultant
http://www.nngroup.com/reports/ecommerce/
970607202
Usability For The Web: designing web sites
that work
Brinck, T., Gergle, D., and Wood, S.D.
Content Critical: Gaining Competitive Advantage
Through High-Quality Web Content
McGovern, G., and Norton, R.
Environmental Information Regulations 1992
Guideline documents for the Environmental Information Regulations 1992.
Government
Legislation
Information Commissioner's Office
Government body
http://www.informationcommissioner.gov.uk/eventual.aspx?id=789
Freedom of Information Act 2000
Guideline documents for the Freedom of Information Act.
Government
Legislation
Information Commissioner's Office
Government body
http://www.informationcommissioner.gov.uk/eventual.aspx?id=77
Good practice models and guidance for the internet industry.
This document sets out a series of models of good practice for the provision of different kinds of internet services by a range of companies and organisations who are active in the online world. It is intended primarily as a guide to commercial or other organisations, or individuals, who are already providing online services or are considering doing so in the future. As a public document, it will also be of interest to internet users.
Government
Textbook
Home Office task force on child protection on the internet
Home Office
Government body
http://www.homeoffice.gov.uk/docs/ho_model.pdf
Government and Information Communication Service Handbook
From organising a press conference to running a multi-million pounds advertising campaign the GICS Handbook is a comprehensive source of advice to PR practitioners everywhere.
Government
Guidelines
Government Information and Communication Service
Government body
http://www.gics.gov.uk/handbook/default.htm
Guidance on the work of the Government Information Service
This note provides guidance on the work of the Government Information Service and other officials directly involved in similar tasks, including the presentation of Government policy and information through relations with the media, publicity and advertising. It is specifically intended for the use of Government Information Officers and others involved in Government information services.
Government
Textbook
Cabinet Office
Government body
http://www.cabinet-office.gov.uk/central/1999/workgis/
Guidelines for UK government websites : Framework for senior managers
A set of guidlines for UK government sites.
Accessibility
Guidelines
Office of the E-Envoy
Government body
http://www.e-envoy.gov.uk/assetRoot/04/00/09/16/04000916.pdf
Guidelines for UK Government Websites: Illustrated Handbook for Web Management Teams
Guidelines for UK Government Websites: Illustrated Handbook for Web Management Teams
A comprehensive guide to managing a Government Web site
Government
Textbook
Office of the e-Envoy Cabinet Office
Government body
http://www.e-envoy.gov.uk/Resources/WebHandbookIndex1/fs/en
0114301794
Data Protection Act 1998, Environmental Information Regulations 1992, Freedom of Information Act 2000, Privacy and Electronic Communications Regulations 2003
A guide to writing in plain English.
Writing
Guidelines
Plain English Campaign
Standards organisation
http://www.plainenglish.co.uk/plainenglishguide.html
Tips on writing for the Web.
Writing
Guidelines
Nielsen, J.
http://www.useit.com/alertbox/9710a.html
IBM Common User Access Guidelines
A guide to designing desktop software.
Usability
Standards
IBM Corporation
Technology vendor
1565291700
IBM Web Accessibility Checklist
A Web accessibility checklist for developers.
Accessibility
Standards
IBM Corporation
Technology vendor
http://www-306.ibm.com/able/guidelines/web/accessweb.html
Beyond ALT Text: Making the Web Easy to
Use for Users With Disabilities
Coyne, K.P., and Nielsen, J.
Designing for Accessibility
Bergman, E., and Johnson, E.
http://www.sun.com/access/developers/software.guides.html
IBM Java Accessibility Checklist
http://www-306.ibm.com/able/guidelines/java/accessjava.html
IBM software accessibility checklist
http://www-3.ibm.com/able/guidelines/software/accesssoftware.html
User Agent Accessibility Guidelines
World Wide Web Consortium
http://www.w3.org/TR/UAAG10/
The Web site of the Information Commissioner who's Mission is:
"We shall develop respect for the private lives of individuals and encourage the openness and accountability of public authorities,
The Information Commissioner is responsible for administration of the Data Protection Act.
Government
Textbook
Information Commissioner
Government body
http://www.informationcommissioner.gov.uk/
Information Visualization: perception for design
An in-depth look at how humans process visual information.
Visual design
Textbook
Ware, C.
1558605118
Internet Content Rating Association
The Internet Content Rating Association is an international, independent organization that empowers the public, especially parents, to make informed decisions about electronic media by means of the open and objective labelling of content.
http://www.icra.org/about/
LAWs Project – Information Standards & Architecture
The LAWs (Local Authority Websites) project is working with the ESD Toolkit to develop a National Local Authority Category List, which may be seen as a more detailed breakdown of certain areas of the Government Category List, available through GovTalk.
The National Local Authority Category List will be a refined version of the APLAWS Category List produced by the APLAWS Project. Each category will group several services (process areas) which are defined by the ESD Toolkit’s PID List.
This page provides access to the lists being considered. The page will be updated to reflect the outcome of workshops being run by the LAWs Project – Information Standards & Architecture Workstream.
Government
Standards
Electronic Services Delivery (ESD) Toolkit
Government body
http://www.esd-toolkit.org/laws
Local Authority Websites (LAWs) national project
LAWs will help Local Authorities deliver higher quality and a wider range of services online at lower cost. Its deliverables will help ensure that all councils meet the target of 100% electronically delivered or supported services by 2005.
Government
Textbook
Local Authority Websites National Project
Government body
http://www.laws-project.org.uk/archives/000851.shtml
Microcontent: How to Write Headlines, Page Titles, and Subject Lines
Guidelines on writing introductory material describing the scope of Web pages.
Writing
Guidelines
Neilsen, J.
Nielsen Norman Group
Consultant
http://www.useit.com/alertbox/980906.html
Designing Web Usability
Neilsen, J.
The Web Content Style Guide
McGovern, G., Norton, R., and O'Dowd, C.
Usability for the Web
Brinck, T., Gergle, D., and Wood, S.D.
Platform for Internet Content Selection (PICS)
The PICS specification enables labels (metadata) to be associated with Internet content. It was originally designed to help parents and teachers control what children access on the Internet, but it also facilitates other uses for labels, including code signing and privacy. The PICS platform is one on which other rating services and filtering software have been built.
Classification
Standards
World Wide Web Consortium
Standards organisation
http://www.w3.org/PICS/
Platform for Privacy Preferences (P3P) Project
The Platform for Privacy Preferences Project (P3P), developed by the World Wide Web Consortium, is emerging as an industry standard providing a simple, automated way for users to gain more control over the use of personal information on Web sites they visit.
Legal
Standards
World Wide Web Consortium
Standards organisation
http://www.w3.org/P3P/
Privacy and Electronic Communications Regulations 2003
Guideline documents for the Privacy and Electronic Communications Regulations 2003
Government
Legislation
Information Commissioner's Office
Government body
http://www.informationcommissioner.gov.uk/eventual.aspx?id=96
Quality Framework for UK government website design
This Framework pulls together advice from a wide range of web publishers, usability experts, web designers, government web managers and academics to clarify what relevant usability and design criteria should be used when planning a government website or judging how good it is. This advice also draws on the current standards for human centred design.
Government
Guidelines
Office of the e-Envoy
Government body
http://www.e-envoy.gov.uk/Resources/WebGuidelines/fs/en
Section 508 of the 1998 Rehabilitation Act
A law governing accessibility standards in the USA. Whilst this law is not directly relevant to the UK the requirements presented are considered to be good practice worldwide.
Accessibility
Legislation
US Government
Government body
http://www.section508.gov/index.cfm?FuseAction=Content&ID=3
Guidelines from the National Grid for Learning on the safe use of web sites.
Accessibility
Guidelines
DfES - National Grid for Learning
Government body
http://safety.ngfl.gov.uk/schools/document.php3?D=d27
Stop Stealing Sheep and Find Out How Type Works
A guide to typography
Visual design
Textbook
2
Spiekermann, E., and Ginger, E.M.
0201703394
The Art & Science of Web Design
An overview of core web concepts
Visual design
Textbook
Veen, J.
078972370
The plain English guide to designing clear websites
A guide to designing clear Web sites
Writing
Guidelines
Plain English Campaign
Standards organisation
http://www.plainenglish.co.uk/webdesign.html
Usability For The Web: designing web sites
that work
Tom Brinck, Darren Gergle & Scott D. Wood
Crystal Mark
http://www.plainenglish.co.uk/crystalmark.html
A guide for online writers, editors and managers
Branding
Textbook
McGovern, G., Norton, R., and O'Dowd, C.
Gerry McGovern
Consultant
http://www.gerrymcgovern.com/web_content_style_guide.htm
0273656058
Top 10 Guidelines for UK local government websites
Provides best practice guidance for local government web managers on how to design and maintain accessible websites. In particular, it outlines 10 key best practice guidelines for UK local government websites. These ten guidelines not only set the website in a broader context of policy, but provide practical guidance on the kinds of tasks that need to be planned and considered in website development and management.
Government
Guidelines
Office of the e-Envoy
Government body
http://www.e-envoy.gov.uk/assetRoot/04/00/59/61/04005961.pdf
Quality Framework for UK government website design
TrustUK is a non-profit organisation run by industry, with the full endorsement of the Government. The members are trade associations and organizations committed to ensuring the UK delivers the highest commercial standards of e-commerce.
TrustUK are working to provide a 'hallmark' to show that Web sites follow approptiate standards.
Business
Guidelines
TrustUK
Non-profit organisation
www.trustuk.org.uk
A guide to type and typography
Visual design
Textbook
Baines, P., and Haslam, A.
1856692442
UK Gov Talk Schemas and Standards
The technical standards that will act as the foundation of e-Government strategy.
These standards will allow information to flow seamlessly across the public sector and will provide citizens and business with better access to government services.
Government
Standards
UK Gov Talk
Government body
http://www.govtalk.gov.uk/interoperability/schemasstandards.asp
Universal Principles of Design
100 Ways to Enhance Usability, Influence Perception, Increase Appeal, Make Better Design Decisions, and Teach Through Design
Usability
Textbook
Butler, J., Lidwell, W., and Holden, K.
Rockport Publishers
Consultant
1592530079
A book examining the entire spectrum of usability design issues, including architecture, navigation, graphical presentation, and page structure.
Usability
Textbook
Brinck, T., Gergle, D., and Wood, S.D.
Morgan Kaufmann
Consultant
155860658
Usability For The Web: designing web sites that work
A book that provides guidelines on writing style and how to write in order to communicate effectively.
Writing
Textbook
Brinck, T., Gergle, D., and Wood, S.D.
1558606580
Usability of Confirmation Email and Transactional Messages
73 Design Guidelines for Automated Messages from Websites to Customers
Usability
Guidelines
Nielson, J., and Farrell, S.
Nielsen Norman Group
Consultant
http://www.nngroup.com/reports/confirmation/
Web Content Accessibility Guidelines
A guide on how to make Web content accessible
Accessibility
Guidelines
1.0
W3C
Standards organisation
http://www.w3.org/TR/WAI-WEBCONTENT/
IBM Web Accessibility Checklist
http://www-306.ibm.com/able/guidelines/web/accessweb.html
Section 508 of the 1998 Rehabilitation Act
http://www.section508.gov/index.cfm?FuseAction=Content&ID=3
A guide for creating easy-to-use Web sites
Business
Guidelines
IBM
Technology vendor
http://eou5.austin.ibm.com/easy/eou_int.nsf/Publish/572
Basic design principles for creating Web sites
Accessibility
Textbook
2
Lynch, P.J., and Horton, S.
Lynch and Horton
Academic
http://www.webstyleguide.com/index.html?/contents.html
0300088981
Useful background information about the Welsh language and about the Welsh Language Board and its work.
Legal
Legislation
Welsh Language Board
Government body
http://www.bwrdd-yr-iaith.org.uk/
Windows User Experience: Official Guidelines for User Interface Developers and Designers
A guide to interface design, and visual and functional consistency within and across Windows-based applications.
Accessibility
Standards
Microsoft
Technology vendor
http://msdn.microsoft.com/library/en-us/dnwue/html/welcome.asp
0735605661