ウェブデザイン (Web Design)

ウェブサイトのデザインは素晴らしい仕事です。

ウェブサイトを作成するとき、あなたは日常的に注意を払っていない多くのことを見ます。

ウェブサイトのデザインは、ウェブデザイン（ウェブサイトのレイアウトのデザイン）、ユーザーエクスペリエンス、その他多くのことを組み合わせたものです。

複雑に聞こえますが、そうではありません。どのようにあなたはあなたに多くの満足とあなたのウェブサイトの受信者を与えるであろうとても楽しいものにウェブサイトのデザインを変えることができますか？

Webデザインとは何ですか？

ウェブデザインは比較的新しい用語であるため、この方向性とは何か、そして誰がウェブデザイナーと呼ばれるかについては意見の相違があります。明確にしてみましょう。

広義のウェブデザインの概念は、開発、情報の構造化、ビジュアルシェルの作成、およびWebへの情報の送信の技術的側面を含むWebサイトの作成プロセスを指します。

ステージ

ウェブサイトの作成がどのようなものかをより完全に理解するには、ページが構想からネットワーク上で機能し始めるまでにどの段階を経るかを想像する必要があります。

• 技術仕様の作成：工事の開始は、サイトの目標と機能の詳細な計画が特徴であり、その構造と設計の見積もりが行われ、その後、顧客によって承認された作品の詳細なリストが作成されます。プロジェクトマネージャーがこれを担当します。

• 使いやすさ：現時点では、計画サイトのページの構造から、この場合の情報提示に最も便利なオプションまで、かなり幅広い質問が決定されています。これには、マネージャーとデザイナーのコラボレーションが必要です。

• グラフィックアート：デザイナーは、ページをより機能的にするだけでなく、単に装飾するために設計されたさまざまな要素を含む、サイトの視覚的表現を作成します。その後、グラフィック図面形式のサイトレイアウトが承認されます。

• レイアウト：プログラマーとして協力して、デザイナーは画像をブラウザーに表示できるようにするコードの形でアイデアを実装します。

• Webマスタリング：サイトがホスティングに配置され、情報が入力され、検索エンジンのトップへのプロモーションに進む最終段階。このサイトはすでにユーザーが利用できます。

Webデザインはどこから始めますか？

ウェブサイトのデザインは、ウェブサイトが果たすべき役割、つまりその目的を定義することから始まります。

あなたは正しいと思いました-他の目的のために役立つあらゆる種類のウェブサイトがあります。最も人気のある3つを区別します：ランディングページ、1ページのポケットベル、および従来のWebサイト。

もちろん大きなサイト（ポータルなど）もありますが、それはまったく別のトピックです。

最も単純なWebサイトは、ランディングページと1ページです。

通常は小さいですが（1ページのみ）、コンテンツはかなりたくさんあります。ただし、目的は異なります。

ランディングページとは何ですか？これは、連絡先を収集したり、何らかのアクションに関連するトラフィックに集中したりするために最もよく使用されます。通常、ランディングページにはあまりコンテンツがありませんが、ページの目的がはっきりとわかります。ランディングページには通常メニューがありません。

ポケットベルは、「引き伸ばされた」通常のWebページです。すべての情報は1つの非常に長いウェブサイトにあります。

最も重要なコンテンツは常に一番上にあります。つまり、要するに。ポケットベルには、後続のセクション見出しを参照するメニューがあります。

このタイプのWebサイトを設計および作成するには、特定のアプローチが必要です。それらは単純に見えますが、非常に要求が厳しく、他の何かからページを作成することから冒険を始める方が良いでしょう。

特に、ページのデザインは「通常の」ページに関連付けられていることがほとんどです。ホームページ、オファーのサブページ、ニュース、連絡先があります。これはインターネットの標準と言えます。

さらに、ユーザーは自分のポケットのような構造を知っています。

オンラインで名刺が必要な場合は、単純な1ページのポケットベルで十分です。あなたのウェブサイト（オファー、ブログなど）にもう少し情報を載せて、時間をかけて拡大したいですか？古典的なウェブサイトがちょうどいいでしょう。

何がわかったので、次はどのように、つまりWebデザインを開始します。

あなたのウェブサイトの目的は何ですか-これはウェブデザインが始まるところです

あなたはあなたのウェブサイトの目的が何であるかを知る必要があります。これにより、デザインしたページがユーザーにわかりやすくなります。

あなたがビジネスを運営している場合、ユーザーはあなたが何を提供しなければならないかを最初から知っている必要があります。

たとえば、自動車修理店があります。ユーザーは、自分が自動車修理店のWebサイトにアクセスし、特定のサービスを使用できることを知っている必要があります。

このようなウェブサイトの目的は、これらのサービスについて通知することであり、したがって、新しい顧客を引き付けることです。

ウェブデザインに関しては、明確に定義された目標を持つことが不可欠です。したがって、あなたは慎重にそしてあなたのウェブサイトの目的を明確に定義することを考える必要があります。

ウェブサイトの目的が何であるかを知ったら、あなたは聴衆が誰であるかについて考える必要があります。

