CSS Nite LP, Disk 7: Seesion3
-
Upload
nobuya-sato -
Category
Technology
-
view
2.494 -
download
3
description
Transcript of CSS Nite LP, Disk 7: Seesion3
![Page 1: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/1.jpg)
CSS Nite LP, Disk 7 「IAスペシャル」 Session 3
IAの欠点
~IAの本来の目的と役目 Subject for doing IA
Nobuya SatoExperience DesignerSeptember 12th., 2009
Twitter: #cssnitelp7SlideShare tag: cssnite
![Page 2: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/2.jpg)
Copyright 2009. Nobuya Sato 2
Agenda
本日のアジェンダ
1. 自己紹介
2. IAの欠点
3. なぜ結果がでないか?
4. 代表的なIA作業
5. まとめ
6. 質疑応答
![Page 3: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/3.jpg)
Copyright 2009. Nobuya Sato 3
Agenda
本日のアジェンダ
1. 自己紹介
2. IAの欠点
3. なぜ結果がでないか?
4. 代表的なIA作業
5. まとめ
6. 質疑応答
![Page 4: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/4.jpg)
Copyright 2009. Nobuya Sato 4
1. Profile, who I am
自己紹介
• 複数の外資系Webコンサル会社などでIA部門統括責任者 として大規模なサイト構築や、日本企業のグローバル戦 略の策定など、数多くのIA業務を経験。
• 現在はソニーのデザイン部門でネットワークモバイルプ ロダクツのプラットフォーム戦略を担当。
• IA Institute、Uxnetなどの日本代表、日本Androidの会
※ソニーのデザイン部門ではWebデザインの業務は行っていません。そのためSony関連のサイト構築等への関与はありません。
![Page 5: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/5.jpg)
Copyright 2009. Nobuya Sato 5
Agenda
本日のアジェンダ
1. 自己紹介
2. IAの欠点
3. なぜ結果がでないか?
4. 代表的なIA作業
5. まとめ
6. 質疑応答
![Page 6: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/6.jpg)
Copyright 2009. Nobuya Sato 6
2. IA do not work
IAの欠点?
「がんばってIA的な視点でプロジェクトをしてるけど、
ぜんぜん上手くいきません。」
「IAを依頼したんだけど、結局何だったのか判らない?」
「IAが終わりました、その後どうしたらいいの?」
![Page 7: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/7.jpg)
Copyright 2009. Nobuya Sato 7
2. IA do not work
IAの欠点?
「がんばってIA的な視点でプロジェクトをしてるけど、
ぜんぜん上手くいきません。」
「IAを依頼したんだけど、結局何だったのか判らない?」
「IAが終わりました、その後どうしたらいいの?」
「調査は時間がかかるので、必要ないです。」
「調査費用がないので、社内でやりましょう」
「ワイヤーフレームのここ、見た目良くないので変えません?」
「(ワイヤーフレーム見て)で、デザインは?」
「適当でいいです、あとで考えますから。」
「それは置いておいて、これ考えたので追加してください。」
![Page 8: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/8.jpg)
Copyright 2009. Nobuya Sato 8
2. IA do not work
IAの欠点?
… こんな状態では良い結果は出ません!
「がんばってIA的な視点でプロジェクトをしてるけど、
ぜんぜん上手くいきません。」
「IAを依頼したんだけど、結局何だったのか判らない?」
「IAが終わりました、その後どうしたらいいの?」
「調査は時間がかかるので、必要ないです。」
「調査費用がないので、社内でやりましょう」
「ワイヤーフレームのここ、見た目良くないので変えません?」
「(ワイヤーフレーム見て)で、デザインは?」
「適当でいいです、あとで考えますから。」
「それは置いておいて、これ考えたので追加してください。」
![Page 9: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/9.jpg)
Copyright 2009. Nobuya Sato 9
• IAは全体プロセスの1ステップでしかない
• IAだけでは完結/完成しない
• IAはあくまで「情報の構築」という前工程、後工程も重要
2. IA do not work
IAの欠点
プロセス?
後工程?
• IA作業の結果とデザインが変わることが多い
ROI?
• IAによる結果が判らない/結果がでない
• IAの費用対効果がわからない
![Page 10: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/10.jpg)
Copyright 2009. Nobuya Sato 10
Agenda
本日のアジェンダ
1. 自己紹介
2. IAの欠点
3. なぜ結果がでないか?
4. 代表的なIA作業
5. 求められるもの
6. まとめ
7. 質疑応答
![Page 11: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/11.jpg)
Copyright 2009. Nobuya Sato 11
3. Why IA do not work?
なぜ結果が出ないのか?
理由は実はシンプル…
1. IAの各作業の目的が理解されているか?
2. チーム全員が理解しているか?
なぜサイトマップを作るか?
なぜワイヤーフレームを作るか?「必要だから…」「でもなんで?」
![Page 12: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/12.jpg)
Copyright 2009. Nobuya Sato 12
Agenda
本日のアジェンダ
1. 自己紹介
2. IAの欠点
3. なぜ結果がでないか?
4. 代表的なIA作業
5. まとめ
6. 質疑応答
![Page 13: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/13.jpg)
Copyright 2009. Nobuya Sato 13
4. IA task, in general
代表的なIA作業
• ユーザー調査、ペルソナの制作
• 既存サイトのサイトマップの制作
• ハイレベルサイトマップ、全体構造の設計
• サイトマップの制作
• ワイヤーフレーム制作
…などなど
![Page 14: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/14.jpg)
Copyright 2009. Nobuya Sato 14
4. IA task, in general
IA作業の目的を考える
• ユーザー調査、ペルソナの制作
• 既存サイトのサイトマップの制作
• ハイレベルサイトマップ、全体構造の設計
• サイトマップの制作
• ワイヤーフレーム制作 「自分」で本当のユーザーを知る。
本当のユーザーを忘れないため。
わからない部分をクリヤーにする。
ユーザーを勝手に決めないため。
仮説で物事を決めない
![Page 15: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/15.jpg)
Copyright 2009. Nobuya Sato 15
4. IA task, in general
IA作業の目的を考える
• ユーザー調査、ペルソナの制作
• 既存サイトのサイトマップの制作
• ハイレベルサイトマップ、全体構造の設計
• サイトマップの制作
• ワイヤーフレーム制作
現状を頭で整理/把握する。
今のコンテンツを説明できるようにする。
問題になりそうな部分を理解にする。
全体のボリューム/ページ数を把握する。
![Page 16: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/16.jpg)
Copyright 2009. Nobuya Sato 16
4. IA task, in general
IA作業の目的を考える
• ユーザー調査、ペルソナの制作
• 既存サイトのサイトマップの制作
• ハイレベルサイトマップ、全体構造の設計
• サイトマップの制作
• ワイヤーフレーム制作
全体を把握/俯瞰して物事を判断。
将来的な拡張を検討できるように。
全体方針や方向性、戦略立案のために。
フェーズわけなど、現実が見えるように。
![Page 17: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/17.jpg)
Copyright 2009. Nobuya Sato 17
4. IA task, in general
IA作業の目的を考える
• ユーザー調査、ペルソナの制作
• 既存サイトのサイトマップの制作
• ハイレベルサイトマップ、全体構造の設計
• サイトマップの制作
• ワイヤーフレーム制作
全体の設計のため。
共通コンテンツの整理
小規模サイトのページ制作管理のため。
制作チーム以外がサイト構造を確認するため。
![Page 18: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/18.jpg)
Copyright 2009. Nobuya Sato 18
4. IA task, in general
IA作業の目的を考える
• ユーザー調査、ペルソナの制作
• 既存サイトのサイトマップの制作
• ハイレベルサイトマップ、全体構造の設計
• サイトマップの制作
• ワイヤーフレーム制作
ページにどんな要素が必要か?
共通要素の整理。
リンク構成やナビゲーションの整理
破綻や矛盾がページごとにないか?
クライアントとのコミュニケーションツール
![Page 19: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/19.jpg)
Copyright 2009. Nobuya Sato 19
4. IA task, in general
IA作業の目的
すべての作業には(当然ですが)目的と理由がある。
その作業の後、その結果をどう活用するかによって
(当然ですが)作業内容も変わる。
期待される成果物の理解/共通意識なしに作業していても
無意味にお互い疲労するだけ…
![Page 20: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/20.jpg)
Copyright 2009. Nobuya Sato 20
4. IA task, in general
IA作業の目的
すべての作業には(当然ですが)目的と理由がある。
その作業の後、その結果をどう活用するかによって
(当然ですが)作業内容も変わる。
期待される成果物の理解/共通意識なしに作業していても
無意味にお互い疲労するだけ…
• デザイナーにサイト構成を作ってもらうのと、デザインに専念しても らうのってどっちが得?
• サイト構成がいい加減で後から困るのと、最初から時間を使って、 一緒に考えるのってどっちが得?
• 急いでいるので要件定義しないまま、どんどん作りこんでたら途中 から段々破綻しだすのって誰が得?
• 最初にお互いとことん喧々諤々しておくのって無駄なの?
![Page 21: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/21.jpg)
Copyright 2009. Nobuya Sato 21
4. IA task, in general
IA作業の目的
すべての作業には(当然ですが)目的と理由がある。
その作業の後、その結果をどう活用するかによって
(当然ですが)作業内容も変わる。
期待される成果物の理解/共通意識なしに作業していても
無意味にお互い疲労するだけ…
• デザイナーにサイト構成を作ってもらうのと、デザインに専念しても らうのってどっちが得?
• サイト構成がいい加減で後から困るのと、最初から時間を使って、 一緒に考えるのってどっちが得?
• 急いでいるので要件定義しないまま、どんどん作りこんでたら途中 から段々破綻しだすのって誰が得?
• 最初にお互いとことん喧々諤々しておくのって無駄なの?
不必要な作業はやらない。
その作業がなぜ必要かを共有する。
![Page 22: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/22.jpg)
Copyright 2009. Nobuya Sato 22
Agenda
本日のアジェンダ
1. 自己紹介
2. IAの欠点
3. なぜ結果がでないか?
4. 代表的なIA作業
5. まとめ
6. 質疑応答
![Page 23: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/23.jpg)
Copyright 2009. Nobuya Sato 23
5. Today’s point
まとめ
a. IAの作業は全プロセスの1ステップ、完結しない。
b. 必ず目的がある/目的を理解する。
c. 理由を知る/理由を説明する。
d. 常に「その作業がなぜ必要か」を考える。
e. 不必要な作業はやらない(お金と時間の無駄)
+
f. 誰が担当すべきかを考える。
g. 次に誰が何をするかも考える。
![Page 24: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/24.jpg)
Copyright 2009. Nobuya Sato 24
5. Today’s point
まとめ
a. IAの作業は全プロセスの1ステップ、完結しない。
b. 必ず目的がある/目的を理解する。
c. 理由を知る/理由を説明する。
d. 常に「その作業がなぜ必要か」を考える。
e. 不必要な作業はやらない(お金と時間の無駄)
+
f. 誰が担当すべきかを考える。
g. 次に誰が何をするかも考える。
良いサイトを作るためにIA作業があるのであって、
IA作業や仕事、自己満足/自己実現のために
サイトがあるわけではない。
![Page 25: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/25.jpg)
Copyright 2009. Nobuya Sato 25
Agenda
本日のアジェンダ
1. 自己紹介
2. IAの欠点
3. なぜ結果がでないか?
4. 代表的なIA作業
5. まとめ
6. 質疑応答
![Page 26: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/26.jpg)
Copyright 2009. Nobuya Sato 26
6. Q & A
質疑応答
![Page 27: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/27.jpg)
Copyright 2009. Nobuya Sato 27
X. Appendix
おまけ
![Page 28: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/28.jpg)
Copyright 2009. Nobuya Sato 28
X. Rosenfeld Media
Rosenfeld Mediaについて
「白くま」本の著者のLouis Rosenfeldが立ち上げたUser Experienceコミュニティのための実践的な独立系出版社。
•「自分たちが必要な本は自分たちで作ろう」
•「自分たちが持っているノウハウを共有しよう」
![Page 29: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/29.jpg)
Copyright 2009. Nobuya Sato 29
X. Rosenfeld Media Book
販売中の本
割引コードがありますので、詳しくはカウントダウンメールをご覧ください。
20%オフ
ペーパーバック+PDF:
$36.00PDFのみ:
$19.00
http://www.rosenfeldmedia.com/
Mental Models:Aligning design strategy with human behavior
Web Form Design:Filling in the Blanks
Card Sorting: Designing Usable Categories
Design is the Problem:The Future of Design Must be Sustainable
その他、様々な書籍が計画中
![Page 30: CSS Nite LP, Disk 7: Seesion3](https://reader034.fdocument.pub/reader034/viewer/2022052522/548f67f5b4795927058b4ecf/html5/thumbnails/30.jpg)
Copyright 2009. Nobuya Sato 30
X. Thank you.
本日は、ありがとうございました。
引き続き楽しんでください。
佐藤 伸哉
Nobuya SatoExperience [email protected]
http://twitter.com/nobsatohttp://facebook.com/nobsato