78
Drupal: A Glimpse at Northeastern University Libraries Website

Drupal: Northeastern University Libraries website

Embed Size (px)

DESCRIPTION

A closer look at the Drupal side of our Northeastern University Libraries website redesign//Drupal build. Presented by Lisa Sawin to the Rice University Library Drupal Group on June 5, 2012.

Citation preview

Page 1: Drupal: Northeastern University Libraries website

Drupal: A Glimpse at Northeastern University Libraries Website

Page 2: Drupal: Northeastern University Libraries website

Who is iFactory?•Based in Boston•Interactive design and development company with over 20

years experience•Division of RDW Group, full-service communications agency•Designers, strategic consultants, information architects,

usability experts, developers•Higher ed profiles include:

colleges & universities | public & private | large & small

undergraduate & graduate

ivy league to community colleges | across the country

Page 3: Drupal: Northeastern University Libraries website

Where to find uswww.ifactory.com

blog: interactivity.ifactory.com

Find us as iFactoryBoston:

Page 4: Drupal: Northeastern University Libraries website

What you’ll learn today:• Configuring some aspects of the Drupal admin to

enable a wide variety of users to create content• Customizing display of complex content types,

including using javascript blinds to show/hide information• Setting up a variety of views for different ways to list,

filter and sort content • Tagging to enable highlighting content which otherwise

does not get enough attention • Using the Field Permissions module to deliver fine-

grained customization of content delivery

Page 5: Drupal: Northeastern University Libraries website

Your presenter

Lisa Sawin Solutions Architect for iFactory

Lisa has 10 years experience in software and web application

design. As a Solutions Architect for iFactory, Lisa's role is to be the

technical voice on projects, from the initial client meetings through

planning, construction and delivery of the final site. She is

experienced in developing Drupal and WordPress sites for a wide

variety of clients in various verticals, from libraries to higher ed to

small businesses.

Page 6: Drupal: Northeastern University Libraries website

Higher Ed Websites

• Often have a variety of content creators• Content is often added without being screened• Content can be very complex• Users may need a variety ways to access this

complex information• Site may have a lot of information users don’t

even know they would be interested in• Different users may need different views of the

same content

Page 7: Drupal: Northeastern University Libraries website

Higher Ed Websites

• Often have a variety of content creators• Content is often added without being screened• Content can be very complex• Users may need a variety ways to access this

complex information• Site may have a lot of information users don’t

even know they would be interested in• Different users may need different views of the

same content

Page 8: Drupal: Northeastern University Libraries website

Higher Ed Websites

• Often have a variety of content creators• Content is often added without being screened• Content can be very complex• Users may need a variety ways to access this

complex information• Site may have a lot of information users don’t

even know they would be interested in• Different users may need different views of the

same content

Page 9: Drupal: Northeastern University Libraries website

Higher Ed Websites

• Often have a variety of content creators• Content is often added without being screened• Content can be very complex• Users may need a variety ways to access this

complex information• Site may have a lot of information users don’t

even know they would be interested in• Different users may need different views of the

same content

Page 10: Drupal: Northeastern University Libraries website

Higher Ed Websites

• Often have a variety of content creators• Content is often added without being screened• Content can be very complex• Users may need a variety ways to access this

complex information• Site may have a lot of information users don’t

even know they would be interested in• Different users may need different views of the

same content

Page 11: Drupal: Northeastern University Libraries website

Higher Ed Websites

• Often have a variety of content creators• Content is often added without being screened• Content can be very complex• Users may need a variety ways to access this

complex information• Site may have a lot of information users don’t

even know they would be interested in• Different users may need different views of the

same content

Page 12: Drupal: Northeastern University Libraries website

Higher Ed Websites

• Often have a variety of content creators• Content is often added without being screened• Content can be very complex• Users may need a variety ways to access this

complex information• Site may have a lot of information users don’t

even know they would be interested in• Different users may need different views of the

same content

Page 13: Drupal: Northeastern University Libraries website

