情報ベースのWebサイトまたはブログに最適なホームページレイアウト

あなたのホームページはあなたのサイト全体の歓迎のマットでなければなりません。 そのデザインだけで、あなたが何をしているのか、何を提供するのかを人々に知らせる必要があります。 続くすべてのページのトーンを設定し、提供するコンテンツに見合ったプロフェッショナリズムのレベルを暗示する必要があります。 ほとんどすべてのホームページにはすっきりとしたレイアウトが必要であり、すべてのサイトはナビゲートしやすいはずですが、特定の種類のWebサイトに適用される特定のデザインコンセプトがあります。

情報を提供したり、世界に提供するものに対してより教育的なアプローチをとったりする情報サイトは、自信を刺激する方法で設計する必要があります。 情報を求めてサイトを訪れる人々は、その仕事が専門的で、正確で、信頼できるものであるという印象を与えられるべきです。 知覚はデザインから始まるため、次のいくつかのセクションでは、情報ベースのWebサイトのレイアウトについて説明します。

ホワイトスペース

コンテンツ自体よりも重要であるか、少なくとも同じくらい重要なのは、忘れられがちな空白です。 コンテンツを取り巻く空白を注意深く計画することで、訪問者は管理可能なチャンクで情報を消化して理解する機会が得られます。 適切に配置された空白は、理解を向上させ、現在の素材の「粘着性」を高めることができます。

最初に段落とそのヘッダーを調べて、空白の最適化を開始します。 これらのアンカーを目立たせるために、必要に応じてマージンを操作します。 読者の注意を実際に引くには、主要なテキスト要素の下に間隔を空けて、スクロール中に読みやすいようにします。 ホワイトスペースは、サイトのアクティブな部分であり、読者が提示しているものを簡単に楽しめるようにするコンポーネントとして考える必要があります。

画像の配置を検討する

画像とビデオは、主にテキストとして資料を提示するWebサイトであっても、ほとんどすべてのWebサイトに必要です。 少なくとも、サイトにはロゴといくつかのイラストが必要です。 これらは、情報を配置する前に配置する必要があります。これにより、これらを回避する方法を理解できます。 訪問者が画像の周囲を読むことができるように、画像を使用して注意を引く必要があります。 それらを、目を引き、最も重要で説得力のあるコンテンツを見逃しにくい方法で画像の周りに配置する視覚的な磁石と考えてください。 これを正しく行うと、読者はあなたのコンテンツに夢中になります。

スライダーなし

スライダーは短期間はクールでしたが、情報ベースのサイトには決して優れていませんでした。 現在、スライダーは効果がないため、デザインはスライダーからほぼ完全に離れています。 スライダーは気を散らすものであり、消費するのが難しい方法で重要性の低い情報を提示することにより、実際にユーザーを混乱させる可能性があることがわかりました。 実際、調査によると、スライダーはコンバージョン率を損なう可能性があります。 スライダーの形状でさえ、「バナーブラインドネス」と呼ばれるものの結果としてWebサイトを傷つける可能性があります。 バナーブラインドネスとは、ユーザーがバナーの形を広告に関連付けるため、バナーの形を自動的に無視する傾向があることを指します。 つまり、スライダーは役に立たず、他の何千ものことに使用できるスペースを占有します。

モバイルブラウジングの人気の高まりはまた、バナーをインターネットのゴミの山に追いやった。 インターネットの使用の55％がモバイルデバイス（増加すると予想される数）から行われていることを考えると、見栄えが悪く、モバイルデバイスではまったく機能しないウィジェットでスペースを浪費することは意味がありません。 この事実を上記の好みの調査結果に追加し、スライダーのダメージ検索ランキングを考慮すると、スライダーがノーゴーであることが完全に明らかになります。

ドロップダウンメニューを使用する

ドロップダウンメニューはSEOに悪影響を与える可能性があるため、すべてのサイトに適しているわけではありません。 そうは言っても、ドロップダウンメニューは、サイトをクリーンアップして、多くの情報が含まれているときにサイトを整理するのに非常に役立ちます。 ドロップダウンメニューの利用に関しては、判断を下す必要がありますが、多くのユーザーにとって便利で、便利で、直感的であると考えてください。 これらのCSSドロップダウンメニューは可能ですが、JavaScript（jQuery、MooToolsなどを介して）が依然として最善の方法です。

コンテンツビュー

コンテンツビューは、提示したい情報へのウィンドウと考えてください。 これらのウィンドウは、どれだけ明確で、どれだけ大きく、どのように動作するかによって、コンテンツへのアクセスのしやすさに影響するため、計画を立てる必要があります。 ビューがページ全体を占める場合もあれば、ページのごく一部を占める場合もあります。 ビューを計画して、コンテンツを可能な限り最高の状態で表示します。

ビューを計画するときは、モバイルデバイスを覚えておいてください。 別のモバイルサイトがある場合は、ほとんどのデバイスで見られる小さな画面に合わせて最適化してください。 サイトのモバイル版をお持ちでない場合は、構築を検討してください。 フルサイズのWebページをモバイルデバイスに表示する良い方法はなく、ユーザーはその試みを容認しません。

ナビゲーションのしやすさ

あなたのサイトの情報を見つけるのが簡単でない場合、人々がそれを探しに行くことはないので安心してください。 すべてにアクセスできるようにする必要があります。つまり、サイトのナビゲーションに多くの時間を費やすことになります。 コンテンツが多ければ多いほど、ナビゲーションはより堅牢で、明確で、冗長である必要があります。 たとえば、6層または7層の情報があるが、ナビゲーションで単純な前後の移動しかできない場合、ユーザーは、探している情報に「下」をクリックして戻る前に、いくつかの層を「上」にクリックして戻る必要があります。にとって。 そのようなナビゲーションは面倒です。 少なくとも、論理フォルダー構造に密接に関連するナビゲーションをユーザーに提供します。 その後、彼らは自分がどこにいるかを追跡し、必要に応じて飛び回ることができます。

結論

あなたがあなたのサイトに詰め込むより多くの情報は、あなたがそれに入れる必要があるより多くの計画です。 紙またはホワイトボードでWebサイトのより大きな側面を設計することから始め、しっかりしたマスタープランが得られるまでコードに腰を下ろさないようにします。 コーディング時にリンクの色や画像の境界線の詳細に行き詰まり、サイト全体のデザインを忘れるのは簡単です。 簡単に言えば、ホームページを作成するときに参照できる青写真が必要です。これにより、デザインが管理しやすく、ユーザーにとって魅力的なものになります。