私が関与している会社のウェブサイトを作成するための入札を得るために、多くのプログラマーやカスタムソフトウェア会社と会う予定です. 私の質問は次のとおりです。プログラマーが Web サイトの開発のための正確な入札、タイムテーブルなどを私に与えることができるように、プログラマーに何を準備すればよいですか? サイトをどのように機能させたいか、および含めたい機能を明確に把握しています。
6 に答える
balsamiqのようなものを使用して、他の場所で提案されているようにいくつかの簡単なスケッチをまとめることをお勧めします。
多くの場合、実際のサイトを表す方法で要件を紙に書き留めておくと、これまで考慮していなかったあらゆる種類の問題が洗い流され、求めているものをより明確に理解できるようになります。
また、表示しているデータのソースも考慮してください。機能仕様的には、「この図をここに表示してください」と言うだけで簡単です。プログラミングの観点からすると、最初に図を考え出すのは難しいことがよくあります。
Joel Spolsky のPainless Functional Specificationsを読んでアイデアを得ることができますが、Web ソフトウェアについてもそれが何を意味するのかをまとめてみました。
私は通常、これを 3 段階で行います。
サイトに表示される見出しの下のコンテンツのリスト。ワイヤーフレームを作成する前に、すべての関係者にこれをしっかりと同意してもらいます。
実世界のコンテンツの例と動的コンテンツ用のダミーの静的ページを使用した、プレーンな HTML/CSS のグレースケールの機能的なワイヤーフレーム。これは、プログラマーが最初に見たいものです。
各タイプのページの純粋に視覚的なグラフィック モックアップ - これはプログラマーが次に見たいものです。
完全なリストではありませんが、ここにいくつかの考えがあります。
戻るボタンをお忘れなく。戻るボタンの動作は、私がこれまでに取り組んできたすべてのサイトの問題です。ユーザーが戻るボタンを押してそのページに到達した場合に、すべてのページで何が起こるかを正確に指定します。多くの場合、それは簡単ですが、まったく簡単ではない場合もあります。
セキュリティ: 人々はログオンする必要がありますか、どのように、どのようにアカウントを作成し、パスワードをリセットしますか?
あなたができる最善のことは、エンドユーザーの帽子をかぶって、システムがどのように見えるか/動作するかを説明することです.
すべてのページを想像して、それぞれに新しいフレームを作成します。すべての入札者があなたが期待していることを正確に理解できるように、できるだけ多くの注釈を付けてください。
また、開発中にサイトの要件が変更される可能性がある場合は、最後に追加するので、事前に警告しておいてください.
詳細 詳細 詳細。明確なイメージがあると思うかもしれませんが、そうではありません。どんなに些細なことでも、すべてのステップを書き留める必要があります。あなたが考えていなかったことがあることがわかります。
思いつく限りの情報を書き留めてみてください。サイトを使用するときにユーザーが行うすべてのシナリオを確認してください。次のような手順を使用します
1) ユーザーが購入ボタンをクリックする
2) 画面に 4 つの項目、詳細へのリンク、価格、数量、および 32x32 のサムネイルが表示されます。
2a) ユーザーがサムネイルをクリックすると、フル解像度の画像が表示されます。
「単純な」ものをごまかそうとしないでください。可能な限り正確な入札を得ることができます。
基本的に、必要なもの (つまり、テキスト ボックス、ドロップダウン リスト、コントロールなど) を非常に簡単な方法で描画します。次に、何らかの機能を持つ各領域の周りに小さな数字を追加します。余白または別のシートに、コントロールに番号を付けた各ポイントについて、その機能がどのように機能するかについての簡単な説明を付けて説明します。
必要なアプリケーションを記述するためのスケルトンと考えてください。