20130620slide_anysense

47
僕の思うIA ~IAと3つのC~ Kousuke INAMOTO #fukuokaia

Upload: kousuke-inamoto

Post on 31-May-2015

695 views

Category:

Design


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: 20130620slide_anysense

僕の思うIA~IAと3つのC~

Kousuke INAMOTO#fukuokaia

Page 2: 20130620slide_anysense

2インフォメーションアーキテクト

情報アーキテクチャ

Page 3: 20130620slide_anysense

情報アーキテクチャ

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

Page 4: 20130620slide_anysense

情報アーキテクチャ

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

情報をわかりやすく伝えるためのデザイン

Page 5: 20130620slide_anysense

情報アーキテクチャ

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

情報をわかりやすく伝えるためのデザイン

わかりやすく:理解しやすく・見つけやすくデザイン:設計や計画

Page 6: 20130620slide_anysense

情報アーキテクチャ

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

情報を理解しやすく、見つけやすく

伝えるための設計・計画手法

Page 7: 20130620slide_anysense
Page 8: 20130620slide_anysense

なぜ IAが 必要か?

Page 9: 20130620slide_anysense

530倍

総務省発表 平成18年度「情報流通センサス報告書」より

65倍消費情報量

選択可能情報量

10年間で・・・

Page 10: 20130620slide_anysense

71倍2.5倍消費情報量

選択可能情報量

平成13年から平成21年の8年間で・・

Page 11: 20130620slide_anysense

71倍2.5倍消費情報量

選択可能情報量

平成13年から平成21年の8年間で・・

欲しい情報が見つけにくい

伝えたい情報を届けにくい

Page 12: 20130620slide_anysense
Page 13: 20130620slide_anysense

写真:ストックホルム公立図書館

カテゴリー

   ラベル   

配置・動線 検索の仕組み

Page 14: 20130620slide_anysense

情報アーキテクチャ

アーキテクチャ

インダストリアルデザイン

インタラクションデザイン

ビジュアルデザイン

コンテンツ

メカニカルエンジニアリング

エレクトロニクスエンジニアリング

ヒューマン・コンピュータインタラクション

ユーザーエクスペリエンスデザイン

By Kicker Studio

Page 15: 20130620slide_anysense

情報アーキテクチャ

アーキテクチャ

インダストリアルデザイン

インタラクションデザイン

ビジュアルデザイン

コンテンツ

メカニカルエンジニアリング

エレクトロニクスエンジニアリング

ヒューマン・コンピュータインタラクション

ユーザーエクスペリエンスデザイン

By Kicker Studio

情報にフォーカスをあててUXを実現しようとする

手法・技術

Page 16: 20130620slide_anysense

Element of User Experience

抽象的

具体的

Page 17: 20130620slide_anysense

WebにおけるIA

4インターネット全体のIA1企業内のIA

1サイト内のIA

1画面でのIA

Page 18: 20130620slide_anysense

Contents

Page 19: 20130620slide_anysense
Page 20: 20130620slide_anysense

Context

Page 21: 20130620slide_anysense

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

Page 22: 20130620slide_anysense

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

「背景」「状態」「状況」

Page 23: 20130620slide_anysense

■背景

■状態

■状況

そのユーザーがこれまでどのような経験を経ているのか、そのユーザーにはどのような背景があるのか

そのユーザーはどのような状態に置かれているのか

そのユーザーはどのような場所・環境でコンテンツを見るのか

Page 24: 20130620slide_anysense

利用環境、利用状況の多様性

デバイスの増加

cf google glass

Page 25: 20130620slide_anysense

煮玉子黒豚らーめん 

黒豚の白濁スープ麺半熟の煮玉子を添えて

Page 26: 20130620slide_anysense

高広伯彦(たかひろのりひこ)氏

“言葉数が少ない代わりに、相手との関係や仕草・話し方・性別や場所、時間、会話の前後関係などの「非言語的要素」もコミュニケーションの際に重要な役割となるとされている。“

日本は、高コンテキスト文化

Page 27: 20130620slide_anysense

高広伯彦(たかひろのりひこ)氏

“言葉数が少ない代わりに、相手との関係や仕草・話し方・性別や場所、時間、会話の前後関係などの「非言語的要素」もコミュニケーションの際に重要な役割となるとされている。“

日本は、高コンテキスト文化

コンテキストを無意識に考える素質が

ある国柄

Page 28: 20130620slide_anysense

高広伯彦(たかひろのりひこ)氏

“言葉数が少ない代わりに、相手との関係や仕草・話し方・性別や場所、時間、会話の前後関係などの「非言語的要素」もコミュニケーションの際に重要な役割となるとされている。“

日本は、高コンテキスト文化

少し意識を向ける

Page 29: 20130620slide_anysense
Page 30: 20130620slide_anysense

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

Page 31: 20130620slide_anysense

Conversation

Page 32: 20130620slide_anysense

photo by LetThemTalk

議論までしなくてもいいんじゃない?

考えをアウトプットすること

Page 33: 20130620slide_anysense

NO ANSWER

Page 34: 20130620slide_anysense

まとめ

Page 35: 20130620slide_anysense

情報を理解しやすく、見つけやすく

伝えるための設計・計画手法

Page 36: 20130620slide_anysense

情報アーキテクチャ

アーキテクチャ

インダストリアルデザイン

インタラクションデザイン

ビジュアルデザイン

コンテンツ

メカニカルエンジニアリング

エレクトロニクスエンジニアリング

ヒューマン・コンピュータインタラクション

ユーザーエクスペリエンスデザイン

By Kicker Studio

情報にフォーカスをあててUXを実現しようとする

手法・技術

Page 37: 20130620slide_anysense

IAは誰のもの?

Page 38: 20130620slide_anysense

IA デザイナ〡マ〡クアップエンジニア

ディレクタ〡

プログラマ〡システムエンジニア

営業職

Page 39: 20130620slide_anysense

IA デザイナ〡マ〡クアップエンジニア

ディレクタ〡

プログラマ〡システムエンジニア

営業職

IAは、みんなのもの

Page 40: 20130620slide_anysense

正直きれいごとです。

Page 41: 20130620slide_anysense

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

Page 42: 20130620slide_anysense
Page 43: 20130620slide_anysense

IA100Tube

Page 44: 20130620slide_anysense
Page 45: 20130620slide_anysense
Page 46: 20130620slide_anysense
Page 47: 20130620slide_anysense

thank you!僕の思うIA~IAと3つのC~

@[email protected]