Sinap Talk Project Design "IA" 20080902

953 views

Published on

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
953
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Sinap Talk Project Design "IA" 20080902

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

×