menu

Webページは第一印象が大事。レイアウトで最低限注意したい2つのポイント

制作

WordPressをはじめとしたCMS(コンテンツマネジメントシステム)の普及によって、Webサイトは誰でも手軽に制作できるものになりました。ただ、WordPressなど汎用的なツールで簡易的に制作したWebサイトは特徴がなく、どこにでもありがちな印象のものになってしまう場合もあります。

「野暮ったい‥」、「何か物足りない‥」。そんなWebページを避けるためには、どんな点に気をつける必要があるのでしょうか。レイアウトで最低限注意したい2つのポイントについてご紹介します。

・センタリングの乱用に注意
Webデザインの最近のトレンドの1つとして、カラムを使わずにコンテンツをセンタリング(中央揃え)で表示するWebページが増えてきています。

センタリングされたコンテンツはレスポンシブ対応もしやすく、ユーザーの視点を1か所に集める効果があります。その点で、ファーストビューで写真を全画面表示させるページなどとは相性がいいのですが、一方でページのホワイトスペース(余白)が中途半端になり、野暮ったい印象を与えてしまうことがあります。また、文章の切れ目が揃わないため、読みにくさにつながることもあります。

テキストが多めのページや、複数の見出しがあるページ、画像とテキストが左右横並びに配置されたページなどではセンタリングは避け、カラムを使ってオーソドックスにレイアウトした方がいいかもしれません。

・画像やイラストの効果的な配置とは?
SEO対策を意識するあまり、Webページのテキストを増やし過ぎてしまうとメリハリがなく、ページの印象も安っぽいものになりがちです。そういった意味ではやはり画像やイラストも効果的に使いたいもの。

画像やイラストを配置する際は、脳医学に目を向けてみるのもいいかもしれません。脳医学では、人間の右脳は「直感的」、左脳は「理性的」に働くとされ、それぞれ左右の視野に交差して結びついています。

あくまでコンテンツやデバイス環境との兼ね合いにはなりますが、ページ左側に直感的な表現にマッチした画像・イラストを配置したうえで右側にテキストを流すと、ユーザーによりスムーズに情報を届けるともできるのではないでしょうか。

また、リサーチ系のコンテンツなら、マーケットデータを数値化・ビジュアル化したインフォグラフィックを利用するのも1つの方法です。現在ではインフォグラフィックを手軽に作成できる無料ツールも多数公開されています。

Web制作に関するご依頼、ご相談、お見積はこちら

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

カスタマーサポートの改善事例「みずほ銀行」お問い合わせ・FAQ

サービス開始から約14年。変化し続けるリスティング広告の「今」(3)

関連記事

  1. 月間ユーザー1億人以上のサービスも。Webディレクターが知ってお…

    世界中で10億人以上の人に利用されているSNS。Webサイトも分野を問わずSNSからの流入が増えてお…

  2. 外注 or 自社制作?バナー制作会社を利用する場合のメリット&デ…

    的確な制作手順をふまえたうえで、自社の商材やブランドイメージに合わせてレイアウトやフォントを工夫する…

  3. 認知科学によって利便性を追求。Googleが推奨する「マテリアル…

    無料でダウンロードできるアイコンやフォント、ベクター素材などを上手く利用しながらデザインやレイアウト…

  4. ファイルをコンパクトにして表示速度をUP。JavaScript/…

    スマートフォンやタブレットの普及によってコミュニケーションのスピードが早まるなか、Webページに表示…

  5. ランディングページ制作に携わるなら知っておきたい、行動心理学の4…

    訪問したユーザーを納得させ、具体的なアクションに導くことが求められるランディングページ制作。Webデ…

  6. SNSとも相性抜群。心理テスト系コンテンツの3つの特徴・効果とは…

    会員登録や資料請求を目的とする各種ポータルサイトや結婚情報サイト、占いサイトなどでは、ユーザーが手軽…

  7. Photoshopの編集作業をより快適にする、ショートカットキー…

    メインの画像編集ソフトとしてPhotoshopを使っている場合、初期設定のカスタマイズとあわせて使い…

  8. 誰でも簡単にインフォグラフィックを作成できる無料ツール

    数値とイラスト、図形、グラフなどを組み合わせビジュアル化することによって、複雑な情報も直感的に伝える…

PICKUP

PAGE TOP