Webデザイン-オーディエンスを定義する

あなたのウェブサイトは検索エンジンロボットによって表示されるだけではありません。したがって、あなたはあなたのウェブサイトの聴衆が誰であるか（そして誰であるか）を考慮する必要があります。

結局のところ、それはあなたが手を差し伸べたいものですよね？

あなたのウェブサイトの聴衆を決定することはあなたのウェブサイトの目的に直接関係しています。結局のところ、彼らはあなたの目標を達成することです。

ウェブサイトのデザインでは、このようなプロファイリングを「人を作成する」と定義しています。

したがって、ユーザーが何を望んでいるのか、そして誰になるのかを正確に考える必要があります。ペルソナは単なる「完璧なユーザー」です。

あなたは間違いなくあなたのウェブサイトのいくつかのユーザープロファイルを念頭に置いています。あなたは彼が正確に何を必要としているのか、彼の好みは何であるのか、なぜ彼があなたのウェブサイトにいるのか、そしてあなたがあなたの目標を達成できるように何をそこにあるべきかについて考えなければなりません。

たとえば、自動車修理店のWebサイトの理想的なユーザーは、自動車修理が必要な人です。

彼は、ワークショップが提供するサービス、場所、勤務時間、連絡方法を知りたいと考えています。彼らはウェブサイトでこの情報を探します。

それらを目に見える場所に置くのはあなたの側です。

言い換えれば、人を作成することで、ユーザーのニーズによりよくウェブサイトを適応させることができます。

覚えておいてください-（良い）ウェブサイトのデザインは、特定の人々のニーズへの対応と密接に関連しています。それがあなたの理想的なユーザーです。

オーディエンスを定義すると、ユーザーがサイトで見つけたいものを簡単に定義できるようになります。

ユーザー向けのウェブサイトを作成する、つまりウェブサイトに何を掲載するか

Webサイトの目的を理解し、その理想的なユーザーが誰であるかを判断したら、Webサイトでの作業を開始できます。

あなたがウェブサイトの目的とユーザーのニーズについて考えるのに費やす時間は報われるでしょう。

特に、そのようなよく考えられたWebサイトは、ユーザーのニーズに対応し、したがって、目標を達成します。

Webデザインの次のステップは、Webサイトに何を表示するかを明確に定義することです。

この段階でウェブサイトをデザインすることは、コンテンツを整理することです。

ページに必要なものを書き留めることから始めます。それは長いリストになる可能性があり、突然数十のアイテムになることを心配する必要はありません。

次に、これらをグループ化してみてください。次の段階で大いに役立ちます。準備したリストを数日間そのままにしておきます。本当に2つで十分です。

この後、リストをもう一度見て、ユーザーとして扱います。あなたが持っている一人一人の視点から、どのものが関連しているかを見てください。

それぞれがわずかに異なる情報を探しているので、それを考慮に入れる必要があります。たとえば、自動車修理店を探している人は、連絡先、場所、営業時間を検索します。この情報は、ページに明確に表示される必要があります。

今こそ、過剰な情報のリストをクリアする良い機会です。それらのいくつかは完全に不要かもしれません。

それらをページから削除するか、最後に追加することができます。この情報のカテゴリへのグループ化は、ページ上で情報を分離するのに役立ちます。あなたはそれがあなたの仕事をどのように簡単にするかを見るでしょう。

グループ情報を作成するときは、重要度の高い順に番号を付けてください。

一番上にある最も重要なもの、一番下にあるもの。この方法で情報を分解したら、各グループの重要なものを見つけます。

この情報はホームページにあるはずです。あなたはそれらを開発する必要はありません、彼らはあなたがそれらを提供するものをユーザーに知らせる必要があるだけです。

彼らがもっと知りたいのなら、彼らは間違いなく先に進むでしょう。

理想的には、検索フレーズであるキーワードの形で最も重要な情報を提供する必要があります。次に、ホームページはあなたが提供しなければならないものをうまく伝え、それ自体をうまく配置します。

あなたのウェブサイトにはどのサブページが必要ですか？

情報を共有する方法がわかったら、サブページの作成を開始できます。この情報が重複している場合は、もう一度考えてみてください。もしそうなら-そうあるべきかどうか（そしてそれがあなたの目標を達成するためにユーザーによって必要とされるかどうか）を考えてください。各サブページは、作成したグループの1つに対応している必要があります。

3つまたは4つのグループがある場合-完璧です！あなたのウェブサイトの構造は練習の準備ができています。

それらがもっとある場合は、これらのグループが互いにどのように関連しているかを検討してください。多分彼らは共通の分母を持っていますか？要素が少ないほど良いことを忘れないでください。

ミニマリズムは、ユーザーが何が起こっているかをすぐに確認できるため、Webサイトを設計するときに非常に役立ちます。すぐに表示されるため、必要な情報を探す必要はありません。

ウェブサイトの構造化された情報には心理的な効果もあります。ウェブサイトをスマートにすると、反対側には信頼する価値のある専門家がいます。

