Upload
Download free for 30 days
Login
Submit Search
20120629Slide at Sojo univ
4 likes
642 views
kousuke inamoto
1 of 60
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
More Related Content
PPTX
5分で分かる自己組織化マップ
Daisuke Takai
PDF
Somの分かり易い解説
Daisuke Takai
PDF
Cancer Patient Community & Use of Socialmedia | Nov. 2011
SocialCompany, Inc.
PDF
PDR IMAGE 2 b
tobyo_init
PDF
Socialmedia and Cancer Patient Movement
SocialCompany, Inc.
PDF
J-MAC SYSTEM
OTAKI_j-mac
PPTX
ペイスト
Takuma Arimura
PDF
20130620slide_anysense
kousuke inamoto
5分で分かる自己組織化マップ
Daisuke Takai
Somの分かり易い解説
Daisuke Takai
Cancer Patient Community & Use of Socialmedia | Nov. 2011
SocialCompany, Inc.
PDR IMAGE 2 b
tobyo_init
Socialmedia and Cancer Patient Movement
SocialCompany, Inc.
J-MAC SYSTEM
OTAKI_j-mac
ペイスト
Takuma Arimura
20130620slide_anysense
kousuke inamoto
Viewers also liked
(13)
PPTX
患者報告アウトカム QOL研究の基礎と形成外科領域における現況
信 彦坂
PPTX
Rogyzemi
Naoki Hayashi
PDF
人工呼吸器設定 はじめの一歩
Ryutaro Seo
PDF
#WDF18 エクスペリエンスを繋ぐために
Takashi Sakamoto
PDF
ワイワイCAFE UX、デザイン思考、サービスデザインのための「現場で使えるカスタマージャーニーマップ入門」
Tomohiro Suzuki
PPT
User Experience Journey Map (version 1)
Kazumichi (Mario) Sakata
PDF
Adaptive Path's Guide To Experience Mapping (Japanese Edition)
Kazumichi (Mario) Sakata
PDF
【3時間で学ぶ! スモールサクセス型『カスタマージャーニー分析』】 slideshare公開用
Akihiko Uchino
PDF
カスタマージャーニーから考えるコンテンツマーケティング設計
masayoshi ogiso
PPTX
James kalbach alignment diagrams euro ia 2010
Jim Kalbach
PDF
なぜなに?ユーザエクスペリエンスマップ(概要編)
Naoki Hashimoto
PDF
「実践的」カスタマージャーニー分析のすすめ
Akihiko Uchino
PDF
IA Summit 2012: Mapping the Experience
Chris Risdon
患者報告アウトカム QOL研究の基礎と形成外科領域における現況
信 彦坂
Rogyzemi
Naoki Hayashi
人工呼吸器設定 はじめの一歩
Ryutaro Seo
#WDF18 エクスペリエンスを繋ぐために
Takashi Sakamoto
ワイワイCAFE UX、デザイン思考、サービスデザインのための「現場で使えるカスタマージャーニーマップ入門」
Tomohiro Suzuki
User Experience Journey Map (version 1)
Kazumichi (Mario) Sakata
Adaptive Path's Guide To Experience Mapping (Japanese Edition)
Kazumichi (Mario) Sakata
【3時間で学ぶ! スモールサクセス型『カスタマージャーニー分析』】 slideshare公開用
Akihiko Uchino
カスタマージャーニーから考えるコンテンツマーケティング設計
masayoshi ogiso
James kalbach alignment diagrams euro ia 2010
Jim Kalbach
なぜなに?ユーザエクスペリエンスマップ(概要編)
Naoki Hashimoto
「実践的」カスタマージャーニー分析のすすめ
Akihiko Uchino
IA Summit 2012: Mapping the Experience
Chris Risdon
Ad
More from kousuke inamoto
(10)
PPTX
20161026_クリエイティブミーティング
kousuke inamoto
PPT
マークアップの夜明けぜよ from FutureSync 2011/07/28
kousuke inamoto
PPTX
110225kiabase002up
kousuke inamoto
PPTX
about CSS3 vol.2
kousuke inamoto
PPTX
サイトマップ(サイトストラクチャ)を考える
kousuke inamoto
PPT
僕の思うところのIA
kousuke inamoto
PDF
Htmlのタグの話
kousuke inamoto
PPT
Htmlのタグの話
kousuke inamoto
PPT
CSS3がやってきた
kousuke inamoto
PPTX
HTML5勉強会@福岡
kousuke inamoto
20161026_クリエイティブミーティング
kousuke inamoto
マークアップの夜明けぜよ from FutureSync 2011/07/28
kousuke inamoto
110225kiabase002up
kousuke inamoto
about CSS3 vol.2
kousuke inamoto
サイトマップ(サイトストラクチャ)を考える
kousuke inamoto
僕の思うところのIA
kousuke inamoto
Htmlのタグの話
kousuke inamoto
Htmlのタグの話
kousuke inamoto
CSS3がやってきた
kousuke inamoto
HTML5勉強会@福岡
kousuke inamoto
Ad
20120629Slide at Sojo univ
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.
10年間で・・・ 選択可能情報量
530倍 消費情報量 65倍 総務省発表 平成18年度「情報流通センサス報告書」より
15.
選択可能情報量 欲しい情報が見つけにくい
530倍 65倍 伝えたい情報を届けにくい 消費情報量 総務省発表 平成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/
Download