Maintaining a current website is key to increasing user satisfaction, ensuring a good user experience, and enhancing the confidence in the content instilled in the reader. The UNCG Web and Mobile Operating Committee adopted a website audit procedure and checklist as well as a content lifecycle procedure for University websites to follow.
UNC Greensboro offers employees asynchronous website content training. The training covers best practices for search engine optimization (SEO), accessibility, and more. To request access to the training, email [email protected]. Additional quick reference tips for website maintenance are below.
Ideally the content on a site should be updated at least once a week. While it may not be possible to create new articles or images every week, there are ways to achieve this goal outlined below. If these techniques cannot be used then it is important to review content at least monthly to ensure that: all links are still working; content doesn’t appear to be out-of-date; and date specific events are clearly understandable to the reader.
Creating a website for an annual special event has unique opportunities. An annual event website requires special attention after the event to ensure the reader knows that the event has already occurred. If the event truly recurs annually, then proper maintenance of the site can help increase attendance for the future events.
Prior to the event:
After the event:
Year-round websites for ongoing events don’t require the concerted post-event clean up that an annual event requires. But year-round sites can make taking the time to review the site harder to schedule.
Look for ways to add new content near the top of the page near the “front” of the site as easily as possible.
Tips for this include:
Whether you do this or not you should review your site once a month to ensure it isn’t looking stale to the reader.
Key things to look for here are:
The UNCG Next Generation Website Project includes brand and supporting colors as defined in the brand guide’s colors page and web assets site. The project has designated certain microsite theme styles for consistent use specific support colors by web pattern. Theme style accents are not to be mixed (i.e. no lighter blue and maroon red on the same site) and must follow the design patterns.
The primary UNCG logo is included in the top left corner of the web page header that is part of the University theme. As a best practice and in accordance with the Next Generation Web Project’s microsite designs, units are to write out their full name in the subhead bar provided in each microsite home theme. We recommend units not repeat the unit logo in the body/content of your website.
A favicon (or favorite icon) is a small icon or graphic that is placed in most browsers near the title of the web page at the top of the screen. Because of the small size of this graphic, usually less than 16 pixels, the only time that the letters “UNCG” may be removed from the Minerva shield in the University logo is for the UNCG favicon. Use of the UNCG favicon is strongly encouraged. If it is not used, no other favicon is allowed.
Place this icon in the root directory of your website. Many browsers will use this icon as a customization for the your address when users visit your pages. Also when users bookmark a page within your site, this icon will often be associated with the bookmark.
University websites are to use brand fonts. Headings are in all caps using Pluto Sans Bold. Body copy is to be Sofia Pro Regular. The style sheets with the NGWP theme applies these standards appropriately if you don’t adjust the font or size of text.
Navigation on websites and other electronic communications should be styled in all upper case Sofia Pro with Arial as a substitute. (font-family: Sofia Pro, Arial, sans-serif;)
Sidebar headings and sub-headings should utilize Sofia Pro. All other text and/or navigation elements in a sidebar should be displayed in the Sofia Pro in appropriate case, with Arial as a secondary option: (font-family: Sofia Pro, Arial, sans-serif;)
Body copy on websites and other electronic communications should be styled in the san-serif font Sofia Pro with Arial as a substitute option. In most instances, body copy should be set as flush left. Font size for the content part of a web page is set at .75em in the UNCG global styles which will make content copy sized at 75 percent of the visitor’s default browser font size. The content copy line spacing (or line-height in CSS terminology) should be 1.7.
In most cases, when web developers use the UNCG web assets including the global style sheet, body font styling should default to the above CSS. In situations where it is not possible to directly use the UNCG web assets, developers should approximate this font styling as closely as possible.
Readers may have difficulty when text, images, and the background color are too close together in the color spectrum. The measure of this variation is contrast ratio. A good example of this is that you would not want to put navy blue text on a black background because there is not enough contrast ratio to allow good separation between the text and the background. It is best practice to ensure that text and backgrounds have a contrast ratio of 4.5:1 and there are tools on the web to help determine the contrast ratio.
Accessibility tests can be performed using tools such as webaim.org/wave.
Abbreviations on web pages can help convey a message quickly and efficiently.
However, they can also be confusing, especially for first-time visitors who may not be familiar with your program. Additionally, abbreviations can cause confusion for visitors who have different accessibility needs and may be using adaptive technology.
In consultation with Accessibility Resources at UNCG, the following guidelines should be followed to ensure online content is available to all users:
The copyright in the footer of the webpage should be kept current to reflect the current year. This helps the reader know that the page has been updated and kept current.
Students, faculty, and staff often use slide presentations on and off campus. Every speaking engagement is an opportunity to incorporate the University’s brand and your affiliation with UNC Greensboro. To maintain a consistent look for audiences, UNC Greensboro branded templates for PowerPoint and Google Slides are available for presentation needs. Widescreen (16:9 aspect ratio) and standard screen (4:3 aspect ratio) formats of the presentation templates are provided. When a projection image is needed, a logo-only cover slide can be used from the slide layout options of the chosen template.
Using the PowerPoint templates:
1. Determine whether you want to present in 16:9 (widescreen) or 4:3 (standard) format.
2. Download and save the appropriate template Zip file (widescreen or standard) of the chosen template.
3. Unzip the downloaded Zip file and open the downloaded template file in PowerPoint.
4. Save as a PowerPoint presentation (*.pptx), and then add your slides and content for your presentation.
Template Option 1: Logo Bottom Left with Navy or White Background
With this option the logo is in the bottom left. Slide layout choices include either a navy or white background, cover slides, and additional slides for a “Thank You” slide and a tagline slide.
Template Option 2: Logo Top Left with Navy Top Bar
With this option the logo is in the top left over a narrow navy bar at the top and a white background. Slide layout choices include cover slides, and additional slides for a “Thank You” slide and a tagline slide.