css nite lp, disk 7: seesion3

CSS Nite LP, Disk 7 「IAスペシャル」 Session 3

IAの欠点

～IAの本来の目的と役目 Subject for doing IA

Nobuya SatoExperience DesignerSeptember 12th., 2009

Twitter: #cssnitelp7SlideShare tag: cssnite

Copyright 2009. Nobuya Sato 2

Agenda

本日のアジェンダ

1. 自己紹介

2. IAの欠点

3. なぜ結果がでないか？

4. 代表的なIA作業

5. まとめ

6. 質疑応答

Copyright 2009. Nobuya Sato 3

Agenda

本日のアジェンダ

1. 自己紹介

2. IAの欠点

3. なぜ結果がでないか？

4. 代表的なIA作業

5. まとめ

6. 質疑応答

Copyright 2009. Nobuya Sato 4

1. Profile, who I am

自己紹介

• 複数の外資系Webコンサル会社などでIA部門統括責任者 として大規模なサイト構築や、日本企業のグローバル戦 略の策定など、数多くのIA業務を経験。

• 現在はソニーのデザイン部門でネットワークモバイルプ ロダクツのプラットフォーム戦略を担当。

• IA Institute、Uxnetなどの日本代表、日本Androidの会

※ソニーのデザイン部門ではWebデザインの業務は行っていません。そのためSony関連のサイト構築等への関与はありません。

Copyright 2009. Nobuya Sato 5

Agenda

本日のアジェンダ

1. 自己紹介

2. IAの欠点

3. なぜ結果がでないか？

4. 代表的なIA作業

5. まとめ

6. 質疑応答

Copyright 2009. Nobuya Sato 6

2. IA do not work

IAの欠点？

「がんばってIA的な視点でプロジェクトをしてるけど、

ぜんぜん上手くいきません。」

「IAを依頼したんだけど、結局何だったのか判らない？」

「IAが終わりました、その後どうしたらいいの？」

Copyright 2009. Nobuya Sato 7

2. IA do not work

IAの欠点？

「がんばってIA的な視点でプロジェクトをしてるけど、

ぜんぜん上手くいきません。」

「IAを依頼したんだけど、結局何だったのか判らない？」

「IAが終わりました、その後どうしたらいいの？」

「調査は時間がかかるので、必要ないです。」

「調査費用がないので、社内でやりましょう」

「ワイヤーフレームのここ、見た目良くないので変えません？」

「（ワイヤーフレーム見て）で、デザインは？」

「適当でいいです、あとで考えますから。」

「それは置いておいて、これ考えたので追加してください。」

Copyright 2009. Nobuya Sato 8

2. IA do not work

IAの欠点？

… こんな状態では良い結果は出ません！

「がんばってIA的な視点でプロジェクトをしてるけど、

ぜんぜん上手くいきません。」

「IAを依頼したんだけど、結局何だったのか判らない？」

「IAが終わりました、その後どうしたらいいの？」

「調査は時間がかかるので、必要ないです。」

「調査費用がないので、社内でやりましょう」

「ワイヤーフレームのここ、見た目良くないので変えません？」

「（ワイヤーフレーム見て）で、デザインは？」

「適当でいいです、あとで考えますから。」

「それは置いておいて、これ考えたので追加してください。」

Copyright 2009. Nobuya Sato 9

• IAは全体プロセスの1ステップでしかない

• IAだけでは完結／完成しない

• IAはあくまで「情報の構築」という前工程、後工程も重要

2. IA do not work

IAの欠点

プロセス？

後工程？

• IA作業の結果とデザインが変わることが多い

ROI？

• IAによる結果が判らない／結果がでない

• IAの費用対効果がわからない

Copyright 2009. Nobuya Sato 10

Agenda

本日のアジェンダ

1. 自己紹介

2. IAの欠点

3. なぜ結果がでないか？

4. 代表的なIA作業

5. 求められるもの

6. まとめ

7. 質疑応答

Copyright 2009. Nobuya Sato 11

3. Why IA do not work?

なぜ結果が出ないのか？

理由は実はシンプル…

1. IAの各作業の目的が理解されているか？

2. チーム全員が理解しているか？

なぜサイトマップを作るか？

なぜワイヤーフレームを作るか？「必要だから…」「でもなんで？」

Copyright 2009. Nobuya Sato 12

Agenda

本日のアジェンダ

1. 自己紹介

2. IAの欠点

3. なぜ結果がでないか？

4. 代表的なIA作業

5. まとめ

6. 質疑応答

Copyright 2009. Nobuya Sato 13

4. IA task, in general

代表的なIA作業

• ユーザー調査、ペルソナの制作

• 既存サイトのサイトマップの制作

• ハイレベルサイトマップ、全体構造の設計

• サイトマップの制作

• ワイヤーフレーム制作

…などなど

Copyright 2009. Nobuya Sato 14

4. IA task, in general

IA作業の目的を考える

• ユーザー調査、ペルソナの制作

• 既存サイトのサイトマップの制作

• ハイレベルサイトマップ、全体構造の設計

• サイトマップの制作

• ワイヤーフレーム制作 「自分」で本当のユーザーを知る。

本当のユーザーを忘れないため。

わからない部分をクリヤーにする。

ユーザーを勝手に決めないため。

仮説で物事を決めない

Copyright 2009. Nobuya Sato 15

4. IA task, in general

IA作業の目的を考える

• ユーザー調査、ペルソナの制作

• 既存サイトのサイトマップの制作

• ハイレベルサイトマップ、全体構造の設計

• サイトマップの制作

• ワイヤーフレーム制作

現状を頭で整理／把握する。

今のコンテンツを説明できるようにする。

問題になりそうな部分を理解にする。

