1. Become an IA superstar:
http://www.flickr.com/photos/9053157@N02/2327370159/
building essential navigation in Drupal
Drupal
John Albin Wilkins
JohnAlbin, @JohnAlbin, etc.

2. John Albin Wilkins
JohnAlbin, @JohnAlbin, etc.
Palantiri (Palantir.net)
Maintainer of:
Menu block
Menu position
Menu item container
404 Navigation
404 Blocks

3. http://www.flickr.com/photos/44374327@N05/4803898574/
in IA
Patterns

4. Structure vs.
Presentation
http://www.flickr.com/photos/95492938@N00/5473183284/

5. 4 basic structures of IA
! Hierarchy (Strict ! Database
or Polyhierarchy) ! Hypertext
(
) ! Linear

6. A Practical
Guide to
Information
Architecture
by Donna Spencer
http://practical-ia.com

7. Hypertext
http://www.flickr.com/photos/49503165485@N01/4714813480/

8. Hierarchy
Drupal core
only supports
Strict Hierarchy
Drupal
http://www.flickr.com/photos/33563858@N00/4622863153/

9. Hierarchy
Drupal core
gets confused with
Drupal core
Polyhierarchy
only supports
because the web
Strict Hierarchy
is “stateless”
Drupal
Drupal ”
”
http://www.flickr.com/photos/33563858@N00/4622863153/

10. Database

11. Linear

12. Combinations
http://www.flickr.com/photos/95492938@N00/257491210/

13. 404 Navigation
“ ”
Don’t let your users get lost.
!
http://drupal.org/project/navigation404
(D6 version is called “404 Blocks”)
Drupal6 ”404 Blocks”
http://www.flickr.com/photos/82995349@N00/2552866309/

14. Split Navigation
Presentation of the
Hierarchy pattern
Primary links in
horizontal navbar on top
Secondary, Tertiary, etc. links
in sidebar
http://www.flickr.com/photos/80974239@N00/2930794542/

15. Menu block
The hidden gem of Drupal contrib.
Drupal
http://drupal.org/project/menu_block
http://www.flickr.com/photos/22875086@N05/3464050379/

16. Containers
http://www.flickr.com/photos/42327254@N00/3337773098/

17. Menu item container
Used on the Drupalcon Chicago website.
Drupalcon Chicago website
http://drupal.org/project/menu_item_container

18. Database
Guess what Drupal’s
Hierarchy-based
menu system
does here.
Drupal
http://www.flickr.com/photos/83484306@N00/3300827223/

19. Database
Guess what Drupal’s
Hierarchy-based
menu system
does here.
Drupal
http://www.flickr.com/photos/83484306@N00/3300827223/

20. Menu Position
The new kid on the block.
http://drupal.org/project/menu_position
http://www.flickr.com/photos/54019819@N00/3413149841/

21. Linear
Menu position can do this too!
“ ” !

22. Using Blue Podcast
Blue Podcast
usingblue.com