let’s go responsive!
TRANSCRIPT
Welcome to theUT Tyler OU Campus
New Template Workshop
Let’s Go Responsive!
Robin Kelly - WebmasterJames Mbewe – Web Developer
Emily Battle – Web Content [email protected]
UT Tyler Graphic and Editorial StandardsThe University of Texas at Tyler Office of Marketing and Communications offers guidelines and supports policies and procedures for maintaining consistency throughout UT Tyler publications and the university website; promoting a positive image for UT Tyler; and ensuring accountability for information presented in the name of the university.
These are some of the policies you should be familiar with:– Brand Identity– Privacy Policy– Link Policy– Accessibility– Usability– Copyright– Branding– Social Media
– Website Policies and ProceduresFollow these links for more information:
uttyler.edu/web/standardsuttyler.edu/marketing/policies
BrandingUT Tyler Logo
• The UT Tyler Logo is the university’s public brand.• The only sanctioned logotype is the UT Tyler logo.• UT Tyler Brand Identity Guidelines must be followed at all times.
– UT Tyler logo may only appear in orange and white, Pantone color 159.
– Logos may not be altered in any way.– No other logo can be developed to distinguish a unit.
Logo usage must be requested by the Office of Marketing and Communications: [email protected]
Learn more: uttyler.edu/logo
University Style
Correct: The University of Texas at Tyler
Incorrect: University of Texas at TylerUniversity of Texas, TylerUniversity of Texas in Tylerthe University of Texsa at Tyler
University Name
University Style
Correct: UT Tyler
Abbreviated University Name
When Referring to UT Tyler as “The University”Do not capitalize “university.”
Correct: The university is open for classes.
Incorrect: The University is open for classes.
Incorrect: UT-TylerUTUT at TylerUTT
University StylePhone Listings
Correct: 903.566.7303Incorrect: 903-566-7303
Correct: 903.566.7303Incorrect: (903) 566-7303
DatesCorrect: July 16Incorrect: July 16th
Correct: July 16Incorrect: 7/16/16
When Including Time, Date & PlaceAlways list the time and then the date, followed by the place:
Correct: Incorrect:
5 p.m. March 22, University Center April 9, University Center, 10 a.m. 10 a.m. April 9 at the University Center10 a.m. Saturday, April 2, UC Room 210
University StyleCorrect: 5 a.m.Incorrect: 5:00 a.m.
Correct: 6 p.m.Incorrect: 6 o’clock
Correct: 5 a.m.Incorrect: 5:00 a.m.
Correct: 6 - 7 p.m.Incorrect: 6 p.m. to 7 p.m.
Correct: 8 a.m.Incorrect: 8 pm
Correct: 7 p.m.Incorrect: 7 PM
Correct: noonIncorrect: 12 p.m.
Correct: 7 - 8 p.m.Incorrect: 7 PM - 8 PM
Time
Review:uttyler.edu/web/standards/time-date.php
Writing for the WebWebsite visitors read Web content differently than printed pieces. To improve readability:
• Summarize first. Put the main points in the first paragraph so readers scanning your pages will not miss your point.
• Be concise. Use lists rather than paragraphs, but only when your prose lends itself to such treatment.
• Keep it short. Web readers scan pages rather than reading word by word. Guide the reader by using headings, subheadings, bulleted lists and periodic bold text.
• Keep content up to date. Check pages often to remove outdated content.
What problem am I solving with the information I am adding to this page?
Review:
uttyler.edu/web/oucampus/writing.php
Web Guidelines• All Web pages and documents that represent UT Tyler or its official units, programs,
departments, research facilities or schools are expected to follow the Web style guide and guidelines.
• Failure to comply could result in:– The website creator being asked to make the necessary corrections.
• Continued failure could result in:– Removal of links from the UT Tyler website– Removal of department files of the UT Tyler Web server.
• The UT Tyler Web team has overall responsibility of the university website and home page content.
Review: uttyler.edu/web/standards
Updated standards will be added soon to include responsive design.
Site Architecture and Naming• To continue cohesive web structure:
– Top-level domain names are reserved for new departments.
• For search engines, bookmarks, and hyperlinks:– URLs should not be changed. – Content, titles and metadata can be updated to reflect changes needed.
A compelling reason must be presented to the Web team for a URL change consideration.Top-Level:
• All top-level domain names must be set up and approved by the Web team.
www.uttyler.edu/department/new-section
www.uttyler.edu/new-section
IMPORTANT: Please work with the UT Tyler Web team prior to moving or deleting a file or directory. Moving content could negatively effect search engines, important links on the UT Tyler Web server and bookmarks. The Web team can work with you to develop a plan for your change.
Review:
uttyler.edu/web/standards/architecture-naming.php
Site Architecture and NamingNaming Files • Use lowercase lettering when naming .php files.
– Avoid running words together– It is best practice to follow this rule when naming images and documents.
• Hyphens should be used to separate words. • No spaces, capitals or underscores.
Correct: www.uttyler.edu/academics/graduate/business-degree.phpIncorrect: www.uttyler.edu/Acad/Grad/Bus_Adm Degr.php
Avoid repetition. Avoid running words together. It is NOT necessary to repeat a word when naming files or directories.
Correct: uttyler.edu/compliance/budget-training.phpIncorrect: uttyler.edu/compliance/compliancebudgettraining.php
Review:
uttyler.edu/web/standards/link-standards.php
What is Responsive?Responsive Web design simply means a website has been constructed to look good on any device (desktop, laptop, tablet, smartphone). Some elements used in responsive design allow your site to resize, hide content, shrink, enlarge or move the content to make it look good on any screen.
What is Responsive?Key Features
• Content focused– No more duplicate content penalties– Users are after relevant content, not fancy
pictures
• SEO Friendly– Google has confirmed responsive design sites
improve search rankings
• Cross platform– Users can access content from all platforms
• Cost effective– No need to manage multiple sites.
• Future proof– Website stays relevant
Accessibility PolicyAnd Why it is Important!
• UT Tyler is committed to making its websites accessible to all users, and continues to work toward new design features to improve accessibility for users with disabilities.
• We are required to meet the statutory requirements with the Texas Administrative Code 206.70 Accessibility Standards (TAC 206.70) which references U.S. Section 508.
• ALL Web pages containing official university information must adhere and are encouraged to go beyond the minimum.
uttyler.edu/accessibility/
Usability, Accessibility and TestingThe new UT Tyler responsive design template has been designed to build accessible and user-friendly pages. Pages written properly will display on all screen sizes, platforms and orientation.
• Keep page content and navigation concise.• A text equivalent MUST be available
for all multimedia.– Images, video, audio, etc.
• Use general language.• Avoid technical jargon where possible.• Build machine-readable text pages.• Avoid publishing graphics with text content
to Web pages.
uttyler.edu/web/standards/images-graphics.php
Usability, Accessibility and Testing
uttyler.edu/web/standards/images-graphics.php
Usability, Accessibility and Testing
• Use the W3C Validate tool when publishing your page in OU Campus.• Test your site on “real people” for whom the site is intended. • Make adjustments as needed.• Use “call-to-action” links.• Use text links for hyperlinks avoiding graphic buttons.• Avoid erroneous buttons
and graphics.• Avoid using images
as text.• Avoid duplicate content.
uttyler.edu/web/standards/images-graphics.php
Build machine-readable text pages. Avoid publishing graphics with text content to Web pages.
Usability, Accessibility and TestingALL PDF documents must be accessible.• Avoid scanned documents.
– A scanned document is one large image per page and a screen reader will see a blank page.
• Tag the document to provide structure and support for bookmarks.• Add descriptive text to images.• Verify and correct the reading order.• Optimize the file size when possible.• Redact all personal information.
PDF accessible information and tutorials are readily available on the web.
uttyler.edu/web/oucampus/upload.php
Logging In
• Navigate to the page you wish to update
1. Navigate to your webpage you wish to update.
2. Click the copyright sign.
Don’t forget to log out!
3. Login with your user id and password youuse to login to your computer each day.
NOTE: Do not use the “Reset Password” link. The Web team cannot reset passwords.Your password is always the one you use to log in to your computer.
uttyler.edu/web/oucampus/login.php
Editing contentSelect the green “Edit Main Content” button to begin editing content.
uttyler.edu/web/oucampus/editing.php
ToolbarThe JustEdit toolbar has everything needed to edit content within the UT Tyler templates.
Editing pages are now easier than ever!
Adding LinksLinks within the UT Tyler website must include the dependency tag.
uttyler.edu/web/oucampus/link.php
Link CheckUsers can check for broken links very easy using the Link Check Gadget.You will see it in Gadgets after you SAVE the page.
uttyler.edu/web/oucampus/gadgets/link-check.php
Using spellcheck• Proofread and test pages BEFORE you publish/send for review.• Use the built-in “Spellcheck” within your editor.
It is the responsibility of all OU Campus users to make sure all links are working, grammar is correct and spelling is accurate.
uttyler.edu/web/oucampus/spellcheck.php
Reviewing AnalyticsReviewing Page Analytics will help:• Streamline content not needed.• Boost pages that are needed.
It is important to review and compare year to year.
uttyler.edu/web/oucampus/gadgets/page-analytics.php
Reviewing Analytics• Open the page you wish to review in OU Campus• Open “Gadgets”• Use the dropdown to select viewing options (Let’s select “Last 12 Months)
uttyler.edu/web/oucampus/gadgets/page-analytics.php
Page Analytics GadgetThese are actual Page Analytics from some of the content within our site:
uttyler.edu/web/oucampus/gadgets/page-analytics.php
Page Analytics GadgetThese are actual Page Analytics from some of the content within our site:
uttyler.edu/web/oucampus/gadgets/page-analytics.php
Updating PDF’sFrom the UT Tyler Web Standards• PDFs now have generic file names and are to be replaced.
– IMPORTANT: When uploading and updating PDFs to your website, ALWAYS re-name PDFs to the SAME file name given to your PDF files.
• Do not leave old documents on the web server and upload a new file with a different file name.• Old PDF files are left in search engines – students find the WRONG information when
PDFs are not replaced. • Links across the web linking to your PD’s BREAK when you change your file name.• Old PDF files take up extra storage space on the server.
– EXAMPLE:• Correct: committee.pdf incorrect: committee revised 2012.pdf• File names should not have spaces in the name.
• Delete ALL unused files from the web server.– HELPFUL HINT: Rename WORD documents to PDF documents and
correct any links. This will help all documents show up on all systems.
uttyler.edu/web/oucampus/replace-pdf.php
Updating PDF’sAvoid hoarding PDF files!
uttyler.edu/web/oucampus/replace-pdf.php
Updating PDF’sTime for spring cleaning.
uttyler.edu/web/oucampus/replace-pdf.php
Too much content is like…
HOARDING!Use the Page Analytics tool to see what pages are used.
Clean up your content!
Portal UpdatesSome of the options the Portal can be used for:
– Online Calendar– Faculty Job Postings– Parking Pass
If you have access, you will log in using your UTTYLER credentials.
Email [email protected] for more information.
Calendar Portal
uttyler.edu/web/oucampus/calendar.php
Calendar
Job Postings
uttyler.edu/web/oucampus/job-portal.php
Social MediaSarah YostenUT Tyler Social Media [email protected]@uttyler.edu
Twitter: www.twitter.com/uttylerFacebook: www.facebook.com/uttyler Instagram: www.Instagram.com/uttyler
uttyler.edu/socialmedia
Questions?Email us:[email protected]
