Download - CSS Nite Ginza Vol. 38 - IA
![Page 1: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/1.jpg)
CSS Nite in Ginza, Vol. 38
海外IA最新レポート:
これからのIAが担っていく役割
2009-08-20
hasegawa atsushi - concent, inc.
twitter: #cssnite
1Thursday, August 20, 2009
![Page 2: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/2.jpg)
本日の流れ
• IA Summitとは
• 企業情報アーキテクチャ( Enterprise IA)
• 納品物フォーマットのトレンド
• Webエコシステム
• IAからUXへ
2Thursday, August 20, 2009
![Page 3: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/3.jpg)
hello
• 1973年 山形県生まれ
• インフォメーションアーキテクト
• 素粒子物理学→認知科学→IA
• 2002年コンセント設立、現在に至る
• IA Association Japan(IAAJ)主宰、
人間中心設計推進機構 理事、IA Institute、ACM SIGCHI会員
3Thursday, August 20, 2009
![Page 4: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/4.jpg)
concent, inc.
User
Content Context
コンテンツ
内容、機能
コンテキスト
戦略、制約
ユーザー
種別、行動
Technology
VisualCommunicati
onIA
ビジュアルコミュニケーション
アートディレクション、
グラフィックデザイン
情報アーキテクチャ
コンテンツ、
ナビゲーション
テクノロジー
サーバ、
フロントエンド
4Thursday, August 20, 2009
![Page 5: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/5.jpg)
IA Summit
• 年に一回北米で開催される、情報アーキテクチャに関する国際会議
• 世界中からIA、IxD、UXに関わる人々が集合(~500人)
日本からは08年は2人、09年は4名
• ここからIA Institute(旧AIfIA)が発足
• インハウス:エージェンシー=50:50
ビギナーからベテランまで
5Thursday, August 20, 2009
![Page 6: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/6.jpg)
IA Summit
• 2日間:チュートリアル(終日/半日)×8本
• 3日間:セッション(45分)×6本×3ライン×3日
• プロセス・手法:モバイル、アジャイル、EIAの実践、ナビゲーショ
ンの種類、WFのフォーマット、シナリオ/ストーリーブック
新しい理論:ペースレイヤリング、フォークソノミー
ケース:ファセット分類の適用例、ディズニーランド、Amazon
コミュニティ:IAとUX、IAの今後
6Thursday, August 20, 2009
![Page 7: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/7.jpg)
最近のトレンドトピック
• IAとUX:Big IAとLittle IA、UX
• EIA:フェーズドアプローチ、ROI、ブランド、導入手法
• チーム、教育、コミュニティ
• Webエコシステム/LPO/ネット全体のIA
• 納品物フォーマット
7Thursday, August 20, 2009
![Page 8: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/8.jpg)
8Thursday, August 20, 2009
![Page 9: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/9.jpg)
9Thursday, August 20, 2009
![Page 10: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/10.jpg)
10Thursday, August 20, 2009
![Page 11: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/11.jpg)
11Thursday, August 20, 2009
![Page 12: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/12.jpg)
12Thursday, August 20, 2009
![Page 13: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/13.jpg)
13Thursday, August 20, 2009
![Page 14: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/14.jpg)
14Thursday, August 20, 2009
![Page 15: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/15.jpg)
15Thursday, August 20, 2009
![Page 16: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/16.jpg)
16Thursday, August 20, 2009
![Page 17: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/17.jpg)
17Thursday, August 20, 2009
![Page 18: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/18.jpg)
18Thursday, August 20, 2009
![Page 19: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/19.jpg)
19Thursday, August 20, 2009
![Page 20: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/20.jpg)
20Thursday, August 20, 2009
![Page 21: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/21.jpg)
21Thursday, August 20, 2009
![Page 22: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/22.jpg)
22Thursday, August 20, 2009
![Page 23: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/23.jpg)
IA Summit Redux & IAAJ
• ローカルエリア(各地域)でのIAサミットの再演(報告会)
• 日本でも毎年サミット後に開催(IA Summit Redux Tokyo)
• IA関連イベント(dux、IxDA)等の報告会も実施している
• 9月には、AdaptivePath社のUX Intensive(集中講義)報告会
• 詳しくはIAAJ.orgへ
23Thursday, August 20, 2009
![Page 24: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/24.jpg)
1. エンタープライズ情報アーキテクチャ
• 企業全体で検討すべき情報アーキテクチャ
• ナビゲーション、シソーラス、ストラクチャ、ガイドライン
• トップダウン(全体ルール)とボトムアップ(個別ルール)
• ブランディング、ROI、企業への導入方法
• 事例:Amazon、HotWire、REI
24Thursday, August 20, 2009
![Page 25: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/25.jpg)
ROI/効果指標
• ROI: Return on Investment
• 「フラストレーションのコスト」「見つからないコスト」
• 企業/政府・自治体等での指標の違い
25Thursday, August 20, 2009
![Page 26: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/26.jpg)
http://www.slideshare.net/mmatross/site-redesign-when-hell-freezes-over-use-a-blowtorch
26Thursday, August 20, 2009
![Page 27: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/27.jpg)
コストとブランドの関係性27Thursday, August 20, 2009
![Page 28: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/28.jpg)
ブランドとEIA
• 企業ブランド戦略とEIA
• サイト=ブランドを体験する場
• Branded House(単独ブランド)
House of Brands(複合ブランド)
• 統合型サイトと独立型サイト
28Thursday, August 20, 2009
![Page 29: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/29.jpg)
29Thursday, August 20, 2009
![Page 30: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/30.jpg)
2. 納品物フォーマット
• eight shapes社を中心に納品物フォーマットの議論が行われている
• IA Summitでは納品物コンテストも開催
• 「対象者と納品物」:利用フェーズ×対象者
• モジュールで全体を構成するテンプレート(InDesign)
30Thursday, August 20, 2009
![Page 31: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/31.jpg)
© Nathan Curtis
31Thursday, August 20, 2009
![Page 32: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/32.jpg)
© Nathan Curtis
32Thursday, August 20, 2009
![Page 33: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/33.jpg)
33Thursday, August 20, 2009
![Page 34: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/34.jpg)
MODULAR WEB DESIGN
34Thursday, August 20, 2009
![Page 35: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/35.jpg)
Unify Your Deliverables:
Nathan Curtis @ 8 shapes
• InDesignに集約させたWebプ
ロジェクトドキュメントのテン
プレート
• 戦略~ユーザー分析~WFまで
• クロスプラットフォーム、ベク
ターグラフィクス、モジュール
化、などがInDesignの理由
35Thursday, August 20, 2009
![Page 36: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/36.jpg)
3. Web生態系(エコシステム)
• ネット全体を一つの生態系を考える
• サイトへの流入経路は、ストラクチャをたどる経路だけではない
• これらの訪問経路を考慮したページデザイン
• CONTEXT、RELATED、CONTENT
36Thursday, August 20, 2009
![Page 37: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/37.jpg)
37Thursday, August 20, 2009
![Page 38: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/38.jpg)
© Luke Wroblewski
38Thursday, August 20, 2009
![Page 39: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/39.jpg)
4. IAからUXへ
• Big IAとLittle IA
• IAとIxD
(IA InstituteとIxD Association)
• UX(User Experience)
39Thursday, August 20, 2009
![Page 40: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/40.jpg)
© JJG
Little
IA
Big IA
40Thursday, August 20, 2009
![Page 41: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/41.jpg)
IxD(Interaction Design)
• “インタラクティブなプロダクトやサービスの構造とふるまい”
• IxDの職務領域
ユーザー調査
ユーザーモデル/ペルソナ
シナリオ/
要件定義
フレームワーク
UI/画面デザイン
41Thursday, August 20, 2009
![Page 42: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/42.jpg)
ユーザーエクスペリエンス
(User Experience:UX)
1. 混乱や面倒なしで顧客の的確なニーズを満たす事
2. 所有する楽しさ、使用する楽しさを生み出す『簡潔さと優雅さ』
http://www.nngroup.com/about/userexperience.html
→ 使いやすさと楽しさ
42Thursday, August 20, 2009
![Page 43: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/43.jpg)
HCDプロセス:ISO13407
2. 利用の状況の把握と明示
3. ユーザーと組織の
要求事項の明示
4. 設計による解決案の作成
5. 要求事項に対する
設計の評価
1. HCDの必要性の特定要求を
満たす!
•ペルソナ/シナリオ法
•フィールド調査•文脈的調査
•プロトタイピング•デザインパターン*
•ユーザーテスト•ヒューリスティック評価
43Thursday, August 20, 2009
![Page 44: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/44.jpg)
The Memphis Plenary
• “There are no information architects.
There are no interaction designers.
There are only, and only ever have been,
user experience designers.”
• みんなまとめて、
「ユーザーエクスペリエンスデザイナー(UXD)」
でいいんじゃない?
http://www.jjg.net/ia/memphis/
44Thursday, August 20, 2009
![Page 45: CSS Nite Ginza Vol. 38 - IA](https://reader034.vdocuments.site/reader034/viewer/2022042700/555a5ec8d8b42a47748b5200/html5/thumbnails/45.jpg)
concentinc.jp/
See you in CSS Nite LP7
45Thursday, August 20, 2009