私は、関わっている会社のウェブサイトを作成するための入札をするために、多くのプログラマーやカスタムソフトウェア会社と出会うつもりです。私の質問はこれです：ウェブサイトの開発のために正確な入札、タイムテーブルなどを与えることができるように、プログラマのために何を準備すればよいですか？私はどのようにサイトを動作させたいのか、私が含めたい機能について明確なイメージを持っています。ウェブサイトのワイヤフレームには何が必要ですか？
あなたができることは、エンドユーザーの帽子をかぶって、システムがどのように見えるか/働くかを記述することです。
すべてのページを想像し、それぞれに新しいフレームを作成します。できるだけ多くの注釈を付けて、すべての入札者があなたが期待していることを正確に知るようにします。
開発中にサイトの要件が変更される可能性が高い場合は、最後に追加します。だから、誰もが事前に警告します。
詳細詳細 あなたは鮮明な画像を持っていると思うかもしれませんが、そうではありません。あなたはどんなに些細なことにもかかわらず、一歩一歩ずつ書く必要があります。あなたは、あなたが考えていないことがあることがわかります。
考えられる限りの情報を書き留めてください。サイトを使用しているときにユーザーが行うすべてのシナリオを実行します。このよう
1）
2）画面が4つの項目、内容、価格、数量及び32×32サムネイルへのリンクに現れる購入ボタンをユーザーがクリックするなどの手順を実行します。
2A）、サムネイル、フル解像度の画像をユーザーがクリックすると、私はsが を表示した場合などなど
「シンプル」なものをごまかすしようとしないでください、あなたは可能な限り最も正確な入札を取得します！
非常に簡単な方法で基本的にテキストボックス、ドロップダウンリスト、コントロールなどを描画します。次に、いくつかの機能を持つ各領域の周りに小さな数字を追加します。余白や別のシートに、機能の仕組みに関する簡単な説明を付けて、コントロール上で番号を付けた各ポイントを記述します。
あなたが望むアプリケーションを説明するスケルトンと考えてください。
balsamiqのようなものを使って、他の場所で提案されている簡単なスケッチをまとめることをお勧めします。
あなたの要件を実際のサイトを表す方法で紙に書き込むという行為は、これまで考慮していなかったあらゆる問題を洗い流すことになります。後に。
表示しているデータのソースも考慮してください。機能的なスペックの観点から、単に「ここにこの図を表示する」のようなものを言うのは簡単です。プログラミングの観点からは、最初に数字を浮かべることは、しばしばハードなビットです。
ない完全なリストが、ここで思考のカップル：
は、[戻る]ボタンを忘れないでください。 バックボタンの動作は、これまでに作業したすべてのサイトで問題となります。ユーザーが戻るボタンを押してそのページに移動した場合、すべてのページで何を実行するかを正確に指定します。しばしばそれは簡単ですが、時にはそれはまったく些細なことでもありません。
セキュリティ： どのようなページにログオンする必要がありますか、どのようにアカウントを作成し、パスワードをリセットする必要がありますか？ログオンせずにそれらのページにアクセスするとどうなりますか？
Joel SpolskyのPainless Functional Specificationsのアイデアを読むことができますが、Webソフトウェアの意味をまとめたところです。
私は通常、3段階に分けて次の操作を行います。
内容のリスト、見出しの下に彼らがサイトに表示されます。ワイヤフレームを行う前に、すべての関係者がこれを強く同意してください。
グレイスケール機能のワイヤーフレーム（プレーンHTML/CSS）。実際のコンテンツの例と、ダイナミックコンテンツのためのダミーの静的なページを使用する必要があるすべてのものを使用します。これはプログラマーが見たい最初のものです。
各タイプのページの純粋に視覚的なグラフィックモックアップ - これはプログラマが見たい次のものです。「見せたいものを見せて、それを実現させます」。
実際のコンテンツとナビゲーションについて考えるようなグラフィック/色を追加できないため、私は2番目のバルサミークになります – Tom