Drupal Strengths & Weaknesses• Admin users have a lot of power• Admin user interface can be overwhelming• Many contributed modules available to help• Extensible by custom modules, too

Page 14: Drupal: Northeastern University Libraries website

• Admin users have a lot of power• Admin user interface can be overwhelming• Many contributed modules available to help• Extensible by custom modules, too

Drupal Strengths & Weaknesses

Page 15: Drupal: Northeastern University Libraries website

• Admin users have a lot of power• Admin user interface can be overwhelming• Many contributed modules available to help• Extensible by custom modules, too

Drupal Strengths & Weaknesses

Page 16: Drupal: Northeastern University Libraries website

• Admin users have a lot of power• Admin user interface can be overwhelming• Many contributed modules available to help• Extensible by custom modules, too

Drupal Strengths & Weaknesses

Page 17: Drupal: Northeastern University Libraries website

• Admin users have a lot of power• Admin user interface can be overwhelming• Many contributed modules available to help• Extensible by custom modules, too

Drupal Strengths & Weaknesses

Page 18: Drupal: Northeastern University Libraries website

Customizing Admin Features • Constrained page layouts increase freedom

while maintaining unified look & feel• Only give content creators the tools you’d like

them to use• Image styles constrain images to fit layout• Use combination of contrib and custom

modules to constrain WYSIWYG tools

Page 19: Drupal: Northeastern University Libraries website

Customizing Admin Features • Constrained page layouts increase freedom

while maintaining unified look & feel• Only give content creators the tools you’d like

them to use• Image styles constrain images to fit layout• Use combination of contrib and custom

modules to constrain WYSIWYG tools

Page 20: Drupal: Northeastern University Libraries website
Page 21: Drupal: Northeastern University Libraries website

Customizing Admin Features • Constrained page layouts increase freedom

while maintaining unified look & feel• Only give content creators the tools you’d like

them to use• Image styles constrain images to fit layout• Use combination of contrib and custom

modules to constrain WYSIWYG tools

Page 22: Drupal: Northeastern University Libraries website

Customizing Admin Features • Constrained page layouts increase freedom

while maintaining unified look & feel• Only give content creators the tools you’d like

them to use• Image styles constrain images to fit layout• Use combination of contrib and custom

modules to constrain WYSIWYG tools

Page 23: Drupal: Northeastern University Libraries website

Customizing Admin Features • Constrained page layouts increase freedom

while maintaining unified look & feel• Only give content creators the tools you’d like

them to use• Image styles constrain images to fit layout• Use combination of contrib and custom

modules to constrain WYSIWYG tools

Page 24: Drupal: Northeastern University Libraries website
Page 25: Drupal: Northeastern University Libraries website
Page 26: Drupal: Northeastern University Libraries website
Page 27: Drupal: Northeastern University Libraries website

Contrib + custom = just right

• CKEditor gives us control over WYSIWYG options per text format

• Better formats can restrict a user’s ability to change text format

• A custom module adds the missing puzzle piece to restrict WYSIWYG options

• http://drupal.org/node/1192062

Page 28: Drupal: Northeastern University Libraries website

Contrib + custom = just right

• CKEditor gives us control over WYSIWYG options per text format

• Better formats can restrict a user’s ability to change text format

• A custom module adds the missing puzzle piece to restrict WYSIWYG options

• http://drupal.org/node/1192062

Page 29: Drupal: Northeastern University Libraries website
Page 30: Drupal: Northeastern University Libraries website
Page 31: Drupal: Northeastern University Libraries website

Contrib + custom = just right

• CKEditor gives us control over WYSIWYG options per text format

• Better formats can restrict a user’s ability to change text format

• A custom module adds the missing puzzle piece to restrict WYSIWYG options

• http://drupal.org/node/1192062

Page 32: Drupal: Northeastern University Libraries website
Page 33: Drupal: Northeastern University Libraries website

Contrib + custom = just right

