デジタルアシスト20090926プレゼン

サイトマップワイヤーフレーム

1

データファーム　勝又

サイトマップ

ワイヤーフレーム

時間がなかったら次回にします～。

今日のお題

2

サイトマップ

3

エクセル？

ワード？

アウトラインプロセッサ？

マインドマップ？

その他？

何使って作ってる？

4サイトマップワイヤーフレーム

Mac用

かんたんにツリー構造が作れるよ

出し入れ自由

うちは「TREE」


DEMO


お客様にサイトの規模を見せる

デザイナーさんにデザインの目処を見せる

コーダーさんにサイトの構造を見せる

サイトマップ、何につかってる？


サイトの大きさ

そのページの目的

何を掲載するか→課題探し

お客さんには何を見せる？



静的ページと動的ページ区別

静的ページとテンプレートの数

デザイナーさんには何を見せる？



静的ページと動的ページ区別

フォルダ名とファイル名

コーダーさんには何を見せる？


サイトマップに修正が入るたびお客さん用、デザイナー用、コーダー用の3つを修正しないといけない。

何がめんどう？


サイトマップの統一性の欠如

「ホウレンソウ」がおかしくなる

余計な作業、ストレス、やらされてる感

更新を怠ると、何が起こる？


Treeでサイトマップを作る…じゃなくて

Treeにサイトマップを書き出し

1つのデータ→複数のサイトマップ

どうしたらいい？


FileMakerをつかってサイトマップ管理システムを作ってみた。

やってみた。


とりあえず使い続けている（これ大事）

作業時間が減った

より細かい部分まで書くようになった

作ってみてどうなった


DEMO


「サイトマップ→コンテンツマップ」になった

見積もり作業が楽に。→DEMO

結果として


そもそも作るのめんどくさいじゃん！

ってのはある。なくても作れる…って人も

データファーム的には無理。

「サイトマップ」は「シミュレーション」だから

データファームにおける「サイトマップ」


いきなりサイトを作る→いろいろロスがある

作るべきページが漏れてた

足りないコンテンツがあった

時間、能力、お金の追加請求、どれも難しい！

サイトマップで一度仮組→事故を予見して回避

サイトマップは納品まで手を入れていく。

シミュレーション？


サイトの複製できるように

→できます。なまけてるだけ

テンプレートの管理もできるように。ひも付けも

今後の課題


ワイヤーフレーム

21

エクセル？

パワーポイント？

Fireworks？

イラストレータ？

その他

何使って作ってる？


Mac用。使うならPro版で！

読み方は「おむにぐらふぃる」

イラレとパワーポイントのあいのこ＋α

うちは「OMNI GRAFFILE PROFFESIONAL」


気楽に作れる

整列がかしこい

共有レイヤーが便利

何がいいの？


DEMO


画像形式（jpe、gif、png）

html形式（クリッカブル）

PDF形式（クリッカブル）→これ便利

書き出し形式は？


注釈は別レイヤーに

変数を使うと楽

前の書類を複製→新規（うなぎのたれ方式）

こう使うともっと便利


サイトマップも作れるよ

姉妹品の「OmniOutliner」と使ってもOK

スタイルの変更も楽々

時間があればDEMO

こんなこともできる


知らない機能が多いので、使いこなす。

ワイヤーフレームのパターン充実

もっと簡単に、もっと早く作る

今後の課題


以上でおしまいありがとうございました

30

ONE MORE THINGいい？

31

個人ブログ用の「a-blog cms」のライセンスほしい人いますか…いますよね？

ほしい人にライセンス、あげます。勉強会MLに投稿するのでレスください。

先着10名様で。

ごめんなさい、個人非商用のみです（商用利用不可）

A-BLOG CMSの発表を先日やりましたが…

32one more thing

以上で本当におしまいありがとうございました

33

デジタルアシスト20090926プレゼン

Business