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:
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
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.
You can download a copy of the page layout guidelines here.