Your SlideShare is downloading. ×

IA Overview for CSS Nite in Yamagata

2,147

Published on

Atsushi Hasegawa's presentation for CSS Nite in Yamagata Vol. 2

Atsushi Hasegawa's presentation for CSS Nite in Yamagata Vol. 2

Published in: Design
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,147
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
8
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide


























































































































  • 現実的なガイドライン
    TIF



  • Transcript

    • 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.
    • 7. © Nathan Shedroff
    • 8. 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
    • 9. acc04 design Inc. TOP PRODUCT | COMPANY | IR | RECRUIT TOP > PRODUCTS > BOOK BOOK MUSIC MOVIE GAME © Atsushi Hasegawa
    • 10. acc04 design Inc. TOP PRODUCT | COMPANY | IR | RECRUIT TOP > PRODUCTS > BOOK BOOK MUSIC MOVIE GAME © Atsushi Hasegawa
    • 11. 1. 2. 3.
    • 12. IA =
    • 13. 1. 2. 3.
    • 14. • • •
    • 15. Web Vol.1 R&D http://web-tan.forum.impressrd.jp/
    • 16. Web
    • 17. CMS Web
    • 18. CMS Web
    • 19. CMS Web
    • 20. CMS Web “ ”
    • 21. Web Web
    • 22. Web Web
    • 23. Web Web
    • 24. Web Web
    • 25. Web Web CMS
    • 26. Web Web CMS
    • 27. Web Web CMS
    • 28. • ➡ IA … ➡ • ➡ ➡
    • 29. IA
    • 30. IA
    • 31.
    • 32. Q.
    • 33. ROI
    • 34. ROI Return on Investment
    • 35. Q.
    • 36. 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/
    • 37. Q.
    • 38. 1. 2. etc 3.
    • 39. Part 2.
    • 40. • • • •
    • 41. 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.
    • 42. 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.
    • 43. concent method: project name | user analysis page 1 !"#$%&"'"() !"#$%&' *+ ,-. /0 1234"156789 :"; <6=6>?@A concent_um_sample.xls 2008 © Concent, Inc.
    • 44. • → • • •
    • 45. !"#$ %&'&()* +, -.&/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´
    • 46. LATCH • Location • Alphabetically 50 • Time • Category • Hierarchy
    • 47. LATCH • Location • Alphabetically 50 • Time • Category • Hierarchy
    • 48. HCD-Net 1 2 3 1 1 2 3 1 1
    • 49. • • •
    • 50. 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
    • 51. : • • • • • •
    • 52. • • • •
    • 53. http://www.flickr.com/photos/brycej/2608552274/
    • 54. http://www.flickr.com/photos/bryce/58299511/
    • 55. Web
    • 56. Concent method: Site-it!
    • 57. 3
    • 58. 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.
    • 59. 1.
    • 60. 2.
    • 61. 3.
    • 62. 4.
    • 63. 5.
    • 64. 6.
    • 65. 6.
    • 66. 1. 2. 3. • 4. • 5. • 6. 7.
    • 67. • • •
    • 68. HCD-Net HCD HCD-Net HCD-Net
    • 69. IA • • •
    • 70. IM © Luke Wroblewski SNS blog BBS
    • 71. IM © Luke Wroblewski SNS blog BBS
    • 72. iPod touch iPod touch
    • 73. iPod touch iPod touch
    • 74. H1 H2
    • 75. 10. WF
    • 76.
    • 77. 30% 30% IM 30% © Luke Wroblewski SNS blog BBS
    • 78. 30% 30% IM 30% © Luke Wroblewski SNS blog BBS
    • 79. 30% 30% IM 30% © Luke Wroblewski SNS blog BBS
    • 80. 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
    • 81. EC
    • 82. EC
    • 83. Apple Panasonic P&G © Concent, Inc.
    • 84. • • IR • → • •
    • 85. : Pace Layering Web Stu Space Plan Services Skin Structure Site Web Web How Buildings Learn: What Happens After They're Built Penguin, 1995
    • 86. IAAJ and IAI • IAAJ IA ML IA IA Cocktail Hour • IAI IA Institute 80 1,400 IA IxD UXD IA Summit
    • 87. IA100 • • BBN • #ia100
    • 88. Questions? See you in IA Cocktail Hour concentinc.jp/

    ×