全体のボリューム／ページ数を把握する。

Copyright 2009. Nobuya Sato 16

4. IA task, in general

IA作業の目的を考える

• ユーザー調査、ペルソナの制作

• 既存サイトのサイトマップの制作

• ハイレベルサイトマップ、全体構造の設計

• サイトマップの制作

• ワイヤーフレーム制作

全体を把握／俯瞰して物事を判断。

将来的な拡張を検討できるように。

全体方針や方向性、戦略立案のために。

フェーズわけなど、現実が見えるように。

Copyright 2009. Nobuya Sato 17

4. IA task, in general

IA作業の目的を考える

• ユーザー調査、ペルソナの制作

• 既存サイトのサイトマップの制作

• ハイレベルサイトマップ、全体構造の設計

• サイトマップの制作

• ワイヤーフレーム制作

全体の設計のため。

共通コンテンツの整理

小規模サイトのページ制作管理のため。

制作チーム以外がサイト構造を確認するため。

Copyright 2009. Nobuya Sato 18

4. IA task, in general

IA作業の目的を考える

• ユーザー調査、ペルソナの制作

• 既存サイトのサイトマップの制作

• ハイレベルサイトマップ、全体構造の設計

• サイトマップの制作

• ワイヤーフレーム制作

ページにどんな要素が必要か？

共通要素の整理。

リンク構成やナビゲーションの整理

破綻や矛盾がページごとにないか？

クライアントとのコミュニケーションツール

Copyright 2009. Nobuya Sato 19

4. IA task, in general

IA作業の目的

すべての作業には（当然ですが）目的と理由がある。

その作業の後、その結果をどう活用するかによって

（当然ですが）作業内容も変わる。

期待される成果物の理解／共通意識なしに作業していても

無意味にお互い疲労するだけ…

Copyright 2009. Nobuya Sato 20

4. IA task, in general

IA作業の目的

すべての作業には（当然ですが）目的と理由がある。

その作業の後、その結果をどう活用するかによって

（当然ですが）作業内容も変わる。

期待される成果物の理解／共通意識なしに作業していても

無意味にお互い疲労するだけ…

• デザイナーにサイト構成を作ってもらうのと、デザインに専念しても らうのってどっちが得？

• サイト構成がいい加減で後から困るのと、最初から時間を使って、 一緒に考えるのってどっちが得？

• 急いでいるので要件定義しないまま、どんどん作りこんでたら途中 から段々破綻しだすのって誰が得？

• 最初にお互いとことん喧々諤々しておくのって無駄なの？

Copyright 2009. Nobuya Sato 21

4. IA task, in general

IA作業の目的

すべての作業には（当然ですが）目的と理由がある。

その作業の後、その結果をどう活用するかによって

（当然ですが）作業内容も変わる。

期待される成果物の理解／共通意識なしに作業していても

無意味にお互い疲労するだけ…

• デザイナーにサイト構成を作ってもらうのと、デザインに専念しても らうのってどっちが得？

• サイト構成がいい加減で後から困るのと、最初から時間を使って、 一緒に考えるのってどっちが得？

• 急いでいるので要件定義しないまま、どんどん作りこんでたら途中 から段々破綻しだすのって誰が得？

• 最初にお互いとことん喧々諤々しておくのって無駄なの？

不必要な作業はやらない。

その作業がなぜ必要かを共有する。

Copyright 2009. Nobuya Sato 22

Agenda

本日のアジェンダ

1. 自己紹介

2. IAの欠点

3. なぜ結果がでないか？

4. 代表的なIA作業

5. まとめ

6. 質疑応答

Copyright 2009. Nobuya Sato 23

5. Today’s point

まとめ

a. IAの作業は全プロセスの1ステップ、完結しない。

b. 必ず目的がある／目的を理解する。

c. 理由を知る／理由を説明する。

d. 常に「その作業がなぜ必要か」を考える。

e. 不必要な作業はやらない（お金と時間の無駄）

＋

f. 誰が担当すべきかを考える。

g. 次に誰が何をするかも考える。

Copyright 2009. Nobuya Sato 24

5. Today’s point

まとめ

a. IAの作業は全プロセスの1ステップ、完結しない。

b. 必ず目的がある／目的を理解する。

c. 理由を知る／理由を説明する。

d. 常に「その作業がなぜ必要か」を考える。

e. 不必要な作業はやらない（お金と時間の無駄）

＋

f. 誰が担当すべきかを考える。

g. 次に誰が何をするかも考える。

良いサイトを作るためにIA作業があるのであって、

IA作業や仕事、自己満足／自己実現のために

サイトがあるわけではない。

Copyright 2009. Nobuya Sato 25

Agenda

本日のアジェンダ

1. 自己紹介

2. IAの欠点

3. なぜ結果がでないか？

4. 代表的なIA作業

5. まとめ

6. 質疑応答

Copyright 2009. Nobuya Sato 26

6. Q & A

質疑応答

Copyright 2009. Nobuya Sato 27

X. Appendix

おまけ

Copyright 2009. Nobuya Sato 28

X. Rosenfeld Media

Rosenfeld Mediaについて

「白くま」本の著者のLouis Rosenfeldが立ち上げたUser Experienceコミュニティのための実践的な独立系出版社。

•「自分たちが必要な本は自分たちで作ろう」

•「自分たちが持っているノウハウを共有しよう」

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

その他、様々な書籍が計画中

Copyright 2009. Nobuya Sato 30

X. Thank you.

本日は、ありがとうございました。

引き続き楽しんでください。

佐藤 伸哉

Nobuya SatoExperience Designernobsato@nobsato.com

http://twitter.com/nobsatohttp://facebook.com/nobsato