古い格言が行くように、 計画に失敗すると、失敗する予定になります。 計画なしにウェブサイトを構築することは、設計図なしで建物を建設するようなものです。 物事は間違った場所に行き着き、機能は見落とされ、Web サイト作成者とクライアントの間で意思疎通の齟齬が生じやすい状況が生じています。 事前にウェブサイトの計画を立てると、明確な方向性が得られるだけでなく、締め切りの遅れや後戻りを防ぐことができます。 あなたがクライアントと協力する Web デザイナーであれば、このガイドは双方が適切に計画を立てるのに役立ちます。 あなたがビジネスオーナーまたは組織の従業員である場合、このガイドは、今後の Web サイトの基礎を築くのに役立ちます。

1. 目的と目標を設定します。

あなたのウェブサイトの目的は何ですか? あなたのビジネスの宣伝を目的としていますか？ 在庫を販売するには? 大義のために支持を集めるには？ ウェブサイトの目的と対象読者を特定することが重要です。 目標も定義する必要があります。 毎月何人の訪問者が予想されますか? あなたのニュースレターに何人が登録すると予想されますか? どのくらいの売上が見込まれますか? マーケティング目標に沿った、測定可能な具体的な目標を Web サイトに設定します。 Google Analytics のような分析ツールを使用すると、Web サイトのパフォーマンスを長期的に監視できます。

2. 予算を作成します。

確立された中規模の組織であっても、新興企業であっても、Web サイトにかかる費用の予算は常に設定する必要があります。 これにはおそらく、Web デザイン、プログラミング、Web ホスティングの資金が含まれるでしょう (ただし、他の費用がかかる場合もあります)。 買い物をしたり、専門家に相談したりして、市場を調査します。 価格だけを比較して自分を安売りしないでください。 節約したお金は、後で精彩のないサイトや多くの頭痛の種を支払うことになるかもしれません。 経験、洞察力、参考文献、仕事の例に基づいてチームメンバーを選ぶ方がよいでしょう。

3. 役割を割り当てます。

• 会社の利害関係者 (オーナー、マーケティング マネージャー、またはその他のビジネスの主要な機能を代表する人物)
• ウェブ開発者
• コンテンツライターおよび/または編集者
• HTML/CSSプロフェッショナル
• ウェブおよびグラフィックデザイナー

チームの全員が自分の役割と何が期待されているかを理解し、期限や新たな展開に遅れないようにしてください。

4. コンテンツ戦略を作成します。

ウェブサイトにはどのようなコンテンツが表示されますか? コンテンツとは基本的に、訪問者に情報を提供するものです。 これには以下が含まれますが、これらに限定されません。

• ブログの記事
• 資料
• ビデオ
• 写真（ギャラリーなど）
• スライドショー
• 埋め込みソーシャル メディア フィード (Twitter ストリームや Facebook ページの更新情報など)

コンテンツ戦略とは、長期にわたってコンテンツを提示する計画の方法です。 たとえば、ブログ戦略を立てる場合、月に XNUMX つのブログ投稿を公開し、購読者が年に XNUMX 回ダウンロードできる無料の四半期レポートを発行することができます。 コンテンツはウェブサイトにとって非常に重要な要素であるため、必要に応じて助けを求めてください。 ウェブへの執筆経験のあるライターを雇い、店頭や従業員のプロ並みの写真に投資しましょう。

5. Web サイトを構造化します。

どのページを使用するか、各ページにどのような機能があるかを決定します。 ほとんどの Web サイトには「概要」ページと「連絡先」ページがありますが、使用するページはビジネスのニーズを満たす必要があります。

6. モックアップを作成します。

ページのモックアップはワイヤーフレームとも呼ばれ、基本的に Web サイトの概要です (最初のデザインは最初の草案です)。 通常、Photoshop または Fireworks で作成されるため、モックアップにあまり詳細を加える必要はありません。 プレースホルダー テキストを使用してページを埋めれば、詳細を気にする必要はありません。 これは、ウェブサイトがどのようなものになるのかを誰もが理解できるようにするためのものです。

