Home Page

Slides

Homepage slides can entice users to click deeper into the website to find out more about a department, program, or center. To get a user’s attention, images should be eye-catching and text brief, with a link to allow visitors to learn more.

When departments, programs, or centers submit new content for slides, the Office of Marketing and Communications will review and make any necessary edits to the text or images. A proof of the slide will be provided before it is posted to the site.

Below are general guidelines for submitting home page slide images and text.

Image Guidelines

  • Keep it simple. Uncluttered images with a clear focal point will have more impact and be more likely to catch viewers’ attention.
  • Avoid text in images. There are exceptions where this can work but, in general, stay away from text in images. Text in images makes the image look cluttered, is not responsive (meaning it doesn’t scale to take into account a user’s screen size), and cannot be read by screen readers.
  • Send high quality images. Sizing and resolution should be a minimum of 1000 pixels wide x 500 pixels tall. We can convert most file formats for web including JPEG, TIF, PNG, EPS.

Text Guidelines

  • Less is more. Don’t try to tell the whole story in one slide. Instead, pique interest with brief headlines and subheads that make visitors want to click to “Find Out More.”
    • Main headline should be 5-10 words.
    • Subhead should be about 25 words.
  • Avoid linking to a document. The “Find Out More” link should take users to a web page, not a document such as a PDF. On a web page, users can read text, see images/video, and then click on a link to go to yet another page on the site. Links to PDFs are essentially dead-ends. Once users are finished reading the document, they are less likely to stay on the website.

example of text recommendations

Example that Follows the Guidelines

good example of slider

Example that Does Not Follow the Guidelines

The image is too complex and the text too long to allow for a “Find Out More” link.

image that does not follow guidelines