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

today 1. 2.

Part 1.

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

1. 2. 3.

• • •

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

CMS Web

CMS Web “ ”

Web Web

Web Web CMS

• ➡ IA … ➡ • ➡ ➡

ROI Return on Investment

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/

1. 2. etc 3.

Part 2.

• • • •

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 ! /! / 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

: • • • • • •

• • • •

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

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

Concent method: Site-it!

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

IA • • •

iPod touch iPod touch

10. WF

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

by Atsushi HASEGAWA on May 08, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 37

Statistics

IA Overview for CSS Nite in Yamagata — Presentation Transcript

http://www.slideshare.net	28
http://www.future-proof.jp	8
http://static.slidesharecdn.com	1