デザイン プログラムがない場合は、ペンと紙を使って計画を立てることもできます。 希望するものの概要がわかったら、それをデザイナーに送って作成してもらうことも、自分で作成することもできます。

7. 設計を開始します。

優れた Web デザインの重要性は、どれだけ強調してもしすぎることはありません。 優れた Web サイトのデザインには、使いやすさと美しさの両方が含まれます。 醜い Web サイトは訪問者を遠ざけてしまいます。同様に、ナビゲートしにくい Web サイトも同様です。 作業を進めるときは、ユーザビリティに関するいくつかの基本的な概念に留意してください。

• ナビゲーションをわかりやすく、見つけやすくします。 調査によると、ほとんどのユーザーは、Web サイトのナビゲーションが垂直方向でページ上部の中央に配置されることを期待しています。
• テキストブロックには読みやすいフォントを使用します。 コントラストの強い背景色とテキストの色を選択してください (ヒント: ホットピンクの背景に赤いテキストは使用できません)。
• サイトが画面にフィットすることを確認してください。 レスポンシブ デザイン (または同様に効果的なアプローチ) を使用して、Web サイトをすべての画面サイズに適応できるようにします。
• ウェブサイトが速く読み込まれるように、ウェブサイトを軽くしてください。
• 会社のロゴとタグラインをページ上で目立つようにします。
• ウェブサイト全体でスタイルと色を一貫して保ちます。
• コピーは明確かつ簡潔にし、重要な情報と機能 (ニュースレターの登録フォームなど) をスクロールせずに見える部分に配置します。
• スタイルと機能を分離しておきたいため、デザイン時にスタイル シートに何を含めるかについてメモを作成します。 これは、Web 標準に準拠するためだけでなく、必要に応じて将来何かを簡単に変更できるようにするためにも重要です。
• 将来のことも念頭に置いて設計する必要があります。 たとえば、あなたの Web サイトには今は数件のブログ投稿しかないかもしれませんが、XNUMX 件あった場合はどうでしょうか?

8.テストします。

テストは、バグを見つけ出し、最初に見逃した可能性のある詳細を把握するために重要です。 Chrome、Firefox、Internet Explorer、Safari や Opera Mini などのモバイル Web ブラウザを含むすべてのブラウザで Web サイトが希望どおりに表示されることを確認します。 自分の携帯電話、タブレット、さらに同僚の携帯電話やタブレットでもテストしてください。 サイトがどの画面に表示されても、一貫した外観を保ちたいと考えています。 すべてのリンクが機能していること、画像のサイズが適切であること、およびすべてのプレースホルダーが実際のコンテンツに置き換えられていることを確認してください。 すべてのフォームとその他の入力フィールドが機能していることを確認してください。

9. サイトを保守します。

サイトを立ち上げたら、作業は終わりではありません。 ウェブサイトは継続的に会社を代表する継続的な存在であるため、メンテナンスは非常に重要です。 分析ソフトウェアを監視して、Web サイトが一般のユーザーに対してどのように機能しているかを確認します。 ユニーク訪問者数、直帰率、Web サイトで最も人気のあるページなどの指標に注目してください。 特定の指標が他の指標よりも有益であることがわかるかもしれませんが、それは時間の経過とともに明らかになる情報です。

また、新しいコンテンツの投稿やサイトのセキュリティの監視を誰が担当するかなど、Web サイトを維持するための計画も立てておく必要があります。 そしてもちろん、ユーザーからのフィードバックも得ます。 フィードバックは改善のための貴重なツールです。

ウェブサイトを事前に計画することは、ビジネスにおいて他のことを計画するのと同じくらい重要ですが、このステップは、インターネットの不動産を獲得したいと考えている人々によって見落とされがちです。 時間をかけてウェブサイトの計画を立てることは大きな投資であり、必要な限り役立つ完成品を手に入れる可能性が高くなります。