Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

November 2016 - Georgia Tech - Building a Research Website

117 views

Published on

A quick primer into best practices, details, and direction for building a research-oriented website.

Published in: Education
  • Be the first to comment

  • Be the first to like this

November 2016 - Georgia Tech - Building a Research Website

  1. 1. All About Building a Research Website Eric Sembrat
  2. 2. Eric Scott Sembrat Web Manager @ Georgia Tech College of Engineering - Dean’s Office twitter: @esembrat
 web: webbeh.com
  3. 3. First, Your Assignment
  4. 4. Bad Websites
  5. 5. Incredibly dated design/background pattern. (when was this page last updated? a lot sooner than you’d think.)
  6. 6. Non-standard menu placement and organization.
  7. 7. Georgia Tech logo and site graphic non- compliant, out of date.
  8. 8. Be wary of usage of Buzz, Georgia Tech protected assets.
  9. 9. Custom logos can sometimes look worse than not having one.
  10. 10. Non-standard appearance of menus may throw off end- users.
  11. 11. Make sure your website text appeals to each of your anticipated visitor role(s).
  12. 12. Make sure your website text appeals to each of your anticipated visitor role(s).
  13. 13. Don’t use fish as menu hovers.
  14. 14. Sometimes themed websites can detract from the professionalism of a website.
  15. 15. Key Takeaways Using outdated web styling gives the appearance of a stale website. Be wary of customizing ‘official’ GT logos, trademarks. Using very technical descriptions and text may detract intended audiences (read: public, media, graduate students).
  16. 16. Good Websites
  17. 17. Writing for the Web
  18. 18. Is Your Website Public? If so, you must adhere to 508 Accessibility Requirements for your website, content, images, and documents. See: http://www.gatech.edu/accessibility/
  19. 19. Accessibility Requirements At a minimum, you’ll need to have: • ‘Alt text’ on each and every non-descriptive image describing it. • Meaningful link text (not click here). • Responsible layout and content usage: • Not using tables for layouts • Using header text appropriately • Using contrasting colors for background/ text.
  20. 20. Consider Your Audience(s) When creating pages, updating content, or building a website, consider who might be visiting your website. Roles include: • General Public. • Prospective Graduate Students. • Prospective Faculty. • Current Students, Faculty. • Media and Communications. Build your websites to meet these end-users.
  21. 21. Consider Your Assets Remember that videos, images on your website are critical to the visual identity as well as potential articles and news. Photos and images should be available in large quality (>1200pixels) as needed. Videos should be available through services which allow captioning.
  22. 22. Consider Your Pages Content is king. Consider organizing content into individual menu items based on roles or usage. Examples being Research, Publications, People, News, Events, Contact Information. What kinds of content are you looking for on a website?
  23. 23. What can GT do for you?
  24. 24. Why Reinvent the Wheel? Georgia Tech has up-to-date resources, assets, and templates that make digital web communication and websites easy to build!
  25. 25. What is a CMS? Georgia Tech uses content management systems for most websites on-campus.
  26. 26. Content Management Systems Drupal • See: https://drupal.gatech.edu/ WordPress • See: http://pwp.gatech.edu/
  27. 27. Drupal The foundational CMS on campus. Very flexible for custom websites with lots of personalization, but very high technical requirements.
  28. 28. WordPress The service-oriented CMS on campus. Very easy to use (think: plug and play) but very limited customization.
  29. 29. Your Activity
  30. 30. Professional Web Presence Use the on-campus WordPress installation to create a website for your research and work. • http://pwp.gatech.edu/
  31. 31. Professional Web Presence Request a website for your own personal needs. • Use your GT account name as the site name and URL if desired. Test with WordPress, a content management system for websites on campus, with the goal of building what you would think is an ideal website for a personal need. Show and tell what you built and why.

×