UITS editorial style guide: Structure

The information here is part of the UITS Style Guide.

On this page:


Overview

Users tend to scan until they find the information they need. Large chunks of text can be overwhelming, so break up your text for ease of navigation. Use titles and headers, links, lists, and call-to-action buttons to help guide users through a page.

Pay attention to guidelines for creating accessible content.

Titles and headers

Make sure titles and headers are clear, concise, and descriptive, and avoid gerunds.

Instead of Try
Information and policies regarding the usage of IU branding assets
IU branding asset information and policies
Changing your passphrase, or How do I change my passphrase?
Change your passphrase
  • Use link text that clearly describes what users will get when they click.
  • Set internal links to open in the same window (where the user stays within the site infrastructure), and set external links to open in a new window (where the user will leave the site).

Lists

Lists improve readability and navigation. Follow these guidelines:

  • Introduce lists with a phrase or sentence, followed by a colon and line space.
  • Use sentence case (capitalize only the first word and proper nouns).
  • Maintain a parallel structure (use the same grammatical form for each list item).
  • Don't include punctuation, unless a complete sentence follows in the same list item.
  • Try to include no more than seven items per list.
  • Use numbered lists for steps to be done in order, and bulleted lists for anything else.

Call-to-action buttons

Call-to-action buttons request that the user complete an action (for example, log in, sign up, connect). These should be no more than four words in length, and located in the hero area (the most prominent area of the page).

Note:
Call-to-action buttons can indicate the name of a service if a brief question or explanatory text precedes the button (for example, Are you an IU student?).

Contact forms

  • Header: Contact us
  • Button: Submit

Soliciting questions

  • Header: Questions?
  • Text: Email (address hyperlinked with a mailto)

Related documents

This is document aqlr in the Knowledge Base.
Last modified on 2023-08-09 14:08:46.