UT Tyler

Best Practices

OU Campus Training and Support

Remember this rule: Just because you can, doesn't mean you should.

NOTE: Prior to sending page for review, ALWAYS run link-check and spell-check using the tools in OU Campus.

Layout

  • Use H1 and H2 headings only at the top of each page. 
  • Keep all text left-aligned.
  • Avoid erroneous HTML code into the HTML editor, including colors within tables.
  • Remove extra spacing between paragraphs, remove extra space.
  • The template font is pre-set. Bold font or italicized should be used sparingly.
  • Using all caps should be avoided along with exclamation marks.
  • Use text links to link back to other pages instead of graphic buttons.
  • Save your page often within OU Campus as you are working within your content.

Aligning Text

  • Center a paragraph; makes it difficult to read.
  • Avoid using the "heading" options to style a paragraph. The default is left-aligned text.

Links

  • Use a call to action (descriptive) link when you ask a user to click on your link. Avoid URL links, buttons and language like "click on this link."
  • In general, text links are more easily recognized as clickable, they download faster, and it is usually easier to convey a link’s destination in text, rather than with the use of an image.

Correct:

Incorrect

Documents

Naming:
Use generic file names when naming PDF's and other files. By uploading/replacing your PDF documents with the same filename each time an update is needed, the website will remain clean of old content. When updating the file, replace the file with the same file name using "overwrite".

Accessibility:
PDF files should always be accessible.

See uploading files

  • Keep content concise.
  • Use general language and stay away technical jargon when possible.
  • Build machine-readable text pages.
  • Avoid publishing graphics with text content that is unreadable by screenreaders.

See accessibility guidelines

Readability

  • The UT Tyler template is designed for left-aligned text. Centered text is harder to read than left-aligned text.
  • Text in ALL CAPS takes up extra space, is harder to read and slows down reading. 
  • The UT Tyler template is designed with black type, white background. It is against UT Tyler Web standards to edit the text to a different color font by altering the HTML.
  • The header tags are not for sizing paragraph fonts. Using header tags (H3) for paragraph titles can help your pages in search engines. Do NOT use header tags for entire paragraphs.

Unapproved logos/graphics, animated graphics and flash images should not be used unless they illustrate an important concept within your website. Usability tests have shown that animations distract users from the content on a page. If the purpose of graphics or animation is decoration, they should not be used.

Match link titles with their destination page.

Make the link text consistent with the title or headings on the destination page. Closely matched links and destination targets help provide the necessary feedback to users that they have reached the intended page. In addition, it is very important to alter the meta data within your page. Meta titles are different from page titles. For more information, contact web@uttyler.edu.

Contact Information

The appropriate style for phone number is to use periods instead of dashes:

     Correct: 903.566.7203
     Incorrect: (903) 566-7203

The appropriate contact email for department webpages:

     Correct: info@uttyler.edu 
     Incorrect: jsmith@uttyler.edu 

Please request a department email through itsupport@uttyler.edu

Images

  • Ensure images are sized exactly as it will be displayed on the page. NEVER upload an image larger than it should be displayed on the page. Questions? Email web@uttyler.edu.
  • Use jpg (pictures), gif or png (graphics) formats.

Validation

Validate your web pages using the tool located within the UT Tyler CMS just before you publish your web page to check for broken links and typos.

Duplicate Content

Duplicate content should not be used. The UT Tyler website maintains extensive web-based information that should be referenced by linking to or using assets rather than duplicated.

Underlines

Users will confuse underlined text with hyperlinked text.

Eliminate all happy talk.

All text on a Web page should be as concise as possible with all non essential information removed. Happy talk is the self-congratulatory promotional type text seen on many Web pages. Phrases like “Welcome to our website!,” “we provide the best ever…,” “Thank you for visiting our website!” should be eliminated.

Use Familiar Words

Use words that are familiar to your visitors and avoid the use of jargon. If acronyms and abbreviations are used, they should be defined on the page. Visitors are not necessarily familiar with acronyms and abbreviations used within your department or region. Reviewing your site’s search engine statistics can give you a clue what words your users are looking for.

Avoid These

  • "Welcome to the Department of ... Website"
  • "Coming Soon" or "Under Construction" or under construction graphics.
  • "Check back often for new additions!!"
  • Click Here

Mission Statements

If department mission statements are included on a department website, it is best to keep them short and concise and on an inside page. They should be linked from the left-side menu under "Department Information."

Search Engines

To aid searches, repeat your keywords and their synonyms throughout your copy, headers and subheaders.

For usability purpose, opening new windows and tabs should not be used in code. According to W3C standards, all links and tabs are to open in the same window unless necessary (i.e. online secure form)

Don’t Break the Back Button

Use standard redirects instead of a “refresh” or on links from front pages to redirect a website. With refresh, every time the user clicks "Back", the browser returns to a page that bounces the user forward again. For correct redirect code, contact web@uttyler.edu.

Identify Your Audience

  • Can the user understand what each page has to offer and how to use your page within the first 5-10 seconds?
  • Give users information they are looking for, not how amazing your service or design skills are.
  • Do not use graphics in place of content.

A website is about solving a visitors problem. When adding content, ask this question:

What problem am I solving with the information I am adding to this page?

Stay Consistent

  • Use style, edits and content design that are consistent with top level pages and the UT Tyler Website.
  • Font style and size are to remain the same on all pages. (Be careful not to bring in erroneous code or add font sizes, spacing or colors and header sizes when pasting from Word).
UT Tyler