- 私たちの目標は何ですか-なぜウェブサイトを作るのですか？ どのように目標を達成しますか？
- サイトはどのように見え、動作しますか？
設計の利点について
設計はサイトに多くのことを与えます：
- 結果を達成する保証を大幅に増やします。
タスクを明確に定式化し、サイトのターゲットオーディエンスとそのニーズを決定し、サイトとそのユーザーの相互作用をシミュレートするだけで、必要なものが確実に得られます。 - 時間とお金を節約します。
設計段階で誤りを修正するのは非常に簡単です。テキストと図のいくつかの部分を変更します。 設計またはレイアウト開発の段階でこれを行うには、より費用がかかります。 プログラミング段階でエラーが検出された場合、その修正には数千（数十、数十万）ルーブルの費用がかかり、数か月、さらには数年かかることがあります。 - 作業を効果的に共有できます。
設計の割り当ては完全に自給自足の文書です。 それを受け取ったクライアントは、自分でサイトを作成するか、開発に直接対処するのが得意な別のチームを雇うことができます（デザインのみを実行し、クライアントが自分でサイトを開発した場合、このような経験があります）。
おそらく、例外は、低コストのサイト-5〜15,000ルーブルの予算で-設計が不採算になることです。
ウェブサイトを設計する方法
設計は4つの主要部分に分けることができます。
- 目標設定
- コンテキストスタディ
- コンセプト作成
- モデリング。
目標設定
目標の設定は、サイトを作成する理由と達成したい結果を決定するために必要です。 これは、モデリング、インターフェイスの作成、新しい機能の追加、古い機能の変更など、どのような作業を行っても、すべてのさらなる作業のガイドラインとして機能します。これらはすべて目標に対応する必要があります。
将来的には、プロジェクトの成功の評価にも役立ちます。
目標設定の最初のステップは、プロジェクトのビジョンで行われました。 設計段階では、目標がより正確かつ詳細に策定され、サイトのタスクが決定され、その実装が各目標を達成するために機能します。
コンテキストスタディ
情報を取得するには調査が必要です。これをサイトのコンテキストと呼びます。 コンテキストによって、サイトを取り巻くさまざまな状況を理解し、サイトの運用に影響を与える可能性があります。 これらの状況は次のとおりです。
- 対象ユーザーとそのニーズ、
- 地域の特徴と傾向、
- 競合他社とその活動、
- 他のプロジェクトの経験、
- 立法またはその他の制限
- プロジェクトの主題に応じた、その他の影響要因。
コンテキスト研究の利点
プロジェクトのコンテキストは、ターゲットオーディエンスとサイトの作成方法を理解するのに役立ちます：どのように配置するか、どの情報を中央アジアに伝えるべきか（これはコミュニケーション戦略と呼ばれます）、競合他社とどう違うか（もちろん、有利な方向に）。
さらに、研究によりプロジェクトチームがトピックに突入し、潜在意識レベルでもどこでも正しい判断を下すことができます。
もちろん何よりも、この調査は視聴者を理解するのに役立ちます。
- 彼女とのコミュニケーション方法：彼女との「会話」で使用する言葉、製品またはサービスの名前の付け方（専門的なスラング、またはその逆、意図的に簡略化された用語を使用する必要がある場合）、彼女の「あなた」または「あなた」 。
- 彼女のニーズは何ですか？優先順位は何ですか、オプションは何ですか？
データを取得する場所
理想的には、クライアントからコンテキストに関する情報を取得する必要がありますが、クライアントにそのようなデータがない場合は、コンテキストの調査を自分で行う必要があります。
研究のために、私たちが例外なく行ったすべてのプロジェクトで最もよく証明されている2つの方法を使用することをお勧めします：
- 利用可能なソースの研究 -文献、インターネットリソースなど。
- ユーザー、専門家-主な関係者とのインタビュー 。
- コンテキストデータがなければ、ユーザーにとって成功する可能性はゼロになる傾向があります。
- 独立した研究でさえ、専門家ほどではありませんが、有用な情報を提供します。
- また、上記の質問に対する答えを得ることができないほど研究を適切に行わない（これはありそうもない）場合でも、プロジェクトのコンテキストに没頭し、少なくとも無意識のうちに有用な何かを把握します。
ウェブサイトのコンセプトを作成する
すばらしい：目標が設定され、コンテキストデータが受信されました。 使用可能なすべての情報を概念に入れます（ビジョンで行ったことに類似していますが、より詳細です）。 コンセプトによって、プロジェクトに固有の主要なアイデアと機会を理解していることを思い出させてください：
- 私たちが何を、誰のために-共通のアイデアと対象読者;
- サイトがどのように機能し、どのような情報が含まれているか。
- サイトが獲得する方法（直接収益化を伴うプロジェクトの場合）。
- サイトの際立った特徴は何ですか（競合他社から）、どのように配置されますか？
- 立ち上げ後のサイトの開発方法。
ウェブサイトのモデリング
モデリングとは、機能と情報構造を記述するサイトモデルの作成です。
モデルの機能部分
モデルの機能部分では、サイトがユーザーに提供する可能性について説明します。たとえば、写真のアップロード、グループ化、コメント（ソーシャルネットワーク）または商品の注文と支払い（オンラインストア）です。 機会は問題を解決するためのツールであることを理解することが重要です。 発明された機会が問題のいずれも解決しない場合、これはそれが不必要であることを意味する可能性があります。 プロジェクトの割り当てでは、かなり高いレベルの抽象化で可能性を説明します-「プログラミングの参照条件」で行うほど詳細ではありません。ここでは単に必要ではないからです。
情報構造
情報構造は、サイトがどのセクションで構成されているか、それらが解決するタスク、およびユーザーがサイトをナビゲートする方法を示す図です（ナビゲーション図）。
次に、 パーティションスキームに取り組んでいます。これは、セクションのナビゲーション、リンク、およびサブセクション間の遷移を示す、より深く詳細な開発されたスキームです（サイトの情報構造と比較）。 パーティションスキームには、理想的には次の要素が含まれます。
- タスク -セクションで以前に設定されたタスクのどれが解決されますか。 たとえば、ソーシャルネットワークの「写真」セクションは、友人とその後のコミュニケーションの間で情報を交換する問題を解決します。
- メッセージは、文字通りセクションまたはその一部が訪問者に送信するメッセージです。 たとえば、「こんにちは、ポータルXXXにいます！ ここでお会いできてうれしいです。または「ねえ、これが私たちの最高の製品です。試して、今すぐ注文して、自分で確かめてください！」
メッセージにはさまざまな種類があります。 最も一般的なもの：広告、行動を促すフレーズ、通知、画像メッセージ。 - 機能要素 -訪問者が何らかの操作を実行できるようにするインターフェース要素。 たとえば、機能要素は、メッセージを送信できるメッセージを入力するためのフォーム、または行われた変更を保存するインターフェイスのボタンです。
- 訪問者の行動のバリエーション -サイトの訪問者がインターフェースまたはその個々の部分を研究した後にできることまたはすべきことに関する仮定。
まとめ
いつものように、簡単な結論：
- 必ずサイトを設計してください。 方法がわからない場合は、学習を開始します。
- 設計は便利です。サイトの品質を改善し、時間とお金を節約します。
- 設計はまず第一に問題の正しい記述であり、次にそれから生じる研究、概念および工学モデリングです。
この記事が役立つと思われる場合は、デザインのどの段階について詳しく知りたいかをコメントに書き留めてください。