• CKEditor gives us control over WYSIWYG options per text format

• Better formats can restrict a user’s ability to change text format

• A custom module adds the missing puzzle piece to restrict WYSIWYG options

• http://drupal.org/node/1192062

Page 34: Drupal: Northeastern University Libraries website
Page 35: Drupal: Northeastern University Libraries website

Contrib + custom = just right

• CKEditor gives us control over WYSIWYG options per text format

• Better formats can restrict a user’s ability to change text format

• A custom module adds the missing puzzle piece to restrict WYSIWYG options

• http://drupal.org/node/1192062

Page 36: Drupal: Northeastern University Libraries website

Mitigate risk, increase freedom

• Remove the option to “break” the site• Encourage content creators by giving them an

easy-to-use interface

Page 37: Drupal: Northeastern University Libraries website

Mitigate risk, increase freedom

• Remove the option to “break” the site• Encourage content creators by giving them an

easy-to-use interface

Page 38: Drupal: Northeastern University Libraries website

Mitigate risk, increase freedom

• Remove the option to “break” the site• Encourage content creators by giving them an

easy-to-use interface

Page 39: Drupal: Northeastern University Libraries website

• Databases, services, software, courses, etc• Lots of associated information• Users may be confused about what these

content types really are

Complex content

Page 40: Drupal: Northeastern University Libraries website

Complex content

• Databases, services, software, courses, etc• Lots of associated information• Users may be confused about what these

content types really are

Page 41: Drupal: Northeastern University Libraries website

• Databases, services, software, courses, etc• Lots of associated information• Users may be confused about what these

content types really are

Complex content

Page 42: Drupal: Northeastern University Libraries website

• Databases, services, software, courses, etc• Lots of associated information• Users may be confused about what these

content types really are

Complex content

Page 43: Drupal: Northeastern University Libraries website

Thoughtful presentation is key• Consistent, structured layout• Understandable terms• Expected interactions: a link should do what

the users expect it to do• Graphic design: use of color, font, spacing

Page 44: Drupal: Northeastern University Libraries website

Thoughtful presentation is key• Consistent, structured layout• Understandable terms• Expected interactions: a link should do what

the users expect it to do• Graphic design: use of color, font, spacing

Page 45: Drupal: Northeastern University Libraries website

Thoughtful presentationis key• Consistent, structured layout• Understandable terms• Expected interactions: a link should do what

the users expect it to do• Graphic design: use of color, font, spacing

Page 46: Drupal: Northeastern University Libraries website

Thoughtful presentation is key• Consistent, structured layout• Understandable terms• Expected interactions: a link should do what

the users expect it to do• Graphic design: use of color, font, spacing

Page 47: Drupal: Northeastern University Libraries website

Thoughtful presentation is key• Consistent, structured layout• Understandable terms• Expected interactions: a link should do what

the users expect it to do• Graphic design: use of color, font, spacing

Page 48: Drupal: Northeastern University Libraries website
Page 49: Drupal: Northeastern University Libraries website

Creatively remove excess info• Blinds to hide some of the content• Icons• Link intuitively

Page 50: Drupal: Northeastern University Libraries website

Creatively remove excess info• Blinds to hide some of the content• Icons• Link intuitively

Page 51: Drupal: Northeastern University Libraries website

Creatively remove excess info• Blinds to hide some of the content• Icons• Link intuitively

Page 52: Drupal: Northeastern University Libraries website

Creatively remove excess info• Blinds to hide some of the content• Icons• Link intuitively

Page 53: Drupal: Northeastern University Libraries website

Use a variety of list styles• A-Z index• Exposed filters• Break down into menu items

Page 54: Drupal: Northeastern University Libraries website

Use a variety of list styles• A-Z index• Exposed filters• Break down into menu items

Page 55: Drupal: Northeastern University Libraries website

Use a variety of list styles• A-Z index• Exposed filters• Break down into menu items

Page 56: Drupal: Northeastern University Libraries website

