become an ia superstar (chinese version)
DESCRIPTION
This is a dual English/Chinese slideshow for DrupalCamp Taipei covering IA menu navigation techniques in Drupal.TRANSCRIPT
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