前回配布した基本設計書と一緒に活用する資料です。システム系にいた人であればなじみの深い、画面設計書と言うものです。Web用かつ小規模相当に省略し、結構ざっくりな感じになっています。基本設計と組み合わせるだけで全然違いますので、お試しあれ。ちなみに営業ツールとしても機能します。使い方は皆さん次第です。以前配布した資料はこちら。併用を考慮して作成されていますので、出来れば合わせてお使い下さいね。上の設計手順書が一番営業ツール向きかもしれません。前回も書いたのですが。今回配布するのはプレゼン用の資料ではありません。私の使い勝手上、keynoteで作成してはいますが、それは編集する為です。実際クライアントと方向性の確認をする際には、PDFで行います。使い方は皆さん次第ですので、編集もご自由にどうぞ。修正・署名の変更など完全にフリーです。私に許可とる必要すらありません。社内でも個人でも何処でもお使い下さい。Pieceの情報が入っています。こちらも自由に編集してお使い下さい。各ページデータは一部お楽しみ、という事で全部は載せていませんが、こちらも参考までに。PDFデータそのものはこのままでは役に立ちませんが、見栄えのサンプルとして。Web画面設計書【PDF】Web画面設計書【KEY】Web画面設計書【PPT】また各種項目について補足致します。更新履歴がある事から、これは「徐々に完成させていくもの」である事が理解いただけると思います。仕様書付きとあるように、様々なルールを決める部分があります。これは最初の取り決めから少しずつ変わっていき、最終的に落ち着く、というスタンスを取ります。最初はこうだったが、後々こうなった、という更新履歴が必要になります。可能なら何故そう変更したのかという理由も記述しておくとわかりやすいかと思います。画面部分に関してはワイヤーフレームを挿入して下さい。今回のはかなりざっくり適当なワイヤー(?)ですが、最初はこんなものでも問題ないと思います。大事なのはコンテンツの導線や仕組みを共有する事で、UIデザインは一番最後です。