Charles W. Donaldson Student Services Center on July 18, 2016.

Web Content & Design

Our website

A unified, consistent voice and style is especially important on the web because, as these numbers indicate, people scan, rather than fully absorb, web content:

Absorbing web content graphic that says users will only read twenty percent of a page because eighty percent of the content is located lower on the page, or "beyond the fold." Users typically get a first impression of web content in half a second, and will usually spend less than fifteen seconds on a page total.

The overarching goal of the ualr.edu website is to provide clear, concise and accurate information to our end-users (primarily the students we are here to serve) in a format that is easily accessible and easy to navigate. Each web page should include a set of basic elements that will meet these goals and standards. Elements that are required on each web page are as follows:

  • Web Page Title (using the official name for the office, department, division or unit)
  • Link to Contact Us Page from main navigation area (Contact Us info should include, email, physical address and phone number at minimum)
  • Photos should be properly sized to avoid stretching or pixelation

UA Little Rock webpage structure

Wordpress guide to feature images

1. Page Header

The name of your unit goes here. This can only be changed by a site administrator.

2. Site Navigation

The Site Navigation’s purpose is to help users access the content within your site. Think of this as the table of contents. It is best to only provide two to six options per menu. Use labels that clearly describe what the links are.

3. Sidebar Navigation

Use the sidebar section to add widgets and important links to your page. This section is not intended for menus. A sidebar widget can be used to draw attention to: an event, an alumni spotlight, a request form, events, etc. Widgets can be changed periodically, while menus stay consistent.

4. Featured Image

This image should have a resolution of 100-150 PPI, and a 2-column width image should be sized at 750 x 300 pixels. Blurry and pixelated images are not acceptable. All images on the page must have alt text for accessibility. This guide is helpful for understanding the difference between a 2-column and 3-column featured image.

5. Main Content Area

When adding content to the page, use appropriate paragraph styling. The Page Header is automatically formatted as Heading 1 text, so all other top-level topics within the main content should be formatted with Heading 2 text. Heading 3-6 formats should only be used if other topics are nested within a main topic. The body text on the page should always be formatted as Paragraph text. For example:

Heading 1: The page header

Heading 2: The main topic

Heading 3: The first part of the main topic

Paragraph: This body of text is relevant to the first part of the main topic. 

Heading 3: The second part of the main topic

Paragraph: This body of text is relevant to the second part of the main topic. 

Make sure that you only use bold text to highlight urgent or crucial information, such as deadlines. Overusing bold text and italicized text can make webpage content more difficult to read. Using text colors other than black is discouraged, and all text colors used must pass a color contrast check on a white (#FFFFFF) background.