Sinap Talk Project Design "IA" 20080902
-
Upload
takashi-sakamoto -
Category
Design
-
view
109 -
download
3
description
Transcript of Sinap Talk Project Design "IA" 20080902
![Page 1: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/1.jpg)
プロジェクトデザインから見るIA
坂本貴史SINAP TALK #01
2008.09.02
![Page 2: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/2.jpg)
![Page 3: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/3.jpg)
スキルインフォメーションアーキテクト
![Page 4: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/4.jpg)
![Page 5: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/5.jpg)
![Page 6: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/6.jpg)
テクノロジー コンテンツ
デザイン
![Page 7: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/7.jpg)
![Page 8: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/8.jpg)
![Page 9: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/9.jpg)
情報アーキテクチャ
情報デザイン
機能要件/コンテンツ要件
![Page 10: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/10.jpg)
![Page 11: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/11.jpg)
![Page 12: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/12.jpg)
タスク定義
•これは何?
•誰が使う?
•どうやって使う?
![Page 13: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/13.jpg)
I.ワイヤーフレーム
II.サイトストラクチャ
III.ユーザーエクスペリエンスフロー
IV.プロジェクトデザイン
![Page 14: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/14.jpg)
I.ワイヤーフレーム
![Page 15: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/15.jpg)
![Page 16: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/16.jpg)
視覚終点
押しやすい
視覚始点
読みやすい
![Page 17: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/17.jpg)
![Page 18: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/18.jpg)
より詳細な情報に絞り込む より展開・行動につなげる
ナビボディ
ナビ
インデックス
トップ 基本パターン
![Page 19: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/19.jpg)
![Page 20: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/20.jpg)
メディア特性
![Page 21: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/21.jpg)
![Page 22: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/22.jpg)
![Page 23: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/23.jpg)
![Page 24: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/24.jpg)
?
![Page 25: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/25.jpg)
用語の統一と共通言語
![Page 26: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/26.jpg)
II.サイトストラクチャ
![Page 27: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/27.jpg)
サイトマップ UXフロー
![Page 28: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/28.jpg)
サイトマップ UXフロー
![Page 29: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/29.jpg)
サイトの機能
![Page 30: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/30.jpg)
![Page 31: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/31.jpg)
ページタイプ
記事 ブログ ケース コンタクト イベント
フォーラム 連絡先 ヘルプ ホーム レター
印刷 製品 練習
![Page 32: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/32.jpg)
![Page 33: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/33.jpg)
ホーム グローバル インデックス プロモ ベーシック
ユーティリティ ポップアップ フォーム 認証 デフォルト
ニュース ポータル 記事 リーフ ユーザー
ページ属性パターン
![Page 34: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/34.jpg)
![Page 35: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/35.jpg)
ページ属性と共通言語
![Page 36: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/36.jpg)
![Page 37: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/37.jpg)
サイトマップ UXフロー
![Page 38: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/38.jpg)
III.ユーザーエクスペリエンス
![Page 39: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/39.jpg)
見る わかる 行動 完了
![Page 40: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/40.jpg)
誰が?
![Page 41: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/41.jpg)
見る わかる 行動 完了
新商品が見たい 写真を見たい FAQを見たい ほかの商品を見たい
新着が知りたい 詳細を調べたい 購入したい メールを送ってほしい
![Page 42: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/42.jpg)
ホームページ ディティールページ アクションページ フォローページ
見る わかる 行動 完了
![Page 43: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/43.jpg)
新着情報の掲載 詳細情報の掲載 購入ボタン メール送信完了文面
新商品が見たい 写真を見たい FAQを見たい ほかの商品を見たい
新着が知りたい 詳細を調べたい 購入したい メールを送ってほしい
ホームページ ディティールページ アクションページ フォローページ
新商品訴求 写真の掲載 FAQ掲載 商品のレコメンド
見る わかる 行動 完了
![Page 44: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/44.jpg)
見る わかる 行動 完了
メンタルモデル
サイト要件
![Page 45: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/45.jpg)
![Page 46: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/46.jpg)
![Page 47: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/47.jpg)
![Page 48: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/48.jpg)
目的別検索
![Page 49: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/49.jpg)
![Page 50: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/50.jpg)
目的別検索
![Page 51: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/51.jpg)
シミュレーション
![Page 52: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/52.jpg)
![Page 53: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/53.jpg)
基本構造 付加価値
事業構造
サービス構造
目的
お客さま別
![Page 54: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/54.jpg)
ハイレベルサイトマップ
![Page 55: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/55.jpg)
IV.プロジェクトデザイン
![Page 56: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/56.jpg)
企画 設計 実装 運用
![Page 57: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/57.jpg)
企画 設計 実装 運用
考える 手を動かす
![Page 58: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/58.jpg)
企画 設計 実装 運用
考える 手を動かす
![Page 59: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/59.jpg)
企画 設計 実装 運用
考える 手を動かす
•サイト導線設計•画面設計
![Page 60: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/60.jpg)
画面設計の指針 WF作成
考える 手を動かす
画面設計
![Page 61: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/61.jpg)
画面設計の指針 WF作成
考える 手を動かす
![Page 62: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/62.jpg)
“考えれるから作れる作れるから考えられる”
![Page 63: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/63.jpg)
![Page 64: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/64.jpg)
![Page 65: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/65.jpg)
したいこと できること
最適な提案
![Page 66: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/66.jpg)
ユーザーニーズ ビジネスニーズ
テクノロジー
最良なソリューション
![Page 67: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/67.jpg)
“複雑なデータの固有のパターンをまとめ、内容を明確にする人”
“第三者が情報を得るための道筋を自分で見つけられるように、情報の構造を示す地図を作成する人”
“誰でも理解しやすように情報を提供し、それらをまとめる人”
インフォメーションアーキテクツリチャード・ワーマン1996年
![Page 68: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/68.jpg)
Contents/UI
Site
EIA
ECO System
![Page 69: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/69.jpg)
ビジネス クリエイティブ テクノロジー
![Page 70: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/70.jpg)
•デザイン実行力とデザインマネージメント力•リーダーシップとプロジェクトマネジメント力•ユーザー調査と分析力•顧客とのコミュニケーション能力と調整力
Web検定本 デザイン編ワークスコーポレーション2007年
IAのコアスキル
![Page 71: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/71.jpg)
![Page 72: Sinap Talk Project Design "IA" 20080902](https://reader031.fdocuments.net/reader031/viewer/2022020306/54c7605b4a79593a288b4587/html5/thumbnails/72.jpg)
Thank you