atlanta drupal users group - october 2015 - success of the gt redesign
TRANSCRIPT
Success of the “One Georgia Tech” Redesign
Enabling a web culture of sharing, collaboration, and inclusiveness
welcome!
me!
work
play
let’s get started
looking back
looking back
mobile?
white space?
featurespace?
all themenus
outdatedquicklinks
dated design
static HTMLtoo.
many.links.
tiny articles
social media?
mobile?
white space?
featurespace?
all themenus
outdatedquicklinks
dated design
static HTMLtoo.
many.links.
tiny articles
social media?
mobile?
white space?
featurespace?
all themenus
outdatedquicklinks
dated design
static HTMLtoo.
many.links.
tiny articles
social media?
the redesign
what about everyone else?
One Georgia Tech
Institute Communications
One Georgia Tech
Institute Communications
One Georgia Tech
Front PageAdministration &
FinanceTop Level Content
Institute Communications
One Georgia Tech
Front PageAdministration &
FinanceTop Level Content
DONE
Institute Communications
One Georgia Tech
Front PageAdministration &
FinanceTop Level Content
Institute Communications
One Georgia Tech
Front PageAdministration &
FinanceTop Level Content
College of Sciences
College of Engineering
College of Business
College of Architecture
IAC College of Liberal Arts
College of Computing
Institute Communications
One Georgia Tech
Front PageAdministration &
FinanceTop 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 WebsitesGeorgia Tech
Alumni Assoc.New Websites &
Initiatives
Institute Communications
One Georgia Tech
Front PageAdministration &
FinanceTop 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 WebsitesGeorgia Tech
Alumni Assoc.New Websites &
Initiatives
Facilities
Auxiliary Services
Student Services
Laboratories & Research Groups
GT Research Institute
Special Events Websites
Institute Communications
One Georgia Tech
Front PageAdministration &
FinanceTop 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 WebsitesGeorgia Tech
Alumni Assoc.New Websites &
Initiatives
Facilities
Auxiliary Services
Student Services
Laboratories & Research Groups
GT Research Institute
Special Events Websites
Scho
ol, D
epar
tmen
t, an
d Co
urse
Web
site
s with
in E
ach
Colle
ge
Institute Communications
One Georgia Tech
Front PageAdministration &
FinanceTop 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 WebsitesGeorgia Tech
Alumni Assoc.New Websites &
Initiatives
Facilities
Auxiliary Services
Student Services
Laboratories & Research Groups
GT Research Institute
Special Events Websites
Scho
ol, D
epar
tmen
t, an
d Co
urse
Web
site
s with
in E
ach
Colle
ge
Our work isn’t done yet!
how did we fix this mess?!
Standardize & Customize Options#1 Provide a standard system(s), tool set(s), and best practices - as well as plug-and-play features!
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.
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.
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.
Standardize & Customize Options#1 Provide a standard system(s), tool set(s), and best practices - as well as plug-and-play features!
content mgmt.(simplifying web authorship)
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.
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.
Security Flexibility
Maintainability Age
Learning Curve
Scaffolding
Price
Features
Future Custom Devel.
Security Flexibility
Maintainability Age
Learning Curve
Scaffolding
Price
Features
Future Custom Devel.
Case studies, discussion, and
research!
what we did…
what we did…
end product(s)
DrupalPrimary 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)
DrupalPrimary 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.
WordPressSecondary CMS. Open Source.
Used for brochure-ware, simple websites.
Low turn-around time, easy to work with.
end product(s)
tool sets(making websites easy to build)
tool sets(making websites easy to build)
Content & Structure Hardening#1 Whitelist only certain HTML tags, WYSIWYG features, content options, configuration settings.
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.
best practices(features as learning experiences)
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.
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.
Accessibility, Security, Privacy, & Standards
Accessibility, Security, Privacy, & Standards
Office of Disability Services
Office of Information Technology
Office of Dean of Students
Institute Communications
Document Everything#2 Assume a high barrier-to-entry, little prior knowledge. Build it like anyone could use it!
best practices(document like a pro)
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.
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.
http://drupal.gatech.edu
http://webmasters.gatech.edu
Keep It Simple & Safe#3 Make scaffolded customization as simple and easy as possible. Leave the expert functionality to experts.
Pages Slideshow(s) GT-specific Configuration
Menus CKEditor & Theme Configuration
GT-specific Modules
Basic & General Usage Functionality
Pages Slideshow(s) GT-specific Configuration
Menus CKEditor & Theme Configuration
GT-specific Modules
Basic & General Usage Functionality
80% of Users
Pages Slideshow(s) GT-specific Configuration
Menus CKEditor & Theme Configuration
GT-specific Modules
Basic & General Usage Functionality
Rules LogicWorkflows, 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
Pages Slideshow(s) GT-specific Configuration
Menus CKEditor & Theme Configuration
GT-specific Modules
Basic & General Usage Functionality
Rules LogicWorkflows, 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
Pages Slideshow(s) GT-specific Configuration
Menus CKEditor & Theme Configuration
GT-specific Modules
Basic & General Usage Functionality
Rules LogicWorkflows, 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!
Pages Slideshow(s) GT-specific Configuration
Menus CKEditor & Theme Configuration
GT-specific Modules
Basic & General Usage Functionality
Rules LogicWorkflows, 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!
Communicate & Revise#4 Build community - talk to end users. Be prepared to revise, expand, or rebuild based on campus needs.
Community & Sharing!
Community & Sharing!
Dreadful Silos
Community & Sharing!
Dreadful Silos
Community & Sharing!
Dreadful Silos
How to make this
migration?
Give all of our users an equal voice!
Who We Develop & Target For
IT Folks Web DevelopersFaculty
Members
Graduate Students Students Researchers
GT Drupal Community
Leadership Non-TechnicalManagers
Who We Develop & Target For
Let all of our users see each other!
Let all of our users see each other!
Generate buy-in from products
developed from feedback!
in review.
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.
questions?