6/20に株式会社エニセンスにて行ったIA勉強会の資料

1. 僕の思うIA
∼IAと3つのC∼
Kousuke INAMOTO
#fukuokaia

2. 2インフォメーションアーキテクト
情報アーキテクチャ

3. 情報アーキテクチャ
知識やデータの組織化を意味し、「情報をわかりやすく伝え」「受け手が情報を探し
やすくする」ための表現技術である。 ウェブデザインの発展に伴い、従来のグラフィ
ックデザイン（平面デザイン）に加え、編集・ビジュアルコミュニケーション・テクノ
ロジーを融合したデザインが要求されるようになった。情報アーキテクチャはこれら
の要素技術を組み合わせた、わかりやすさのためのデザインである。ウェブ技術の発
達に伴いその重要性が認識されているが、情報アーキテクチャの考え方自体は、紙面
デザインの頃から変わらない。 （wikipedia より引用）

4. 情報アーキテクチャ
知識やデータの組織化を意味し、「情報をわかりやすく伝え」「受け手が情報を探し
やすくする」ための表現技術である。 ウェブデザインの発展に伴い、従来のグラフィ
ックデザイン（平面デザイン）に加え、編集・ビジュアルコミュニケーション・テクノ
ロジーを融合したデザインが要求されるようになった。情報アーキテクチャはこれら
の要素技術を組み合わせた、わかりやすさのためのデザインである。ウェブ技術の発
達に伴いその重要性が認識されているが、情報アーキテクチャの考え方自体は、紙面
デザインの頃から変わらない。 （wikipedia より引用）
情報をわかりやすく伝えるためのデザイン

5. 情報アーキテクチャ
知識やデータの組織化を意味し、「情報をわかりやすく伝え」「受け手が情報を探し
やすくする」ための表現技術である。 ウェブデザインの発展に伴い、従来のグラフィ
ックデザイン（平面デザイン）に加え、編集・ビジュアルコミュニケーション・テクノ
ロジーを融合したデザインが要求されるようになった。情報アーキテクチャはこれら
の要素技術を組み合わせた、わかりやすさのためのデザインである。ウェブ技術の発
達に伴いその重要性が認識されているが、情報アーキテクチャの考え方自体は、紙面
デザインの頃から変わらない。 （wikipedia より引用）
情報をわかりやすく伝えるためのデザイン
わかりやすく：理解しやすく・見つけやすく
デザイン:設計や計画

6. 情報アーキテクチャ
知識やデータの組織化を意味し、「情報をわかりやすく伝え」「受け手が情報を探し
やすくする」ための表現技術である。 ウェブデザインの発展に伴い、従来のグラフィ
ックデザイン（平面デザイン）に加え、編集・ビジュアルコミュニケーション・テクノ
ロジーを融合したデザインが要求されるようになった。情報アーキテクチャはこれら
の要素技術を組み合わせた、わかりやすさのためのデザインである。ウェブ技術の発
達に伴いその重要性が認識されているが、情報アーキテクチャの考え方自体は、紙面
デザインの頃から変わらない。 （wikipedia より引用）
情報を
理解しやすく、見つけやすく
伝えるための
設計・計画手法

8. なぜ IAが 必要か？

9. ５３０倍
総務省発表 平成18年度「情報流通センサス報告書」より
６５倍消費情報量
選択可能情報量
１０年間で・・・

10. 71倍
2.5倍消費情報量
選択可能情報量
平成13年から平成21年の8年間で・・

11. 71倍
2.5倍消費情報量
選択可能情報量
平成13年から平成21年の8年間で・・
欲しい情報が見つけにくい
伝えたい情報を届けにくい

13. 写真：ストックホルム公立図書館
カテゴリー
ラベル
配置・動線
検索の仕組み

14. 情報アーキテクチャ
アーキテクチャ
インダストリアル
デザイン
インタラクション
デザイン
ビジュアル
デザイン
コンテンツ
メカニカル
エンジニアリング
エレクトロニクス
エンジニアリング
ヒューマン・コンピュータ
インタラクション
ユーザーエクスペリエンス
デザイン
By Kicker Studio

15. 情報アーキテクチャ
アーキテクチャ
インダストリアル
デザイン
インタラクション
デザイン
ビジュアル
デザイン
コンテンツ
メカニカル
エンジニアリング
エレクトロニクス
エンジニアリング
ヒューマン・コンピュータ
インタラクション
ユーザーエクスペリエンス
デザイン
By Kicker Studio
情報にフォーカスをあてて
UXを実現しようとする
手法・技術

16. Element of User Experience
抽象的
具体的

17. WebにおけるIA
4
インターネット全体のIA
1企業内のIA
1サイト内のIA
1画面でのIA

18. Contents

20. Context

21. Context
文脈や背景となる分野によって
さまざまな用例がある言葉であるが、
一般的に「文脈」と訳されることが多い。
文脈により
「脈絡」、「状況」、「前後関係」、「背景」
などとも訳される。
※Wikipediaより引用

22. Context
文脈や背景となる分野によって
さまざまな用例がある言葉であるが、
一般的に「文脈」と訳されることが多い。
文脈により
「脈絡」、「状況」、「前後関係」、「背景」
などとも訳される。
※Wikipediaより引用
「背景」「状態」「状況」

23. ■背景
■状態
■状況
そのユーザーがこれまでどのような経験を経ているのか、
そのユーザーにはどのような背景があるのか
そのユーザーはどのような状態に置かれているのか
そのユーザーはどのような場所・環境でコンテンツを見るのか

24. 利用環境、利用状況の多様性
デバイスの増加
cf google glass

25. 煮玉子黒豚らーめん
黒豚の白濁スープ麺
半熟の煮玉子を添えて

26. 高広伯彦（たかひろのりひこ）氏
言葉数が少ない代わりに、
相手との関係や仕草・話し方・性別や場所、
時間、会話の前後関係などの
「非言語的要素」もコミュニケーションの際に
重要な役割となるとされている。
日本は、
高コンテキスト文化

27. 高広伯彦（たかひろのりひこ）氏
言葉数が少ない代わりに、
相手との関係や仕草・話し方・性別や場所、
時間、会話の前後関係などの
「非言語的要素」もコミュニケーションの際に
重要な役割となるとされている。
日本は、
高コンテキスト文化
コンテキストを
無意識に考える素質が
ある国柄

28. 高広伯彦（たかひろのりひこ）氏
言葉数が少ない代わりに、
相手との関係や仕草・話し方・性別や場所、
時間、会話の前後関係などの
「非言語的要素」もコミュニケーションの際に
重要な役割となるとされている。
日本は、
高コンテキスト文化
少し意識を向ける

30. 意識することで
効果がでる

31. Conversation

32. photo by LetThemTalk
議論までしなくてもいいんじゃない？
考えをアウトプットすること

33. NO ANSWER

34. まとめ

35. 情報を
理解しやすく、見つけやすく
伝えるための
設計・計画手法

36. 情報アーキテクチャ
アーキテクチャ
インダストリアル
デザイン
インタラクション
デザイン
ビジュアル
デザイン
コンテンツ
メカニカル
エンジニアリング
エレクトロニクス
エンジニアリング
ヒューマン・コンピュータ
インタラクション
ユーザーエクスペリエンス
デザイン
By Kicker Studio
情報にフォーカスをあてて
UXを実現しようとする
手法・技術

37. IAは誰のもの？

38. IA デザイナー
マークアップ
エンジニア
ディレクター
プログラマー
システム
エンジニア
営業職

39. IA デザイナー
マークアップ
エンジニア
ディレクター
プログラマー
システム
エンジニア
営業職
IAは、みんなのもの

40. 正直きれいごとです。

41. でも、Webってきれいなほうがいい

43. IA100Tube

47. thank you!
僕の思うIA
∼IAと3つのC∼
@sevenina
kouina@generalasahi.co.jp