menu

キービジュアルはイメージより具体性。ファーストビューの効果的な改善その2

ディレクター心得

多くの場合、Webサイトのファーストビューは、「メインコピー」、「キービジュアル」、「サブ要素」、「導線」の4つの要素で構成されます。ネットユーザーの2人に1人がスマートフォンでWebサイトを閲覧している今、一目瞭然にユーザーメリットが伝わる効果的なファーストビューを制作するにはどんな点に気をつければいいのでしょうか? 引き続きファーストビュー改善のポイントについてご紹介します。

・キービジュアル
ファーストビューの印象を大きく左右するのがキービジュアル(メイン画像)です。ある婚活情報サイトではキービジュアルを変更しただけで購買率(CVR)が約140%アップした事例もあります。

キービジュアルに用いる画像を選ぶうえでよくやってしまいがちな失敗が、見た目を重視するあまり、ユーザーニーズから離れてしまうこと。特にWebサイトの印象を良くしようとして、廉価なストックフォトサイトや無料ダウンロードサイトのイメージ素材を使った結果、メッセージ性の薄いファーストビューになってしまう失敗ケースが少なくありません。

こうしたサイトで手に入れることができる画像は一見クオリティも高く、スタイリッシュに仕上がっていて使い勝手もいいのですが、その反面具体性には乏しく、ユーザーに与える印象は希薄になりがちです。
ユーザーの離脱を防ぎ、コンテンツへ誘導するのがプライオリティとなるファーストビューのメイン画像には、やはりユーザーの願望に直結した素材を使いたいもの。

具体的に、ファーストビューのキービジュアルにはユーザーの利用シーンやライフスタイルを表す画像を使うのが効果的です。例えば、20代~30代向けの化粧品やヘルスケア関連商材を販売するWebサイトの場合、きれいな女性モデルのイメージ画像を使うのも1つの方法ですが、やはりより身近な一般人の洗顔シーンの画像などを配置した方が直帰率も改善され、CVRも高くなる傾向があります。

またスマホユーザーが主力になった現在では、キービジュアルに盛り込む情報量をコンパクトにまとめるのも大切です。スマートフォンの小さいディスプレイでは複雑な画像は見づらいうえ、表示速度の低下を招くこともあります。また、画像に文字情報を加え過ぎると、デバイスによって正しく表示されない可能性もあるので、訴求ポイントと情報量のバランスに気を配って最適な画像を選ぶ必要があります。

小野 良勝 代表取締役

投稿一覧

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

iBeaconを活用してよりスムーズなタクシー決済を実現。「Pay with Hailo」

画像選びには意外な視点も必要? Facebookダイナミック広告の効果を高める3つのコツ

関連記事

  1. 「まだ東京で消耗してるの?」に学ぶ、オウンドメディア成功の秘訣

    オウンドメディアの重要性が指摘されるなか、注目を集めているのが管理人・イケダハヤト氏によるWebサイ…

  2. Webデザインを見極める目を養う、高品質のギャラリーサイト4選

    フラットデザインやマテリアルデザインなど、次々と新しい概念が生まれるWebデザインの世界。プロのWe…

  3. チャット機能に特化したWeb接客ツール3選

    閲覧・購買行動にもとづいたポップアップの表示や、Webサイトへの再訪問を促す自動メール配信機能など、…

  4. Webサイトの文章に+αの効果をもたらすフォントサイズ&位置の工…

    特定の文字や語句を強調する場合、Boldやアンダーラインが使われることが多くなりますが、タイポグラフ…

  5. WordPressの表示速度をアップさせるプラグイン5選

    アクセス解析やセキュリティなど豊富な機能が提供されているWordPressのプラグイン。使い方によっ…

  6. コンテンツ制作に集中できる、SEO対策済みWordPressテン…

    ユーザーの役に立つ情報を発信することによって検索上位獲得を狙うコンテンツSEO対策が主力となった今で…

  7. 無料&レスポンシブ対応済みのWordPressテンプレート3選

    Webディレクターの業務のなかでも意外と頭を悩ませることが多いのがレスポンシブ対応ではないでしょうか…

  8. Webデザインの初稿チェックで押さえておきたいポイント

    Webページの制作・修正のやりとりのなかでもとりわけ重要なのが、デザイナーから最初に提出されてきた初…

PICKUP

PAGE TOP