IA Overview for CSS Nite in Yamagata
9 likes1,140 views
This document provides an overview of information architecture (IA) and CSS Nite Yamagata Vol. 2, which is an event focused on cascading style sheets (CSS). It discusses the history and definition of IA. It also outlines the agenda for the CSS Nite Yamagata Vol. 2 event, which includes discussions on IA, technologies like content management systems and their relationship to IA, and case studies. The document is in Japanese.
![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.](https://image.slidesharecdn.com/cssniteyamagata100508-100508010703-phpapp01/85/IA-Overview-for-CSS-Nite-in-Yamagata-59-320.jpg)
![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.](https://image.slidesharecdn.com/cssniteyamagata100508-100508010703-phpapp01/85/IA-Overview-for-CSS-Nite-in-Yamagata-60-320.jpg)
![!"#$ %&'&()* +, -.&/0123 4567
328 9%&'&(:;<=>?
@ABCDEF0GH%IJ@AKLH@ALMNOP;QR?
S TUBC VWXNTUBC%&'&(
S 328 YZ%&'&(:;[=]^U_;`ab%&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´
¬ `uabbbbbbµ¶ 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^ijHó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‘£˜”‹Ž”–•Š‹œ›´NO
±œ:;®¯u‚ƒ„;¡¢Ù^_ч}-G:;‡&|
S •&3‡0-.0J A´
_ч}-G OµN®¯ºî=^O;¶ÚNG_•º·*7^O;¶Ú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=^OÝ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´](https://image.slidesharecdn.com/cssniteyamagata100508-100508010703-phpapp01/85/IA-Overview-for-CSS-Nite-in-Yamagata-64-320.jpg)
![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 ! /! /
Project Name | Creative Brief 070000 2/9
!"#$%&'()
*+,-! /! / *+.-!"/0121&3
45-03-5358-1470 Email-name@concentinc.jp
! " # $ % & 6 - #$%&'(!
')*+,(!
! " # $ % & 7 8 . - -./!
! " # $ % & 9 : . - 01/!
Project Name | Creative Brief 070000 3/9
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:;<=>?
concent_cb2.doc 2002-2007 © Concent, Inc
!
!
concent_cb2.doc 2002-2007 © Concent, Inc](https://image.slidesharecdn.com/cssniteyamagata100508-100508010703-phpapp01/85/IA-Overview-for-CSS-Nite-in-Yamagata-72-320.jpg)
IA Overview for CSS Nite in Yamagata
- 1. CSS Nite in Yamagata, Vol. 2 Web IA 2010-05-08 @ahaseg @concentinc tag: #cssniteymgt2 slideshare tag: cssnite, ia
- 2. hello • 1973 → • • → →IA • 2002 • IA Association Japan IAAJ.org HCD-Net IA Institute ACM SIGCHI • IA100 IA100 BNN #ia100
- 3. concent, inc. User Content Context
- 4. concent, inc. User Content Context Technology Visual Communicati IA on
- 5. today 1. 2.
- 6. Part 1.
- 10. 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
- 11. acc04 design Inc. TOP PRODUCT | COMPANY | IR | RECRUIT TOP > PRODUCTS > BOOK BOOK MUSIC MOVIE GAME © Atsushi Hasegawa
- 12. acc04 design Inc. TOP PRODUCT | COMPANY | IR | RECRUIT TOP > PRODUCTS > BOOK BOOK MUSIC MOVIE GAME © Atsushi Hasegawa
- 13. 1. 2. 3.
- 15. IA =
- 20. 1. 2. 3.
- 24. • • •
- 26. Web Vol.1 R&D http://web-tan.forum.impressrd.jp/
- 28. Web
- 29. CMS Web
- 30. CMS Web
- 31. CMS Web
- 32. CMS Web “ ”
- 33. Web Web
- 34. Web Web
- 35. Web Web
- 36. Web Web
- 37. Web Web CMS
- 38. Web Web CMS
- 39. Web Web CMS
- 40. • ➡ IA … ➡ • ➡ ➡
- 41. IA
- 42. IA
- 45. →
- 46. Q.
- 47. ROI
- 51. Q.
- 52. 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/
- 53. Q.
- 54. 1. 2. etc 3.
- 55. Part 2.
- 58. • • • •
- 59. 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.
- 60. 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.
- 61. concent method: project name | user analysis page 1 !"#$%&"'"() !"#$%&' *+ ,-. /0 1234"156789 :"; <6=6>?@A concent_um_sample.xls 2008 © Concent, Inc.
- 63. • → • • •
- 64. !"#$ %&'&()* +, -.&/0123 4567 328 9%&'&(:;<=>? @ABCDEF0GH%IJ@AKLH@ALMNOP;QR? S TUBC VWXNTUBC%&'&( S 328 YZ%&'&(:;[=]^U_;`ab%&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´ ¬ `uabbbbbbµ¶ 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^ijHó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‘£˜”‹Ž”–•Š‹œ›´NO ±œ:;®¯u‚ƒ„;¡¢Ù^_ч}-G:;‡&| S •&3‡0-.0J A´ _ч}-G OµN®¯ºî=^O;¶ÚNG_•º·*7^O;¶Ú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=^OÝ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´
- 66. LATCH • Location • Alphabetically 50 • Time • Category • Hierarchy
- 67. LATCH • Location • Alphabetically 50 • Time • Category • Hierarchy
- 69. HCD-Net 1 2 3 1 1 2 3 1 1
- 71. • • •
- 72. 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 ! /! / Project Name | Creative Brief 070000 2/9 !"#$%&'() *+,-! /! / *+.-!"/0121&3 45-03-5358-1470 Email-name@concentinc.jp ! " # $ % & 6 - #$%&'(! ')*+,(! ! " # $ % & 7 8 . - -./! ! " # $ % & 9 : . - 01/! Project Name | Creative Brief 070000 3/9 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:;<=>? concent_cb2.doc 2002-2007 © Concent, Inc ! ! concent_cb2.doc 2002-2007 © Concent, Inc
- 73. : • • • • • •
- 75. • • • •
- 80. Web
- 84. 3
- 85. 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.
- 86. 1.
- 87. 2.
- 88. 3.
- 89. 4.
- 90. 5.
- 91. 6.
- 92. 6.
- 93. 1. 2. 3. • 4. • 5. • 6. 7.
- 95. • • •
- 96. HCD-Net HCD HCD-Net HCD-Net
- 98. IA • • •
- 99. IM © Luke Wroblewski SNS blog BBS
- 100. IM © Luke Wroblewski SNS blog BBS
- 104. H1 H2
- 105. 10. WF
- 109. →
- 110. 30% 30% IM 30% © Luke Wroblewski SNS blog BBS
- 111. 30% 30% IM 30% © Luke Wroblewski SNS blog BBS
- 112. 30% 30% IM 30% © Luke Wroblewski SNS blog BBS
- 113. 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
- 114. EC
- 115. EC
- 117. Apple Panasonic P&G © Concent, Inc.
- 118. • • IR • → • •
- 119. : Pace Layering Web Stu Space Plan Services Skin Structure Site Web Web How Buildings Learn: What Happens After They're Built Penguin, 1995
- 120. IAAJ and IAI • IAAJ IA ML IA IA Cocktail Hour • IAI IA Institute 80 1,400 IA IxD UXD IA Summit
- 121. IA100 • • BBN • #ia100
- 122. Questions? See you in IA Cocktail Hour concentinc.jp/
Editor's Notes
- #124: &#x73FE;&#x5B9F;&#x7684;&#x306A;&#x30AC;&#x30A4;&#x30C9;&#x30E9;&#x30A4;&#x30F3; TIF