become an ia superstar (chinese version)

Become an IA superstar:1>��^Z89d

building essential navigation in Drupal Drupal�-IfX(Y�

John Albin Wilkins

JohnAlbin, @JohnAlbin, etc.

http

://w

ww

.flic

kr.c

om/p

hoto

s/90

5315

7@N

02/2

3273

7015

9/

John Albin Wilkins

JohnAlbin, @JohnAlbin, etc.

Palantiri (Palantir.net)

Maintainer of:Menu block

Menu positionMenu item container

404 Navigation404 Blocks

Patternsin IA

^Z89D;?:.

http

://w

ww

.flic

kr.c

om/p

hoto

s/44

3743

27@

N05

/480

3898

574/

http://www.flickr.com/photos/95492938@N00/5473183284/

Structure vs. Presentation O9U)G

4 basic structures of IA^Z89�$!7O9

! Hierarchy (Strict or Polyhierarchy)gM (�[D2#�g*)

! Database ^5,! Hypertext _47! Linear Q/D

A Practical Guide to

Information Architecture^Z89D&C3l

by Donna Spencer

http://practical-ia.com

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

Hypertext +��

Drupal coreonly supports

Strict Hierarchy

Drupal����� *%/�'

Hierarchy /&

http://www.flickr.com/photos/33563858@N00/4622863153/

Drupal coreonly supports

Strict Hierarchy

Drupal����� *%/�'

Drupal coregets confused with

Polyhierarchybecause the web

is “stateless”Drupal����)”��/�”�"�#(,�!�.$��%

Hierarchy /&

http://www.flickr.com/photos/33563858@N00/4622863153/

Database ^5,

Linear Q/D

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

Combinations O�

http://www.flickr.com/photos/82995349@N00/2552866309/

404 Navigation“��(0”

Don’t let your users get lost.

�\�D�CSa`�!

http://drupal.org/project/navigation404

(D6 version is called “404 Blocks”)

Drupal6H>”404 Blocks”

Split Navigation ��(VPresentation of theHierarchy pattern)Gg*.;?Primary links inhorizontal navbar on top�6=+(VD�XcOSecondary, Tertiary, etc. linksin sidebarJ�J�j cO �<

http://www.flickr.com/photos/80974239@N00/2930794542/

http://www.flickr.com/photos/22875086@N05/3464050379/

Menu block �Te��"The hidden gem of Drupal contrib.Drupal]BSDhW'@

http://drupal.org/project/menu_block

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

Containers%�

Menu item container�Te�iED%L�

Used on the Drupalcon Chicago website.

Drupalcon Chicago websiteD0C

http://drupal.org/project/menu_item_container

Guess what Drupal’sHierarchy-based

menu systemdoes here.

AAFDrupalDg*.89De�KP�

��k

http://www.flickr.com/photos/83484306@N00/3300827223/

Database ^5,

Guess what Drupal’sHierarchy-based

menu systemdoes here.

AAFDrupalDg*.89De�KP�

��k

http://www.flickr.com/photos/83484306@N00/3300827223/

Database ^5,

http://www.flickr.com/photos/54019819@N00/3413149841/

Menu Positione� R

The new kid on the block.

����-����

http://drupal.org/project/menu_position

Linear Q/D

Menu position can do this too!“e� R”:N����b�!

Using Blue Podcast�CBlue Podcast

usingblue.com