Webサイトのワイヤーフレーム作りに

Webアプリケーションとして動いている社内システムのリデザインを仰せつかった。 Webページのデザインか。久しぶりだ。 まずは、手書きでもよいから構成がわかるものをあげろという。 Webサイトのワイヤーフレームをつくれということだ。 ほんとうに手書きにするのもなんだし、どうしようか。 かといってVisioで作る気もしない。

調べてみると良さそうなサービスが見つかった。

Website wireframes: Mockingbird

作成したものを保存する場合は有料になるサービスだが、作ってファイルに吐き出す分には無料だ。

Cacoo - Web上で図の作成とリアルタイムコラボレーション

ワイヤーフレーム以外にもUMLやER図なども作れたりとステンシルが充実している。Visioが不要になるレベル。 25シートまでは無料で作成できる。iPhoneアプリもあり。

とりあえず、いわれたデザインの仕事はMockingbirdで作成したワイヤーフレームで進めた。 その後にはじめたサイトのデザインなどは Cacoo で進めている。