1. プロジェクトデザインから見る
IA
坂本貴史
SINAP TALK #01
2008.09.02

3. スキルインフォメーション
アーキテクト

6. テクノロジー コンテンツ
デザイン

9. 情報アーキテクチャ
情報デザイン
機能要件/コンテンツ要件

12. タスク定義
•これは何?
•誰が使う?
•どうやって使う?

13. I.ワイヤーフレーム
II.サイトストラクチャ
III.ユーザーエクスペリエンスフロー
IV.プロジェクトデザイン

14. I.ワイヤーフレーム

16. 視覚終点
押しやすい
視覚始点
読みやすい

18. より詳細な情報に絞り込む より展開・行動につなげる
ナビボディ
ナビ
インデックス
トップ 基本パターン

20. メディア特性

24. ?

25. 用語の統一と共通言語

26. II.サイトストラクチャ

27. サイトマップ UXフロー

28. サイトマップ UXフロー

29. サイトの機能

31. ページタイプ
記事 ブログ ケース コンタクト イベント
フォーラム 連絡先 ヘルプ ホーム レター
印刷 製品 練習

33. ホーム グローバル インデックス プロモ ベーシック
ユーティリティ ポップアップ フォーム 認証 デフォルト
ニュース ポータル 記事 リーフ ユーザー
ページ属性パターン

35. ページ属性と共通言語

37. サイトマップ UXフロー

38. III.ユーザーエクスペリエンス

39. 見る わかる 行動 完了

40. 誰が?

41. 見る わかる 行動 完了
新商品が見たい 写真を見たい FAQを見たい ほかの商品を見たい
新着が知りたい 詳細を調べたい 購入したい メールを送ってほしい

42. ホームページ ディティールページ アクションページ フォローページ
見る わかる 行動 完了

43. 新着情報の掲載 詳細情報の掲載 購入ボタン メール送信完了文面
新商品が見たい 写真を見たい FAQを見たい ほかの商品を見たい
新着が知りたい 詳細を調べたい 購入したい メールを送ってほしい
ホームページ ディティールページ アクションページ フォローページ
新商品訴求 写真の掲載 FAQ掲載 商品のレコメンド
見る わかる 行動 完了

44. 見る わかる 行動 完了
メンタルモデル
サイト要件

48. 目的別検索

50. 目的別検索

51. シミュレーション

53. 基本構造 付加価値
事業構造
サービス構造
目的
お客さま別

54. ハイレベルサイトマップ

55. IV.プロジェクトデザイン

56. 企画 設計 実装 運用

57. 企画 設計 実装 運用
考える 手を動かす

58. 企画 設計 実装 運用
考える 手を動かす

59. 企画 設計 実装 運用
考える 手を動かす
•サイト導線設計
•画面設計

60. 画面設計の指針 WF作成
考える 手を動かす
画面設計

61. 画面設計の指針 WF作成
考える 手を動かす

62. 考えれるから作れる
作れるから考えられる

65. したいこと できること
最適な提案

66. ユーザーニーズ ビジネスニーズ
テクノロジー
最良なソリューション

67. 複雑なデータの固有のパターンをまとめ、内容を
明確にする人
第三者が情報を得るための道筋を自分で見つけら
れるように、情報の構造を示す地図を作成する人
誰でも理解しやすように情報を提供し、それらを
まとめる人
インフォメーションアーキテクツ
リチャード・ワーマン
1996年

68. Contents/UI
Site
EIA
ECO System

69. ビジネス クリエイティブ テクノロジー

70. •デザイン実行力とデザインマネージメント力
•リーダーシップとプロジェクトマネジメント力
•ユーザー調査と分析力
•顧客とのコミュニケーション能力と調整力
Web検定本 デザイン編
ワークスコーポレーション
2007年
IAのコアスキル

72. Thank you