Style Guide Requirements
Web Style Guide Requirements:
- Naming convention of file names. Use all lower case, do not use acronyms, and separate words with dash “-“ for example, “graduate-programs.pcf” Please ensure you are using meaningful naming conventions. Also, use naming conventionts that are universal, for example, use xyzdirector, as the directors page instead of naming the file by the name of the director. Also, avoid using the year of the document, otherwise, when the document or file changes from year to year, you will have to delete the old, make a new page for the new, and then find all the places throughout the website that links to the old page and change them to point to the new page. This will avoid creating more work for yourself or the administrators of the site. For example, “xyz-program-requirements-2010,” instead use “xyz-program-requirements.”
- In your menu items, please use a colon”:” after the TITLE, or header, of your Menus.
- All pages must have a Header1 Title at the top of the page. Try to keep this to one line. It also needs to be what the user is expecting when they navigated to that page.
- The use of headers: Please utilize the header default font and size, otherwise it takes away from the intention of the header. For example, header3 is used often throughout the site and it takes away from the meaning and cohesiveness of the site by changing the default size and font style.
- School of Business Administration should follow the "Robert W. Plaster School of Business Administration" name.
- Menus on the left of each page should be customized for each page or site, for example, using the menu in one area may not be appropriate to use in another. Links in tabs can become very long and cumbersome to utilize blanket general menu items. This goes back to looking at your menus and ensuring it makes sense and is logical to the “end user” the menu should be methodical and logical. We need to know on each page where would the user want to go? There should not be an instance where it takes the user more than 3 clicks to get anywhere they want to go. Menu items should be robust and logical, try to think like the user.
- E-mail for contact, would prefer not to have it automatically try to use the e-mail app of the user, instead go to the “contact us” page. It is not user friendly and can be somewhat frustrating for a user when it automatically pulls up Outlook and nothing is set up.
- Please look in “ASSET” or “snippet” to see if there is verbiage already input universally. For example, in “ASSETS” there is an Asset you can post in your site that has the “University Profile”, this is more information than fast facts, and it ensures we are all putting the same data out on the different sites. Also, by utilizing these “Assets” we can change the information in the asset once and it will change the information in each site it’s put into. One change instead of many. This Asset has information about the university, Enrollment for Fall of 2010 was 5,802, if we see a significant change we can change that information within the asset and it changes everywhere that asset was inserted. Any information or “Asset” that is duplicated, even verbiage, should be put in as a snippet. Easier maintenance, and shows uniformity. If the info changes you only have to change it in one place. If you find duplication please contact Web Content Coordinator at 417.626.7823 and 417.659.4339 or URM Department at 417.625.9399.
- Please use similar to exact language as it is shown in other portions of the site. For example, if the verbiage states more than 100 options in one part of the site, there should not be verbiage saying almost 200 options in another part of the site. Also, the conversational and formatting message should be consistent throughout the site.
- Use Associated Press (AP) style format, for example; “myriads of special projects, events, inquiries and requests” in other formats there would be a comma between inquiries and requests, AP format does not. See “Useful Resources” at bottom of this document and follow link to AP format requirements.
- Avoid “Click Here.” Ensure your link is logical and uses a title, for example, “When you're ready for the next step into enhancing your education, the Admissions Office is here to help you.” Or “Learn more about International Admissions.”
- Hyperlinks: if you are inserting links that are outside our website including links pointed to the old site, then it should open up a new frame, so when they close it they still have our site up.