そしてそこから、それはユーザーによるあなたの目標を達成するための一歩に過ぎません。

紙と鉛筆-ウェブデザインを簡単にします

自分を傷つけるのは良いことです。特に、ビジュアルWebデザイン（トレンドに従う）の方法がわからない場合は、覚えておいてください：常に刺激を受ける価値があるので、

気に入ったページをいくつか参照して結論を​​出すことをお勧めします。だからこそ、一枚の紙であなたのウェブサイトをデザインし始めるのは良いことです。その上にあるべき要素を取得したら、それらを後続のサブページに分割できます。各ページを1ページにします。

後続の要素を各「サブページ」に配置します（重要度の階層を維持することを忘れないでください）。削除を恐れる必要はありません。

テスト-ウェブサイトデザインの重要な要素

愛する人の助けを過大評価することはできません。ウェブサイトをユーザーに表示する前に、友達にあなたのプロジェクトについてどう思うか聞いてください。

彼らに同じ質問をすることを忘れないでください。

これにより、デザインを簡単に調整できるようになります。

もちろん、彼らにサイトがどのように気に入っているかを尋ねることから始める価値があります。次に、あなたが伝えたいことを彼らが理解しているかどうか、そして彼らがページの目的を簡単に達成できるかどうかを尋ねます。

もちろん、それを簡単にするために、あなたは彼らにあなたの目標が何であるかを伝えることができます。これにより、ウェブサイトの目的が明確であれば、彼らがあなたに答えやすくなります。

次に、これらのコメントを収集し、それらを実装する方法について考えます。そして、それらを紹介する価値はありますか？結局のところ、これはあなたのウェブサイトですが、あなたの友人も良いテスターです-彼らの意見は考慮に入れる価値があります

ウェブサイトとSEOの位置付け-ウェブサイトのデザインを始めるときは、これを覚えておく必要があります

あなたが人々に到達したい場合は、あなたのウェブサイトの位置付けについて覚えておく必要があります。良いキーワード、代替写真の説明、タイトル、および各ページの説明-それは最低限です。

見出しの階層も覚えておく必要があります。そのおかげで、検索エンジンロボットは、ページ上で自分自身を方向付けるのが簡単になります。ローカルで行動する場合は、いわゆるローカルSEOについて覚えておいてください。つまり、選択したキーワードに地名を追加することについてです。

ウェブサイト上のグラフィック

ウェブサイトのデザインは、優れたグラフィックを選択することでもあります。あなたが良質のあなた自身の写真を持っているならば、トピックはほとんど閉じられています。ウェブサイト上の写真は高解像度である必要はありません。実際には、小さいほど（つまり、使用するディスク容量が少ないほど）優れています。

大きな写真が多数あるWebサイトの読み込みが遅いため、配置に悪影響があり、ユーザーは待たされます。写真の理想的な幅は1200〜1400ピクセルを超えてはなりません。

それらを圧縮して代替の説明を追加することは常に良い考えです。注意：ブラウザロボットはグラフィックを見ることができませんが、写真の別の説明を喜んで「読む」ことができます。

最も重要な要素-一言で言えばウェブデザイン

Tメインページは常に最も重要です。ここに、ユーザーが最初に見つける必要のある重要な情報と要素を配置します。

これらの要素がページの上位にあるほど、ユーザーはそれらをすばやく見つけることができます。ホームページは、ユーザーに最初に表示されるページでもあります。したがって、読みやすく、重要な要素が含まれている必要があります。

すべてのページにメニューが必要です。

それはあなたのウェブサイト上のユーザーをナビゲートするのに役立ちます。この要素は可能な限り理解できるものでなければならないことを忘れないでください。

したがって、メニュー内のサブページの典型的でハックニーされた名前は、ユーザーが期待するものです。結局のところ、ウェブサイトのデザインは多くの場合、実績のあるソリューションに基づいています。ホームページ、オファー、価格表、連絡先、顧客からのフィードバックなど-このようなメニュー構造により、ユーザーは探しているものをすばやく見つけることができます。

内部リンクも各ページの重要な要素です。

したがって、ホームページにオファー専用のセグメントを配置する場合は、このセグメントに、オファーのあるサブページにユーザーを誘導するリンクを含めることをお勧めします。

ページにテキストを配置するときは、いわゆる見出しの階層を維持することを忘れないでください。ヘッダーは太字の大きなテキストとして表示される場合があります。

実際、ヘッダーはページ上で3つの主要な役割を果たします。ヘッダーは、以下のテキストの主題について通知し、ページ上の情報を整理し、配置に役立ちます（検索エンジンロボットは、テキストよりもヘッダー内の情報をすばやく見つけます）。

また、見出しの階層についても覚えておいてください。そのおかげで、ユーザーはどの情報が一般的で（特定の情報グループに関連して）、どれが詳細であるかを知ることができます。

最も重要なことは、ページごとに1つのH1見出しのみが存在する必要があることです。このようなヘッダーには、ページの名前を含める必要があります（つまり、連絡先ページでは、「[会社名]-連絡先」または「[会社名]との連絡先」である必要があります）。