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.

Atlanta Drupal Users Group - October 2015 - Success of the GT Redesign

450 views

Published on

A high-level discussion of how Georgia Tech staff leveraged tools, knowledge, and community to help adopt a bold redesign.

Published in: Education
  • Be the first to like this

Atlanta Drupal Users Group - October 2015 - Success of the GT Redesign

  1. 1. Success of the “One Georgia Tech” Redesign 
 Enabling a web culture of sharing, collaboration, and inclusiveness
  2. 2. welcome!
  3. 3. me!
  4. 4. work
  5. 5. play
  6. 6. let’s get started
  7. 7. looking back
  8. 8. looking back
  9. 9. mobile? white space? feature
 space? all the
 menus outdated quick
 links dated design static HTML too.
 many.
 links. tiny articles social media?
  10. 10. mobile? white space? feature
 space? all the
 menus outdated quick
 links dated design static HTML too.
 many.
 links. tiny articles social media?
  11. 11. mobile? white space? feature
 space? all the
 menus outdated quick
 links dated design static HTML too.
 many.
 links. tiny articles social media?
  12. 12. the redesign
  13. 13. what about
 everyone else?
  14. 14. One 
 Georgia Tech
  15. 15. Institute Communications One 
 Georgia Tech
  16. 16. Institute Communications One 
 Georgia Tech Front Page Administration & Finance Top Level Content
  17. 17. Institute Communications One 
 Georgia Tech Front Page Administration & Finance Top Level Content DONE
  18. 18. Institute Communications One 
 Georgia Tech Front Page Administration & Finance Top Level Content
  19. 19. Institute Communications One 
 Georgia Tech Front Page Administration & Finance Top Level Content College of Sciences College of Engineering College of Business College of Architecture IAC College of Liberal Arts College of Computing
  20. 20. Institute Communications One 
 Georgia Tech Front Page Administration & Finance Top Level Content College of Sciences College of Engineering College of Business College of Architecture IAC College of Liberal Arts College of Computing Internal Staff/ Faculty Websites Georgia Tech Alumni Assoc. New Websites & Initiatives
  21. 21. Institute Communications One 
 Georgia Tech Front Page Administration & Finance Top Level Content College of Sciences College of Engineering College of Business College of Architecture IAC College of Liberal Arts College of Computing Internal Staff/ Faculty Websites Georgia Tech Alumni Assoc. New Websites & Initiatives Facilities Auxiliary Services Student Services Laboratories & Research Groups GT Research Institute Special Events Websites
  22. 22. Institute Communications One 
 Georgia Tech Front Page Administration & Finance Top Level Content College of Sciences College of Engineering College of Business College of Architecture IAC College of Liberal Arts College of Computing Internal Staff/ Faculty Websites Georgia Tech Alumni Assoc. New Websites & Initiatives Facilities Auxiliary Services Student Services Laboratories & Research Groups GT Research Institute Special Events Websites School,Department,andCourseWebsiteswithinEachCollege
  23. 23. Institute Communications One 
 Georgia Tech Front Page Administration & Finance Top Level Content College of Sciences College of Engineering College of Business College of Architecture IAC College of Liberal Arts College of Computing Internal Staff/ Faculty Websites Georgia Tech Alumni Assoc. New Websites & Initiatives Facilities Auxiliary Services Student Services Laboratories & Research Groups GT Research Institute Special Events Websites School,Department,andCourseWebsiteswithinEachCollege Our work isn’t done yet!
  24. 24. how did we fix this mess?!
  25. 25. Standardize & Customize Options #1 Provide a standard system(s), tool set(s), and best practices - as well as plug-and-play features!
  26. 26. Standardize & Customize Options #1 Provide a standard system(s), tool set(s), and best practices - as well as plug-and-play features! Document Everything #2 Assume a high barrier-to-entry, little prior knowledge. Build it like your grandmother would use it.
  27. 27. Standardize & Customize Options #1 Provide a standard system(s), tool set(s), and best practices - as well as plug-and-play features! Document Everything #2 Assume a high barrier-to-entry, little prior knowledge. Build it like your grandmother would use it. Keep It Simple & Safe #3 Make scaffolded customization as simple and easy as possible. Leave the expert functionality to experts.
  28. 28. Standardize & Customize Options #1 Provide a standard system(s), tool set(s), and best practices - as well as plug-and-play features! Document Everything #2 Assume a high barrier-to-entry, little prior knowledge. Build it like your grandmother would use it. Keep It Simple & Safe #3 Make scaffolded customization as simple and easy as possible. Leave the expert functionality to experts. Communicate & Revise #4 Build community - talk to end users. Be prepared to revise, expand, or rebuild based on campus needs.
  29. 29. Standardize & Customize Options #1 Provide a standard system(s), tool set(s), and best practices - as well as plug-and-play features!
  30. 30. content mgmt. (simplifying web authorship)
  31. 31. content mgmt. (simplifying web authorship) Open Source / Free #1 Drupal, WordPress, etc. Products which are free but rely on community for new features, documentation, etc.
  32. 32. content mgmt. (simplifying web authorship) Open Source / Free #1 Drupal, WordPress, etc. Products which are free but rely on community for new features, documentation, etc. Closed Source / Proprietary #2 Purchased products which the source code cannot be reviewed or edited.
  33. 33. Security Flexibility Maintainability Age Learning Curve Scaffolding Price Features Future Custom Devel.
  34. 34. Security Flexibility Maintainability Age Learning Curve Scaffolding Price Features Future Custom Devel. Case studies, discussion, and research!
  35. 35. what we did…
  36. 36. what we did…
  37. 37. end product(s)
  38. 38. Drupal Primary CMS for campus usage. Open Source. Used for front page, most large websites, and many internal tools. Relatively high barrier-to-entry, built for developers. end product(s)
  39. 39. Drupal Primary CMS for campus usage. Open Source. Used for front page, most large websites, and many internal tools. Relatively high barrier-to-entry, built for developers. WordPress Secondary CMS. Open Source. Used for brochure-ware, simple websites. Low turn-around time, easy to work with. end product(s)
  40. 40. tool sets (making websites easy to build)
  41. 41. tool sets (making websites easy to build) Content & Structure Hardening #1 Whitelist only certain HTML tags, WYSIWYG features, content options, configuration settings.
  42. 42. tool sets (making websites easy to build) Content & Structure Hardening #1 Whitelist only certain HTML tags, WYSIWYG features, content options, configuration settings. Import/Enable Features #2 Allow for supplemental functionality (i.e. slideshows) to be enabled and configured. Build a feature-suite.
  43. 43. best practices (features as learning experiences)
  44. 44. best practices (features as learning experiences) Show, Don’t Tell #1 Showcase (alongside documentation) how best to build websites. Lead by example, not by decree.
  45. 45. best practices (features as learning experiences) Show, Don’t Tell #1 Showcase (alongside documentation) how best to build websites. Lead by example, not by decree. Educate on Security & Requirements #2 Provide ‘hows’ and ‘whys’ to 508/accessibility compliance, student record privacy, and content system updates.
  46. 46. Accessibility, Security, Privacy, & Standards
  47. 47. Accessibility, Security, Privacy, & Standards Office of Disability Services Office of Information Technology Office of Dean of Students Institute Communications
  48. 48. Document Everything #2 Assume a high barrier-to-entry, little prior knowledge. Build it like anyone could use it!
  49. 49. best practices (document like a pro)
  50. 50. best practices (document like a pro) Leverage Existing Resources #1 Link, quote, and reference existing documentation where appropriate. Give back to the community if yours is better.
  51. 51. best practices (document like a pro) Leverage Existing Resources #1 Link, quote, and reference existing documentation where appropriate. Give back to the community if yours is better. Let Any User Update/Create Docs #2 Give the power to the end-users to expand, adjust, and create articles. Others can clean up content added.
  52. 52. http://drupal.gatech.edu
  53. 53. http://webmasters.gatech.edu
  54. 54. Keep It Simple & Safe #3 Make scaffolded customization as simple and easy as possible. Leave the expert functionality to experts.
  55. 55. Pages Slideshow(s) GT-specific Configuration Menus CKEditor & Theme Configuration GT-specific Modules Basic & General Usage Functionality
  56. 56. Pages Slideshow(s) GT-specific Configuration Menus CKEditor & Theme Configuration GT-specific Modules Basic & General Usage Functionality 80% of Users
  57. 57. Pages Slideshow(s) GT-specific Configuration Menus CKEditor & Theme Configuration GT-specific Modules Basic & General Usage Functionality Rules Logic Workflows, Content Approval GT Overrides Custom-Made Modules Template Overrides Application Devel. (DAM, PM) Views & Panels Integrations Custom-Tailored Design & Theme Competitions, Programs Expert-Level Views Usage Advanced & Large-Scale Functionality 80% of Users
  58. 58. Pages Slideshow(s) GT-specific Configuration Menus CKEditor & Theme Configuration GT-specific Modules Basic & General Usage Functionality Rules Logic Workflows, Content Approval GT Overrides Custom-Made Modules Template Overrides Application Devel. (DAM, PM) Views & Panels Integrations Custom-Tailored Design & Theme Competitions, Programs Expert-Level Views Usage Advanced & Large-Scale Functionality 80% of Users 20% of Users
  59. 59. Pages Slideshow(s) GT-specific Configuration Menus CKEditor & Theme Configuration GT-specific Modules Basic & General Usage Functionality Rules Logic Workflows, Content Approval GT Overrides Custom-Made Modules Template Overrides Application Devel. (DAM, PM) Views & Panels Integrations Custom-Tailored Design & Theme Competitions, Programs Expert-Level Views Usage Advanced & Large-Scale Functionality 80% of Users 20% of Users We cover you!
  60. 60. Pages Slideshow(s) GT-specific Configuration Menus CKEditor & Theme Configuration GT-specific Modules Basic & General Usage Functionality Rules Logic Workflows, Content Approval GT Overrides Custom-Made Modules Template Overrides Application Devel. (DAM, PM) Views & Panels Integrations Custom-Tailored Design & Theme Competitions, Programs Expert-Level Views Usage Advanced & Large-Scale Functionality 80% of Users 20% of Users We cover you! We help you when you get stuck!
  61. 61. Communicate & Revise #4 Build community - talk to end users. Be prepared to revise, expand, or rebuild based on campus needs.
  62. 62. Community & Sharing!
  63. 63. Community & Sharing! Dreadful Silos
  64. 64. Community & Sharing! Dreadful Silos
  65. 65. Community & Sharing! Dreadful Silos How to make this migration?
  66. 66. Give all of our users an equal voice!
  67. 67. Who We Develop & Target For
  68. 68. IT Folks Web Developers Faculty Members Graduate Students Students Researchers GT Drupal Community Leadership Non-TechnicalManagers Who We Develop & Target For
  69. 69. Let all of our users see each other!
  70. 70. Let all of our users see each other!
  71. 71. Generate buy-in from products developed from feedback!
  72. 72. in review.
  73. 73. Standardize & Customize Options #1 Provide a standard system(s), tool set(s), and best practices - as well as plug-and-play features! Document Everything #2 Assume a high barrier-to-entry, little prior knowledge. Build it like your grandmother would use it. Keep It Simple & Safe #3 Make scaffolded customization as simple and easy as possible. Leave the expert functionality to experts. Communicate & Revise #4 Build community - talk to end users. Be prepared to revise, expand, or rebuild based on campus needs.
  74. 74. questions?

×