マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBサービス WEBデザイン WEB制作

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(3)

投稿日:2015年2月20日 更新日:

こんにちは、デザイナーのAです。

以前、いいデザインと悪いデザインの見分け方についてご紹介いたしました。

いいデザインと悪いデザインの見分け方 その(1)
いいデザインと悪いデザインの見分け方 その(2)

今回はファーストビューについてご紹介したいと思います!

 

 

ファーストビューって何?

ユーザーの画面にWebページを表示した際、

スクロールせずに表示される最初の領域のことをファーストビューと言います。

だいたいノートパソコンなら600px、デスクトップパソコンなら800px 以内の範囲ですね。

image02

ユーザーはこのファーストビューの印象でそのページに留まるか、他ページへ離脱するかを瞬時に判断するそうです。(3秒~5秒ともいわれるほどスピーディ!)

一般的にページにとどまる訪問者は全体のおよそ20%といわれています。

そのため、集客からコンバージョンへ繋げるためには、ユーザーが検索してきたキーワード、

興味のあるコンテンツに関連した情報をファーストビューで視覚的にアピールできるかが

とても大切になります。

離脱率を下げるために、ページに滞在してくれる人の割合を増やす工夫がファーストビューにされているかいないか…が、

良いwebデザインかを見分ける材料になるともいえるでしょう。

 

デザイン性はもちろんその他にも

●魅力的なキャッチコピーであるか

●ユーザーのニーズに応じた情報を分かりやすく集約できているか

●スマホサイトの場合表示速度は適しているか

なども重要な要素ですね。

マーカーネットでは、お客様が何を求めているのか、何が必要なのかをじっくりヒアリングし、

最適なサイト設計を行わせていただいております。

株式会社マーカーネットにホームページ制作・WEB制作の依頼をお願いしたい方は是非こちらからどうぞ!

-WEBサービス, WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【グラフィック V.S. Webデザイン】グラフィック制作とWeb制作の違い-1-

こんばんは、デザイナーのOです。 実は私はグラフィックデザイナー出身で、約1年半前にWeb業界に入りました。 Webについてまだまだ勉強中の自分ですが、 実際にWeb制作に携わって感じた、グラフィック …

デザイナーの常識!? いいデザインと悪いデザインの見分け方 スマホサイト編

こんにちは、デザイナーのAです。 いいデザインと悪いデザインの見分け方 その(1) いいデザインと悪いデザインの見分け方 その(2) いいデザインと悪いデザインの見分け方 その(3) いいデザインと悪 …

親要素の大きさに合わせて画像をリサイズできるjQueryプラグイン「imgLiquid」

親要素の大きさに合わせて画像をリサイズできるjQueryプラグイン「imgLiquid」 https://www.markernet.co.jp/blog/2015/07/10/post-5790/ …

オンライン上でPDFファイルをWordファイルに変換する

オンライン上でPDFファイルをWordファイルに変換する

WEBディレクターとして働いていますと、PSDやPNGなどのデザインデータ以外にもパワーポイントやエクセル、PDFなどのファイルなどクライアント様からさまざまな素材をいただいたり、こちらが資料を作成し …

ウェブ上学習プログラム「Dash」!ブラウザでWEB制作(HTML, CSS, JavaScript)の基礎を学べ

ウェブ上学習プログラム「Dash」!ブラウザでWEB制作(HTML, CSS, JavaScript)の基礎を学べ

この「Dash」と呼ばれるプログラムはGeneral Assemblyが起業家などを育てる教育分野に転身したのをきっかけにもともと自社内の教育ツールとして開発されたものだったらしいのですが、評判が良か …