iFactory delivered this webinar on April 17th as part of our iFactoryEd webinar series. Universities often have content, such as research databases, which requires a lot of information to be presented at once. This can often be difficult to attractively display, and allow for easy search and discovery. In this webinar, we’ll discuss options for displaying complex content types, and set up some Views to provide lists for filtering and browsing. We’ll also show how a site-wide tagging vocabulary can help the site to automatically push content—making users aware of the wealth of resources you have available. Topics covered: > 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 The presenter was Lisa Sawin, Solutions Architect for iFactory. This was part 2 of a 3 part series. For the full webinar visit our YouTube channel: youtube.com/ifactoryboston

1. Drupal: Customizing
Volumes of Content
an iFactoryEd webinar

2. 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

3. Where to find us
www.ifactory.com
blog: interactivity.ifactory.com
Find us as iFactoryBoston:

4. 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

5. Your presenter
Lisa Sawin
Solutions Architect for iFactory

6. Complex content
• Databases, services, software,
courses, etc
• Lots of associated information
• Users may be confused about what
these content types really are

7. Complex content
• Databases, services, software,
courses, etc
• Lots of associated information
• Users may be confused about what
these content types really are

8. Complex content
• Databases, services, software,
courses, etc
• Lots of associated information
• Users may be confused about what
these content types really are

9. Begins with information
architecture
• Consistent, structured layout
• Understandable terms
• Expected interactions
• Test with users

11. Begins with information
architecture
• Consistent, structured layout
• Understandable terms
• Expected interactions
• Test with users

13. Begins with information
architecture
• Consistent, structured layout
• Understandable terms
• Expected interactions
• Test with users

15. Begins with information
architecture
• Consistent, structured layout
• Understandable terms
• Expected interactions
• Test with users

17. Begins with information
architecture
• Consistent, structured layout
• Understandable terms
• Expected interactions
• Test with users

19. Graphic design comes next
• Use of color, font, spacing
• Lock down presentation of information
to match design

20. Graphic design comes next
• Use of color, font, spacing
• Lock down presentation of information
to match design

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

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

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

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

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

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

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

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

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

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

38. 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

39. 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

40. 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

41. www.ifactory.com
interactivity.ifactory.com
info@ifactory.com
617.426.8600
Find us as iFactoryBoston: