Web Design and Maintenance


Published on

Working with the Office of Web Communications to improve your department, office or college web site.

Published in: Education, Business, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Web Design and Maintenance

  1. 1. Web Design and Maintenance <ul><li>Purpose </li></ul><ul><ul><li>What do you want to accomplish? </li></ul></ul><ul><ul><ul><li>Without a clear purpose, your site can become pointless and rambling </li></ul></ul></ul><ul><ul><li>Who do you want to reach? </li></ul></ul><ul><ul><ul><li>Your target audience determines look and feel, but also how content should be written </li></ul></ul></ul><ul><ul><li>What do you want to tell them? </li></ul></ul><ul><ul><ul><li>Have some key concepts and ideas. Distill it. </li></ul></ul></ul><ul><ul><ul><li>Remember: people skim, not read, Web pages </li></ul></ul></ul><ul><ul><ul><li>Avoid lengthy, pedantic or overly academic content </li></ul></ul></ul>
  2. 2. Web Design and Maintenance
  3. 3. Web Design and Maintenance <ul><li>Content is King </li></ul><ul><ul><li>More important than any other element, including colors, layout or images </li></ul></ul><ul><ul><li>Can be difficult and time-consuming </li></ul></ul><ul><li>Content Tips </li></ul><ul><ul><li>Supply all of the text exactly as you want it to appear </li></ul></ul><ul><ul><li>Watch for abbreviations, acronyms and jargon </li></ul></ul><ul><ul><li>Don't cut corners and assume we will fill in the rest </li></ul></ul><ul><ul><li>Organize content to reflect the structure of your site </li></ul></ul>
  4. 4. Web Design and Maintenance <ul><li>Omit Needless Words </li></ul><ul><ul><li>After you write content, remove half the words. </li></ul></ul><ul><ul><li>The page will be less noisy. </li></ul></ul><ul><ul><li>Useful content will stand out. </li></ul></ul><ul><ul><li>Pages will be shorter (that’s good, since people don’t read). </li></ul></ul><ul><ul><li>Avoid small talk, welcomes and mission statements. Users want you to get to the point. </li></ul></ul><ul><ul><li>No one reads instructions. Don’t include them. </li></ul></ul>
  5. 5. Web Design and Maintenance <ul><li>Focus on the User or Student </li></ul><ul><ul><li>Audience determines presentation </li></ul></ul><ul><ul><li>Do not focus on the perspective of your office, department or self </li></ul></ul><ul><li>A User Should Not Have to Ask: </li></ul><ul><ul><li>Where am I? Where should I begin? </li></ul></ul><ul><ul><li>What am I looking at? </li></ul></ul><ul><ul><li>Where did they put _____? Why did they call it that? </li></ul></ul><ul><ul><li>What are the most important things on this page? </li></ul></ul>
  6. 6. Web Design and Maintenance
  7. 7. Web Design and Maintenance <ul><li>Photo Tips </li></ul><ul><ul><li>Use high-resolution images </li></ul></ul><ul><ul><li>Clearly display the subject </li></ul></ul><ul><ul><li>Photos taken on cell phones/ webcams or that do not clearly frame the subject should not be used </li></ul></ul><ul><ul><li>Avoid using Bengal Card photos </li></ul></ul><ul><ul><li>Examples </li></ul></ul><ul><ul><ul><li>Good- http://www.isu.edu/english/Faculty/BrianAttebery.html </li></ul></ul></ul><ul><ul><ul><li>Webcam- http://www.isu.edu/english/Faculty/RogerSchmidt.html </li></ul></ul></ul><ul><ul><ul><li>Framing- http://www.isu.edu/housing/hall_rendezvous.shtml </li></ul></ul></ul>
  8. 8. Web Design and Maintenance <ul><li>Photo Examples </li></ul><ul><ul><ul><li>Webcam- http://www.isu.edu/english/Faculty/RogerSchmidt.html </li></ul></ul></ul><ul><ul><ul><li>Good- http://www.isu.edu/english/Faculty/BrianAttebery.html </li></ul></ul></ul>
  9. 9. Web Design and Maintenance <ul><li>Photo Examples </li></ul><ul><ul><ul><li>Framing (from an actual ISU page, now removed) </li></ul></ul></ul>
  10. 10. Web Design and Maintenance <ul><li>Photo Tips </li></ul><ul><ul><li>If you embed photos in a Word or PDF file, please send the original photo files separately </li></ul></ul><ul><ul><li>Schedule a shoot with Photographic Services, or request photos they already have </li></ul></ul><ul><ul><ul><li>http://www.isu.edu/urelate/photo_services </li></ul></ul></ul><ul><ul><ul><li>282-3775 </li></ul></ul></ul>
  11. 11. Web Design and Maintenance <ul><li>Print Pieces </li></ul><ul><ul><li>If digital versions of print materials are available, we can use design elements from them to create a site. </li></ul></ul><ul><ul><li>Examples: </li></ul></ul><ul><ul><ul><li>http://www.isu.edu/asisu/march/ </li></ul></ul></ul><ul><ul><ul><li>http://www.isu.edu/acadaff/strategicplan/index.shtml </li></ul></ul></ul>
  12. 12. Web Design and Maintenance <ul><li>Example of Print Piece to Web Site: March through the Arch </li></ul><ul><ul><ul><li>http://www.isu.edu/asisu/march/ </li></ul></ul></ul>
  13. 13. Web Design and Maintenance <ul><li>Example of Print Piece to Web Site: Strategic Plan </li></ul><ul><ul><ul><li>http://www.isu.edu/acadaff/strategicplan/index.shtml </li></ul></ul></ul>
  14. 14. Web Design and Maintenance
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.