Become an IA superstar (Chinese version)

1,224 views

Published on

This is a dual English/Chinese slideshow for DrupalCamp Taipei covering IA menu navigation techniques in Drupal.

Published in: Technology
1 Comment
6 Likes
Statistics
Notes
No Downloads
Views
Total views
1,224
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
15
Comments
1
Likes
6
Embeds 0
No embeds

No notes for slide

Become an IA superstar (Chinese version)

  1. 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. 2. John Albin Wilkins JohnAlbin, @JohnAlbin, etc. Palantiri (Palantir.net) Maintainer of: Menu block Menu position Menu item container 404 Navigation 404 Blocks
  3. 3. http://www.flickr.com/photos/44374327@N05/4803898574/ in IA Patterns
  4. 4. Structure vs.Presentationhttp://www.flickr.com/photos/95492938@N00/5473183284/
  5. 5. 4 basic structures of IA! Hierarchy (Strict ! Database or Polyhierarchy) ! Hypertext ( ) ! Linear
  6. 6. A Practical Guide toInformationArchitecture by Donna Spencer http://practical-ia.com
  7. 7. Hypertexthttp://www.flickr.com/photos/49503165485@N01/4714813480/
  8. 8. Hierarchy Drupal core only supports Strict Hierarchy Drupalhttp://www.flickr.com/photos/33563858@N00/4622863153/
  9. 9. Hierarchy Drupal coregets 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. 10. Database
  11. 11. Linear
  12. 12. Combinationshttp://www.flickr.com/photos/95492938@N00/257491210/
  13. 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. 14. Split Navigation Presentation of the Hierarchy pattern Primary links in horizontal navbar on top Secondary, Tertiary, etc. links in sidebarhttp://www.flickr.com/photos/80974239@N00/2930794542/
  15. 15. Menu block The hidden gem of Drupal contrib. Drupal http://drupal.org/project/menu_blockhttp://www.flickr.com/photos/22875086@N05/3464050379/
  16. 16. Containershttp://www.flickr.com/photos/42327254@N00/3337773098/
  17. 17. Menu item containerUsed on the Drupalcon Chicago website. Drupalcon Chicago websitehttp://drupal.org/project/menu_item_container
  18. 18. Database Guess what Drupal’s Hierarchy-based menu system does here. Drupalhttp://www.flickr.com/photos/83484306@N00/3300827223/
  19. 19. Database Guess what Drupal’s Hierarchy-based menu system does here. Drupalhttp://www.flickr.com/photos/83484306@N00/3300827223/
  20. 20. Menu Position The new kid on the block. http://drupal.org/project/menu_positionhttp://www.flickr.com/photos/54019819@N00/3413149841/
  21. 21. Linear Menu position can do this too!“ ” !
  22. 22. Using Blue Podcast Blue Podcast usingblue.com

×