プロジェクトデザインから見るIA

坂本貴史SINAP TALK #01

2008.09.02

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

テクノロジー コンテンツ

デザイン

情報アーキテクチャ

情報デザイン

機能要件/コンテンツ要件

タスク定義

•これは何?

•誰が使う?

•どうやって使う?

I.ワイヤーフレーム

II.サイトストラクチャ

III.ユーザーエクスペリエンスフロー

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

I.ワイヤーフレーム

視覚終点

押しやすい

視覚始点

読みやすい

より詳細な情報に絞り込む より展開・行動につなげる

ナビボディ

ナビ

インデックス

トップ 基本パターン

メディア特性

?

用語の統一と共通言語

II.サイトストラクチャ

サイトマップ UXフロー

サイトマップ UXフロー

サイトの機能

ページタイプ

記事 ブログ ケース コンタクト イベント

フォーラム 連絡先 ヘルプ ホーム レター

印刷 製品 練習

ホーム グローバル インデックス プロモ ベーシック

ユーティリティ ポップアップ フォーム 認証 デフォルト

ニュース ポータル 記事 リーフ ユーザー

ページ属性パターン

ページ属性と共通言語

サイトマップ UXフロー

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

見る わかる 行動 完了

誰が?

見る わかる 行動 完了

新商品が見たい 写真を見たい FAQを見たい ほかの商品を見たい

新着が知りたい 詳細を調べたい 購入したい メールを送ってほしい

ホームページ ディティールページ アクションページ フォローページ

見る わかる 行動 完了

新着情報の掲載 詳細情報の掲載 購入ボタン メール送信完了文面

新商品が見たい 写真を見たい FAQを見たい ほかの商品を見たい

新着が知りたい 詳細を調べたい 購入したい メールを送ってほしい

ホームページ ディティールページ アクションページ フォローページ

新商品訴求 写真の掲載 FAQ掲載 商品のレコメンド

見る わかる 行動 完了

見る わかる 行動 完了

メンタルモデル

サイト要件

目的別検索

目的別検索

シミュレーション

基本構造 付加価値

事業構造

サービス構造

目的

お客さま別

ハイレベルサイトマップ

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

企画 設計 実装 運用

企画 設計 実装 運用

考える 手を動かす

企画 設計 実装 運用

考える 手を動かす

企画 設計 実装 運用

考える 手を動かす

•サイト導線設計•画面設計

画面設計の指針 WF作成

考える 手を動かす

画面設計

画面設計の指針 WF作成

考える 手を動かす

“考えれるから作れる作れるから考えられる”

したいこと できること

最適な提案

ユーザーニーズ ビジネスニーズ

テクノロジー

最良なソリューション

“複雑なデータの固有のパターンをまとめ、内容を明確にする人”

“第三者が情報を得るための道筋を自分で見つけられるように、情報の構造を示す地図を作成する人”

“誰でも理解しやすように情報を提供し、それらをまとめる人”

インフォメーションアーキテクツリチャード・ワーマン1996年

Contents/UI

Site

EIA

ECO System

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

•デザイン実行力とデザインマネージメント力•リーダーシップとプロジェクトマネジメント力•ユーザー調査と分析力•顧客とのコミュニケーション能力と調整力

Web検定本 デザイン編ワークスコーポレーション2007年

IAのコアスキル

Thank you