Use a variety of list styles• A-Z index• Exposed filters• Break down into menu items

Page 57: Drupal: Northeastern University Libraries website

Related content blocks

• Sitewide vocabulary to connect content• Blocks to display on single node pages• Context to place blocks

Page 58: Drupal: Northeastern University Libraries website
Page 59: Drupal: Northeastern University Libraries website
Page 60: Drupal: Northeastern University Libraries website

Related content blocks

• Sitewide vocabulary to connect content• Blocks to display on single node pages• Context to place blocks

Page 61: Drupal: Northeastern University Libraries website
Page 62: Drupal: Northeastern University Libraries website

Related content blocks

• Sitewide vocabulary to connect content• Blocks to display on single node pages• Context to place blocks

Page 63: Drupal: Northeastern University Libraries website

Related content blocks

• Sitewide vocabulary to connect content• Blocks to display on single node pages• Context to place blocks

Page 64: Drupal: Northeastern University Libraries website
Page 65: Drupal: Northeastern University Libraries website
Page 66: Drupal: Northeastern University Libraries website
Page 67: Drupal: Northeastern University Libraries website

Altering site content for users• Field Permissions for displaying individual

fields for specific roles• Context module handles display of blocks

on a per-role or per-section basis• Custom context conditions for block

presentation based on page views

Page 68: Drupal: Northeastern University Libraries website

Altering site content for users• Field Permissions for displaying individual

fields for specific roles• Context module handles display of blocks

on a per-role or per-section basis• Custom context conditions for block

presentation based on page views

Page 69: Drupal: Northeastern University Libraries website
Page 70: Drupal: Northeastern University Libraries website
Page 71: Drupal: Northeastern University Libraries website

Altering site content for users• Field Permissions for displaying individual

fields for specific roles• Context module handles display of blocks

on a per-role or per-section basis• Custom context conditions for block

presentation based on page views

Page 72: Drupal: Northeastern University Libraries website

Altering site content for users• Field Permissions for displaying individual

fields for specific roles• Context module handles display of blocks

on a per-role or per-section basis• Custom context conditions for block

presentation based on page views

Page 73: Drupal: Northeastern University Libraries website

Higher Ed Websites• Use the power of Drupal to help your content

creators feel empowered to keep content up-to-date• Present complex content thoughtfully to make it

easier to for users to understand and find what they need

• Target information to users, so they only see what they need

• Harness serendipitous discovery to show content to user who may not even know they were interested

Page 74: Drupal: Northeastern University Libraries website

Higher Ed Websites• Use the power of Drupal to help your content

creators feel empowered to keep content up-to-date• Present complex content thoughtfully to make it

easier to for users to understand and find what they need

• Target information to users, so they only see what they need

• Harness serendipitous discovery to show content to user who may not even know they were interested

Page 75: Drupal: Northeastern University Libraries website

Higher Ed Websites• Use the power of Drupal to help your content

creators feel empowered to keep content up-to-date• Present complex content thoughtfully to make it

easier to for users to understand and find what they need

• Target information to users, so they only see what they need

• Harness serendipitous discovery to show content to user who may not even know they were interested

Page 76: Drupal: Northeastern University Libraries website

Higher Ed Websites• Use the power of Drupal to help your content

creators feel empowered to keep content up-to-date• Present complex content thoughtfully to make it

easier to for users to understand and find what they need

• Target information to users, so they only see what they need

• Harness serendipitous discovery to show content to user who may not even know they were interested

Page 77: Drupal: Northeastern University Libraries website

Higher Ed Websites• Use the power of Drupal to help your content

creators feel empowered to keep content up-to-date• Present complex content thoughtfully to make it

easier to for users to understand and find what they need

• Target information to users, so they only see what they need

• Harness serendipitous discovery to show content to user who may not even know they were interested

Page 78: Drupal: Northeastern University Libraries website

www.ifactory.com

interactivity.ifactory.com

[email protected]

617.426.8600

Find us as iFactoryBoston: