IA Overview for CSS Nite in Yamagata

CSS Nite in Yamagata, Vol. 2
Web IA

2010-05-08
@ahaseg
@concentinc

tag: #cssniteymgt2
slideshare tag: cssnite, ia

hello

• 1973 →

•
• → →IA

• 2002

• IA Association Japan IAAJ.org
HCD-Net
IA Institute ACM SIGCHI

• IA100 IA100
BNN #ia100

concent, inc.

User

Content Context

concent, inc.

User

Content Context

Technology

Visual
Communicati IA
on

Information Architecture
1.
2.

3.

4.

Web L. Rosenfeld P. Morville

Information Architect
1.

2.

3. 21

Information Architects Richard Saul Wurman Watson-Guptill Pubns

acc04 design Inc.
TOP
PRODUCT | COMPANY | IR | RECRUIT
TOP > PRODUCTS > BOOK
BOOK
MUSIC
MOVIE
GAME

© Atsushi Hasegawa

Web Vol.1 R&D
http://web-tan.forum.impressrd.jp/

•
➡
IA …
➡

•
➡
➡

Instant Deliverable Mix
Prepared by:
Nathan Curtis
nathan@eightshapes.com
April 12, 2008
For the 2008 IA Summit, Miami, FL

Page Patterns are prede ned... Create Your Own Recipes
Placeholder
Cook up your own deliverable in less than 3 minutes! Recipes use page patterns to prede ne your
deliverable structure by pages and chapters.
Shapes Text Outline once but use it repeatedly, each time
A Areas adding whatever special ingredients necessary.

in a layout to enable designers to place artwork Even better, review your recipes with your
(e.g., wireframe) and compose annotations in a deliverable’s intended consumers ... before you
consistent and e ective deliverable page. get started. That way, expectations are set.

Rationale Truly Instant? Use Recipe Scripts
Find your ingredients in the Page Pattern Library:
Generate typical content far faster Automate deliverable production (or at least
Create consistent, predictable page structure starting points) via a combination of:
Share common layouts with peers METADATA STRATEGY RESEARCH STORYBOARDS WIREFRAMES VISUAL DESIGN
Establish expectations for deliverable content
XML
Use When
Place a page pattern onto your page at the
outset of authoring content for that page.
Cover with Description Key Themes Callouts, Large Visual Two-by-Two Plot 6x1 Board, Thumbnails Intro & Chunked Inspired By Mockup with Intro Basic Annotations
Better yet, use page patterns from the
deliverable’s outset, planning your outline and
Script
clarifying delivery with your audience(s).

Cover, Multiple Authors Key Themes & Visual Callouts, Standard Visual Comparative Table, Stars 3x1, Screenshot Flow Pattern Notes, 2 Column Photography Don’ts Icon Tables
Page Patterns ≠ Backgrounds Software Capabilities
A background (in Visio; referred to as canvas in Page patterns can be utilized in many di erent
Omnigra e and master in InDesign) enables information architecture software tools. In all
you to utilize the same structure, document cases, simply drag a pattern onto a page and
metadata, and other page elements across begin authoring content and artwork. But the
pages. Sign O Creative Brief Open Questions Comparative Table, Checks 4x2, Comics Component Variation Spec Property Table Color & Type Color features you use depend on the tool:

Backgrounds enable you to create a few,
representative backgrounds for simple Adobe InDesign CS3
templates, but reasons you wouldn’t use the Snippets (primary)
A snippet is a distinct le that is placed into the document via
feature for page patterns include: drag-and-drop or menu

Change History, Basic Alternative w/ Pros & Cons Research Approach Findings 4x2, Comics w/ Descriptions Embedded Flow Editorial Notes Component Design Specs Page Design Specs
Object Library (secondary)
Backgrounds are not intended for page A panel in the workspace from which you can drag-and-drop

speci c editing; page patterns are for actual
content OmniGra e &
The massive number of objects in a 60+ page
pattern library would bloat template le size
Microsoft Visio
Stencil
Separating page patterns from document A panel in the workspace from which you can drag-and-drop
templates eases creation, maintenance, and Change History, Table Recommendation Quotes by Topic Recommendations Project Plan Two Variations Three Variations Grid & Gutter Spacing Grid & Names
distribution of page pattern libraries

http://unify.eightshapes.com/

Perspnas PAGE: 3

!"#$%&'"
()*+,)-.(/)012,.34

=>?@A"BCDEFGHIAJKLMNOPQRSIAJ
7TQUVWXIDEYIZSS[S]^_`
56789:;<
7abB$cVde<fWXMghiAJj
7akklmVnoYIpKqrVsYtuevXIJwj

(/)012,.()1x*/y/ (/)012,.z2x1)+,{*12
89:;<FL:;<}çL=>a?@ÔAKlmVYI¸MjKçL ŸãKP|VgILÛÜK•/€QÔÌwlmQB |}77~•/€%•CK‚ƒL„DL…†L‡ˆLO‰
JICDœQAwjEF}G](üQHSIJwiLJIt}G]WuJ'K"BŽ•&FLLBßLM•N"LáàOP Š|77~'‹Œ•Ž•&•‘B’“B
§ÿ*)/x1!-eQ®XIJwjtete<AQ?RQISJÕï]FAJK]LFTr¬]WuUVWXtYÀ&ŒB ”•77~–—˜™˜š›
ßA?@YÚWÕAJj œ•77~žŸ
¡¢£¤~¥¦§¨¦žœ©Lª«Ÿqr¬-
89:;<i•"•VØÙÌwKFLäå!BY]?ÚïwZJ[ZÎJ]ëwjØÙeJXItLªiOPÌw•"• ”®J7~•&Ž•&§Ÿ¯°±-
K]^Q_XIJwNï]L`a]OPÌwÓeF®XMZAJjMNLªiOPÌwbÎ]JIt`_icq]OP ²³77~´µL¶ƒ
]¸wSuQAXILdeefgKJOCh(CQZJ[QiXMÖLßà•áQiXIËMJejkJIJwj®ML
·¸A¹º»¼½¾s~¿BÀ&ÁBÂLÃÄÅÆ
lmLnÖoJK•"•Q,pYMJe¸QËMOPqrstK>?@;§É(•#uÀBL5B$BN&%BLbB$
ÇÈ77~%É%ÉLÊYË½ÌJLÍJtKYÎÏ
cK`vwK"BCDE-QÔxYLÓSAÎªQyÎAZItOP]¸wK]Fez{i|Î<]Jwj

-}]F•"•SÖt~•?ÔVWXMM5‹’b"A€íeJu•‚iëwiLlmQëwƒã^„…V†‡I¸MK
ÐÑ0*2/00.z2x1)+,*{*12
]ÓSÚÎFLˆ‰KYŠ('eYIL‹ÚŒYJÓeQ•ŽYILÓSÚÎKqrVsYtuevXIJwj }ÒeKÓS®]KÔÕÖ~¨¦Ìw®]FLd×ØÙYIJAÚXM
ÛÜKÝÞ~ªiOPÌw•"•]ßà•á§âã~äå-
æçKèé~!BêBßà•ÉB]ëwiLOPQì³ëÖ
í?îï7~ªeKßà•á]LbB$cKð†VñòYItÎu
ú0/).61,y0 ÐÑ0*2/00.7€8/þ{*9/0
óôóõ7~•/€Kö÷QøùILbB$cKö÷FUiØÚAJe
bB$cVWXI• z{ÌwÓe• vXIJwj

afgKJOCh(CQZJ[Qi¸MJj a‘‘’KbB$ciL“K”BbBeøùIL
a•"JQiXI¡•VZJMJj 7•BPB–h&ßKBNe…—ItÎuj z2{/)2/{.ú0,û/
acq]t•"•VWXI€í]¸wSuQAÖMJj a,-.K˜Ç½L`aK™ÊK-.Q•š5›V WXIJw(ü~ý,þLÿ*)/x1!L"Bá"a#$%&'
aRSI¸MÎLdeeßà•áQ?ÚïMJj 7YItÎuj •&ÀB‘(CKØÙgh~)œ*+L,-.K/]FÚAÖ0YJ1
2UQ3ÖK•/€%•C~,+,412L55‹¿

2009 © Concent, Inc.

Perspnas PAGE: 2

!"#$%&'"()(*+,-./
0123415(0617894(:;

; !"#$Ç DEF$G-HIJKLMNOPQRS-T
¢ R©ªLš
>UVWXYZR[]^_`ab
<=>?@ABC £ ¢£
>cEF$GJdeCfghUijkRSl
F —-!"#$ef¦J†ÏM§¨
>c^m^mnoJpqrst-uvJwrOxeyhsSMl

+ !"#$'•š¡F"
0617894(018z26{6 ® ¯u§¨
0617894(|9z8134}289
?@ABCQT<=>•éT?@cAB×C-noJrs»Ul^-éT £å-à~JisTÜÝ-•6‚X×ÏMnoXD ~•>>€•6‚%ƒ„-…†T‡ˆT‰ITŠ‹TŒ•
SsEF noe|¼-ij³
XRMlGH•I_0þXJsSMkTSNO•I_gxK'L$F’“&QTMFáTN‘O"TãâPQ Ž~>>€'••‘’“&”•F–—F
«"216z8#°eR±hsSMlOeOe^CRXðSXNTSZ[_QRS-_THUv¯_gxVWXYOZÃ&•F ˜™>>€š›œ•œžŸ
áRð[rÛgZRSl ¡>>€¢£¤
¥¦§¨€©ª«¬ª¢ ,T-®£uv¯°
?@ABCk‘"”JÙÚÏM-QTæç!FZ_AÛ[MS]^ÑS_íMlÙÚeShsOT-kŒàÏM‘"” ˜±S>€”&’“&«£²³´°
-_`aXbhsSMV[_Tcd_ŒàÏMÖeQ±hU^RSlUVT-kŒàÏMeÑ_SNOcakfu_Œà µ¶>>€·¸T¹†
(&Qƒ&´µ«EF$G°e-×}årS
_»MTxXRhsTgheij-KP„k*„XS]XlhUPTáâƒãXlhsÎUSemnSsSMl±UT
º»R¼½¾¿ÀÁw€ÂFÃ&ÄFÅTÆÇÈÉ
opTqPrS-‘"”X.srUSe»XÎUŒàtuvw-xð[B«Ì*‘%yÃFT7F$FO&%FTEF$
ÊË>>€%Ì%ÌTÍrÎÀÏSTÐSO-rÑÒ
G-cz{-"F„ˆ|°X×}rTÖRÑ-X~ÑR^sOŒà_»M-_Qe•€k•ÑC_SMl

/‚_Q‘"”TPOƒ„ð×JghUN7•–E"R…ïeSx†‡kíMkTnoXíMˆå`‰ŠJKLs»U-
° •ÕX×ZM±²-§¨
ÓÔ729677(|9z81342}289
(&Qƒ&´µ«EF$G°{-•€
_ÖÛÑQT‹Œ-Z•*'ersTŽÛ•rSÖeX•‘rsTÖÛÑ-uvJwrOxeyhsSMl •Õe-Ö±_-×ZP€¬ªÏM±_QTdØÙÚrsSRÛhU
ÜÝ-Þß€-kŒàÏM‘"”_áâƒã«äå€æç°
èé-êë€!FìFáâƒÌF_íMkTŒàXî¶íP
ïðñ[>€-e-áâƒã_TEF$G-HIJòórsOÑx
ü761(884{7 ÓÔ729677(9‚:6!}2;67
¤ !"#$-¥F" « G–•Z{-¬- ôõôö>€•6‚-÷øXùúsTEF$G-÷øQûkÙÛRSe
EF$GJghs’ •€ÏMÖe’ yhsSMl

cij-KP„k*„XS]Xl»USl c••–-EF$GkT—-˜FEFeùúsT
cƒ$KXlhs¥“JSUSl >™FQFšk&áLFVeŠ›sOÑxl |9}6196}(ü74ý6
;: 0þÀƒ&ÃF•*„X×ÏMij
cfu_O‘"”Jghs…ï_»MTxXRPUSl c./0-œÊÀTcd-•Í-/0X‘ž7ŸJ ghsSM0þ€ÿ4!T"216z8#T$Fã"c%&'()
c”s»UÑTgheáâƒãXAÛ[USl >rsOÑxl ƒ&ÃF•*„-ÙÚij€+ ,-T./0-1_QÛRP2rS3
4ûX5P-•6‚%ƒ„€434689T77•Â

2009 © Concent, Inc.

concent method:

project name | user analysis page 1

!"#$%&"'"() !"#$%&'

*+ ,-. /0 1234"156789 :"; <6=6>?@A

concent_um_sample.xls 2008 © Concent, Inc.

!"#$ %&'&()* +, -.&/0123 4567

328 9%&'&(:;<=>?
@ABCDEF0GH%IJ@AKLH@ALMNOP;QR?
S TUBC VWXNTUBC%&'&(
S 328 YZ%&'&(:;[=]Û_;àb%&c&3;%&c8
3Ddefgh;ijLkl^NmTUnopq;r^s;qtuv
wxy;rzzP
{ TU)* |I.}&3~•H€•08~•u‚ƒ„…
}|cG†28:;‡&|
ˆ |I.}&3~•V‰ Š‹‹Œ•ŽŽ••••‘’“‘e“‹”“‘••ŒŽ‘–—e—‹˜™šŽ‘›”e“‹—•Š‹œ›
•Axy
ž Ÿ ¡¢ Š‹‹Œ•ŽŽ••••‘’“‘e“‹”“‘••ŒŽ‘’£Œ’£–‹eŽ’¤¤”‘e£—•Š‹œ›
¥¦§q¨©nª«xy
¬ G/2-¡¢ ®¯°NOu±²³qG/2-;V‰ A´
S G/2-µ¶·0¸ G/2-V¹V¹º·0¸n»‚?%&c&3¼.3½;¾¿€HÀ A´
Á03NOÂÃKL^ÄÅ§q8¿¸Æ|3;Ç0GG/ÈÉ:;‡
&|^Ê¹¾¿€Ë:;‡&|NO?
{ %&c&3;ÌÍ %&c&3;ÎÏH^%&c&3;Á'&ÐÑ•nÒÓy%&'&( A´ ÔÕÖ
S 328D)*P ×ˆ‚;ØpÙÚÛNO^%&c&3ºÜLÙ,Ó„ƒyÝÙ? A´
{ 8¿¸Æ|3½Þ;ÌÍ ßàáâ¸F}•%ãFEÇ0Ðä&á'|å¿¸0;æç?èé]² A´
³qDêëzìí;îyPij^ïð
ˆ 8¿¸Æ|3ñò;ÌÍ òó^GÇ¸F0•^ôõ…= A´
8¿cGDö÷XN/G|^|I.}&3¼.ø…,ùP
úûnüƒ„çêXDýþÿ^¹^!"#P
ž $%^&';ÌÍ ØpÙÚN(#)^*+,^--.0†&G@Ü%^/0ÐG'JÙ A´
r?çê,Ùý12n@3*4?
ˆ %&c&3;5‡F0Ðä& %&c&3ºï67#y5‡F0Ðä&n89xy%&'&( ÔÕÖ
S 328D)*P
{ 5‡F0Ðä&)* defn:;Ù§„ƒyº^BC8¿<|3H=;>²Ø?ØN@
u5‡F0Ðä&nï6?
S def¼.38¿ÈF0Gµ¶ ABÙNy-ÈÉ}H^/.ã&€^CDX,Ó)NO? A´
÷E;}F3823ÙNy^GòXNHI^!Ju‚ƒ„?DK‡&
|L0GP
{ M0N0OP;ÈN.&µ¶ A´
ˆ BC8¿<|3;8¿3/.8QÔµ¶ A´
ž †0Ç'É&€G3I'¸0%&¼•'É&€µ¶ A´
ˆ !JHGòX}8¿0R ST^ßàŽUVIW½;(0•^XYKL:‡&| A´
S M0N0ZÈ‡&€µ¶ A´
{ ·•5[zÐ[‡µ¶ A´
ˆ ¼.3M0Nâ‡'É]^µ¶ A´
ž BC}0_'|RÑijµ¶ A´
¬ ùabbbbbbµ¶ A´

ž ßàŽUVcIW ßàŽUVcuXxyde;}0f.¾^XY‡&|%&'&(? ßàghÖ^÷iÖ
•jkò;lmL
knØqoT
S 328 pv%&'&(n·0¸Øqof'q‡7rê^s?Øq^€¿[ .&È2|G·0¸Ùxyr^S·0¸%&'&(Ùxyrwx?
â;×EF0GÛH=;>%&'&(;Út^ßàHUVuXYxy…;
n^@ABCÙ§„/€L0G7@Auv-É0ø?
{ %IJ ßàHUV^yz^ÈN.&NO;4{7^%&c&3;G/2-º|}^ A´ S‚;¾¿€nU½;~•¹7•Axy.-0¸?
8¿-Æ2Ðä[•N%IJKL?.L&3ÀÁ03NO…?ST^ø U½.L&3Ëf•RÑ0€;}•0•7oNƒ
_F-&3}0f.¾:‡&|?
ˆ cã[0‚ƒ„de GI.øÐÆ}:;‡&|H…&ø}F3yc†NO
ž ÀÁ03XYde ßà‡˜œœ”‹CˆTÀÁ03NO?yc†‡&|NO
def‰Š[&GH‹ßà^Œ“–•”Ž–‹”’“NO;de…ÝÝ
¬ ßà•UV(0• |‡•.'É¾¾‡0-'&8À^‡”‹e‘”‹’NO
“ XYkòV‰ ”•c‘–e‹•—d{•^˜DÈN.&gT^ßàß^ßàà™NO:;‡&|
Œ š›œ !JNOu‚ƒ„;µ¶7•žXN89?Sš›S·0¸?
¬ ÷Ÿ¡¢DÁ03-.‡P ¡lšNO¶rƒ…;…¢£^`¤¥„;ýþðvºô³y% ÔÕÖ
&'&(?
S 328 @Auv;Á03-.‡Ù¦§8¿¸Æ|3;QR?
Ç0GG/ÈÉNOµ¶BCºîy…;o^¨Å·0¸:‡&|x
y?
S µ¶·0¸DÇ0GG/ÈÉP ©ªÙ^=³:;«¬)JîjHóo;Á.&3NOnØÙtq A´
%&'&(?pv%&'&(;‡I.3?AB%&'&(o°-?
“ ®šBC ®šÙf•RÑ0uXxy%&'&( <U¯°Ö
.&/0&¯°Ö
S 328 ±œ:;®¯Ù@ABCnQR?
{ A²®š Š‹‹Œ•ŽŽ••••‘’“‘e“‹”“‘••ŒŽ£e‘£˜”‹Ž“e•³Ž£–™˜–‹e•Š‹œ›
S •&3‡0-.0J A´
ˆ .&/0&Ð28 Š‹‹Œ•ŽŽ••••‘’“‘e“‹”“‘••ŒŽ£e‘£˜”‹Ž”“‹e£“•Š‹œ›
S •&3‡0-.0J A´
ž _Ñ‡}®š Š‹‹Œ•ŽŽ••••‘’“‘e“‹”“‘••ŒŽ£e‘£˜”‹Ž”–•Š‹œ›ŃO
±œ:;®¯u‚ƒ„;¡¢Ù^_Ñ‡}-G:;‡&|
S •&3‡0-.0J A´
_Ñ‡}-G OµN®¯ºî=Ô;¶ÚNG_•º·*7Ô;¶ÚN_Ñ‡} A´
-Gºîyrºry%&'&(?
¬ S 328 ®¯.&È2|G·0¸b A´
{ .&-.-0Ðä&}0_'|3 .&-.-0Ðä&}0_'|3;)*Ù^Ý;®¯u‚}Ø7;G A´
'28^Ý;®¯u‚ƒ„ƒyG/2-;·0¸:;‡&|NO
ˆ M0N0•|G·‡•&G}0_'|3 M0N0•|G·‡•&G}0_'|3;)*Ù^Ý;®¯u‚}Ø A´
7;G'28^Ý;®¯u‚ƒ„ƒyG/2-;·0¸:;‡&|N
O
ž -¿&3•&ø'|å¿¸G3 -¿&3•&ø'|å¿¸G3;)*Ù^Ý;®¯u‚}Ø7;G'2 A´
8^Ý;®¯u‚ƒ„ƒyG/2-;·0¸:;‡&|NO
¬ }03ÈÉÀ|/0 }03ÈÉÀ|/0;)*Ù^Ý;®¯u‚}Ø7;G'28^Ý; A´
®¯u‚ƒ„ƒyG/2-;·0¸:;‡&|NO
“ ÈN.[0 ÈN.[0;)*Ù^Ý;®¯u‚}Ø7;G'28^Ý;®¯u A´
‚ƒ„ƒyG/2-;·0¸:;‡&|NO
Œ 8¿<|Ðä&†¸0¸Ñ0 8¿<|Ðä&†¸0¸Ñ0;)*Ù^Ý;®¯u‚}Ø7;G'2 A´
8^Ý;®¯u‚ƒ„ƒyG/2-;·0¸:;‡&|NO
¹ †0|}28•&¸E} †0|}28•&¸E};)*Ù^Ý;®¯u‚}Ø7;G'28^ A´
Ý;®¯u‚ƒ„ƒyG/2-;·0¸:;‡&|NO
– EF0G öº»C¾¿€;.-0¸?ÈÉÀ|3‡¼nŽ“e•—uxy;º°Ø -ÉÐÑ•BCN;7^f›’ŽÙ§q=ÔÝr;%&'&(YZ ÔÕÖ
§ƒ;7^pv%&'&(;½ºu‚ƒ„¾¿º·*? u§q=§Nƒ? -ÈÉ}ÀœÖ
×8ÀG‡‡0GÛ×3•2|Û×-ÈÉ}ª«Û×.L&3cã[0BCÛ
×¼.3‡‡0GBCÛNOo^/€Hf'q‡L0G;±7¶}^
[â10Ðä&-EF0uo§Nƒ?

S 328 @Auv;QR •A(0•Ù§„¾¿€n¾¿?öº»C¾¿€ÁË;ÂÃDf
'q‡^/€^Ä }0f.¾PnÅx?
S µ¶·0¸ EF0GKL;µ¶D}0f.¾·0¸P
f }|cG†28
‘ ÆÇƒçÈÉ-.0J
‘ Ê¹BC;ÊËƒu‚ƒ„ A´
™ Ý;¼.3u‚ƒ„ A´
e ¼.3†28 A´
¤ %&c&3ÌÍ U½.L&3NO%&c&3;f•RÑ0nÒÓy¶ÚN¾¿€?DG A´ Îê#$uo<³Nƒ?Š[0rb;‡&|;Ï? <U¯°Ö
/2-~•¹7;•AnÅxP U ;ÏÐzÑ¹
Ž %ãFE'É¼.3:;¿€.& A´

LATCH

• Location
• Alphabetically 50

• Time
• Category
• Hierarchy

HCD-Net 1

2 3 1

1

2 3 1

1

Project Name | Creative Brief 070000 1/9

Creative Brief: !"#$%&' '"()
*+,-./0123456!1+789:;<=>?@ABCDEF?G3456!1+HIJKLMJ
NO+;P<FQBJ3456!1R(STUVICDEWXQYZ[E@!"#$%&']0^31
<_[`>aF?G*+,-./012]0^31bc$0de.(+fgQ[DEhiF?G

,-./01jklm ! /! /!
noMpqrslm ! /! /


!"#$%&'()
*+,-! /! / *+.-!"/0121&3
45-03-5358-1470 Email-name@concentinc.jp

! " # $ % & 6 - #$%&'(!

')*+,(!
! " # $ % & 7 8 . - -./!
! " # $ % & 9 : . - 01/!

0121&
! " ; < = > = - #$23454!
; ? @ % A = - 267'84!
B C D E F G - 9:;<01/!
!"#$%&'()!&
! " # $ % & H A = & -! /! /! !"#$%&'(")*+,-,./0,123456789:;<=>?
I J K L M $ = N O P , -! /! /! @<#$%&'("./0,AB%CDEF@"6GHIJKH@:;<=>?

Q R M $ = N O P , -! /! /!
1.
S 1 # T U V ' W X Y Z - (! /! /! ) [ ] ] = H - (! /! /! )
2.

^'_H`#<=abc,de*fg

*#+,-./0&
!"L'MNO9PB%CDQRS"TEGUVPW,X1:;<=>?
YZ[O.,"]^J)O_O`"#$a,MNOJbc"]^d

concent_cb2.doc 2002-2007 © Concent, Inc
!
!

1.2.345.!"6#78(9:+;<0&
!"L'MNO9PJ+,-,eCfgh(J#$%&'("ij1:;<=>?

!
!

!"#$%&=>?@
!"L'MNO9PJRS//,Dk"#$%&'("lmniopJqrsK"nitu1:;<=>?

!
!


:

•

•
•
•
•
•

http://www.ﬂickr.com/photos/brycej/2608552274/

http://www.ﬂickr.com/photos/bryce/58299511/

1.
2.
3.
4.
5.
6.
7.

The 7 Navigation Type of Web Site http://www.slideshare.net/atsushi/the-7-navigation-types-of-web-site

© Concent, Inc.

1.
2.
3. •
4. •
5. •
6.
7.

HCD-Net HCD HCD-Net
HCD-Net

A A A A

A A A A B C B C D B C D

+ + +
A A A
B C D

• • • •
(CB) CB •
• • •CB •
•

•Apple • • •P&G
•Virgin •JR • •

© nozomu.net

•
• IR

• →

•
•

: Pace Layering

Web

Stu

Space Plan

Services

Skin

Structure

Site

Web
Web

How Buildings Learn: What Happens After They're Built Penguin, 1995

IAAJ and IAI

• IAAJ
IA
ML IA IA Cocktail Hour

• IAI IA Institute
80 1,400
IA IxD UXD
IA Summit

IA100

•

• BBN

• #ia100

Questions?

See you in IA Cocktail Hour

concentinc.jp/

IA Overview for CSS Nite in Yamagata

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (14)

Semelhante a IA Overview for CSS Nite in Yamagata

Semelhante a IA Overview for CSS Nite in Yamagata (8)

Mais de Atsushi HASEGAWA, Ph.D.

Mais de Atsushi HASEGAWA, Ph.D. (20)

Último

Último (20)

IA Overview for CSS Nite in Yamagata

Notas do Editor