website editor training
- 2. You are your website • 88% of prospective students search the name of the school. • Nearly 58% search for the school and the program. • 1/5 students will give up on the institution entirely because of a poor website experience. • 40% of students browse our site with a phone.
- 3. Objectives Login to Concrete5 Edit Website Content Update Documents & Links Understand Web Best Practices Implement Web Accessibility
- 4. Help students achieve what they want. Simple and direct. Website Goal
- 5. Editing Content • Concrete5 and Content Management Systems • Signing in: ppcc.edu/admin • Pages • Edit Mode • Block Types • Editing a Block
- 6. Adding Files • File Manager • Sets - like a tag, or way of organizing your files so you can find them again • Should you add a file?
- 7. Proceed with Caution • Block Types: • Card Block, Content Block • Gutters and background • Layouts, containers for blocks • Please contact us before publishing Advanced
- 8. Best Practices • Understanding Students • Writing for the Web • Hyperlinks • Accessibility
- 9. Audience • Students, what are they like? • Task/Action oriented • Gloss over large amounts of text. tl;dr • Skim: Non-linear, look for headlines and calls to action • Navigate before investigate • Time limited • Don’t want to learn new ways to navigate
- 10. Welcome! Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Welcome is not welcoming. Users do not want, useless messages. Maecenas sed diam eget risus varius blandit sit amet non magna.Etiam orta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec id elit non mi porta gravida at eget metus.Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper. Curabitur blandit tempus porttitor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
- 11. Writing for the Web • Content is Number 1 • To the point. Terse and pithy • Break text into smaller sections using headings • Spell correctly • Skimmable Using unnecessarily complex vocabulary is oftentimes perplexing and can make your audience feel alienated, even a dilettante author can elucidate meaning in simple vernacular.
- 12. Content Hierarchy • What are most of them there to do, most of the time? • Prioritize and eliminate • Upside-down pyramid
- 13. Hyperlinks • The results, published this year in Environment and Behavior, suggest that commuting by car actually harms the creation of “social capital,” a term for social relationships that lead to community building and economic development. Click here, to read the article. vs • The results, published this year in Environment and Behavior, suggest that commuting by car actually harms the creation of “social capital,” a term for social relationships that lead to community building and economic development.
- 14. Consistency in Message • Red is an action, red background is a primary action. • The overview of each page is dark gray. • General content is white. • Aside content (not the main idea but related) is light gray. • Stick with default features. • Need something extra, contact us.
- 15. 4 Rules for an Effective Site 1. Link to the experts, do not duplicate content. 2. Stick to your main goal: you cannot be everything to everyone. 3. Every page should have a clear, actionable step. 4. Focus on Meaningful content.
- 16. Accessibility All students must be able to receive all the educational benefits provided by technology. in an equally effective and integrated manner. Affects: • Content structure • Images • Video • Documents • Basically everything
- 17. Resources • Learn more about using Concrete5: http://documentation.concrete5.org/editors • Request help more training, adding content or adjusting layout: https://hd.ppcc.edu/forms/website-request/