Drupal: Customizing Volumes of Content
an iFactoryEd webinar
Who is iFactory?•Based in Boston•Interactive design and development company with over 20
years experience•A division of RDW Group, a full-service agency•Designers, strategic consultants, information architects,
usability experts, developers•Higher ed profiles include:
colleges & universities | public & private
large & small | ivy league to community colleges
undergraduate & graduate | Massachusetts to California
Where to find uswww.ifactory.com
blog: interactivity.ifactory.com
Find us as iFactoryBoston:
What you’ll learn today:
• 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
Your presenter
Lisa Sawin Solutions Architect for iFactory
Complex content
• Databases, services, software, courses, etc
• Lots of associated information• Users may be confused about what
these content types really are
Complex content
• Databases, services, software, courses, etc
• Lots of associated information• Users may be confused about what
these content types really are
Complex content
• Databases, services, software, courses, etc
• Lots of associated information• Users may be confused about what
these content types really are
Begins with information architecture
• Consistent, structured layout• Understandable terms• Expected interactions• Test with users
Begins with information architecture
• Consistent, structured layout• Understandable terms• Expected interactions• Test with users
Begins with information architecture
• Consistent, structured layout• Understandable terms• Expected interactions• Test with users
Begins with information architecture
• Consistent, structured layout• Understandable terms• Expected interactions• Test with users
Begins with information architecture
• Consistent, structured layout• Understandable terms• Expected interactions• Test with users
Graphic design comes next
• Use of color, font, spacing• Lock down presentation of information
to match design
Graphic design comes next
• Use of color, font, spacing• Lock down presentation of information
to match design
Creatively remove excess info
• Blinds to hide some of the content• Icons• Link intuitively
Creatively remove excess info
• Blinds to hide some of the content• Icons• Link intuitively
Creatively remove excess info
• Blinds to hide some of the content• Icons• Link intuitively
Use a variety of list styles
• A-Z index• Exposed filters• Break down into menu items
Use a variety of list styles
• A-Z index• Exposed filters• Break down into menu items
Use a variety of list styles
• A-Z index• Exposed filters• Break down into menu items
Related content blocks
• Sitewide vocabulary to connect content
• Blocks to display on single node pages
• Context to place blocks
Related content blocks
• Sitewide vocabulary to connect content
• Blocks to display on single node pages
• Context to place blocks
Related content blocks
• Sitewide vocabulary to connect content
• Blocks to display on single node pages
• Context to place blocks
Related content blocks
• Sitewide vocabulary to connect content
• Blocks to display on single node pages
• Context to place blocks
Complex content types
• Well-architected and designed information is easier to parse
• Targeted listing pages help users find relevant content
• Related content blocks allow for serendipitous discovery
Complex content types
• Well-architected and designed information is easier to parse
• Targeted listing pages help users find relevant content
• Related content blocks allow for serendipitous discovery
Complex content types
• Well-architected and designed information is easier to parse
• Targeted listing pages help users find relevant content
• Related content blocks allow for serendipitous discovery
www.ifactory.com
interactivity.ifactory.com
617.426.8600
Find us as iFactoryBoston: