1. don’t feel,think
KOUSUKE INAMOTO 2012/06/29 崇城大学

2. • IA (Information Architeture)
• Context
• User Journey Map

3. • IA (Information Architeture)
• Context
• User Journey Map

4. Information Architecture

5. Information Architecture
知識やデータの組織化を意味し、
「情報をわかりやすく伝え」
「受け手が情報を探しやすくする」ための
表現技術
※Wikipediaより引用

6. Information Architecture
ウェブデザインの発展に伴い、
従来のグラフィックデザイン（平面デザイン）に加え、
編集・ビジュアルコミュニケーション・テクノロジーを
融合したデザインが要求されるようになった。
※Wikipediaより引用

7. Information Architecture
情報アーキテクチャは
これらの要素技術を組み合わせた、
わかりやすさのためのデザインである。
※Wikipediaより引用

8. Information Architecture
ウェブ技術の発達に伴い
その重要性が認識されているが、
情報アーキテクチャの考え方自体は、
紙面デザインの頃から変わらない。
※Wikipediaより引用

9. Information Architecture
＝わかりやすさのためのデザイン

10. Information Architecture
＝わかりやすさのためのデザイン
デザインは日本語では「設計」にもあたり、「形態」や「意匠」と訳されてきたが、
それだけに限らず、人間の行為（その多くは目的を持つ）を
より良いかたちで適えるための「計画」も意味する。
人間が作り出すものは特定の目的を持ち、
それに適うようデザイナー（設計者）の手によって計画されるのである。
（wikipediaより引用)

11. Information Architecture
＝わかりやすさのために設計・計画をすること

13. なぜ が 必要か？

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

15. 選択可能情報量
欲しい情報が見つけにくい ５３０倍
６５倍
伝えたい情報を届けにくい
消費情報量
総務省発表 平成18年度「情報流通センサス報告書」より

17. Information Architecture
＝わかりやすさのために設計・計画をすること

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

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

20. カテゴリー
雑多になってる情報を
ある一定の法則などに基づいて
ラベル
分類する
情報の詳細を見なくても
まず一目で、それが何なのかが
わかるように名前付けをする

21. オラン
コンドル ライオン ワシ トラ ゴリラ
ウータン
オラン
コンドル ワシ トラ ライオン ゴリラ
ウータン
オラン
コンドル ゴリラ トラ ライオン ワシ
ウータン
http://www.itsnature.org/travel/zoos/bronx-zoo/

22. オラン
コンドル ライオン ワシ トラ ゴリラ
ウータン
オラン
コンドル ワシ トラ ライオン ゴリラ
ウータン
タカ目 ネコ目 サル目
鳥の仲間たち ネコの仲間たち サルの仲間たち
バサバサ～ ガオー！ ウッキッキー！
http://www.itsnature.org/travel/zoos/bronx-zoo/

23. • IA (Information Architeture)
• Context
• User Journey Map

24. オラン
コンドル ライオン ワシ トラ ゴリラ
ウータン
オラン
コンドル ワシ トラ ライオン ゴリラ
ウータン
タカ目 ネコ目 サル目
鳥の仲間たち ネコの仲間たち サルの仲間たち
バサバサ～ ガオー！ ウッキッキー！
http://www.itsnature.org/travel/zoos/bronx-zoo/

25. オラン
コンドル ライオン ワシ トラ ゴリラ
ウータン
どういうカテゴライズを？
オラン
コンドル ワシ トラ ライオン ゴリラ
ウータン
どういうラベリングを？
タカ目 ネコ目 サル目
鳥の仲間たち ネコの仲間たち サルの仲間たち
バサバサ～ ガオー！ ウッキッキー！
http://www.itsnature.org/travel/zoos/bronx-zoo/

26. オラン
コンドル ライオン ワシ トラ ゴリラ
ウータン
Contextを設計
オラン
コンドル ワシ トラ ライオン ゴリラ
ウータン
タカ目 ネコ目 サル目
鳥の仲間たち ネコの仲間たち サルの仲間たち
バサバサ～ ガオー！ ウッキッキー！
http://www.itsnature.org/travel/zoos/bronx-zoo/

27. Context

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

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

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

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

32. 顔色いいな。
髪型変えた？
歯に青のり・・
え？アザ？

33. 「・・・だろう」「・・・じゃない？」
でしか手伝うことができない。

34. だから、しっかり
想像（妄想）することが
大切

35. 日本は、
高コンテキスト文化
コンテキストを
無意識に考える素質が
ある国柄

36. 日本は、
高コンテキスト文化
無意識だともったいない
コンテキストを
無意識に考える素質が
ある国柄

37. 日本は、
高コンテキスト文化
コンテキストを意識
コンテキストを
無意識に考える素質が
ある国柄

38. 日本は、
高コンテキスト文化
コンテキストを
コンテキストを
アウトプットしてみよう
無意識に考える素質が
ある国柄

39. 顔色いいな。
髪型変えた？
歯に青のり・・
え？アザ？

40. • IA (Information Architeture)
• Context
• User Journey Map

41. User Journey Map

43. ユーザーがどんな体験をするのか
ユーザーにどんな体験をさせたいか

47. • IA (Information Architeture)
• Context
• User Journey Map

48. THINK

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

51. みんな無意識でやってる
• IA (Information Architeture)
• Context
• User Journey Map

52. don’t feel,think
KOUSUKE INAMOTO 2012/06/29 崇城大学

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

54. NO ANSWER

55. IA100
ユーザーエクスペリエンスデザインのための
情報アーキテクチャ設計
長谷川敦士 著
IAシンキング
Web制作者・担当者のためのIA思考術
坂本貴史 著

56. Web情報アーキテクチャ
最適なサイト構築のための論理的アプローチ
Louis Rosenfeld/Peter Morville 著
次世代コニュニケーションプランニング
高広伯彦 著

57. キーワード
・人間中心設計
HCD Human Centered Design
・ユーザーエクスペリエンスマップ
User experience map
・ユーザージャーニーマップ
User journey map
・コンテキスト
context
・インフォメーションアーキテクチャ 情報アーキテクチャ
Information architecture

58. 「UX MAGAZINE」で検索
http://uxmag.com

59. 稲本浩介
@sevenina
sevenina77@gmail.com
www.sevenstyleweb.com/blog/